前言

• 最近，用Springboot thymleaf ajax實現了一個小型網盤系統，記錄其中心得。

項目完成背景

• 有個堂姐做食品公司采購部門，經常收到客戶發來的質檢，規格書，廠檢等等小文件信息，在郵箱中儲存時候自己查看起來比較麻煩，想讓我幫她解決優化下，恰好剛剛掌握些寫網頁小知識就答應了。

項目環境：

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

項目步驟：

分析角色：管理員，客戶

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

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

測試文件上傳和下載（最重要的是上傳的路徑要唯一且能找到），因為文件上傳以前寫過（博客里javaweb里模板可用），直接移植。

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

渲染數據（也是我很糾結的地方）

測試，打war包上傳測試

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

• 一是Springboot上傳文件到相對路徑的時候因為Springboot是內置tomcat，路徑不固定，這點很不友好，而SSM傳統項目相對來說webapp路徑更好測試一些。還有模板夠強大路徑沒問題。
• 另一個就是渲染數據了，因為以前寫項目都是使用ajax json進行渲染傳輸，然后發現現在很多模板引擎依然盛行，然后就想著實戰下模板引擎。本來想完全采用模板引擎 Model傳輸數據，后來發現有些場景真的還是用Ajax更好，更方便。

因為自己是初學者，將thmyleaf基礎使用和注意點記錄下來。

thymleaf文件名為 xxx.html在teamplates文件夾下。要有對應的controller進行渲染

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

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

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

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

另外一點ajax好的地方就是利于緩存，因為界面總題樣式不變，變得是部分數據，那么就可以將html頁面緩存，每次打開的時間執行ajax就可以渲染數據，而模板引擎需要查詢到后臺數據才能加載出來，返回的是整個頁面，效率也不如ajax。并且ajax更適合分工合作。而thymleaf更適合個人開發，或者不太熟悉ajax，js語法庫的人使用。。

對于項目打包，建議打成war包，因為項目里有文件夾數據，打成war如果項目更新只改動更新部分而不會丟失數據。

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

至于項目比較爛，就不貼了。因為自己初寫，不善于前端，還用的之前的layui模板二次開發。有點小混亂。 ?

• 如果對后端、爬蟲、數據結構算法等感性趣歡迎關注我的個人公眾號交流：bigsai

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。