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

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

Flask Vue.js全栈开发_第1张图片
Flask Vue.js全栈开发_第2张图片
Flask Vue.js全栈开发_第3张图片

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