通用场景

您现在所在位置:首页>使用指南>通用场景>树表布局开发
 

2  树表布局开发

1  树表界面布局规范
示例一:树表布局
        应用于维护树形结构的数据或分组单一结构的数据,比如部门机构、分类或分组的数据等。
示例二:树形导航布局(左树右表)
        树与卡式布局或台帐布局相结合,用于分组展示数据,比如左边树为图书类型,右边为图书信息列表。
示例三:弹出选择树(树/树表/左树右表)
        应用于弹出选择树形结构的数据,常见为标准树表结构。

2 树表布局设计解读
入门练习原型预览
图书分类设置:
场景设计解读
        1.需要实现什么功能?用到什么控件?
        2.控件或窗体有些什么操作?事件需要一些什么规则来实现?(重点)
        3.需要创建的表和实体的名字是什么?字段名是什么?字段数据类型是什么?
识别的功能与控件
1.需要实现的功能列表:
2.用到的控件列表:
识别的操作(事件)与规则

识别的功能对应的操作(事件)与规则列表:


3 树表布局实操练习
V平台开发步骤
第一步:在原有构件中添加窗体
第二步:创建窗体(操作界面层)
第三步:创建实体与表(数据存储层)
第四步:控件绑定(连接界面层与数据层)
 数据源配置
 字段与实体关联
 列表类型控件指定数据源(如下拉列表)
 表格画列,并与实体关联
第五步:规则配置(业务实现)
第六步:单元测试

第一步:创建业务构件(不再累述)

第二步:创建窗体
按照如下步骤创建窗体
        1.添加普通窗体;
        2.参照原型添加控件,创建用户操作界面。

第三步:创建实体与表

依照《设计四件套》中的实体与表的定义创建实体tn_book_sort及表tn_book_sort。


第四步:控件绑定(连接操作界面与表)

绑定树表控件(绑定方式与列表控件相同)


第五步:规则配置(实现页面功能)

识别的功能对应的操作(事件)与规则列表:


第六步:执行单元测试
启动测试页面流程:
        1.部署构件到测试服务;
        2.启动当前功能页面;
        3.开始单元测试。

4 树表布局提高练习
提高练习原型预览

场景设计解读
        1.需要实现什么功能?用到什么控件?
        2.控件或窗体有些什么操作?事件需要一些什么规则来实现?(重点)
        3.需要创建的表和实体的名字是什么?字段名是什么?字段数据类型是什么?

识别的功能与控件
1.需要实现的功能列表:
2.用到的控件列表:

识别的操作(事件)与规则(主窗体)

识别的功能对应的操作(事件)与规则列表:

识别的操作(事件)与规则(弹出窗体)

“图书入库办理新增窗体”识别的功能对应的操作(事件)与规则列表:



V平台开发步骤
第一步:在原有构件中添加窗体
第二步:创建窗体(操作界面层)
第三步:创建实体与表(数据存储层)

第四步:控件绑定(连接界面层与数据层)

 数据源配置
 字段与实体关联
 列表类型控件指定数据源(如下拉列表)
 表格画列,并与实体关联
第五步:规则配置(业务实现)
第六步:单元测试

第一步:创建业务构件(不再累述)

第二步:创建窗体
参照原型创建主窗体和弹出窗体界面。

第三步:创建实体与表

通过选择表的方式,为主窗体和弹出窗体创建实体:

        1.主窗体添加实体tn_book_sort、tn_bookInfo
        2.弹出窗体添加实体tn_bookInfo。

第四步:控件绑定(连接操作界面与表)

主窗体:

        1.绑定树控件(图书类别树);
        2.绑定列表控件(图书库存信息列表)。

弹出窗体:

        1. 绑定卡式布局中的控件到实体tn_bookInfo.


第五步:1.规则配置(实现主窗体功能)

识别的功能对应的操作(事件)与规则列表:

2.规则配置(实现弹出窗体功能)
识别的功能对应的操作(事件)与规则列表

第六步:执行单元测试
启动测试页面流程:
        1.部署构件到测试服务;
        2.启动当前功能页面;
        3.开始单元测试。

知识点总结
1.树形布局的应用场景和表现实现;
2.树的使用;
3.新增界面实体并设置初始值;
4.树表的使用;
5.打开弹出窗体;
6.传递参数到弹出窗体;
7.单据编号的生成;
8.使用自定义方法;
9.数据验证的使用。

使用到的规则总结
1.从数据库获取数据到界面实体;
2.新增界面实体记录;
3.保存界面实体到数据库;
4.显示设置的提示信息;
5.必填项检查;
6.中断规则;
7.执行活动集;
8.逻辑判断规则(if…else…);
9.单据编号生成;
10.实体树形操作;
11.打开窗体并返回数据(传递参数)。