%20(2).svg)
项目简介
本项目是基于React框架开发的中后台页面可视化创建工具。针对中后端管理平台常见的查询数据列表展示、详情页面展示、内容字段编辑等业务逻辑，实现了查询页、编辑页、详情页的模板开发，降低开发成本，提高开发效率。
项目的主要特性和功能
- 模板丰富：包含查询列表页、新增页、编辑页、详情页四种模板，覆盖中后台常见页面类型。
- 高度可配置化：可对接口地址、请求方式、查询条件字段、结果显示字段、功能操作等进行灵活配置。
- 数据管理灵活：编辑模式下将页面配置数据存于数据库，预览模式从数据库读取数据加载模板。
- 功能迭代丰富：历经多个版本更新，新增多种表单元素、校验规则、联动功能、权限管理等，还对UI交互、性能等进行持续优化。
安装使用步骤
- 确保已下载本项目的源码文件。
- 安装项目所需依赖，可使用
npm install命令进行安装。 - 启动开发服务器，使用
npm start命令。 - 根据需求选择合适的模板，如查询页、编辑页等。
- 对模板中的可配置信息进行编辑，如接口地址、字段校验规则等。
- 完成配置后，保存配置信息，可在浏览器中预览页面效果。
- 若需发布项目，可使用
npm run build命令进行打包，然后部署到服务器。
版本更新日志
v1.2
- 新增按钮交互类型，支持页面跳转、请求接口、modal展示。
- 精简模板组件，去除重复逻辑。
- 优化UI交互，新增编辑模式下侧导航收缩功能。
v1.3
- 新增表单行内校验，支持正则。
- 支持选项的接口化。
- 支持模板的动态化及复杂页面的模板组装。
- 新增GridLayout模板。
v1.4
- 实现表单元素值改变时的多种联动效果，如调用接口、显示或隐藏其他表单等。
- 新增Radio、checkBox、TagRadio等表单类型。
v1.5
- 新增文件上传表单元素，支持图片式、文件式显示及单文件、多文件上传模式。
- 修复发布流程前端缓存pageId的bug。
- 支持按钮样式编辑。
v1.6
- 实现表单联动赋值和字段分组、拖拽排序。
- 新增表单类型和提示语。
- 新增全屏和滚动条样式修改组件。
- 优化按钮和表单校验交互。
v1.7
- 新增富文本详情页模板、下拉table搜索组件和日期选择功能。
- 优化动态表单联动。
v1.8
- 实现开发人员与运营人员权限分配和页面层按钮权限差异化显示。
- 增加返回字段结构。
v1.9
- 优化api层。
- 登录获取dict字典，增加配置表单的取值方式。
- 支持自定义页面注入。
- 新增查找带回组件。
v2.0
- 优化模板引入方式。
- 新增复合模板使用方式。
- 新增自定义按钮编辑模板。
- 修改listpart模板初始化接口调用逻辑。
- 实现list模板弹出子模板及回调刷新功能。
- 详情页增加字段format功能。
v2.1
- 增加查询列表操作按钮规则配置。
- 为listpart可编辑表格增加分页功能。
- 表单元素支持自定义组件。
- 优化option动态选项获取和接口请求参数配置。
- 支持二级页面获取一级页面参数。
- 优化日期选择器功能。
- 增加自定义页面跳转配置和远程接口调用功能。
- 优化按钮请求接口和请求参数处理。
- 增加G2图标插件。
- 修复多个已知bug。
v2.1.1
- 优化打包。
- 重写登录页。
- 抽离自定义按钮代码。
- 新增format过滤方法。
- 优化时间控件。
- 增加可编辑表格行内校验。
- 修复多个已知bug。
v2.1.2
- 新增自定义button action组合模式。
- 修复多个缓存和接口调用相关的bug。
- 新增notification组件。
v2.1.3
- 增加页面管理和首页菜单搜索过滤功能。
- 修复文件上传、下拉选择等多个bug。
- 实现列表查询表头动态获取和页面配置复制功能。
v2.1.4
- 实现多表单校验和全局字典缓存。
- 支持复杂的表达式校验和公式配置。
v2.1.5
- 新增errorBundaries组件，防止页面崩溃。
- 优化时间控件。
- 支持表单控制动态组件行数。
- 修复表单联动和多用户登陆相关的bug。
- 增加管理页面url拦截和react keep alive功能。
v2.2
- 实现功能的权限配置。
- 优化发布流程和版本审核。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】