在UCML7.0平台上开发第一个表单的步骤如下：

1、创建根级解决方案

2、创建数据表

3、创建业务组件BC

4、创建视图组件VC

5、创建业务单元BPO

6、配置屏幕定义

1、创建根级解决方案

    在左侧对象树的空白处右键，点击【.Net Studio类解决方案(根级)(N)】，弹出输入解决方案名称的对话框，输入名称和标题之后，左侧对象树会增加许多节点，点击保存，这样就完成了根级解决方案的创建。

2、创建数据表

    在数据层类型的节点上（图中黄色柱状图标）右键“添加基本信息数据对象(P)”，然后在已创建的“基本信息数据对象”上右键依次【批量添加字段(3)】执行【根据多行文本建立字段】，写好字段名称后点击确定并保存，这样就添加了几个字段。

    接下来我们根据实际需要，将表名改成DocumentBill（可点击“查重复”确保表名不重），表中文含义改成单据表，将单据日期字段改成Date类型，将单据状态字段改成Int类型，点击保存。然后右键单据表依次执行【创建数据表(J)】和【数据访问层源码生成(V)】，在创建数据表的过程中会提示是否保留数据，点击“是”。

    数据库的设计中有些字段是固定选择的，比如性别（只能是男或女），这种类型的字段就可以绑定代码表。上文中我们可以将单据表的单据状态字段绑定代码表。首先创建代码表，在代码表管理节点上右键【添加代码表】，然后将代码表标识改成DJTZC，中文名称改成单据状态，然后添加同级代码“填写”和“审核”，点击保存之后右键【导出单个代码表】，这样就完成了代码表的创建。

    创建代码表之后，还需要和字段绑定上，这样代码表才会生效。选中单据状态节点，勾上【引用代码值表】，并在代码表一栏中填写上文创建的代码表DJTZC，保存后这样就完成了字段绑定代码表。（说明：字段绑定代码表不是必须操作，在实际开发过程中可根据需求，来决定是否绑定代码表）

3、创建业务组件BC

    业务组件BC（以下简称BC）可以理解成数据表的封装，它为前端UI提供了数据源，相当于ASP.NET MVC里的Model。创建BC的过程十分简单，在业务组件包节点下右键【添加业务组件】，然后引用基础数据表DocumentBill，点击【查重复】确保BC不重名，然后保存，这样就完成了BC的创建。

4、创建视图组件VC

    视图组件VC（以下简称VC）是业务组件BC在前端的展现、交互对象，创建VC需要引用BC。UCML中的VC有多种类型，包括列表VC、编辑VC、查询VC、树型VC等，在其它章节有关于VC的详细介绍，这里不作赘述。本例中用到了列表VC和编辑VC，首先创建列表VC，在“列表格式组件包”节点上右键【添加桌面H5视图组件】，然后在【基本配置】的业主组件一栏中引用BC_DocumentBill，查重复后保存，这样就完成了列表VC的创建。

    接下来在列表VC上添加几个按钮，选中按钮节点右键依次【添加常用按钮(S)】执行【增删改查按钮(9)】，就增加了“添加”、“删除”、“保存”和“查询”四个按钮，并且按钮下面的代码也一并写好了，然后再右键执行【更换按钮到Tabpage上(T)】，点击保存，这样就完成了按钮的添加。

    接下来创建编辑VC，过程和创建列表VC类似，配置完了点击保存。

    然后进入编辑VC的【页面设计】，UCML7.0在页面设计的美观、快捷性、方便性等方面有了大幅提升，用户可以用页面布局模式脚本（包括桌面和移动）来准确快捷的生成页面。本例中使用桌面页面布局模式脚本，在【页面设计】tab页中，点击左上角下拉菜单，选择【桌面页面布局模式】，则会弹出“H5桌面页面生成配置”对话框，这里都按照默认的配置点击确定并保存，这样就完成了编辑VC的创建和设计。

5、创建业务单元BPO

    UCML中的业务单元（以下简称BPO），可以理解成是一个表单或者一个页面，它是由业务组件BC和视图组件VC组装而成。点击BPO根节点，先引入数据层项目DLL，然后右键【新建业务单元(s)】，将BPO的【类中文含义】改成“第一个表单”，点击保存这样就完成了BPO的创建。

    前面提到一个BPO是由业务组件BC和视图组件VC组装而成，接下来引入BC和VC。首先引入BC，在树上选中“根业务数据组件”节点，在【业务组件装配】tab页中的【业务组件名】一栏选择BC_DocumentBill，点击保存这样就完成了BC的引入。

    接下来引入VC，将上文中创建的列表VC和编辑VC都引入进来。在树上选中“业务视图组件”节点，在【视图组件装配】tab页中的【业务视图组件】一栏选择列表VC_DocumentBillList，然后右键【添加子层业务视图组件】，类似的引入编辑VC_DocumentBillForm，点击保存这样就完成了VC的引入。

    至此就完成了BPO的创建和配置，最后还要生成（源码）和编译BPO，在树上选中BPO，右键【B/S业务单元生成并单个编译(I)】，看到编译控制台没有出现错误（error），就表示编译成功。

6、配置屏幕定义

    配置屏幕定义以便在网站的菜单中访问BPO，首先在树上选中“业务分类入口定义”节点，右键【添加业务入口(Z)】并改名称为demo，然后继续右键【添加菜单(Z)】，在业务模块标志处引入上文创建的BPO（本例中是BPO_16420），点击保存后选中“屏幕定义”根节点右键【导出到目标系统(X)】，系统提示“屏幕定义导出完成！”，这样就完成了屏幕定义的配置，至此我们可以打开网站查看BPO页面的实际效果。（说明：在实际的开发过程中，开发完一个BPO，不必每次都配置屏幕定义，在BPO节点上右键【浏览(Y)】，也可以在浏览器中查看页面）

导出屏幕定义后点击下面中的三角标志运行Web应用程序

打开登录页，用户名和密码为：ADMIN