Skip to content

使用fastapi做后端,vue-element-admin作为前端的后台管理系统

License

Notifications You must be signed in to change notification settings

JimAndTom/fastapi-vue-admin

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

fastapi-vue-admin

使用fastapi和vue-element-admin构建的管理后台

目前配置直接写在配置文件中,生产环境推荐使用Nacos作为配置中心

项目初始化

pip install -r requirements.txt -i  https://pypi.tuna.tsinghua.edu.cn/simple
windows下可能需要安装如下软件:
Micorosoft visio c++
https://go.microsoft.com/fwlink/?LinkId=691126
安装cryptography openssl报错:
下载安装https://slproweb.com/products/Win32OpenSSL.html
将安装后目录的include下的openssl目录复制到python的include目录下
将安装后目录中lib下的libcrypto.lib和libssl.lib复制到python的libs目录下
在安装mysqlclient时会出现报错,解决方法如下:
https://blog.csdn.net/alvechen/article/details/95040255

数据库初始化

数据库创建一个fast库,编码格式utf8mb4
数据库更新使用alembic
alembic init alembic
修改alembic的ini文件,将链接地址改为正确的
修改alembic env文件,添加如下内容
import os
import sys
# 把当前项目路径加入到path中
sys.path.append(os.path.dirname(os.path.dirname(__file__)))
from models.base import Base
target_metadata = Base.metadata
注释掉 target_metadata = None

生成执行文件
alembic revision --autogenerate -m "first commit"
alembic upgrade head

项目启动

python main.py

初始化数据

表结构创建完成后执行目录下的init.sql文件插入初始数据

查看项目swagger

访问http://localhost:端口号/docs即可

swagger

启动前端

cd front
npm install --registry=https://registry.npm.taobao.org
npm run dev

登陆页面

初始账户密码:admin/123456 login

主页

dashboard

用户管理

users

edit_user

add_user

角色管理

role

edit_role_user

授权每个角色拥有的菜单 edit_role_menu

授权每个角色的接口访问权限 edit_role_perm

权限管理

需要授权的接口 perm

菜单管理

menu

About

使用fastapi做后端,vue-element-admin作为前端的后台管理系统

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 42.1%
  • Python 28.7%
  • JavaScript 25.4%
  • SCSS 3.5%
  • Other 0.3%