金蝶EASV8.0(BOS_Web)动态框架介绍

1、机密信息 严禁泄露 P1版权所有1993-2012金蝶软件（中国）有限公司 机密信息 严禁泄露 BOS WEB动态框架介绍 BOS产品部 2014.10 机密信息 严禁泄露 P2 总体介绍 目标及定位 技术特性 框架模型 应用说明 关键问题说明 附录 提纲 P3 Web动态框架全新架构体系的BOS Web平台 nWeb动态框架是BOS平台的组成部分 nWeb动态框架是BOS平台支撑Web应用的开发及运行平台 nWeb动态框架与BOS基础设施及服务共同构建企业的Web化应用 机密信息 严禁泄露 P4 Web动态框架简介 Web动态框架，是EAS BOS Web产品开发的核心平台，与与GUIGUI

2、应用框架共用应用框架共用 EAS BOS EAS BOS 服务端组件服务端组件，与与GUIGUI框架、移动应用框架共同支撑框架、移动应用框架共同支撑起成熟而又时 尚、快捷的企业应用。 Web动态框架提供统一的业务开发模型，简化纯Web应用开发逻辑，形成一 致的互联网风格互联网风格的应用模式，最大限度实现各种组件的重用重用机制，同时采 用开放开放的技术框架，形成了强大而灵活的Web应用系统开发及管理平台。 Web动态框架组成 Web运行框架 Web组件库 Web动态开发平台 Web动态框架概念 EAS后台服务 GUI Web Mobil 机密信息 严禁泄露 P5 Web动态框架目标-定位 产品目

3、标产品目标 应用阶段应用阶段 支撑应用系统研发、实 施交付、运行维护。 生命周期生命周期 支撑未来510年的B/S 应用，平滑过渡到 HTML5。 应用范围应用范围 支撑EAS及基于BOS的相 关行业、领域的企业级 Web应用。 定位：EAS及基于BOS的Web应用系统全生命周期管理平台 机密信息 严禁泄露 P6 目标-技术特征 高可靠，高性能 成熟、稳定可靠，大数据量下性能优良、可控 高可用高可用 使用（开发）效率高，简单易学 高效开发高效开发 开放平台开放平台 支持多种技术应用，支持外部功能的嵌入集成 （基于SOA及组件化体系的业务应用架构） 共享框架共享框架 支持组件化的成果共享，支持业

4、务功能独立管理 （装载、运行、卸载） 面向未来面向未来 支持以后平滑、稳定、无缝地采用HTML5技术， 支持显示风格与内容的隔离（CSS3） 机密信息 严禁泄露 P7 技术特征 系统 参数 性能 适应 性 安全 性 开放 性 其他 特性 机密信息 严禁泄露 P8 性能参数 一般单据页面打开时间：3s 一般列表页面（序时簿）打开时间：3s 一般单据保存提交时间：3s 注：普通配置环境下，页面非首次访问 P9 自适应-多浏览器，各种分辨率 支持的浏览器 IE 8+ Chrome 23+ Safari 5+ 响应式布局-自适应各种分辨率，推荐：1280*1024/1024*768 推荐的浏览器 IE

5、 11 Chrome 28+ Safari 5+ P10 Web安全性 1、身份安全 nEAS统一身份认证 nCA认证支持 2、通讯安全 n数据传输加密 nhttps支持 3、运维安全 n安全漏洞预防：XSS脚本攻击，SQL 注入， CSRF等 n第三方组件安全 4、安全审计 n用户监控 n操作日志 P11 平台特性 n 基于开源技术构建，支持随意组合、共享各种互联网技术 n OPEN API技术、共享EAS后台服务，最大化客户和伙伴的利益 n 技术门槛低、开发效率高 n 后期会搭建统一资源中心，可分享伙伴开发成果 开放性 P12 基于互联网开源技术构建开放平台 Bootstrap Jquer

6、y Spring OpenAPI WEB2.0 P13 平台特性 动态性 n 动（态）静（态）相宜，兼顾性能及灵活性 n 可动态部署，降低运维成本 n 运行期实时调整即时生效，直接看到效果 n 调整完毕自动静态化，提升响应速度 P14 平台特性 模块化 n 静态资源采用模块化架构体系，按需加载，性能优越 n 支持使用Nginx/Apache等单独部署静态资源服务器，优化并发 性能 n 自动处理静态文件版本，版本更新无须手动清浏览器缓存 机密信息 严禁泄露 P15 部署架构图 利用开源软件作为反 向代理和负载均衡、 前端缓存装置。 Web高可用：会话 状态的持久化支持。 P16 前后端分离模型

