第一個小目標:讀取數據庫內容,並在頁面渲染
一、准備過程
- 安裝MySQL並且配置環境
- 准備SpringBoot的編譯環境(重新安裝IDEA)
- 安裝Typora(用來編寫博客)
二、實現思路
1、先在本地MySQL創建一個paper數據庫,在paper數據庫中創建edu_paper數據表,且插入數據(整個過程用cmd命令實現)

2、寫一個前端界面(使用vue列表渲染)

3、使用SpringBoot框架編寫后端代碼,實現接收一個id,返回一個List(現在瀏覽器里查看是否正確)

4、使用axios連接前后端(向后端發一個請求,將返回的結果渲染在頁面上)

三、使用的關鍵技術
- MySQL數據庫
- SpringBoot框架
- Vue框架
- Axios (一個基於 promise 的 HTTP 庫)
四、遇到的困難和解決過程
1、MySQL數據庫的安裝
- 在安裝時出了一些問題,卸載又沒卸載清楚,導致無法重新下載,在不斷嘗試后,該問題無法解決,最后下載了版本較低的MySQL,勉強使用。
2、SpringBoot框架第一次接觸
- 剛開始看視頻學習,配置pom.xml文件時,總是找不到依賴,多次嘗試,最后百度解決;
- 遇到一個問題,找不到解決方案,重建項目后問題消失(但是每次重新打開IDEA都會出現這個問題....)(解決方案:發現我在pom.xml這個文件里加了‘
pom ’,刪除后問題解決!!);

3、axios的學習
- 也是一個完全陌生的東西;
- 遇到過的問題{Access to XMLHttpRequest at ‘http://xxxx.com/xxx’ from origin ‘null’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.}針對這個錯誤提示,最后在后端接口添加了@CrossOrigin解決;
- 且后端接口接收前端參數使用@RequestParam,最開始使用@Param錯誤,收不到參數;
五、最終效果
- 后端邏輯不夠完善(應用循環實現,以防多重目錄嵌套)
- 頁面沒有美化


