Flask Vue.js全栈开发的 最新完整代码 及使用方式

本系列的最新代码及使用方式将持续更新到: http://www.madmalls.com/blog/post/latest-code/



1. Flask Vue.js全栈开发教程系列Flask Vue.js全栈开发|第1章:创建第一个Flask RESTful APIFlask Vue.js全栈开发|第2章:Vue.js通过axios访问Flask RESTful APIFlask Vue.js全栈开发|第3章:Flask设计User用户相关APIFlask Vue.js全栈开发|第4章:Vue.js调用API实现用户注册/登录/退出Flask Vue.js全栈开发|第5章:个人主页与用户头像Flask Vue.js全栈开发|第6章:博客文章CURD与MarkdownFlask 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.git2.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 thisFLASK_APP=madblog.pyFLASK_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