BOS最佳入门Web应用,金蝶软件（中国）有限公司,目录,整体介绍定位与组成(一),标准的JavaEE Web开发平台 A、基于AOM/JSF框架，重量级 B、支持复杂、个性化JavaEE Web应用开发 面向企业服务的Web服务组件平台 A、提供BOS Web设计器，轻量级 B、行业服务、企业建模服务的支持,定位,整体介绍定位与组成(二),-Web应用框架(WAF，Web Aplication Framework) A、BOS Web应用的应用框架核心功能 B、无缝粘合业务层与技术框架层 C、提供统一的框架服务与集成 BOS Web设计器 A、提供快速简单的Web设计器 B、与BOS BIM无缝结合，重用已有BOS建模功能 C、Web企业服务组件开发,组成,整体介绍主要功能,基于定位BOS Web应用能做什么？,Web应用平台技术架构整体架构图,整体介绍与AOM的关系(一),Apusic OperaMasks，金蝶中间公司的开源J2EE Web开发解决方案，包含了运行期平台OperaMasks SDK与集成开发环境OperaMasks Studio。,AOM,JSF-生命周期,JSF具有6个生命周期 恢复视图(Restore View) 应用请求值(Apply Request Value) 处理验证(Process Validations) 更新模型值(Update Model Value) 调用应用程序(Invoke Application) 渲染响应(Render Response) 每个阶段的作用？,JSF生命周期作用分析,1：Restore view 在页面首次Get请求时，执行该周期，执行后直接转入第6周期执行 2：Apply request Values 在页面发起Post请求后，执行该周期，将页面录入的数据提交到JSF的组件中 3：Process Validation 在周期2执行后，执行该周期，用来对表单中提交到组件中的数据进行转化、校验；如果该部分出错，将直接跳转到6执行输出错误。 4：Upadate Model 在周期3完成后，执行该周期，将组件的值更新到Bean的模型中。 5：Invoke Application Method 在周期4结束后，执行该周期，一般为调用组件绑定的action，action Listener【执行业务逻辑更新模型数据到持久层，以及执行导航跳转】 6：Render Response 最后一个阶段，将更新数据返回客户端显示。,JSF-生命周期,整体介绍与AOM的关系(二),BOS Web应用平台与AOM,基于AOM技术框架而发展 A、以JSF为底层技术框架 B、面向组件和事件驱动模型的WEB开发技术 C、支持Ajax、Ext等先进技术 超越于AOM而发展 A、一个面向Web开发的应用框架，封装技术框架复杂度 B、一个可视化、一体化的集成式开发环境，为业务开发过程与 开发模型提供全生命周期的支持 C、专注于企业应用级服务，提供大量可复用应用框架服务,整体介绍BOS Web开发路线图,Web基础,Java基础,BIM基础,Web进阶,JS/Ajax框架,JSF/AOM,Web设计器,Waf框架,Web业务开发,BOS服务组装,BOS云服务开发,企业云整合,入门,中级开发,高级开发,BOS Web开发属于BOS 6.3起主推的一种开发模式，能够快速的满足企业Web2.0应用、企业云开发平台等模式的需求，而且同时具有BOS GUI开发的工具、模式、效率，能够快速的满足任何一个企业Web应用开发需求 目前的BOS Web开发已经满足EAS 协同、供应链、HR、BOS云平台、北研电子政务、上研文档知识管理等多个领域的需求，并且在不断的突破新领域。,BOS Web开发概述,BOS 进阶培训流程,Ext.js(Ajax)框架,Jsf框架原理,AOM框架基础,JavaScript基础,Waf应用（Web设计器）,Web应用平台技术架构分层架构视图,Web应用物理架构运行期组件图,目录,Web建模设计工具功能特性,主要功能特性,A 、与GUI应用开发一致，减少学习成本 B 、支持业务建模与典型界面向导，快速开发业务单据 C 、集成功能定义、工具栏、权限、日志、主菜单等功能 D 、GUI/WEB界面同步建模 E 、提供GUI界面转换Web界面工具，快速完成Web应用迁移 F 、内嵌Apusic Web服务器，便于开发和测试 G 、支持热替换，发布元数据和修改代码不需要重启服务器 H 、提供部署功能，轻松把Web开发内容部署到正式服务器,Web建模设计工具 与GUI一致的开发风格,可视化开发Web，简单易用,Web建模设计工具 支持典型界面向导,支持业务建模与典型界面向导，快速开发业务单据,Web建模设计工具 集成各种基础服务,集成功能定义、工具栏、权限、日志、主菜单等功能,设计期设置主菜单,运行时设置WEB主菜单,Web建模设计工具 GUI/WEB界面同步建模,GUI/WEB界面同步建模,GUI上增加“金额”字段,WEB界面自动增加“金额字段,GUI生成WEB UI,有多数老系统都是使用GUI元数据进行界面开发，因此Web设计器提供了GUI转WEB UI的功能，能将原有GUI的界面定义转成相应的WEB UI定义，并实现数据绑定，但界面的业务逻辑不能转换。,GUI生成WEB UI,选中GUI单据,右键【配置业务单元】,GUI生成WEB UI,导入已存在的WEB ui,或者选中自动生成,自动生成WEB UI,GUI生成WEB UI,点击确定,GUI自动生成WEB UI,Web建模设计工具 强大的集成开发环境,强大的集成开发环境IDE,内嵌Apusic Web服务器，便于开发和测试 支持热替换，发布元数据和修改代码不需要重启服务器 提供部署功能，轻松把Web开发内容部署到正式服务器,发布Web UI代码,在“包分类”视图中，选择需要发布代码的Web UI元数据（可以多选），弹出右键菜单， 选择发布进入代码发布向导。如下图,发布Web UI代码,Web代码发布支持两种代码结构 Xhtml模式：组件声明在页面上 Mbean模式：组件声明在mbean中,部署和测试,切换到“金蝶BOS业务建模工具”透视图，在“业务单元管理”视图中选中解决方案。在主菜单上选择工具设置解决方案。如下图。,部署和测试,如下图，在左边选择“测试设置”，然后右切换到“WEB UI相关设置”页签，进行设置，其他设置请参考BOS业务建模工具相应文档。,部署和测试,部署Web应用首先需要启动BIM服务器，启动方法请参考BOS业务建模工具相应文档。（如果只是部署到本地测试，可以不用启动）。 BIM服务器就绪后，在“业务单元管理”视图中选中解决方案，在主菜单中选择工具部署进入部署向导。如下图,部署和测试,选择部署形式为“部署到远程解决方案服务器”，选择发布的内容为“部署WEB应用”。 如果部署形式为“部署到本地解决方案目录”，则后续将选择本地路径，下面只以部署到远程解决方案服务器为例。,按【下一步】后，输入服务器地址和用户名/密码。如下图,部署和测试,BIM本身也提供了测试支持，可以直接启动BIM中内置的EAS服务器进行快速测试。如下图，启动服务器，启动完毕后选择对应的业务单元右键WEB页面测试即会弹出浏览器并定向导测试单据页面。,目录,Step 1：新建业务单元 Step 2：选择业务类型 Step 3：选择模板,开发样例说明快速开发Web单据,使用模板快速生成单据界面,Step 1：选择右侧的控件 Step 2：拖曳到需要放的UI位置中 Step 3：点击鼠标右键，单击“字段管理” Step 4：进入“字段管理”中增删修改字段,开发样例说明快速开发Web单据,增删修改字段的几种方式,Step 1：发布业务单元 Step 2：启动服务器 Step 3：WEB页面测试,开发样例说明快速开发Web单据,发布与预览Web单据,Step 1：切换到“JAVA视图” Step 2：建立调试点 Step 3：运行代码进行调试,开发样例说明定制Web单据,Web单据调试开发,开发样例说明定制Web单据,服务集成：编码规则,Step 1：鼠标右键菜单“从包更新子系统树” Step 2：进入GUI中设置编码规则 Step 3：启用编码规则,开发样例说明定制Web单据,服务集成：套打,Step 1：在菜单栏中增加“套打”按钮（可选） Step 2：进入“功能定义”修改/新增“套打”按钮 Step 3：选择框架已提供的report WEB Action Step 4：重新发布与重启Web应用,开发样例说明定制Web单据,业务规则：是否必录,方法 1：通过设置控件的属性来控制是否必录 方法 2：通过重载框架父类提供的方法，代码控制,开发样例说明定制Web单据,业务规则：F7,Step 1：增加一种基础资料以供F7之用 Step 2：在“字段管理”中增加F7字段 Step 3：把F7字段的 数据来源设置“基础数据” Step 4：增加F7刷新的字段 Step 5：使用“查看关联元数据”功能，进入Web设计器编辑界面 Step 6：对控件绑定名字，以便后面代码中可以操控 Step 7：发布代码，进入JAVA视图 Step 8：对F7控件的响应事件进行编码，刷新另一个控件 Step 9：重启Web应用，运行。,开发样例说明定制Web单据,过滤：通用过滤,开发样例说明定制Web单据,过滤：自定义过滤,Step 1：提供自定义查询页面xhtml文件 Step 2：重载框架父类的getUserQueryView() Step 3：运行页面框架自动优先加载自定义查询页面,BOS WebUI和GUI界面开发比较,WebUI和GUI的比较,1、框架API 接口名称等有所区不同 2、控件类型和属性 两套控件模型 3、容器布局 WebUI以布局组件形式，GUI以布局属性形式 4、事件 WebUI事件区分客户端和服务端 5、数据绑定视图 WebUI设计器使用Web数据绑定视图 6、其它,Waf界面模型 简介,Waf界面模型是对常用的界面表示的结构和行为的抽象。 在界面开发中使用Waf界面模型，有利于 复用模型提供的功能，快速开发界面 规范界面接口定义，便于开发和维护 统一界面风格等 Waf界面类型 列表界面 编辑界面 树型界面 过滤界面,列表界面 简介,列表界面 原理,ListBean提供基本功能： 新增 编辑 查看 删除 通用过滤 刷新 退出,列表界面 接口定义,getQueryPK() 指定查询对象主键 getBizInterface() 指定业务控制器 getEditBeanName() 指定编辑界面Bean名称 getEditUrl() 指定编辑界面页面名称,编辑界面 简介,编辑界面 原理,EditBean提供基本功能： 保存 提交 删除 复制 上拉生成 下推生成 打印 退出,编辑界面 接口定义,createNewModel() 创新业务对象（用于新增单据） getBizInterface() 指定业务控制器 getSelectors()，可选 指定获取业务对象的哪些属性,谢谢！,金蝶软件（中国）有限公司,