,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,整体介绍与AOM的关系(二),BOS Web应用平台与AOM,基于AOM技术框架而发展 A、以JSF为底层技术框架 B、面向组件和事件驱动模型的WEB开发技术 C、支持Ajax、Ext等先进技术 超越于AOM而发展 A、一个面向Web开发的应用框架，封装技术框架复杂度 B、一个可视化、一体化的集成式开发环境，为业务开发过程与 开发模型提供全生命周期的支持 C、专注于企业应用级服务，提供大量可复用应用框架服务,JSF生命周期,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界面自动增加“金额字段,Web建模设计工具 GUI界面转换Web界面工具,提供GUI界面转换Web界面工具，快速完成Web应用迁移,导入已存在GUI界面， 自动生成WEB界面,已有的GUI应用界面,自动生成的WEB界面,Web建模设计工具 强大的集成开发环境,强大的集成开发环境IDE,内嵌Apusic Web服务器，便于开发和测试 支持热替换，发布元数据和修改代码不需要重启服务器 提供部署功能，轻松把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、其它,谢 谢!,