金蝶EASV80(BOS-Web)动态框架介绍

BOSWEB动态框架介绍

BOS产品部2014.10总体介绍目标及定位技术特性框架模型应用说明关键问题说明附录提纲

Web动态框架—全新架构体系的BOSWeb平台Web动态框架是BOS平台的组成部分Web动态框架是BOS平台支撑Web应用的开发及运行平台Web动态框架与BOS基础设施及服务共同构建企业的Web化应用Web动态框架简介Web动态框架，是EASBOSWeb产品开发的核心平台，与GUI应用框架共用EASBOS服务端组件，与GUI框架、移动应用框架共同支撑起成熟而又时尚、快捷的企业应用。Web动态框架提供统一的业务开发模型，简化纯Web应用开发逻辑，形成一致的互联网风格的应用模式，最大限度实现各种组件的重用机制，同时采用开放的技术框架，形成了强大而灵活的Web应用系统开发及管理平台。Web动态框架组成Web运行框架Web组件库Web动态开发平台Web动态框架概念EAS后台服务GUIWebMobilWeb动态框架目标-定位产品目标应用阶段支撑应用系统研发、实施交付、运行维护。生命周期支撑未来5～10年的B/S应用，平滑过渡到HTML5。应用范围支撑EAS及基于BOS的相关行业、领域的企业级Web应用。定位：EAS及基于BOS的Web应用系统全生命周期管理平台目标-技术特征高可靠，高性能成熟、稳定可靠，大数据量下性能优良、可控高可用使用（开发）效率高，简单易学高效开发开放平台支持多种技术应用，支持外部功能的嵌入集成（基于SOA及组件化体系的业务应用架构）共享框架支持组件化的成果共享，支持业务功能独立管理（装载、运行、卸载）面向未来支持以后平滑、稳定、无缝地采用HTML5技术，支持显示风格与内容的隔离（CSS3）技术特征系统参数性能适应性安全性开放性其他特性性能参数一般单据页面打开时间：<3s一般列表页面（序时簿）打开时间：<3s一般单据保存提交时间：<3s注：普通配置环境下，页面非首次访问自适应-多浏览器，各种分辨率支持的浏览器IE8+Chrome23+Safari5+响应式布局-自适应各种分辨率，推荐：1280*1024/1024*768推荐的浏览器IE11Chrome28+Safari5+Web安全性1、身份安全EAS统一身份认证CA认证支持2、通讯安全数据传输加密https支持3、运维安全安全漏洞预防：XSS脚本攻击，SQL注入，CSRF等第三方组件安全4、安全审计用户监控操作日志平台特性基于开源技术构建，支持随意组合、共享各种互联网技术OPENAPI技术、共享EAS后台服务，最大化客户和伙伴的利益技术门槛低、开发效率高后期会搭建统一资源中心，可分享伙伴开发成果开放性基于互联网开源技术构建开放平台BootstrapJquerySpringOpenAPIWEB2.0平台特性动态性动（态）静（态）相宜，兼顾性能及灵活性可动态部署，降低运维成本运行期实时调整即时生效，直接看到效果调整完毕自动静态化，提升响应速度平台特性模块化静态资源采用模块化架构体系，按需加载，性能优越支持使用Nginx/Apache等单独部署静态资源服务器，优化并发性能自动处理静态文件版本，版本更新无须手动清浏览器缓存部署架构图利用开源软件作为反向代理和负载均衡、前端缓存装置。Web高可用：会话状态的持久化支持。前后端分离模型前后端分离，前端小美快，后端稳准狠

后台采用OpenAPI

统一管理服务调用，提升开放性和可维护性

