寫個網站吧! --Flask+Vue.js+MySQL+Docker(1)--簡介

最近花了一星期的時間按照前後端分離的模式寫了一個單頁面網站,內容沒啥新意,就是個todolist, 實現的方法也是大家很熟悉的前端vue.js,後端flask-restful,數據庫MySQL,部署方式選擇的是流行的docker容器部署。

原本這麼一個不算複雜的業務,並且我有了一些在傳統服務器上部署的經驗,打算5天左右寫好並且部署好,然而從構思到結束一共花了8天的時間,屬實有點煩人,這其中坑還是蠻多的,待我慢慢道來。

  1. 寫個網站吧! --Flask+Vue.js+MySQL+Docker(1)--簡介
  2. 寫個網站吧! --Flask+Vue.js+MySQL+Docker(2)--前端
  3. 寫個網站吧! --Flask+Vue.js+MySQL+Docker(3)--後端
  4. 寫個網站吧! --Flask+Vue.js+MySQL+Docker(4)--數據庫
  5. 寫個網站吧! --Flask+Vue.js+MySQL+Docker(5)--docker部署

 

本文目錄:

長啥樣

實現的功能

未來的計劃

 

長啥樣

三圖以言之:

總計實現了三個頁面,由於備案還沒過去,所以暫時先截圖示意。

實現的功能

功能也是很簡單的,主要常規的增刪改查:

因此接口設計方面也相對簡單,可能不是那麼規範。

未來的計劃

這種簡單的業務沒有太大的使用價值,很多細節也不夠完善,因此還有很大的改進空間,個人感覺如果沒有太好的思路可能會今早做一個博客,把CSDN上的東西搬上去,或者再加點資源分享,生活感悟之類的,做成一個個人網站。

最後,實踐確實是提升自己最好的方式,當你學的暈頭轉向的時候,不妨找些文檔開始寫,實踐出真知這句話還是很有道理的。

最後,本網站的實現參照了:

  1. Element-UI,很多現成的東西直接用了,這個在前端部分會詳細介紹。
  2. Flask-restful, 這個具體再後端部分介紹。
  3. B站UP主橙卡良心之作, 這個主要參照了前端的部署,視頻相當清楚,推薦觀看。

下面我們分四個部分介紹整個業務流程,後續我會根據反響考慮把代碼傳到Github。

繼續學習吧!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章