最近花了一星期的時間按照前後端分離的模式寫了一個單頁面網站,內容沒啥新意,就是個todolist, 實現的方法也是大家很熟悉的前端vue.js,後端flask-restful,數據庫MySQL,部署方式選擇的是流行的docker容器部署。
原本這麼一個不算複雜的業務,並且我有了一些在傳統服務器上部署的經驗,打算5天左右寫好並且部署好,然而從構思到結束一共花了8天的時間,屬實有點煩人,這其中坑還是蠻多的,待我慢慢道來。
- 寫個網站吧! --Flask+Vue.js+MySQL+Docker(1)--簡介
- 寫個網站吧! --Flask+Vue.js+MySQL+Docker(2)--前端
- 寫個網站吧! --Flask+Vue.js+MySQL+Docker(3)--後端
- 寫個網站吧! --Flask+Vue.js+MySQL+Docker(4)--數據庫
- 寫個網站吧! --Flask+Vue.js+MySQL+Docker(5)--docker部署
本文目錄:
長啥樣
三圖以言之:
總計實現了三個頁面,由於備案還沒過去,所以暫時先截圖示意。
實現的功能
功能也是很簡單的,主要常規的增刪改查:
因此接口設計方面也相對簡單,可能不是那麼規範。
未來的計劃
這種簡單的業務沒有太大的使用價值,很多細節也不夠完善,因此還有很大的改進空間,個人感覺如果沒有太好的思路可能會今早做一個博客,把CSDN上的東西搬上去,或者再加點資源分享,生活感悟之類的,做成一個個人網站。
最後,實踐確實是提升自己最好的方式,當你學的暈頭轉向的時候,不妨找些文檔開始寫,實踐出真知這句話還是很有道理的。
最後,本網站的實現參照了:
- Element-UI,很多現成的東西直接用了,這個在前端部分會詳細介紹。
- Flask-restful, 這個具體再後端部分介紹。
- B站UP主橙卡良心之作, 這個主要參照了前端的部署,視頻相當清楚,推薦觀看。
下面我們分四個部分介紹整個業務流程,後續我會根據反響考慮把代碼傳到Github。
繼續學習吧!