【源码】基于Flask和React的数据库CRUD管理系统

项目简介

本项目是基于Flask后端框架和React前端框架搭建的数据库CRUD管理系统。采用前后端分离的三层架构模式，功能完整，支持多种数据库，并已部署至Heroku。用户输入数据库配置信息后，可对相应数据表和字段进行前端显示和增、删、改、查操作，同时具备登录注册、查看系统操作日志、用户权限管理等功能。

项目的主要特性和功能

1. 自动获取表和字段信息：利用Sqlalchemy中的Automap自动映射数据库中已有的表和字段信息。
2. CRUD操作：基于flask_restful建立REST APIs，借助flask_sqlalchemy实现对选定数据表中记录的增、删、改、查。
3. 用户认证：前端使用React Hook Form构建登录注册表单，通过React Token Auth管理用户登录状态和Token；后端采用flask_jwt_extended进行Token校验。
4. 系统操作日志：在增、删、改操作的后端接口将操作信息插入操作日志表，前端可查看操作日志。
5. 用户权限管理：设置用户和管理员两种角色，增、删、改、查和管理员权限两种权限。通过为每种权限设置独立权限位，利用位与计算实现通过一个权限字段控制多种权限。

安装使用步骤

安装

1. 后端依赖：在backend目录下，执行pip install -r requirements.txt。
2. 前端依赖：在frontend目录下，执行npm install。

启动

1. 后端启动：在backend/src目录下，执行python app.py。
2. 前端启动：在frontend目录下，执行npm start。若浏览器未自动打开，可手动访问localhost:3000。

注意事项

1. 数据表需要有具有唯一值的主键。
2. MySQL URI格式：mysql+pymysql://username:password@host:port/database 。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】