BOS新Web平台培训_运行框架篇.pptxVIP

BOS WEB平台系统部 2015.3 ;1;Web动态框架（技术框架）; 1.由浏览器端发起Http请求或从页面内部发出的Http请求 必须提供页面方案uipk和初始化动作申请action=initialize 页面内部发出的Http请求可由dynamicForm.addNewWindow发起 2.由Server端响应（DynamicWebController. doEvent） 构造改页面方案对应的事件总线的UIC（UI事件配置） 调用initializeAction对应的页面初始化事件 返回具体的页面内容 3.由Web端重定向到新的JSP页面 4.由浏览器端接收，执行页面中的初始化方法，发起js端事件总线中的初始化事件 5.渲染页面、初始???页面并完成数据加载 ;Web动态框架（页面请求基础流程）; 1. 由浏览器端发起Ajax请求（waf.doPost） 必须提供页面方案UIPK并且action=调用的动作名称 2. 由Server端响应（DynamicWebController. doEvent） 构造改页面方案对应的事件总线的UIC（UI事件配置） 调用该动作对应的事件 返回事件处理器的结果 3. 由浏览器端接收结果 4. 根据接收结果的成功或失败，刷新页面的不同区域或数据 ;Web动态框架（AJAX请求基础流程）; 事件处理总线 目标：利用可插拔的插件机制，实现系统可扩展性及松耦合 在JS层和WebServer层分别实现并提供插入机制 几个概念：Action：动作 PlugIn：插件 Event：响应的事件，是一个具体java类 Hander：对应的具体实现，是一个具体java类 - UI配置文件，为EventBus提供调用的基础 框架提供基本的三种类型的UIC（CorePage.uic、ListPage.uic、EditPage.uic） 业务开发和扩展开发可通过定义工具扩展UIC的内容 ;Web动态框架（EventBus）;空白页面（dynamicForm.jsp） 列表界面（dynamicList.jsp） 编辑/查看界面（dynamicEdit.jsp） 在WAF的MVC概念中，JSP作为View显示，承载界面显示功能 主要作为： 引用JS脚本和CSS脚本 把动态UI模型元数据、数据Model的内容、及一些必要的系统元素赋予给对应的JS中的对象。 承载界面显示 ;空白页面（dynamicForm.js） 列表界面（dynamicList.js） 编辑/查看界面（dynamicEdit.js） 其他工具类 浏览器端EventBus工具（\eventbus\eventbus.js） 多语言资源（\i18n\dynamicXXX_zh_CN.js） 动态页面构建器（\ utils\pagerBuilder.js ） 数据绑定器（\utils\dataBinder.js） ;Web动态框架(JS介绍-空白页面); 提供动态页面的基础功能，主要方法 getUIPk：获得当前页面的UI方案 getPageInitData：获得后台返回的初始化数据 fireEvent：触发浏览器端eventbus事件 addNewWindow：打开一个新窗口 closeCurrentWindow：关闭当前窗口 updateWindow：更新当前窗口 changeTitle：设置页面标题 showMessage：显示提示信息 clearError：清除提示信息 ; 提供动态页面的基础功能，主要方法 searchComponent：搜索页面组件 searchField：按元数据属性搜索页面组件 setComponentVisible：设置页面组件的可见性 setComponentEnable：设置页面组件的使能 setFieldVisible：按元数据的属性设置页面组件的可见性 setFieldEnable：按元数据的属性设置页面组件的使能 getCurrentModelOrgType：获得当前数据的主业务组织类型 getCurrentModelOrgProperty：获得当前数据的主业务组织的属性 addEASMutilOrgParam：为Http请求增加多组织参数 _getMainOrgF7EventHandler：返回主业务组织对应的页面F7控件 ;Web动态框架(JS介绍-列表页面); 主要方法 getEditUrl：获得编辑页面的UI方案 getViewUrl：获得查看页面的UI方案 getQueryPK：获得当前页面表格中查询使用的queryPK getQueryUuid：获得当前