Page tree

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已改变。

...

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

 1:拖拽页面 

第一部分:了解需求

讲解主要组件 table  form 布局规则等

配置一个 query action ,简单讲解 event 配置规则及注意事项

跑通一个简单的 增,改,查 ,了解大概的配置流程

讲解主要的 js action,query,getOne, save ,queryTable ,eventEmit/eventOn,了解 js sdk 的使用规范等

2:绑定菜单

 

整个培训过程保持在 1.5H 左右。充分的了解需求,可以帮助前端更快更准的实现页面,所以需要提前吃透需求。

第二部分:创建 entity、DTO 等(纯前端开发人员可跳过此步骤)

充分了解需求以后,根据需求,创建对应的 entity 或者 DTO,将需要的字段定义好,为后续拖拽页面做准备。

第三部分:创建新页面(拖拽新页面)

  1. 先拖拽一个 Layout 组件,内部可以不用拖拽任何内容,在 Layout 组件上录入 组件名称(需要有唯一性,最好根据功能模块命名) 和 标题,保存。

第四部分:创建导航

在需要增加导航的位置的父节点,点击加号,生成一个新的导航节点,点击新的导航节点,右侧出现可编辑的属性,在里面录入对应的项,保存即可。

第五部分:通用列表 DEMO

通用列表 demo

第六部分:复杂页面 DEMO

复杂页面 demo

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

uiEngine 渲染机制

第八部分:其他

其他