webman实用性React前后端分离管理系统框架SuperAdminx

概述

没有高科技，更没有黑科技，实用为主，后端基于workerman的webman高性能HTTP框架，常用的ThinkORM、ThinkValidate，前端基于react用js写的，主要用到的组件库是Ant Design、ProComponents

安装

后端安装

获取源码

git clone https://gitee.com/zouyi/SuperAdminx.git

进入项目根目录，安装依赖

composer install

数据库

• 新建数据库，编码为utf8mb4，导入根目录下superadminx.sql，此sql是用navicat导出的
• 修改根目录下.env里面数据库配置

1. 启动项目

• windows用户：双击项目根目录windows.bat或者在根目录运行php windows.php启动
• linux用户：调试方式运行php start.php start，守护进程方式运行php start.php start -d

更多细节参考webman官方文档：https://www.workerman.net/doc/webman/install.html

前端安装

进行根目录/public/admin_react/，安装前端依赖

npm install

运行前端，即可访问http://localhost:5200/admin/，登录的帐号密码

npm run dev

预览

后端功能

• 权限管理：可基于接口级别权限
• 代码生成：可生成前后端curd的代码
• 参数设置：可自定义每个设置的表单字段，并同步到权限里面，可自定义哪些角色拥有哪些参数设置
• 后续会基于插件模式发布其它功能...

前端实现的功能

• 布局：内置多种布局方案
• 权限管理：基于按钮级别的权限
• 扩展form字段：ProComponents已有高达19种字段类型算非常丰富了，我们在扩展了几种字段：省选择、省市选择、省市区选择、经纬度选择、富文本编辑器、多图/单图上传、多图或视频上传、多文件/单文件上传等
• 扩展预览字段：ProComponents的表格功能也非常Nice，我们也扩展了一些字段预览的组件：长文本预览、图片/视频预览、pdf预览、word预览、富文本内容预览、视频预览

开发文档：https://www.superadminx.com