編輯工具: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插件實作分頁功能
在原來的清單方法中添加如下代碼
前端頁面分頁的方法如下
點選分頁按鈕,重新請求背景資料,
到此 部落格詳情頁,清單頁和分頁功能已經實作。
感謝大家能看到這裡,文中講的不正确的地方,歡迎在下方留言,我會及時修正。
歡迎大家關注我的公衆号,會不定時更新技術幹貨。
樂哉碼農