一、利用thymeleaf标签， 将后台的数据填充到表格中， 并实现一个简单的点击事务， 点击页面会弹出提醒框 。
二、利用video标签， 播放video 。
springboot新建的类必然要放在和启动类统一个包的目次下， 因为springboot主动扫描的是启动类地点的包；若是不放在启动类地点的包下， 将导致Controller、service等类扫描不到 。
需要这些哦
thymeleaf
video、table
方式/
1在static目次下建立js和images目次， 建立hello.js,找一个图片定名3.jpg 。 先看一眼项目标目次布局， 如下图，
文章插图
2起首编写User类， 有三个属性：姓名、性别、phone 。
文章插图
3编写Controller， 机关四个user， 存储到List中， 并将数据返回到前台 。
文章插图
4编写hello.js， 和Hello.html文件,代码如下
文章插图
文章插图
5启动项目， 拜候/sjn/hello， 点击屏幕会呈现提醒框， 多次点击会呈现分歧的提醒信息
文章插图
文章插图
6添加视频：起首在static下建立一个video目次， 把要播放的video放进去
文章插图
7除了播放video， 还实现了放年夜和缩小video的功能， 先来在js文件中添加播放、放年夜和缩小video的方式 。
文章插图
8点窜Hello.html文件,增添三个按钮， 和一个video标签， 设置属性， 让video展示节制图标， 并轮回播放 。
在Hello.html文件的下方的<script>中， 获取video， 并播放video， 如许可以使得页面加载的时辰主动播放 。
文章插图
文章插图
9【springboot-thymeleaf添加一个表格和video】打开浏览器， 拜候/sjn/hello,可以看到video主动播放了， 可以点击 暂停/播放 按钮暂停或者播放vide， 也可以放年夜或者缩小video；当鼠标放在video上方时， 会展示出video标签自带的节制面板， 节制面板中有进度条、声调子节、全屏和下载功能 。
推荐阅读
- 一个可以编辑FLV格式视频的视频编辑器
- 美颜相机如何关闭自动添加水印
- 足球马赛回旋练习方法
- 荒野行动怎么换号
- 小米6怎么录制屏幕视频？
- 苹果手机怎么设置动态锁屏壁纸和添加声音
- Win10系统电脑怎么添加局域网内的打印机
- 如何在photoshop中添加字体
- 颠覆认知！世界上第一个动物很可能是食“肉”动物？
- 广西春节习俗是怎样的