前言

• 最近，用Springboot thymleaf ajax實(shí)現(xiàn)了一個小型網(wǎng)盤系統(tǒng)，記錄其中心得。

項(xiàng)目完成背景

• 有個堂姐做食品公司采購部門，經(jīng)常收到客戶發(fā)來的質(zhì)檢，規(guī)格書，廠檢等等小文件信息，在郵箱中儲存時候自己查看起來比較麻煩，想讓我?guī)退鉀Q優(yōu)化下，恰好剛剛掌握些寫網(wǎng)頁小知識就答應(yīng)了。

項(xiàng)目環(huán)境：

• 前端：html thymleaf（混合） layui jquery
• 后端：Springboot Mybatis mysql5 （后續(xù)要加入安全框架，我自己就簡單用session了）

項(xiàng)目步驟：

分析角色：管理員，客戶

分析操作：上傳文件，（花式）查看（下載）文件，（花式）查看用戶，操作信息（管理員）。

建庫，寫基本增刪改查。Junit單元測試方法。

測試文件上傳和下載（最重要的是上傳的路徑要唯一且能找到），因?yàn)槲募蟼饕郧皩戇^（博客里javaweb里模板可用），直接移植。

修改前端，寫前端（被坑了挺久）

渲染數(shù)據(jù)（也是我很糾結(jié)的地方）

測試，打war包上傳測試

這里面有兩個比較坑的地方，

• 一是Springboot上傳文件到相對路徑的時候因?yàn)镾pringboot是內(nèi)置tomcat，路徑不固定，這點(diǎn)很不友好，而SSM傳統(tǒng)項(xiàng)目相對來說webapp路徑更好測試一些。還有模板夠強(qiáng)大路徑?jīng)]問題。
• 另一個就是渲染數(shù)據(jù)了，因?yàn)橐郧皩戫?xiàng)目都是使用ajax json進(jìn)行渲染傳輸，然后發(fā)現(xiàn)現(xiàn)在很多模板引擎依然盛行，然后就想著實(shí)戰(zhàn)下模板引擎。本來想完全采用模板引擎 Model傳輸數(shù)據(jù)，后來發(fā)現(xiàn)有些場景真的還是用Ajax更好，更方便。

因?yàn)樽约菏浅鯇W(xué)者，將thmyleaf基礎(chǔ)使用和注意點(diǎn)記錄下來。

thymleaf文件名為 xxx.html在teamplates文件夾下。要有對應(yīng)的controller進(jìn)行渲染

雖然為html后綴，但是有些和html還是不同的，需要加上固定前綴頭，并且引入資源要用thymleaf的格式：th:href="@{xx/xx/.css}" th:src的js文件也是如此。

對應(yīng)一些屬性需要渲染時候，后臺還是傳統(tǒng)的Springmvc的Model，Modelmap，Modelandview三種map傳值，前端thymleaf有自己的寫法，比如渲染表單的value時候后端：model.addAttribute("msg","你好");在前端渲染在文本框value里時候：th:value="${msg}",渲染文本的而不是屬性時候th:text="${msg}"即可

對于java的bean對象填入model里面時候即可渲染，對于List對象即可渲染，對于其他種類渲染可參考其他資料。

但是，thymleaf并不是適合所有場景，比如 對于這種只需要局部刷新，而不需要加載整個頁面的，則用ajax最好了。如果每次都用model真的不知道多浪費(fèi)資源和時間。

另外一點(diǎn)ajax好的地方就是利于緩存，因?yàn)榻缑婵傤}樣式不變，變得是部分?jǐn)?shù)據(jù)，那么就可以將html頁面緩存，每次打開的時間執(zhí)行ajax就可以渲染數(shù)據(jù)，而模板引擎需要查詢到后臺數(shù)據(jù)才能加載出來，返回的是整個頁面，效率也不如ajax。并且ajax更適合分工合作。而thymleaf更適合個人開發(fā)，或者不太熟悉ajax，js語法庫的人使用。。

對于項(xiàng)目打包，建議打成war包，因?yàn)轫?xiàng)目里有文件夾數(shù)據(jù)，打成war如果項(xiàng)目更新只改動更新部分而不會丟失數(shù)據(jù)。

另外附上一些功能圖，管理端，客戶端

至于項(xiàng)目比較爛，就不貼了。因?yàn)樽约撼鯇?#xff0c;不善于前端，還用的之前的layui模板二次開發(fā)。有點(diǎn)小混亂。 ?

• 如果對后端、爬蟲、數(shù)據(jù)結(jié)構(gòu)算法等感性趣歡迎關(guān)注我的個人公眾號交流：bigsai

總結(jié)

以上是生活随笔為你收集整理的Springboot制作小网盘系统(小项目)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。