第一部分：了解需求

充分的了解需求，可以帮助前端更快更准的实现页面，所以需要提前吃透需求。此部分需要不断的与产品负责人沟通，不懂的问明白再做，别糊里糊涂的就开始做。

第二部分：创建 entity、DTO 等（纯前端开发人员可跳过此步骤）

充分了解需求以后，根据需求，创建对应的 entity 或者 DTO，将需要的字段定义好，为后续拖拽页面做准备。此部分需要注意事项需要后端人员补充。

第三部分：创建新页面（拖拽新页面）

1. 先拖拽一个 Layout 组件，内部可以不用拖拽任何内容，在 Layout 组件上录入 组件名称（需要有唯一性，最好根据功能模块命名） 和 窗口名称，保存。
   
2. 根据需求拖拽对应的组件：拖拽 searchForm
3. 页面拖拽：Table
4. 页面业务：页面初始化数据加载（配置 event），查询按钮配置单击事件，重置按钮配置单击事件
5. 拖拽编辑页面，并配置初始化查询（getOne）
6. 列表页配置操作列：编辑，给编辑按钮配置 event
7. 编辑页面，拖拽并配置保存按钮和返回按钮
8. 将所有配置 event 的地方改成 jsAction 实现同样的功能。（待补充动图及代码）
9. 使用 OC.eventEmit 和 OC.eventOn 优化代码。（待补充动图及代码）

第四部分：创建导航

在需要增加导航的位置的父节点，点击加号，生成一个新的导航节点，点击新的导航节点，右侧出现可编辑的属性，在里面录入对应的项，保存即可。注意：编辑导航时，选中后图标统一输入user，此属性暂时不生效，但是需要录入。

第五部分：通用列表 DEMO

展照本页面中第三部分。

第六部分：复杂页面 DEMO

参照link: 使用 OC.eventEmit 和 OC.eventOn 实现多 window 交互说明及样例代码

第七部分：uiEngine 渲染机制及注意事项

uiEngine 渲染机制

第八部分：其他

其他

js sdk 更新说明(请下载最新版本使用)

培训相关

使用 OC.eventEmit 和 OC.eventOn 实现多 window 交互说明及样例代码