讀取數據庫內容,並在頁面渲染


第一個小目標:讀取數據庫內容,並在頁面渲染

一、准備過程

  • 安裝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錯誤,收不到參數;

五、最終效果

  • 后端邏輯不夠完善(應用循環實現,以防多重目錄嵌套)
  • 頁面沒有美化


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM