本來除博文管理模塊還有標籤模塊、友情鏈接模塊、系統評論模塊未寫的
但是這些模塊都比較簡單,和我之前寫的兩篇博文的數據處理過程基本相同,就不想在此贅餘了=w=
建議從第三篇博文開始看起:https://blog.csdn.net/DaiYuMeng/article/details/104677362
一、界面圖
(1)博文列表界面
(2)查看相關評論界面
對於數據庫結構、layui的數據表格之前的博文都仔細講解過了,這裏主要講解templet模板、搜索功能及查看相關評論功能是如何做出來的
二、templet模板
需求:數據庫傳過來的是時間戳,需要在前端渲染成普通的日期格式
(1)寫一個事件處理函數
(2)找到數據表格中需要模板化的列,加入templet屬性,注意格式
需求:數據庫傳過來的是id值,需要在前端渲染成對應的名稱
(3)寫一個script標籤,注意type=html
(4)找到數據表格中需要模板化的列,加入templet屬性,注意id值對應
三、搜索功能
(1)頁面佈局
(2)點擊搜索按鈕觸發相關事件
table.reload方法裏的第一個參數seaReload是和渲染表格時table.render方法裏的id值對應
(3)getSearchArticle接口的處理流程
(4)dao層的相關處理流程
四、查看相關評論功能
(1)使用layui裏的工具條模板,注意script的類型是爲text/html
(2)監聽table裏的工具條
(3)listArticleComment裏面同樣也是使用layui的數據表格,這就相當於一個嵌套一個
因爲一篇博文寫太長,個人覺得看的很不舒服,所以就把這個博文管理模塊展開來寫了~
代碼最上方下載查閱~
有任何問題歡迎下載留言>3<