Flask Vue.js全棧開發

Flask Vue.js全棧開發的 最新完整代碼 及使用方式

本系列的最新代碼及使用方式將持續更新到： http://www.madmalls.com/blog/post/latest-code/

1. Flask Vue.js全棧開發教程系列

• Flask Vue.js全棧開發｜第1章：創建第一個Flask RESTful API
• Flask Vue.js全棧開發｜第2章：Vue.js通過axios訪問Flask RESTful API
• Flask Vue.js全棧開發｜第3章：Flask設計User用戶相關API
• Flask Vue.js全棧開發｜第4章：Vue.js調用API實現用戶注冊/登錄/退出
• Flask Vue.js全棧開發｜第5章：個人主頁與用戶頭像
• Flask Vue.js全棧開發｜第6章：博客文章CURD與Markdown
• Flask Vue.js全棧開發｜第7章：粉絲關注大神
• Flask Vue.js全棧開發｜第8章：單元測試
• Flask Vue.js全棧開發｜第9章：用戶評論
• Flask Vue.js全棧開發｜第10章：用戶通知
• Flask Vue.js全棧開發｜第11章：私信
• Flask Vue.js全棧開發｜第12章：黑名單
• Flask Vue.js全棧開發｜第13章：喜歡文章
• Flask Vue.js全棧開發｜第14章：郵件支持
• Flask Vue.js全棧開發｜第15章：權限管理
• Flask Vue.js全棧開發｜第16章：管理后臺
• Flask Vue.js全棧開發｜第17章：RQ實現后臺任務
• Flask Vue.js全棧開發｜第18章：Elasticsearch全文搜索
• Flask Vue.js全棧開發｜第19章：國際化
• Flask Vue.js全棧開發｜第20章：Linux云主機部署
• Flask Vue.js全棧開發｜第21章：Docker容器部署

2. 如何使用

2.1 git clone

$ git clone https://github.com/wangy8961/flask-vuejs-madblog.git

2.2 Backend

Open a new terminal:

$ cd back-end
$ python -m venv venv
$ source venv/bin/activate
(venv)$ pip install -r requirements.txt

# Flask-Migrate create database
(venv)$ flask db upgrade

# create back-end/.env file, like this
FLASK_APP=madblog.py
FLASK_DEBUG=1

(venv)$ flask run

瀏覽器訪問: http://localhost:5000/api/ping

2.3 Frontend

Open a new terminal:

$ cd front-end
$ npm install
$ npm run dev

瀏覽器訪問: http://localhost:8080