flask-vuejs-madblog

by wangy8961

基于 Flask 和 Vue.js 前后端分离的微型博客项目,支持多用户、Markdown文章(喜欢/收藏文章)、粉丝关注、用户评论(点赞)、动态通知、站内私信、黑名单、邮件支持、管理后台、权限管理、...

492 Stars 124 Forks Last release: Not found MIT License 46 Commits 14 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Flask Vue.js全栈开发

Python Vue.js vue-router axios Bootstrap4 webpack

测试地址: http://120.77.33.143

RESTful API: http://120.77.33.143:5000/api/posts (用

Firefox
查看返回的
JSON
数据更佳),或者将仓库内的
flask-vuejs-madblog.postman_collection.json
导入你的
Postman
工具

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

pic 01 pic 02 pic 03

1. Flask Vue.js全栈开发教程系列

2. 如何使用

Github 仓库中只包含前半部分代码,获取最新完整代码请前往: Flask Vue.js全栈开发

2.1 git clone

Github 仓库中只包含前半部分代码,想获取最新完整代码请前往: https://madmalls.com/blog/post/latest-code/

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

2.2 Backend

(1)提供
.env
文件

复制

backend/.env.example
,并重命名为
backend/.env
,然后修改里面的邮箱配置,具体参考: https://madmalls.com/blog/post/email-support/#12-qq

(2)修改
config.py
文件

修改

back-end/config.py
中的配置,比如
SECRET_KEY
SQLALCHEMY_DATABASE_URI

ADMINS
这个配置一定要修改!
ADMINS = ['[email protected]']  # 管理员的邮箱地址

因为在这个列表中的邮箱地址,在注册时,会自动赋予管理员的角色

(3)启动后端 Flask 应用

Open a new terminal:

$ cd back-end
$ python -m venv venv
$ source venv/bin/activate  # 如果是Windows环境,则执行 venv\Scripts\activate
(venv)$ pip install -r requirements.txt

Flask-Migrate create database

(venv)$ flask db upgrade

Pre deploy, eg. insert roles

(venv)$ flask deploy

create back-end/.env file, like this

FLASK_APP=madblog.py FLASK_DEBUG=1

(venv)$ flask run

浏览器访问:

http://localhost:5000/api/ping
,比如返回
"Pong!"
则说明正常

2.3 Frontend

(1)安装 Node.js

请前往 官方网站 下载并安装

LTS
版本

安装好后,由于

npm
命令使用的国外镜像,在国内下载依赖包时很慢,这里换成 淘宝 NPM 镜像

打开

cmd
$ npm install -g cnpm --registry=https://registry.npm.taobao.org

之后,用

cnpm
来代替
npm
命令

(2)运行前端应用

Open a new terminal:

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

浏览器访问:

http://localhost:8080

2.4 注册管理员账号

浏览器访问:

http://localhost:8080/#/register
注册你的管理员账号 (注册时填写的 Email 在配置文件
config.py
ADMINS
中即可!)

然后登录你的这个邮箱,去激活账号。Have fun

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.