7、前后端分离，前端小美快，后端稳准狠 后台采用Open API 统一管理服务调用，提升 开放性 和可维护性 利用 动态Web 应用框架，提升二次开发效率 WAF平台 OPEN API Wrapper Facade Entity Entity PrivateAPI 后台服务前台系统 组件体系 OPEN API管理 应用框架 标准业务Web应用 自定义业务Web应用 第三方应用 应用中心 Facade OpenAPI 机密信息 严禁泄露 P17 Web平台蓝图 技术架构 应用架构数据架构 业务架构 开发管理 运维管理 Browser端框架Web Server框架App Server框架 RPCRPC

8、httphttp jsonjson 基础服务组件与模板扩展模式非功能特性框架 开发工具 构建与测试 二次开发 管理 补丁管理 BOS数据框架 性能监控 组织架构 主数据 部署工具 机密信息 严禁泄露 P18 技术架构 界面动态渲染 通用业 务 Service BOTP 工作流 附件管 理 显示风格 CSS3 业务事件逻辑 JS 基础控件 JQUERY 编码规 则 模块A 后台服务 模块B 后台服务 模块C 后台服务 模块D 后台服务 模块 后台服务 EventBu s JSON Convert Interceptor 权限 License Remote Local IOC Remote Loc

9、al Remote local Remote Local Remote Local 业务 Handler HTTP缓存处理 业务 Handler 服务注入 导入/导 出服务 模块 后台服务 Remote Local Remote Local .基 础服务 模块 后台服务 基础服务 机密信息 严禁泄露 P19 基础服务及功能组件 完成 图例 后期实现 App Server 工作流 服务组 件 单据上查 统一身份认证 BOS基础服务引擎 单据上拉单据生成单据下查 查看流程图查看审核意见执行多级审批查看流程活动 指定下一步参与 人 权限服务功能权限字段权限 License 多组织网络互斥 国际化编码

10、规则系统监控用户行为收集 BOS相关应用服务 性能监控 数据权限处理 操作日志处理 机密信息 严禁泄露 P20 总体介绍 应用说明 应用开发流程 页面超类及应用组件体系 动态开发平台 运行框架说明 Web组件库说明 关键问题说明 附录 提纲 机密信息 严禁泄露 P21 总体开发流程 配置开发 服务设置 预览调试 发布测试 补丁制作 安装部署 后台实体模型配置 页面显示及事件配置 前后台业务逻辑编码 工作流、权限、BOTP、 编码规则、打印模板等 服务设置 页面预览并可对所有功 能进行单元测试，调试 解决问题 发布到应用菜单上，进 行完整的集成测试 开发测试完成，将开发 成果制作成补丁包输出 将

11、开发的补丁包安装部 署到正式环境中运行 机密信息 严禁泄露 P22 二次开发模式 2、扩展开发 n基于标准产品中已有业务进行部分修改的 开发模式 n扩展开发为继承模式，当原标准产品业务 包升级后会自动根据规则合并，保护已有 二次开发成果 n与标准产品开发有较大区别 1、新功能开发 n新业务功能开发，包括新的基础资料， 新的业务单据，新的报表等 n可以使用系统基础及标准产品已有业务 的基础资料，也可以关联使用新增的基 础资料 n类同于标准产品开发 机密信息 严禁泄露 P23 新增功能开发流程 Web动态开发平台 新建业务单元 设置业务单元实体 属性（实体、查询） 页面配置 拖放字段以及组件调整布

12、局设置控件属性配置功能配置事件 代码编写 编写事件响应的Handler （java） 在js文件中自动生成的空 方法中添加代码 在css文件中维护调整当 前页面样式 直接预览并调试测试 两种方式： 1、DEP 2、BIM 机密信息 严禁泄露 P24 扩展开发流程 Web动态开发平台 根据业务单元新建 扩展方案 对业务单元包含页 面扩展 页面配置 新增字段，拖放字 段以及组件 调整布局设置控件属性配置功能配置事件 代码编写 编写事件响应的Handler （Rhino） 在js文件中发布的空方法 中添加代码 在css文件中维护调整当 前页面样式 直接预览并调试测试 新建页面 方案启用 机密信息 严

