最近學習了B站碼神之路的基於SpringBoot的博客系統項目,在此總結下:
B站鏈接:【碼神之路】項目實戰教程,springboot+vue練手級項目,真實的在線博客系統,十年大廠程序員講解,從易到難,循序漸進_嗶哩嗶哩_bilibili
源代碼可以去群里取,建議跟着老師動手敲一遍,還是收獲頗多的。
環境配置:后端開發采用idea,前端用Vscode,數據庫用的mysql+redi緩存
1.總體效果
1.1進入博客首頁如下
主要 包括以下幾個主要部分:
1.1.1左邊是文章頁面的顯示
每篇文章會顯示文章所屬類別和觀看該文章的人數及創建文章的時間,如下。
點擊文章,進入文章詳情頁;比如點擊《SprinBoot入門案例》進入如下頁面
當讀完之后進入如下頁面(到達文章底部)
讀完文章后,文末會顯示文章所屬分類和文章標簽,以及對應的評論(注意:評論分為讀者對寫文章的人評論和別人對讀者的評論)
1.2點擊文章分類進入博客文章分類界面如下:
由上圖包含文章分類和標簽兩個子模塊,上面是第一個模塊文章分類,點擊文章分類下的《后端》標簽,如下
1.3點擊文章分類的第三個模塊標簽,如下
1.4點擊第四個類別文章歸檔進入界面如下:
1.5點擊寫文章進入如下界面
寫好文章,點擊發布;
點擊發布,出現如下界面,含發布成功提示框,文章標題,作者,發布時間,閱讀和評論人數
1.6進入首頁最右邊是作者個人信息部分
上面繼續點擊最熱標簽下的springboot按鈕進入如下分類界面
點擊最熱文章(就是觀看人數最多的文章)
進入如下界面:
點擊文章歸檔,如下所示
點擊最新文章
最新文章就是我們剛才發布的那篇文章,如下所示
1.7注冊登入頁面
當狀態是已登入是,點擊個人頭像,彈出退出選項
點擊退出
然后再次進去需要登入,如果未注冊還要注冊,這個和平時注冊登入一致,沒什么好說的。
后期可以優化成用掃描二維碼的登入方式
2.項目講解說明
1. 提供前端工程,只需要實現后端接口即可
2. 項目以單體架構入手,先快速開發,不考慮項目優化,降低開發負擔
3. 開發完成后,開始優化項目,提升編程思維能力
4. 比如頁面靜態化,緩存,雲存儲,日志等
5. docker部署上線
6. 雲服務器購買,域名購買,域名備案等
項目使用技術 :
springboot + mybatisplus+redis+mysql
# 1. 工程搭建
前端的工程:
~~~shell
npm install
npm run build
npm run dev
3.面試中可能問到的問題---所用技術點