WebBuilder开发手册Word文件下载.doc

WebBuilder开发手册Word文件下载.doc

《WebBuilder开发手册Word文件下载.doc》由会员分享，可在线阅读，更多相关《WebBuilder开发手册Word文件下载.doc（39页珍藏版）》请在冰豆网上搜索。

2.7. 运行环境 9

3. 集成开发环境的使用 9

3.1. 编辑器的使用 10

3.2. 表单设计器的使用 10

4. WebBuilder开发基础 11

4.1. 开发我的第一个HelloWorld程序 11

4.2. 系统的目录结构 12

4.3. WebBuilder中的参数机制 12

4.4. 系统的配置 13

4.5. 运行时变量 14

4.6. xwl文件的body描述 14

4.7. 多域运行及初始帐户 15

4.8. 系统数据库表说明 15

4.8.1. 用户表WB_USER 15

4.8.2. 计划任务表WB_TASK 15

4.8.3. 日志信息表WB_LOG 16

4.8.4. 键值对照表WB_KEY 16

4.8.5. 文本表WB_TEXT 16

4.8.6. 桌面保存信息表WB_PORTALET 16

5. 页面的布局和容器组件 17

5.1. 容器组件 17

5.1.1. viewPort显示容器 17

5.1.2. panel面板 17

5.1.3. extWindow窗口 17

5.1.4. extForm表单 18

5.1.5. tab页 18

5.1.6. fieldSet字段集 18

5.2. border边界布局 19

5.3. fit适配布局 20

5.4. absolute绝对位置布局 20

5.5. accordion折叠布局 20

6. 数据库的访问 21

6.1. 查询组件 21

6.1.1. 返回结果集 21

6.1.2. 参数的使用 21

6.1.3. 事务 22

6.1.4. 跨数据库开发 22

6.1.5. 示例 23

6.2. 数据更新组件 23

6.2.1. 数据来源 23

6.2.2. SQL语句的批运行 24

6.3. 数据生成器组件 24

6.3.1. 生成json格式的数据 24

6.3.2. 生成图片数据 25

6.3.3. 生成二进制流 25

7. 组件的使用 25

7.1. 目录 25

7.2. 标签 26

7.3. 编辑框、数字框和按钮 26

7.4. 菜单及工具条 26

7.4.1. 菜单制作 26

7.4.2. 制作面板嵌入式菜单 27

7.4.3. 制作常规菜单 27

7.4.4. 制作内置工具条菜单 27

7.5. 日期和时间 27

7.6. 单选框和复选框 28

7.7. ajax和store组件 28

7.7.1. ajax组件 28

7.7.2. store组件 29

7.8. 下拉框 29

7.8.1. 通过预置的下拉项使用 29

7.8.2. 通过关联store的方式异步引用下拉项 29

7.8.3. 通过关联query的方式同步引用下拉项 29

7.8.4. 类似于google的异步搜索提示下拉项 29

7.9. 树组件 30

7.9.1. 同步树 30

7.9.2. 异步树 30

7.10. 表格 31

7.10.1. 同步表格 31

7.10.2. 异步表格 31

7.10.3. 表格列的定义 31

7.10.4. 可编辑表格 31

7.11. 组合组件 32

7.11.1. DualList双重列表 32

7.11.2. TreeList树列表 32

7.11.3. ComboTree下拉树 32

7.12. 图表 32

7.12.1. Chart图表容器 32

7.12.2. ChartContent图表内容 33

7.13. 辅助组件 33

7.13.1. mail电子邮件 34

7.13.2. action动作组件 34

7.13.3. excepter异常触发器 34

7.13.4. validator验证器 34

7.13.5. defaultValue默认值 34

7.13.6. keyMap按键映射 34

7.14. actionFile文件组件 35

7.15. html组件的使用 35

7.15.1. 直接添加 35

7.15.2. 通过面板的content属性添加 35

8. 后台Java与前台JavaScript的使用 36

8.1. 调用后台Java类方法 36

8.1.1. Request使用 36

8.1.2. Response使用 36

8.1.3. method组件的属性 37

8.1.4. 示例 37

8.2. 编写JavaScript和HTML脚本 37

8.2.1. 使用脚本组件 37

8.2.2. body的script属性 38

8.2.3. 脚本的直接输出 38

8.2.4. 系统提供的实用JavaScript函数 38

1.关于WebBuilder

WebBuilder是一款跨平台、数据库和浏览器的Web可视化应用开发和部署平台。

使用WebBuilder可开发ERP、OA、CRM、HR、MIS以及电信、银行、政府、企业等各行业的行业应用系统，帮助信息化管理系统的快速构建。

WebBuilder帮助提高应用系统的开发效率，并降低成本。

完善的基础架构，具有应用系统必须的完整功能，使系统的开发仅需致力于业务的开发。

应用开发：

提供可视化的WebBuilder集成开发环境，帮助应用系统的快速开发，支持使用Eclipse等开发工具的开发和调试，可以在您原有使用的技术框架上混合使用。

应用部署：

使用基于Web的资源管理器进行应用的部署，支持Java，.Net，PHP等大部分Web应用的部署。

自定义的应用描述语言：

基于XML的Web应用描述语言，屏蔽不同平台、数据库和浏览器之间的差异。

完整的组件框架：

提供应用开发所需的经过封装的前后台组件、开发框架以及应用模块，集成封装了大量Ext、Dhtml、FusionCharts、标准HTML和JS组件以及包括数据访问、流程引擎、计划任务、系统调度等框架在内的Java后台组件。

使用WebBuilder可快速开发出功能强大的各种企业级应用系统，也可以基于应用系统平台做深度的二次开发。

关于WebBuilder的更多信息请访问：

WebBuilder开发交流论坛请访问：

1.1.WebBuilder的构成

WebBuilder由基于JEE的WebBuilder服务器和基于桌面应用的集成开发环境构成。

WebBuilder服务器是运行应用系统的引擎；

WebBuilder集成开发环境是开发应用系统的工具，用于生成应用xwl文件。

最新版本的WebBuilder服务器和集成开发环境请到如下网址下载：

1.2.WebBuilder运行的原理

WebBuilder使用集成开发环境生成应用描述文件xwl，使用服务器来解析运行xwl文件。

xwl文件是基于xml的描述应用逻辑的文件，类似于jsp文件。

通过使用集成开发环境可视化地设计应用的前后台组件、属性、方法和事件，来构建整个应用的大部份功能和框架，可以通过编写前台html/JavaScript脚本和后台java代码来扩充业务功能的开发。

xwl文件内的组件是有先后顺序的，服务器解析xwl文件时，会根据组件的先后顺序来执行。

比如xwl文件内包含query组件和grid组件，其中grid组件引用了query组件，那么query组件必须在grid组件之前定义，可通过编辑器拖动组件来调整同一层次上组件的先后顺序。

2.系统的安装、部署和管理

2.1.WebBuilder的安装

2.1.1.WebBuilder服务器的安装

Ø

安装和配置目标系统的Java运行环境、Web应用服务器和数据库系统；

解压缩WebBuilderServer.zip，并复制META-INF、WEB-INF和WebBuilder三个目录至应用服务器的应用目录，如Tomcat6/webapps/wb；

编辑META-INF/context.xml配置数据库连接信息，如MySql可配置wb_mysql项，SqlServer可配置wb_mssql项，Oracle可配置wb_oracle项。

在配置数据库连接信息之前，请确保指定名称的数据库已经创建，如配置目标数据库为wb，则名称为wb的数据库必须已经创建；

复制指定的数据库驱动jar包至应用服务器lib目录，如Tomcat6/lib。

MySql复制软件包中的attachment/mysql51.jar（适用5.1，其他版本请自行从网上下载），SqlServer复制软件包中的attachment/sqljdbc4.jar（适用2008，其他版本请自行从网上下载），Oracle复制软件包中的attachment/ojdbc14.jar（适用9i，其他版本请自行从网上下载）；

打开webbuilder/system/main.xml，修改main/var/jndi项为实际使用的jndi，如[java:

comp/env/jdbc/wb_oracle]，修改main/var/dbType项为实际使用的数据库类型，如MySql、MsSql（MsSql表示SqlServer）、Oracle等；

配置完以上所有信息后，打开数据库安装和配置程序，配置程序URL地址为：

http:

//[ip]:

8080/[wb]/main?

action=webbuilder/application/portal/setup.xwl，[ip]为ip地址；

[wb]为应用目录名称，如安装在ROOT目录，则取消此项；

如果端口为80可取消[:

8080]，点击[重新安装]按钮，即可完成所有的安装；

提示：

如果安装过程中发生错误，请确认META-INF/context.xml和webbuilder/system/main.xml配置是否正确，如有必要可重启应用服务器再进行安装；

登录系统Portal的地址：

8080/[wb]，首次登录系统管理员用户为：

用户名称system，密码system；

登录后请阅读首次使用的帮助信息：

[帮助中心]->

[帮助说明]->

[使用系统]->

[开始使用系统]。

2.1.2.WebBuilder集成开发环境的安装

解压缩WebBuilderIDE.rar至指定目录，并运行setup.exe；

根据提示进行下一步操作，直至安装完成；

双击桌面WebBuilder图标打开IDE，点击【工具】->

【选项】菜单，打开【常规】选项卡配置Web相关信息，在【本地目录】中配置WebBuilder服务器的应用根目录，如：

【D:

\Apache\Tom