利用动态Web应用框架，提升二次开发效率WAF平台OPENAPIWrapperFacadeEntityEntity…PrivateAPI后台服务前台系统组件体系OPENAPI管理应用框架标准业务Web应用自定义业务Web应用第三方应用应用中心FacadeOpenAPI…Web平台蓝图技术架构应用架构数据架构业务架构开发管理运维管理Browser端框架WebServer框架AppServer框架RPChttpjson基础服务组件与模板扩展模式非功能特性框架开发工具构建与测试二次开发管理补丁管理BOS数据框架性能监控组织架构主数据部署工具技术架构Client/BrowserWebServer界面动态渲染HTTPServiceDispatcher通用业务ServiceBOTP工作流附件管理显示风格CSS3业务事件逻辑JS基础控件JQUERY编码规则ApplicationServer模块A后台服务模块B后台服务模块C后台服务模块D后台服务模块…后台服务EventBusJSONConvertInterceptor权限LicenseRemoteLocalJsonIOCRemoteLocalRemotelocalRemoteLocalRemoteLocal业务HandlerHTTP缓存处理业务Handler服务注入导入/导出服务模块…后台服务RemoteLocalRemoteLocal……….基础服务模块…后台服务基础服务基础服务及功能组件完成图例后期实现AppServer工作流服务组件单据上查统一身份认证BOS基础服务引擎单据上拉单据生成单据下查查看流程图查看审核意见执行多级审批查看流程活动指定下一步参与人权限服务功能权限字段权限License多组织网络互斥国际化编码规则系统监控用户行为收集BOS相关应用服务性能监控数据权限处理操作日志处理总体介绍应用说明应用开发流程页面超类及应用组件体系动态开发平台运行框架说明Web组件库说明关键问题说明附录提纲总体开发流程配置开发服务设置预览调试发布测试补丁制作安装部署后台实体模型配置页面显示及事件配置前后台业务逻辑编码工作流、权限、BOTP、编码规则、打印模板等服务设置页面预览并可对所有功能进行单元测试，调试解决问题发布到应用菜单上，进行完整的集成测试开发测试完成，将开发成果制作成补丁包输出将开发的补丁包安装部署到正式环境中运行二次开发模式2、扩展开发基于标准产品中已有业务进行部分修改的

开发模式扩展开发为继承模式，当原标准产品业务包升级后会自动根据规则合并，保护已有二次开发成果与标准产品开发有较大区别1、新功能开发新业务功能开发，包括新的基础资料，新的业务单据，新的报表等可以使用系统基础及标准产品已有业务的基础资料，也可以关联使用新增的基础资料类同于标准产品开发新增功能开发流程Web动态开发平台新建业务单元设置业务单元实体属性（实体、查询）页面配置拖放字段以及组件调整布局设置控件属性配置功能配置事件代码编写编写事件响应的Handler（java）在js文件中自动生成的空方法中添加代码在css文件中维护调整当前页面样式直接预览并调试测试两种方式：1、DEP2、BIM扩展开发流程Web动态开发平台根据业务单元新建扩展方案对业务单元包含页面扩展页面配置新增字段，拖放字段以及组件调整布局设置控件属性配置功能配置事件代码编写编写事件响应的Handler（Rhino）在js文件中发布的空方法中添加代码在css文件中维护调整当前页面样式直接预览并调试测试新建页面方案启用页面超类及应用组件体系概述Web动态框架页面目前有三种基本类型：编辑页面、列表页面、空白页面，各自包含了不同的内置功能，可以直接配置使用动态框架还提供了众多功能强大的基础应用组件，可以在业务页面中直接配置使用应用组件体系Web应用组件体系Web组件是平台提供的业务层面上封装重用的、一种较低层次的共享机制Web组件的颗粒度较小，是在控件之上页面之下的通用逻辑的封装，可以在页面中直接如基础控件一样设置使用Web组件一般包含了业务及BOS应用概念，如Query及实体Info等，而且一般包括后台处理逻辑的调用Web应用组件Web组件体系显示及/或处理逻辑的一个片段分为显示组件及非显示组件（服务组件）Web组件不能直接运行，需要在页面中运行调试Web组件是开放的，以后可以自由注册，方便业务应用开发自己的组件Web组件之间不能继承，但可以组合使用组件描述列表显示组件根据Query进行列表显示及操作通用查询组件浮动DAP组件生成凭证/删除凭证，生成/删除管理凭证工作流组件审核、反审核、流程图BOTP组件推/拉生成、联查单据、上查、下查打印套打组件附件管理组件多附件文件的上传、存储处理引入引出组件导入或导出Excel文件数据通用F7组件各种基础F7组件组织/物料/客户/供应商/科目/职员/…页面超类页面类型超类是页面级的功能共享超类按页面类型封装了一组通用的功能逻辑，如：列表页面包括新增、删除、修改、审核等通用事件和处理逻辑；编辑页面包括保存、提交、打印、BOTP等通用事件和处理逻辑。页面类型超类内置功能编辑页面列表页面页面元数据概念体系业务单元页面1页面2基本信息布局控件页面事件属性事件页面响应后台处理业务服务页面超类页面组件功能概述Web动态开发平台，是基于浏览器的web开发平台，能够直接预览所见即所得完成页面的配置过程，开发所依赖的实体、查询等目前需要在DEP或者BIM中完成，页面运行依赖的java代码目前需要在eclispse等开发工具中完成，而js及Rhino脚本可在页面配置工具中直接编写，js亦可使用其他工具编写主要功能新增功能开发标准产品扩展开发Web动态开发平台Web动态开发平台业务单元方案页面Web动态开发平台页面配置确定页面结构，选择各组件及/或控件，定义界面功能按钮及/或界面显示定义组件/控件事件及响应JS和Handler代码处理逻辑编写保存页面配置，直接预览调试Web动态开发平台扩展开发扩展开发标准产品扩展实体及查询扩展实体扩展查询扩展页面扩展方案1页面1扩展显示扩展事件扩展页面扩展方案2页面1扩展显示事件扩展扩展模型扩展开发操作字段扩展1