13、禁泄露 P25 页面超类及应用组件体系 概述 Web动态框架页面目前有三种基本类型：编辑页面、列表页面、 空白页面，各自包含了不同的内置功能，可以直接配置使用 动态框架还提供了众多功能强大的基础应用组件，可以在业务页面 中直接配置使用 机密信息 严禁泄露 P26 应用组件体系 Web应用组件体系 Web组件是平台提供的业务层面上封装重用的、一种较低层次的共享机制 Web组件的颗粒度较小，是在控件之上页面之下的通用逻辑的封装，可以在页 面中直接如基础控件一样设置使用 Web组件一般包含了业务及BOS应用概念，如Query及实体Info等，而且一般 包括后台处理逻辑的调用 机密信息 严禁泄露 P2

14、7 Web应用组件 Web组件体系 显示及/或处理逻辑的一 个片段 分为显示组件及非显示组 件（服务组件） Web组件不能直接运行， 需要在页面中运行调试 Web组件是开放的，以 后可以自由注册，方便业 务应用开发自己的组件 Web组件之间不能继承， 但可以组合使用 组件组件描述描述 列表显示组件根据Query进行列表显示及操作 通用查询组件浮动 DAP组件生成凭证/删除凭证，生成/删除管理凭证 工作流组件审核、反审核、流程图 BOTP组件推/拉生成、联查单据、上查、下查 打印套打组件 附件管理组件多附件文件的上传、存储处理 引入引出组件导入或导出Excel文件数据 通用F7组件 各种基础F7

15、组件组织/物料/客户/供应商/科目/职员/ 机密信息 严禁泄露 P28 页面超类 页面类型超类是页面级的功能共享 超类按页面类型封装了一组通用的功能逻辑，如：列表页 面包括新增、删除、修改、审核等通用事件和处理逻辑； 编辑页面包括保存、提交、打印、BOTP等通用事件和处理 逻辑。 机密信息 严禁泄露 P29 页面类型超类内置功能 编辑页面编辑页面 列表列表页面页面 机密信息 严禁泄露 P30 页面元数据概念体系 业务 单元 页面 1 页面 2 基本 信息 布局 控件控件 页面 事件 属性 事件 页面 响应 后台 处理 业务 服务 页面超页面超类类 页面页面 组件组件 机密信息 严禁泄露 P31

16、 功能概述 Web动态开发平台，是基于浏览器的web开发平台，能够直接预 览所见即所得完成页面的配置过程，开发所依赖的实体、查询等目 前需要在DEP或者BIM中完成，页面运行依赖的java代码目前需要 在eclispse等开发工具中完成，而js及Rhino脚本可在页面配置工 具中直接编写，js亦可使用其他工具编写 主要功能 新增功能开发 标准产品扩展开发 Web动态开发平台 机密信息 严禁泄露 P32 Web动态开发平台 业务单元 方案 页面 机密信息 严禁泄露 P33 Web动态开发平台 页面配置 确定页面结构，选择各组件及/或控件，定义界面功能按钮及/或界面显示 定义组件/控件事件及响应

17、JS和Handler代码处理逻辑编写 保存页面配置，直接预览调试 机密信息 严禁泄露 P34 Web动态开发平台 扩展开发 机密信息 严禁泄露 P35 扩展开发 标准产品 扩展 实体及查询扩展 实体扩展 查询扩展 页面扩展方案1 页面1扩展 显示扩展 事件扩展 页面扩展方案2 页面1扩展 显示 事件扩展 扩展模型 机密信息 严禁泄露 P36 扩展开发操作 字段 扩展 1 仅能新增字段，不能删除字段或者修改字段类型 2 通过DEP工具/页面配置工具进行字段新增，并修改查询方案 扩 展 开 发 工 具 页面 显示 1 可通过可视化的显示设置进行修改 2 页面修改时有部分限制，如不能删除只能隐藏字段

18、，必录不能改为非必录等 3 通过扩展开发工具进行设置 逻辑 扩展 1 通过事件总线技术提供插件式扩展体系，插入方式为Before/After/Override 2 通过页面扩展开发工具进行JS前端及web端的逻辑处理插入 3 通过DEP工具进行App后台逻辑插入 方案 管理 1 一个页面可以有多种扩展方案，一个页面方案包括页面显示及前台逻辑插件 2 通过页面扩展开发工具进行方案管理，包括启用、禁用，按CU进行分配 3 如果组织未被分配方案，则按标准产品页面运行 机密信息 严禁泄露 P37 典型二次开发场景及方式 序号需求场景详细描述开发方式 1 新增字段 可新增各种类型字段，并可设置显示位置及

