金蝶BOS进阶培训_Web框架

掌握集成基础服务 熟悉Waf配置文件的使用
版权所有 ©1993-2006 金蝶软件(中国)有限公司
P2
课程总体介绍
JavaScript基础
BOS云开发
BOS 门户开发
Ext.js框架原理 BOSWeb开发 JSF框架原理
Waf框架开发
Web设计器
AOM框架基础
EAS Web开发
工作流配置
版权所有 ©1993-2006 金蝶软件(中国)有限公司
P13
编辑界面 – 原理

EditBean提供基本功能：

保存 提交 删除 复制 上拉生成 下推生成 打印 退出
版权所有 ©1993-2006 金蝶软件(中国)有限公司
P14
编辑界面 – 接口定义

createNewModel()

创新业务对象（用于新增单据） 指定业务控制器 指定获取业务对象的哪些属性
P3
目录

BOS Web应用的开发基础 Waf界面模型 常用业务控件的应用 界面业务逻辑开发 集成基础服务 Waf配置文件的使用
版权所有 ©1993-2006 金蝶软件(中国)有限公司
P4
BOS Web开发概述

BOS Web开发属于BOS 6.3起主推的一种开发模式，能够
快速的满足企业Web2.0应用、企业云开发平台等模式的需
版权所有 ©1993-2006 金蝶软件(中国)有限公司
P28
UIPromptBox控件 –自定义F7



xHtml页面 <kd:promptBox jsvar="processF7" value="#{process.PersonProcessStatBean.paramMap['processTypeLi st']}" viewUrl="/easweb/process/ProcessClass.jsf" converter="#{process.PersonProcessStatBean.personConverter}" required="false" allowBlank="true" width="140" /> value是指绑定服务器对应ManagedBean的属性，viewUrl是自己开发 的页面，供f7选择使用, converter是自己开发的converter，把选回的对 象的id与绑定的value进行转换，如果绑定的value就是对象的id，可以 不用converter. 自定义的F7，后台ManagedBean需要继承AbstractKDPromptBean 或 者自己实现IKDPromptBean接口 ，定义的如： public class ProcessClassBean extends AbstractKDPromptBean implements java.io.Serializable
求，而且同时具有BOS GUI开发的工具、模式、效率，能 够快速的满足任何一个企业Web应用开发需求

目前的BOS Web开发已经满足EAS 协同、供应链、HR、 BOS云平台、北研电子政务、上研文档知识管理等多个领 域的需求，并且在不断的突破新领域。
版权所有 ©1993-2006 金蝶软件(中国)有限公司
P8
Waf界面模型 – 简介

Waf界面模型是对常用的界面表示的结构和行为的抽象。 在界面开发中使用Waf界面模型，有利于
复用模型提供的功能，快速开发界面 规范界面接口定义，便于开发和维护 统一界面风格等


Waf界面类型


列表界面 编辑界面 树型界面 过滤界面
版权所有 ©1993-2006 金蝶软件(中国)有限公司


getBizInterface()

getSelectors()，可选

版权所有 ©1993-2006 金蝶软件(中国)有限公司
P15
树型界面 – 简介
版权所有 ©1993-2006 金蝶软件(中国)有限公司
P16
树型界面 – 简介

TreeDetailListBean提供基本功能：

版权所有 ©1993-2006 金蝶软件(中国)有限公司
P29
Datagrid控件 – 简介

xHtml页面 <w:dataGrid id="listDataGrid" style="overflow-x:auto;overflowy:hidden;" height="482" binding="#{custom.TestBill1ListUIBean.grid}" paged="true" rows="10" value="#{custom.TestBill1ListUIBean.pagedListData}" var="data" showRowNumber="true" honorViewState="true" sync="true" toolBarPosition="bottom" align="left"> <w:outputColumn id="idColumn" value="#{data['id']}" header="#{extraMsgs['idColumn.header']}" width="100" /> <w:outputColumn id="numberColumn" value="#{data['number']}" header="#{extraMsgs['numberColumn.header']}" width="100“ /> </w:dataGrid>


type：指定BOS枚举类型 value：绑定MBean模型属性
版权所有 ©1993-2006 金蝶软件(中国)有限公司
P27
UIPromptBox控件 – 通用F7


xHtml页面 <kd:promptBox value="#{process.ProcessCommQueryBean.paramMap['p roposer']}" queryInfo="com.kingdee.eas.basedata.person.app.Underli ngUserByPersonQuery" filterInfo="#{process.ProcessCommQueryBean.defaultEnti tyViewInfo}" required="false" allowBlank="true" width="140" muti ="false" /> 这里value是指绑定服务器对应ManagedBean的属性, queryInfo是指对应的查询query, filterInfo是为queryInfo设 置的默认过滤条件，其他属性设置是否可以为空，宽度， 是否支持多选。
新增组别 修改组别 查看组别 删除组别
版权所有 ©1993-2006 金蝶软件(中国)有限公司
P17
树型界面 – 接口定义

getParentPropertyName

指定业务对象的父对象属性名称 创新组别对象（用于新增组别） 指定组别对象控制器 指定组别编辑界面Bean名称 指定组别编辑界面页面名称


createGroupNewModel()

getTreeInterface

getGroupEditBeanName()

getGroupEditUrl()

版权所有 ©1993-2006 金蝶软件(中国)有限公司
P18
过滤界面 – 简介

过滤界面包括
通用过滤界面 自定义过滤界面 嵌入过滤界面

版权所有 ©1993-2006 金蝶软件(中国)有限公司
P19
通用过滤界面 – 简介
版权所有 ©1993-2006 金蝶软件(中国)有限公司
P20
自定义过滤界面 – 简介
版权所有 ©1993-2006 金蝶软件(中国)有限公司
P21
自定义过滤界面 – 应用

自定义过滤页面
提供一个继承erQueryBean 的ManagedBean，假如为MyUserQueryBean，同时还有相应的Facelets视 图，myUserQuery.xhtml； 在序时簿ManagedBean里，覆盖getUserQueryView()方法，返回上面的 Facelets视图路径，例如： @Override protected String getUserQueryView() { return "/custom/myUserQuery.xhtml "; }




ＷＡＦ封装控件 LabelContainer EnumCombo PromptBox
TextField TestArea NumberField Button CheckBox Combo DateField Panel AbsoluteLayout BorderLayout Toolbar Tree DataGrid EditDataGrid ．．．