天天看點

從零開始搭建個人部落格(spring boot)-實作清單,詳情,分頁功能

編輯工具:IDEA

使用架構:springboot

第一步,建立名為blog 的springboot項目

建立springboot項目

名為blog

第二步,導入依賴

熱部署依賴

第三步,配置application.properties

第四步,配置項目的熱部署(修改檔案無需重新開機服務)

因為我們已經導入過devtools依賴,是以我們隻需要對ide進行配置

①settings->Build,Execution,Deployment->compiler,勾上

②按住組合鍵“Shift+Ctrl+Alt+/” ,選擇 “Registry”,

開始coding吧

一、配置資源檔案

由于使用idea建立的springboot項目,初始化之後,我們是無法建立class檔案的,我需要對項目目錄進行配置,具體步驟如下

選擇自己建立的model

打開目錄至java下,點選sources,就可以了

二、建立測試demo看看系統能否跑起來,

測試代碼内容

項目測試成功頁面将會傳回hello

既然項目已經跑起來了,我們可以進行下一步了,将我們準備好的前端頁面全部導入項目,測試是否能夠正常通路。

導入後的目錄結構如下

輸入通路位址,可以看到我事先準備好的靜态頁面

三、準備基本架構

①建立資料表結構,導入我事先準備好的資料表:

②建立項目分層結構(controller,entity,bizlogic)

③建立基本實體

④因為我是用的是mybatis的通用mapper,是以我需要建立通用mapper,這個mapper必須要要放在包掃描之外,建議放在和bootapplication同級目錄之中

⑤建立通用mapper需要使用到的工具類

四、三層結構依次開發

entity:首先我開發文章清單這一塊,建立對應的實體資訊如下,省略get,set方法

dao 建立對應的dao繼承通用mapper的接口,改接口如過隻需要實作簡單的增删改查,則不需寫任何方法

bizlogic: 建立業務邏輯層實作具體的業務操作

該方法裡面隻有兩個方法,一是擷取文章清單,而是擷取文章詳情

controller,

controll裡面也會對應兩個控制方法,

前端頁面修改:

templates含有兩個頁面,一個是清單頁,一個是詳情頁

首先我們來處理清單頁,使用freemarker集合去周遊台資料

這裡面的集合變量是和背景傳過來的變量保持一緻

詳情頁面,和清單頁操作一樣,隻是不需要周遊,直接使用變量即可。

打開浏覽器。檢視清單頁

點選标題檢視到詳情頁

到此已經完成部落格的基本展示功能了,其他頁面可以類似操作,但是如果頁面文章太多,就需要進行分頁,最後再整合下PageHelper插件實作分頁功能

在原來的清單方法中添加如下代碼

前端頁面分頁的方法如下

點選分頁按鈕,重新請求背景資料,

到此 部落格詳情頁,清單頁和分頁功能已經實作。

感謝大家能看到這裡,文中講的不正确的地方,歡迎在下方留言,我會及時修正。

歡迎大家關注我的公衆号,會不定時更新技術幹貨。

樂哉碼農