第一個小目標:讀取數據庫內容,並在頁面渲染
一、准備過程
- 安裝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錯誤,收不到參數;
 
五、最終效果
- 后端邏輯不夠完善(應用循環實現,以防多重目錄嵌套)
 - 頁面沒有美化

 

