steam想申明库存量，不晓得在哪里去增设，那个出口处是稍稍有点儿深，由此可见毕竟也很单纯，一起来看一看什么样操作方式。操作方式方式01登入steam后，点选街道社区旁的对个人......
2024-02-05 538
springboot-thymeleaf添加一个表格和video
来源：互联网
2023-02-21 18:37:19 374
一、使用thymeleaf标签，将后台的数据填充到表格中，并实现一个简单的点击事件，点击页面会弹出提示框。
二、使用video标签，播放video。
springboot新建的类一定要放在和启动类同一个包的目录下，因为springboot自动扫描的是启动类所在的包；如果不放在启动类所在的包下，将导致Controller、service等类扫描不到。
工具/原料
- thymeleaf
- video、table
方法/步骤
在static目录下创建js和images目录，创建hello.js,找一个图片命名3.jpg。先看一眼项目的目录结构，如下图，
首先编写User类，有三个属性：姓名、性别、phone。
编写Controller，构造四个user，存储到List中，并将数据返回到前台。
编写hello.js，和Hello.html文件,代码如下
启动项目，访问/sjn/hello，点击屏幕会出现提示框，多次点击会出现不同的提示信息
添加视频：首先在static下创建一个video目录，把要播放的video放进去
除了播放video，还实现了放大和缩小video的功能，先来在js文件中添加播放、放大和缩小video的方法。
修改Hello.html文件,增加三个按钮，和一个video标签，设置属性，让video展示控制图标，并循环播放。
在Hello.html文件的下方的script>中，获取video，并播放video，这样可以使得页面加载的时候自动播放。
打开浏览器，访问/sjn/hello,可以看到video自动播放了，可以点击 暂停/播放 按钮暂停或者播放vide，也可以放大或者缩小video；当鼠标放在video上方时，会展示出video标签自带的控制面板，控制面板中有进度条、声音调节、全屏和下载功能。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：如何将网页上复制的文字中的箭头替换掉 下一篇：如何彻底关闭Win10系统的自动更新
相关文章
- 详细阅读
-
ps快捷键大全与常用快捷键-ps常用快捷键大全和技巧详细阅读
操作方式方法01【辅助widget】多种辅助工具相连接两个功能键的可同时按【Shift】加此功能键挑选出1、正方形、圆锥选框辅助工具 【M】 2、终端辅助工具 【V】 3、截叶......
2024-02-05 476
-
qq头像上传失败怎么办-qq头像上传失败1503详细阅读
操作方式01文档格式难题qq肖像最合适用jpeg文档格式的相片，若是相片有透明化地下通道，能选用png文档格式上载。 02大小不一难题若是相片极重也可能将引致上载失利，检......
2024-02-05 402