基于 flask 和 vue 的前后端整合开发模板

flask-vue-template

基于 flask 和 vue 的前后端整合框架，开箱即用
后端使用 flask-restplus 开发，自带 swagger，基于 flask_marshmallow 序列化对象，orm 使用 flask-sqlalchemy，已经集成基于 token 的用户认证，日志功能

后端 backend

使用方法：

修改 app/config/settings.py 指定开发环境配置文件

APP_ENV = DevelopmentConfig

根据自己情况修改 app/config/dev.py 配置数据库信息，数据库提前创建

SQLALCHEMY_DATABASE_URI = 'mysql+pymysql://root:123456@127.0.0.1:3306/PMS?charset=utf8mb4'

初始化数据库

python3 manage.py db init
python3 manage.py db migrate -m "initial migration"
python3 manage.py db upgrade

默认监听地址：host='0.0.0.0', port='5000' ，可以在 app.py 中修改

在 swagger 页面创建用户 admin/admin

前端 frontend

使用方法：

修改开发环境配置文件 config/dev.env.js ，根据自己情况配置后端 API 地址，默认本机 5000 端口

BASE_API: '"http://127.0.0.1:5000/v1"'

启动

npm i
npm run dev

默认 http://0.0.0.0:9005 ，在 config/index.js 中修改

    host: '0.0.0.0',
    port: 9005,

登录后