仅能新增字段，不能删除字段或者修改字段类型2

通过DEP工具/页面配置工具进行字段新增，并修改查询方案扩展开发工具页面显示1

可通过可视化的显示设置进行修改2

页面修改时有部分限制，如不能删除只能隐藏字段，必录不能改为非必录等3

通过扩展开发工具进行设置逻辑扩展1

通过事件总线技术提供插件式扩展体系，插入方式为Before/After/Override2

通过页面扩展开发工具进行JS前端及web端的逻辑处理插入3

通过DEP工具进行App后台逻辑插入方案管理1

一个页面可以有多种扩展方案，一个页面方案包括页面显示及前台逻辑插件2

通过页面扩展开发工具进行方案管理，包括启用、禁用，按CU进行分配3

如果组织未被分配方案，则按标准产品页面运行典型二次开发场景及方式序号需求场景详细描述开发方式1新增字段可新增各种类型字段，并可设置显示位置及标签、必录、默认值、数值范围、校验等属性1、使用DEP工具/页面配置工具新增字段，同步查询方案2、通过页面配置工具设置显示及其他属性2调整显示布局可调整页面各个字段显示位置，调整布局通过页面设置工具进行显示调整3修改字段显示属性修改字段/控件的标签文字、默认值、提示文字、是否必录、是否隐藏、是否可编辑、数值范围、校验及信息等各种属性，包括按钮等控件通过页面设置工具进行修改4新增、修改控件的事件及响应逻辑可设置各种控件的常用事件，编写响应逻辑1、通过页面设置工具进行事件设置2、编写插入的处理逻辑程序5根据字段值动态设置其他字段是否显示、可编辑、必录例：如费用类型=车辆费用，则显示且须选择车辆，否则不显示车辆1、工具设置字段控件onChanged事件2、编写js程序实现逻辑6可动态给其他字段赋值F7查询连带，包括给分录中的某字段赋默认值，包括清空。例：人员选定后，自动将人员所属部门赋值给部门字段1、工具设置字段控件onChanged事件2、编写js程序实现逻辑7可动态设置其他字段F7过滤条件包括给分录中的某字段F7设置过滤条件。例：部门变化后，选择人员时需要自动添加所属部门=单据上部门值这个条件1、工具设置字段控件onChanged事件2、编写js程序实现逻辑8可设置分录中某字段的自动合计计算例：在分录上添加了一列“车补费”，在行的合计上需要自动计算直接在工具中设置修改分录表格属性9可设置分录中某字段合计值到单据头例：订单分录行中的金额合计值自动付给单据头上的订单总金额字段1、工具设置字段控件onChanged事件2、编写js程序实现逻辑二次开发管理补丁制作仅含web端内容不含DEP扩展方案补丁安装使用管控台正常安装Web运行框架功能概述Web运行技术框架，基于SpringMVC，是非常轻量级的、简单易学的架构Web业务功能是集成在EAS门户中显示并运行的主要部分客户端运行部分WebServer端部分AppServer端部分基础控件体系典型操作调用基础流程action/eventJs事件处理前插入逻辑覆盖逻辑后插入逻辑拦截器Web端框架License用户监控行为采集性能监控主业务组织处理Web端处理逻辑功能权限前插入逻辑覆盖逻辑后插入逻辑App端处理逻辑日志数据权限页面操作ClientWebServerAppWeb运行框架客户端框架内容显示内容，页面元数据动态解析/静态化html显示样式，CSS文件处理逻辑，JS文件WebServer端Event类-Handler类扩展时只需要用Rhino编写HandlerAppServer端使用已有EAS后台业务服务也可以使用DEP后台服务方法Web组件库控件描述列布局ColumnLayout表格控件多表头/列锁定，多种编辑，分组统计…F7浮层/窗口，通用/组织/人员/自定义等多页签可异步加载、动态维护页签数字框金额/百分比/整数/小数日期及日期时间Max/Min，可显示周AutoComplete支持多种源（数组/URL/函数）WindowGet/post，互传数据，iframe/div…基础控件体系JQuery控件的封装配合CSS，符合统一显示风格以后可切换多种风格、多种皮肤支持流体布局，随浏览器窗口大小而自动调整应用组件体系可查看帮助系统详细了解总体介绍应用说明关键问题说明应用开发人员技术要求扩展开发原理及标准产品补丁升级资料与共享附录提纲关键问题Web前端熟悉HTML/JSP熟悉JQuery，了解css3熟练掌握JavaScriptJ2EE熟练掌握Java了解SpringBOS/EAS开发熟练掌握BOS/EAS开发流程及规范应用开发人员技术要求BOSWeb动态框架涉及的开发工具与技术ApplicationServer端（与原来GUI开发一样）工具：DEP/BIM（For机构&客户）扩展元数据相关（实体、Query、表、Facade，以及他们相关的属性方法等）扩展AppServer端业务逻辑脚本（Rhino）需掌握的技术：DEP开发、

