React仿Amis可视化编辑器
个人技术项目
← 返回主页
低代码编辑平台,通过JSON配置生成界面
React
React-DnD
Zustand
Docker
GitHub Actions
项目亮点
基于React-DnD实现组件拖拽,可拖拽到任意层级
通过Zustand实现全局状态管理,支持持久化存储
提供组件属性、样式、事件的可视化编辑
通过Git Actions + Docker实现自动化部署
相关链接
演示站点
使用引导
拖拽组件
从左侧物料面板拖拽组件到画布中,支持嵌套与排序。
配置属性
在右侧面板调整组件属性、样式与事件触发逻辑,并实时预览。
界面预览
画布与物料面板
属性配置窗口