①绝密信息严禁泄露
P1
版权所有©1993-2012金蝶软件（中国）有限公司
①绝密信息严禁泄露
BOS WEB平台系统部
范来华 2016.2
EAS800 Web开发培训 ---基础篇
①绝密信息严禁泄露
P2
培训目标
开发环境准备及配置
WEB平台介绍
WEB平台二次开发
WEB平台方案部署
如何获取帮助
提纲
目录
①绝密信息严禁泄露
P3
培训目标
•掌握如何定制项目开发环境
•掌握WEB平台的主要功能
•学会配置并部署WEB单据
快速实现WEB单据
建立共同语言
•形成统一的名称指代
•如何获取帮助
•如何与我们交流
建立沟通渠道
①绝密信息严禁泄露
P4
开发环境准备及配置--常用开发模式
模式二：
1.测试环境debugServer，BIM远程调试连接到测试环境；
2.测试环境没有问题，从测试环境制作补丁安装到正式环境；
优点：有门户，可切换组织
缺点：一个开发调试期间，其它开发无法使用
模式一：
1.BIM中启动服务，可直接调试；
2.BIM中制作补丁，在测试环境安装；
3.测试环境没有问题，从测试环境制作补丁安装到正式环境；
优点：方便，互不影响
缺点：没有门户，无法切换用户及组织
模式三：
1.本地EAS服务器debugServer，BIM远程调试连接；
2.本地服务器制作补丁安装到测试环境；
3.测试环境统一测试没有问题，部署安装到正式环境；
优点：有门户，可切换组织，互不影响
缺点：对本地计算器要求稍高，本地需申请临时license
①绝密信息严禁泄露
P5
开发环境准备及配置--导入解决方案
①绝密信息严禁泄露
P6
开发环境准备及配置--开发模式一
启动完成后，使用chrome访问下面链接即可：
①绝密信息严禁泄露
P7
开发环境准备及配--开发模式二
测试服务器启动debugserver
BIM启动远程调试
debugserver启动完成后,启动远程调试
①绝密信息严禁泄露
P8
开发环境准备及配置--开发模式三
本地EAS启动debugserver
BIM启动远程调试
debugserver启动完成后,启动远程调试
①绝密信息严禁泄露
P9
开发环境准备及配置—访问方式
需要开发者权限
①绝密信息严禁泄露
P10
Web平台与GUI应用框架共用EAS BOS 服务端组件，与GUI框架、移动应用框架共同支撑起成熟而又时尚、快捷的企业应用。
WEB平台介绍
EAS后台服务
EAS后台服务
GUI
GUI
Web
Web
Mobil
Mobil
Web平台提供统一的业务开发模型，简化纯Web应用开发逻辑，形成一致的互联网风格的应用模式，最大限度实现各种组件的重用机制，同时采用开放的技术框架，形成了强大而灵活的Web应用系统开发及管理平台。
①绝密信息严禁泄露
P11
WEB平台介绍--浏览器支持
支持的浏览器
IE 8+
IE 8+
Chrome 23+
Chrome 23+
Safari 5+
Safari 5+
响应式布局-自适应各种分辨率，推荐：1280*1024/1024*768
推荐的浏览器
IE 11
IE 11
Chrome 28+
Chrome 28+
Safari 5+
Safari 5+
①绝密信息严禁泄露
P12
WEB平台介绍--特性
基于开源技术构建，支持随意组合、共享各种互联网技术
OPEN API技术、共享EAS后台服务，最大化客户和伙伴的利益
技术门槛低、开发效率高
开放性
①绝密信息严禁泄露
P13
WEB平台介绍--特性
动态性
动（态）静（态）相宜，兼顾性能及灵活性
可动态部署，降低运维成本
运行期实时调整即时生效，直接看到效果
调整完毕自动静态化，提升响应速度
①绝密信息严禁泄露
P14
WEB平台介绍--特性
模块化
静态资源采用模块化架构体系，按需加载，性能优越
支持使用Nginx/Apache等单独部署静态资源服务器，优化并发性能
自动处理静态文件版本，版本更新无须手动清浏览器缓存
①绝密信息严禁泄露
P15
WEB平台介绍--功能构成
业务单元
业务单元
页面1
页面1
页面2
页面2
基本信息
基本信息
布局
布局
控件
控件
页面事件
页面事件
属性
属性
事件
事件
页面响应
页面响应
后台处理
后台处理
业务服务
业务服务
页面超类
页面超类
页面组件
页面组件
①绝密信息严禁泄露
P16
WEB平台二次开发
2、扩展开发
基于标准产品中已有业务进行部分修改的
开发模式
扩展开发为继承模式，当原标准产品业务包升级后会自动根据规则合并，保护已有二次开发成果
与标准产品开发有较大区别
1、新功能开发
新业务功能开发，包括新的基础资料，新的业务单据，新的报表等
可以使用系统基础及标准产品已有业务的基础资料，也可以关联使用新增的基础资料
类同于标准产品开发
①绝密信息严禁泄露
P17
WEB平台二次开发--新功能开发流程
BIM创建实体
BIM创建实体
WEB平台业务单元
WEB平台业务单元
页面配置
页面配置
拖放字段以及组件
拖放字段以及组件
调整布局
调整布局
设置控件属性
设置控件属性
配置功能
配置功能
配置事件
配置事件
代码编写
代码编写
编写事件响应的Handler
（java）
编写事件响应的Handler
（java）
在js文件中自动生成的空方法中添加代码
在js文件中自动生成的空方法中添加代码
在css文件中维护调整当前页面样式
在css文件中维护调整当前页面样式
直接预览并调试测试
直接预览并调试测试
发布菜单
发布菜单
①绝密信息严禁泄露
P18
WEB平台二次开发--管理页面介绍
①绝密信息严禁泄露
P19
WEB平台二次开发--创建业务单元
①绝密信息严禁泄露
P20
WEB平台二次开发--列表页面配置
①绝密信息严禁泄露
P21
WEB平台二次开发--编辑页面配置
①绝密信息严禁泄露
P22
WEB平台二次开发—扩展开发
导入业务单元
导入业务单元
扩展页面
扩展页面
页面配置
页面配置
新增字段，拖放字段以及组件
新增字段，拖放字段以及组件
调整布局
调整布局
设置控件属性
设置控件属性
配置功能
配置功能
配置事件
配置事件
代码编写
代码编写
编写事件响应的Handler
（Rhino）
编写事件响应的Handler
（Rhino）
在js文件中发布的空方法中添加代码
在js文件中发布的空方法中添加代码
在css文件中维护调整当前页面样式
在css文件中维护调整当前页面样式
直接预览并调试测试
直接预览并调试测试
新建页面
新建页面
方案启用
方案启用
①绝密信息严禁泄露
P23
WEB平台二次开发--导入业务单元
①绝密信息严禁泄露
P24
WEB平台二次开发--管理页面介绍
①绝密信息严禁泄露
P25
WEB平台二次开发--列表页面配置
①绝密信息严禁泄露
P26
WEB平台二次开发--编辑页面配置
①绝密信息严禁泄露
P27
WEB平台二次开发—扩展开发启用验证
①绝密信息严禁泄露
P28
WEB平台方案部署
App server方案部署
WEB平台方案部署
①绝密信息严禁泄露
P29
app server部署内容
①绝密信息严禁泄露
P30
WEB平台方案部署--补丁制作
①绝密信息严禁泄露
P31
1. 将已打包好的WEBPurOrder001.zip文件复制到eas服务器的eas\Server\admin\patch\patchlist目录下；
2. 打开BOS管理平台，点击【补丁管理】-【显示局部补丁】，选择WEBPurOrder001.zip ，点击【安装】，按照提示完成安装补丁；
WEB平台方案部署--安装补丁
①绝密信息严禁泄露
P32
启动服务，进入【扩展开发平台】，如下图，说明补丁安装成功（注：补丁页面使用的实体和查询必须在系统中已经存在）
WEB平台方案部署--验证补丁
①绝密信息严禁泄露
P33
1、扩展方案的启用原则：制作补丁时为启用状态，安装后也是启用状态；建议非启用状态制作补丁；
2、【分配】信息不包含在补丁中，安装完补丁需进行分配组织；
WEB平台方案部署--部署后工作
①绝密信息严禁泄露
P34
3、【发布菜单】信息不包含在补丁中，安装补丁后需发布菜单；
WEB平台方案部署--部署后工作
①绝密信息严禁泄露
P35
注：由于目前系统尚未支持补丁卸载自动回退，因此在卸载补丁时需要以下操作
1.文件回退
WEB平台方案部署--补丁卸载
①绝密信息严禁泄露
P36
2.数据库回退(需谨慎操作)
WEB平台方案部署--补丁卸载
①绝密信息严禁泄露
P37
1. Apusic缓存清理，安装WEB框架补丁后，先清空apusic缓存，然后再重启EAS服务
缓存清理
2. 静态化元数据清理，一般是在直接更改数据库或页面显示不正常时：
清理方式：ctrl+alt+shift+p
①绝密信息严禁泄露
P38
如何获取帮助
自我提升：WAFII帮助系统及培训课程
交流沟通：RMP提单，邮件，论坛及QQ
①绝密信息严禁泄露
P39
组件类型
包含项
UI组件
文本框，下拉框，日期，F7，数字框，文本域，多语言框，Radio 、RadioGroup，Checkbox，隐藏域，文件上传、标签组件、按钮、菜单、菜单项、菜单按钮、显示表格、可编辑表格、树、窗口、提示组件、进度条、浮动提示等
容器组件
标签容器、章节、面板、数据展示、信息块、页签，工具栏等
布局组件
列布局
功能组件
自动完成、校验组件、阻塞、提示等
WAFII帮助系统
提供了38个主要组件，每个组件由JS和CSS组成，详细如下表
①绝密信息严禁泄露
P40
–在定义工具上拖放，然后设置属性、事件和方法
–在代码中动态创建组件，具体样例可以参考帮助系统
–组件属性
•属性的设置和获取通过option方法来完成
Waf(“#id”).wafPromptBox(“option”, “displayFormat”)；
•有些属性不支持运行期的动态更改
–组件方法
•调用格式统一为：
–waf(“#id”).xxxx(“methodName”,paramters…..)
–Xxxx为组件对应的JS对象名，比如
–Waf(“#id”).wafPromptBox(“open”)；
–事件
•事件的获取和设置通过option方法来完成
•Waf(“#id”).wafPromptBox(“option”, “onchange”,function(){})
WAFII帮助系统--组件的使用方法
界面设计
界面设计
编码
编码
①绝密信息严禁泄露
P41
常见属性
说明
id
唯一标示符，不能重复
name
名称，form组件中绑定到对应的model属性
value
初始值，可接受el表达式
tagClass
样式类，对应HTML标签的class，需要写到css文件中
style
样式，对应标准HTML标签上的style
width
宽度
height
高度
readonly
只读
disabled
禁用
maxlength
输入最大字符数
tabindex
Tab顺序
hidden
隐藏
WAFII帮助系统--组件的使用方法
1.常用属性说明
①绝密信息严禁泄露
P42
常用方法
说明
option
获取组件的属性或者更改组件属性
getValue
获取组件的值，一般用在form组件中
setValue
设置组件的值，一般用在form组件中
disable
禁用组件
enable
启动用组件
WAFII帮助系统--组件的使用方法
常用事件
说明
onchange
值改变事件，参数包括改变前和改变后值
onkeydown
在文本框上按下键盘上的键时触发
onkeyup
在文本框上按下键盘上的键时触发
2.常用方法说明
3.常用事件说明
①绝密信息严禁泄露
P43
与我们的沟通方式--RMP提单
①绝密信息严禁泄露
P44
与我们的沟通方式--邮件
邮箱： laihua_fan@kingdee.com
①绝密信息严禁泄露
P45
与我们的沟通方式--论坛
①绝密信息严禁泄露
P46
与我们的沟通方式—QQ群
QQ群： 255621573
①绝密信息严禁泄露
P47
Thanks
terimakasih
感謝
谢谢
ありがとう
ขอบคุณ
版权所有©1993-2012金蝶软件（中国）有限公司
①绝密信息严禁泄露
①绝密信息严禁泄露
P48
特别声明
没有金蝶软件国际软件集团有限公司的特别许可，任何人不能以任何形式或为任何目的复制或传播本文档的任何部分。本文档中包含的信息如有更改，恕不另行通知。
由金蝶软件（中国）有限公司和其分销商所销售的某些软件产品包含有其它软件供应商版权所有的软件组件。
Microsoft®、WINDOWS®、NT®、EXCEL®、Word®、PowerPoint®和SQLServer®是微软公司的注册商标。
IBM®、DB2®、DB2通用数据库、OS/2®、ParallelSysplex®、MVS/ESA、AIX®、S/390®、AS/400®、OS/390®、
OS/400®、iSeries、pSeries、xSeries、zSeries、z/OS、AFP、IntelligentMiner、WebSphere®、Netfinity®、
Tivoli®、Informix和Informix®动态ServerTM是国际商业机器公司在美国或其他公司的商标。
ORACLE®是ORACLE公司的注册商标。
UNIX®是UNIXINTERNATIONALCO.,LIMTED的注册商标、OSF/1®和Motif®是OpenGroup的注册商标。
Citrix®、Citrix徽标、ICA、ProgramNeighborhood®、MetaFrame®、WinFrame®、VideoFrame®、MultiWin®以及此处引用的Citrix产品名是CitrixSystems公司的商标或注册商标。
HTML是HATEMOGLUTEKSTILGIYIMSANAYIVETICARETA.S.的注册商标，DHTML、XML和XHTML是W3C®、WorldWideWeb协会、计算机科学实验室的商标或注册商标，PureXML是国际商业机器公司的注册商标。
JAVA®是甲骨文美国有限公司的注册商标。
JAVASCRIPT®是甲骨文美国有限公司的注册商标，由其技术开发和实施商Netscape许可使用。
Apusic®是深圳市金蝶中间件有限公司的注册商标。
本文档提到的金蝶®、金蝶KIS®、K/3®、金蝶EAS®、友商网®和其它金蝶产品和服务以及它们各自的徽标是金蝶软件（中国）有限公司在中国和世界其它一些国家的商标或注册商标。本文档提到的所有其它产品和服务名称是它们各自公司的商标。