Web可视化组态编辑器(Angular)
基于angular版本开发,在线预览
低代码搭建效果演示:产品MVP DEMO 效果演示
! DEMO数据存储在IndexedDB,不要清除本地缓存:cookie及其他网站数据
! 商业开发请开发对应后台服务
git clone https://github.com/bojue/Web-Editor.git
cd Web-Editor
npm install
npm run dev
//or
npm run start
功能列表
快捷键
名称 | 快捷键 |
---|---|
拷贝 | control+ c |
复制 | control+ v |
删除 | delete |
位置 | 上,下,左,右键 |
编辑器代码组织
.
+-- editor //编辑器模块
| +-- comps
| +-- comp-basic //组件库基类
| +-- data-basic //数据基类组件
| +-- event-basic //事件基类组件
| +-- style-basic //样式基类组件
| +-- custom-basic //自定义基类组件(业务组件)
| +-- comp-lib //核心组件库
| +-- basic //基础组件库,不需要绑定数据的组件
| +-- business //业务组件库,可绑定数据等复杂操作
| +-- tool //工具组件库,仅方便编辑组态
| +-- comp-settings //设置组件库
| +-- data //数据绑定
| +-- event //事件绑定
| +-- style //样式绑定
| +-- develop //开发编辑模块
| +-- configuration //页面配置
| +-- help //帮助
| +-- pre-view //预览
| +-- setting //组件设置
| +-- develop.component //编辑器核心容器组态
| +-- directive //编辑器指令
| +-- model
| +-- provider //编辑器核心服务
| +-- comp-list.service //组态列表
| +-- comp-config.service //组态配置信息
| +-- comp-dynamic-create.service //组态type和组态映射
npm run proxy
下载编辑器对应的Node服务端,v0.1.0
以后版本都需要服务器支持,请按照 文档 配置依次服务器
History List
TODO List