Rhino脚本语言/BIMWebServer端工具：Eclipse（新功能开发）/页面配置工具（标准产品扩展修改）新功能开发：Event类（java）（WebServer端事件总线），Handler类（java）（WebClient事件对应的响应方法业务逻辑代码）扩展修改：Rhino脚本语言需掌握的技术：Java、Spring开源框架技术/Rhino脚本语言WebClient端工具：BOSWAF2页面配置工具（扩展开发）页面布局、拖放字段组件控件、配置字段与控件属性、配置功能、配置事件工具：自己常用的文本编辑器扩展Js（页面逻辑）扩展Css（页面样式）需掌握的技术：WEB前端技术（Html、Css3、JavaScript、JQuery技术

）特别说明开发技术BOSWeb动态框架只是BOSWEB前端开发技术，对于后端仍然采用原来BOS的开发模式，因此熟悉原BOS/EAS开发技术非常重要，如果完全没有经历过原BOS/EAS的开发，那掌握周期会更长BOSWeb动态框架作为BOSWEB前度开发技术，采用了目前主流的WEB前度技术，因此必须熟练掌握WEB前端技术（Html、Css3、JavaScript、Jquery技术

），这些技术在互联网上有大量的教材和案例可以学习在正式学习BOSWeb动态框架开发之前，请提前掌握好前面两类技术Web动态框架前端扩展基本原理标准产品页面页面元数据(标准)前端脚本：Js(标准)前端样式：css(标准)Webserver逻辑：handler(标准)扩展页面方案A扩展页面差异元数据(A)扩展前端脚本：Js(A)扩展前端样式：css(A)扩展Webserver逻辑：handler(A)扩展设计期运行期扩展页面差异元数据(A)Js(标准)+Js(A)css(标准)+css(A)handler(标准)+handler(A)页面元数据(标准)页面叠加逻辑叠加扩展前提：1、必须是Web动态开发平台开发的页面2、页面必须要所属一个业务单元WEB前端按CU分配扩展原理标准产品页面页面元数据(标准)前端脚本：Js(标准)前端样式：css(标准)Webserver逻辑：handler(标准)扩展页面方案A（分配给AA管理单元）扩展页面差异元数据(A)扩展前端脚本：Js(A)扩展前端样式：css(A)扩展Webserver逻辑：handler(A)扩展页面方案B（分配给BB管理单元）扩展页面差异元数据(B)扩展前端脚本：Js(B)扩展前端样式：css(B)扩展Webserver逻辑：handler(B)扩展扩展根据登录组织所属CU设计期运行期登录AA管理单元扩展页面差异元数据(A)Js(标准)+Js(A)css(标准)+css(A)handler(标准)+handler(A)页面元数据(标准)页面叠加逻辑叠加扩展页面差异元数据(B)Js(标准)+Js(B)css(标准)+css(B)handler(标准)+handler(B)页面元数据(标准)页面叠加逻辑叠加登录BB管理单元扩展前提：1、必须是Web动态开发平台开发的页面2、页面必须要所属一个业务单元标准产品页面页面元数据(标准)Js(标准)css(标准)handler(标准)登录CC管理单元未分配的执行标准产品页面关键问题补丁升级说明Web动态框架采用DEP扩展模型，扩展修改保存的是修改内容的元数据碎片，运行期自动将原功能元数据与扩展修改的元数据碎片，依照规则进行合并，合并原则为扩展元数据优先通过DEP扩展模型，可以实现标准产品与二次开发内容的元数据隔离；Web平台使用事件总线插件式框架，扩展开发包含的仅为插入点逻辑，也实