前端编辑应用架构
2018-07-04 16:21:08 0 举报组件库
作者其他创作
大纲/内容
发布
releaseRequest([requestVo]) :[errorVo]下发数据源任务
数据源配置错误显示
updateComData更新组件数据（轮询，推送）:返回[comDataVo]
初始化单人编辑系统编辑模式下禁用操作
前端架构
getViewById(id):viewVo获取视图数据
刷新视图
buildHTML(viewId)发布
数据绑定显示组件数据
model（vuex）
用户操作逻辑
[errorVo]数据源错误配置信息
[requestVo.id]数据源任务下发队列发生改变则触发下发任务
组件属性设置界面
组件库列表
[requestVo]数据源列表
用户数据
换皮肤
isEdit(viewId)是否编辑模式
组件层次
修改数据源1静态数据：若是默认，创建json副本，更改视图vo数据源路径。若是副本，覆盖json副本文件；2其他类型数据源：若是新建，创建requestVo，若是编辑，覆盖requestVo3更新数据源队列
编辑组件属性更改viewVo对应属性值
数据源编辑页面
编辑视图属性（分辨率，名称，布局，缩放，背景，皮肤...）
getRequestList():[requestVo]返回数据源列表
[comDataVo]图表数据（vue框架实现数据绑定更新视图）
拖拽组件库
view
saveView(viewVo)保存视图
组件实例对象
[comVo]组件列表
数据请求管理器
保存视图
平台层
相关vo对象viewVo视图comVo组件comDataVo实时数据requestVo数据源errorVo错误信息（延后）
createCom(comVo):jsObject获取组件列实例
viewVo视图数据（vue框架实现数据绑定更新视图，更新图标数据队列）
getComList():[comVo]获取组件列表
0 条评论
下一页
