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

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

創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),潛山企業(yè)網(wǎng)站建設(shè),潛山品牌網(wǎng)站建設(shè),網(wǎng)站定制,潛山網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,潛山網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

1. Flask Vue.js全棧開發(fā)教程系列

• Flask Vue.js全棧開發(fā)｜第1章：創(chuàng)建第一個(gè)Flask RESTful API
• Flask Vue.js全棧開發(fā)｜第2章：Vue.js通過axios訪問Flask RESTful API
• Flask Vue.js全棧開發(fā)｜第3章：Flask設(shè)計(jì)User用戶相關(guān)API
• Flask Vue.js全棧開發(fā)｜第4章：Vue.js調(diào)用API實(shí)現(xiàn)用戶注冊(cè)/登錄/退出
• Flask Vue.js全棧開發(fā)｜第5章：個(gè)人主頁與用戶頭像
• Flask Vue.js全棧開發(fā)｜第6章：博客文章CURD與Markdown
• Flask Vue.js全棧開發(fā)｜第7章：粉絲關(guān)注大神
• Flask Vue.js全棧開發(fā)｜第8章：單元測試
• Flask Vue.js全棧開發(fā)｜第9章：用戶評(píng)論
• Flask Vue.js全棧開發(fā)｜第10章：用戶通知
• Flask Vue.js全棧開發(fā)｜第11章：私信
• Flask Vue.js全棧開發(fā)｜第12章：黑名單
• Flask Vue.js全棧開發(fā)｜第13章：喜歡文章
• Flask Vue.js全棧開發(fā)｜第14章：郵件支持
• Flask Vue.js全棧開發(fā)｜第15章：權(quán)限管理
• Flask Vue.js全棧開發(fā)｜第16章：管理后臺(tái)
• Flask Vue.js全棧開發(fā)｜第17章：RQ實(shí)現(xiàn)后臺(tái)任務(wù)
• Flask Vue.js全棧開發(fā)｜第18章：Elasticsearch全文搜索
• Flask Vue.js全棧開發(fā)｜第19章：國際化
• Flask Vue.js全棧開發(fā)｜第20章：Linux云主機(jī)部署
• Flask Vue.js全棧開發(fā)｜第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