19、标签、必录、默认 值、数值范围、校验等属性 1、使用DEP工具/页面配置工具新增字段，同步查询方案 2、通过页面配置工具设置显示及其他属性 2 调整显示布局可调整页面各个字段显示位置，调整布局 通过页面设置工具进行显示调整 3 修改字段显示属性 修改字段/控件的标签文字、默认值、提示文字、是否必录、是 否隐藏、是否可编辑、数值范围、校验及信息等各种属性，包 括按钮等控件 通过页面设置工具进行修改 4 新增、修改控件的事件及 响应逻辑可设置各种控件的常用事件，编写响应逻辑 1、通过页面设置工具进行事件设置 2、编写插入的处理逻辑程序 5 根据字段值动态设置其他 字段是否显示、可编辑、 必录 例：

20、如费用类型=车辆费用，则显示且须选择车辆，否则不显 示车辆 1、工具设置字段控件onChanged事件 2、编写js程序实现逻辑 6可动态给其他字段赋值F7查询连带，包括给分录中的某字段赋默认值，包括清空。例： 人员选定后，自动将人员所属部门赋值给部门字段 1、工具设置字段控件onChanged事件 2、编写js程序实现逻辑 7 可动态设置其他字段F7 过滤条件 包括给分录中的某字段F7设置过滤条件。例：部门变化后，选 择人员时需要自动添加所属部门=单据上部门值这个条件 1、工具设置字段控件onChanged事件 2、编写js程序实现逻辑 8 可设置分录中某字段的 自动合计计算 例：在分录上添

21、加了一列“车补费”，在行的合计上需要自动 计算 直接在工具中设置修改分录表格属性 9 可设置分录中某字段合 计值到单据头 例：订单分录行中的金额合计值自动付给单据头上的订单总金 额字段 1、工具设置字段控件onChanged事件 2、编写js程序实现逻辑 机密信息 严禁泄露 P38 二次开发管理 补丁制作 仅含web端内容 不含DEP扩展方案 补丁安装 使用管控台正常安 装 机密信息 严禁泄露 P39 Web运行框架 功能概述 Web运行技术框架，基于Spring MVC，是非常轻量级的、简单易 学的架构 Web业务功能是集成在EAS门户中显示并运行的 主要部分 客户端运行部分 Web Ser

22、ver端部分 App Server端部分 基础控件体系 机密信息 严禁泄露 P40 典型操作调用基础流程 action/ event Js事件处理 前插入逻辑 覆盖逻辑 后插入逻辑 拦截器 Web端框架 License用户监控 行为采集 性能监控 主业务组 织处理 Web端处理 逻辑 功能权限 前插入逻辑 覆盖逻辑 后插入逻辑 App端处理 逻辑 日志 数据权限 页面操作 Client Web ServerApp 机密信息 严禁泄露 P41 Web运行框架 客户端框架内容 显示内容，页面元数据动态解析/静态化html 显示样式，CSS文件 处理逻辑，JS文件 Web Server端 Event

23、类-Handler类 扩展时只需要用Rhino编写Handler App Server端 使用已有EAS后台业务服务 也可以使用DEP后台服务方法 机密信息 严禁泄露 P42 Web组件库 控件控件描述描述 列布局Column Layout 表格控件多表头/列锁定，多种编辑，分组统计 F7浮层/窗口，通用/组织/人员/自定义等 多页签可异步加载、动态维护页签 数字框金额/百分比/整数/小数 日期及日期时间Max/Min，可显示周 AutoComplete支持多种源（数组/URL/函数） WindowGet/post，互传数据，iframe/div 基础控件体系 JQuery控件的封装 配合CS

24、S，符合统 一显示风格 以后可切换多种风 格、多种皮肤 支持流体布局，随 浏览器窗口大小而 自动调整 应用组件体系 可查看帮助系统详细了解可查看帮助系统详细了解 机密信息 严禁泄露 P43 总体介绍 应用说明 关键问题说明 应用开发人员技术要求 扩展开发原理及标准产品补丁升级 资料与共享 附录 提纲 机密信息 严禁泄露 P44 关键问题 熟悉HTML/JSP 熟悉JQuery，了解css3 熟练掌握Java Script Web前端 熟练掌握Java 了解Spring J2EE 熟练掌握BOS/EAS开发流程及规范 BOS/EAS开发 应用开发人员技术要求 机密信息 严禁泄露 P45 BOS

