springboot-thymeleaf添加一個表格和video
一、利用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
打開瀏覽器，拜候/sjn/hello,可以看到video主動播放了，可以點擊 暫停/播放 按鈕暫停或者播放vide，也可以放年夜或者縮小video；當鼠標放在video上方時，會展示出video標簽自帶的節制面板，節制面板中有進度條、聲調子節、全屏和下載功能。
- 發表于 2018-04-10 00:00
- 閱讀 ( 1065 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章