工具

IDE為idea16*

JDK環境為1.8

gradle構建，版本：2.14.1

Mysql版本為5.5.27

Tomcat版本為7.0.52

流程圖繪制(xmind)

建模分析軟件PowerDesigner16.5

數據庫工具MySQLWorkBench，版本：6.3.7build

本期目標

1.文章閱讀前端頁面全部完成

2.根據頁面框架進行解耦

頁面附屬信息

文章信息

文章系統前端頁面

文章系統作為我們博客系統中重要的一環，我們需要的不僅僅是文章系統，更多的是可以理解成一個自媒體平臺，我們的核心價值通過這個體現出來了，才能把其他的東西做好。

上次我們的文章中可以看到前端頁面的一些東西，主要是：

文章列表(文章內容)

文章分類導航

標簽聚合導航

站點基本信息

等···

出于便利考慮我們需要把頭尾單獨抽取出來存放，頁面其他的內容我們需要根據需要處理。現在我們先不考慮那么多，我們只是基于程序合理建設的角度來說，我們需要把頁面上面動態變化的信息都獨立做成接口來供外部調用，然后一般不怎么變化的東西我們就直接固化到頁面中，即是說：

中間的列表我們采用分頁加載，全部動態從接口獲取

上面的一些其他變化的信息我們從請求的時候就附加給它

所以，我們需要把前面的首頁接口重寫一下。

首先，我們給首頁獲取數據的接口打上過時的標記。

既然我們已經把首頁的設置為過時，那么新的接口必須對照著做一個，那么我們需要怎么處理呢？按照前面的思路來講，我們現在需要根據需求將我們頁面信息拆分成多個接口，首先需要把左邊我們圈出來的部分整合到一起，那么我們需要先把個人信息分類導航和標簽聚合這幾個獨立出來，所以得我們直接上代碼。

說實話感覺上面沒啥解釋的，說白了就是將數據按照一定的結構組合起來，具體展示的json如何，我們可以直接在下面看：

通過上面我們組織的json，我們可以很清晰明了的看到我們的數據結構是根據頁面結構來組合的，所以我們需要數據的時候對應著取值就可以解決問題。

說了這么多后端的接口，我們現在需要拿數據去前臺展示，所以我們需要在前端獲取數據。前臺數據展示還是使用doT.min.js來展示，代碼如下：

上面我們可以看到pagefn用了幾次，這個是doT的關鍵詞，意思是設置模板。

其實在上面的代碼中我們可以看到doT模板和其他的都差不多，無非就是按照固定的格式組裝數據，反正就是網頁怎么寫的，然后把格式套上，然后按照格式輸出就行了。

做到這里后，我們就能看到做出的結果是什么樣子的了。效果圖暫時不上，大家后面自行下載項目運行就知道了。

既然這里做了，那么我們勢必要做一下項目的文章詳情。文章詳情我們應該怎么辦呢？ 我們需要通過關鍵數據去查找到具體的文章信息。

我們可以看到上面的json數據中包含一個id的字段，然后我們對照數據庫會看到id和數據庫的id也是對應的。所以我們需要用接口實現通過ID查找數據庫對應的文章信息。思路有了，那么代碼實現就是很容易的，直接代碼如下：

上面的代碼一個是RESTful風格請求地址的文章頁面，一個是api接口訪問地址。下面分別是Service和Dao層的代碼。

那么目前前端頁面相關的東西基本完成，這一期也結束了，后面我們就是配置系統后端了。加油，有興趣額的一起來吧。

總結

以上是生活随笔為你收集整理的java网络文章博客抓取系统_java 后端博客系统文章系统——No3的全部內容，希望文章能夠幫你解決所遇到的問題。

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