xxllp / flask-vuejs-madblog

基于 Flask 和 Vue.js 前后端分离的微型博客项目，支持多用户、Markdown文章（喜欢/收藏文章）、粉丝关注、用户评论（点赞）、动态通知、站内私信、黑名单、邮件支持、管理后台、权限管理、Celery任务队列、Elasticsearch全文搜索、Linux VPS部署、Docker容器部署等

Flask Vue.js全栈开发

Demo: http://95.163.198.43/ (IP已被封)

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章：邮件支持
• 管理员视角 (敬请期待)
• 权限管理 (敬请期待)
• 修改用户设置 (敬请期待)
• Celery任务队列与定时任务 (敬请期待)
• Elasticsearch全站搜索 (敬请期待)
• 国际化 (敬请期待)
• 性能优化 (敬请期待)
• Linux云主机部署 (敬请期待)
• 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