25、Web动态框架涉及的开发工具与技术 Application Server端（与原来GUI开发一样） 工具：DEP/BIM（For机构&客户） 扩展元数据相关（实体、Query、表、Facade，以及他们相关的属性方法等） 扩展App Server端业务逻辑脚本（Rhino） 需掌握的技术：DEP开发、 Rhino脚本语言/BIM Web Server端 工具：Eclipse（新功能开发）/页面配置工具（标准产品扩展修改） 新功能开发：Event类（java）（ Web Server端事件总线），Handler类（java）（Web Client事件对应的响应方法业务逻辑代码） 扩展修改：Rhi

26、no脚本语言 需掌握的技术：Java、Spring开源框架技术/Rhino脚本语言 Web Client端 工具：BOS WAF2页面配置工具（扩展开发） 页面布局、拖放字段组件控件、配置字段与控件属性、配置功能、配置事件 工具：自己常用的文本编辑器 扩展Js（页面逻辑） 扩展Css（页面样式） 需掌握的技术：WEB前端技术（Html、Css3、Java Script 、JQuery技术 ） 机密信息 严禁泄露 P46 特别说明 开发技术 BOS Web动态框架只是BOS WEB前端开发技术，对于后端仍然采用原来BOS的开发模式，因此 熟悉原BOS/EAS开发技术非常重要，如果完全没有经历过原

27、BOS/EAS的开发，那掌握周期会更长 BOS Web动态框架作为BOS WEB前度开发技术，采用了目前主流的WEB前度技术，因此必须熟 练掌握WEB前端技术（ Html、Css3、Java Script 、Jquery技术 ），这些技术在互联网上有大量 的教材和案例可以学习 在正式学习BOS Web动态框架开发之前，请提前掌握好前面两类技术 机密信息 严禁泄露 P47 Web动态框架前端扩展基本原理 标准产品 页面 页面元数据(标准) 前端脚本：Js(标准) 前端样式：css(标准) Webserver逻辑：handler(标准) 扩展页面方案A 扩展页面差异元数据(A) 扩展前端脚本：Js

28、(A) 扩展前端样式：css (A) 扩展Webserver逻辑：handler (A) 扩展 设计期 运行期 扩展页面差异元 数据(A) Js(标准) + Js(A) css(标准)+css (A) handler(标准)+handler (A) 页面元数据 (标准) 页面叠加逻辑叠加 扩展前提： 1、必须是Web动态开发平台开发的页面 2、页面必须要所属一个业务单元 机密信息 严禁泄露 P48 WEB前端按CU分配扩展原理 标准产品 页面 页面元数据(标准) 前端脚本：Js(标准) 前端样式：css(标准) Webserver逻辑：handler(标准) 扩展页面方案A （分配给AA 管理

29、单元） 扩展页面差异元数据(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(标

30、准) + Js(B) css(标准)+css (B) handler(标准)+handler (B) 页面元数据 (标准) 页面叠加逻辑叠加 登录BB管理单元 扩展前提： 1、必须是Web动态开发平台开发的页面 2、页面必须要所属一个业务单元 标准产品 页面 页面元数据(标准) Js(标准) css(标准) handler(标准) 登录CC管理单元 未分配的执行标准产品页面未分配的执行标准产品页面 机密信息 严禁泄露 P49 关键问题 补丁升级说明 Web动态框架采用DEP扩展模型，扩展修改保存的是修改内容的元 数据碎片，运行期自动将原功能元数据与扩展修改的元数据碎片， 依照规则进行合并，合并原则为扩展元数据优先 通过DEP扩展模型，可以实现标准产品与二次开发内容的元数据隔 离；Web平台使用事件总线插件式框架，扩展开发包含的仅为插 入点逻辑，也实现了标准产品功能与二次开发功能的隔离 当标准产品补丁安装时，影响的仅是标准产品元数据、文件及程序 等，而扩展开发内容没有影响。在运行期才会进行元数据的合并， 功能逻辑的合并调用，这样就保证了二次开发成