VF表单与控件设计举例

VF表单与控件设计例子1：用表单向导创建一个学生表单（表单中数据来自一个表）这个表单的功能是对学生信息浏览，添加，删除，查找，打印，编辑，退出。

一、创建（1）（2）（3）（4）①②（5）（6）（7）二、运行（1）①①②①②④③（2）①效果：例子2：用一对多表单向导创建一个学生-成绩表单，（表单中数据来自多个表）这个表单的功能是浏览，添加，删除，查找，打印，编辑，退出，浏览一个学生信息和他对应的选课信息。

一、创建（1）（2）（3）（4）①②（5）（6）①②（7）（8）（9）二、运行（1）①①②①②④③（2）①效果：例子3：用表设计器创建一个学生表单（表单中数据来自一个表）这个表单的功能是浏览和修改学生表中的记录。

一、创建（1）（2）说明：（3）单击右键，在弹出菜单中点击数据环境标签 编辑框 命令按钮组复选框 列表框 表格 计时器 ActiveX 控件线条容器 超级链接 生成器锁定选定对象 文本框 命令按钮 命令按钮组 选项按钮组 微调控件 图像页框ActiveX 绑定控件 形状 分隔符 按钮锁定查看类 表单上所有对象名称列表属性名属性值属性值编辑框（4）添加表进入数据环境②③①（5）将表或其中字段直接拖到表单上，字段生成（标签+文本框），表生成（表格）表格拖动字段拖动（5-1）全部拖动之后，选中表格，单击右键，在弹出菜单中点击编辑，表格对象处于被绿框选定的编辑状态，调整表格列宽。

（6）添加命令按钮控件和命令按钮组添加命令按钮控件分3步：①②1、在表单上画出命令按钮①在表单控件工具栏上选择命令按钮控件②在表单合适的位置拖动鼠标画出一个命令按钮2、在属性窗口中对命令按钮的属性进行设置。

选中某个属性项，在上面的编辑框内输入属性值3、Command1的Click事件代码编写如下（双击命令按钮对象，弹出代码框，注意左边的对象列表框要选Command1；右边的事件过程列表框要选Click，下面是代码编辑）添加命令按钮组1、在表单上画出命令按钮组①在表单控件工具栏上选择命令按钮组控件②在表单合适的位置拖动鼠标画出一个命令按钮组③选中命令按钮组对象，单击右键，在弹出菜单中选生成器④在生成器中设置按钮组中按钮的个数（微调按钮）和⑤排列和⑥名称①②③④⑤⑥2、在属性窗口中对命令按钮的属性进行设置。

（因为不需要修改属性值，所以略）3、要对命令按钮组Commandgroup1下面的4个按钮的Command1到Command4的Click事件编写代码。

双击某个对象就会出现代码窗口。

二、运行效果-----可以浏览和修改学生表中的记录例子4：用表设计器创建一个学生-成绩表单（表单中数据来自多个表）这个表单的功能是浏览和修改学生表和成绩中的记录。

跟例子3的区别是：创建过程不同，但效果是一样的。

例子3直接把数据环境中的数据拖到表单上，例子4是先在表单上创建控件，然后建立控件和数据环境中字段的联系。

一、创建（1）（2）（3）单击右键，在弹出菜单中点击数据环境，2个表建立联系。

（4）往表单中添加控件，主要是标签控件Label1到Label8；文本框控件Text1到Text6；复选框Check1贷款否；列表框List1简历；ActiveX 绑定控件Oleboundcontrol1照片；表格Grid1；命令按钮Command1到Command5。

对象一创建，Name属性就是这个对象的对象名，是唯一的，不能改。

其他属性在属性窗口中改。

对象Name Caption标签Label1 学号Label2 姓名Label3 性别Label4 出生日期Label5 入学成绩Label6 专业Label7 简历Label8 照片对象Name ControlSource文本框Text1 学生.学号Text2 学生.姓名Text3 学生.性别Text4 学生.出生日期Text5 学生.入学成绩Text6 学生.专业对象Name Caption ControlSource复选框Check1 贷款否学生.贷款否对象Name ControlSource编辑框Edit1 学生.简历ActiveX 绑定控件Oleboundcontrol1 学生.照片对象Name RecordSource表格Grid1 成绩对象Name Caption命令按钮Command1 第一条Command2 上一条Command3 下一条Command4 最后一条Command5 退出要对命令按钮Command1到Command5的Click事件编写代码。

同例子3类似，略。

二、运行效果-----表格显示该学生所选课程的成绩例子5：创建一个表单录入数据和删除数据这个表单的功能是从学生表中增加记录和删除记录。

1、创建过程可以参照例子3或者例子4。

略。

2、属性设置：Command1：Caption—增加；Command2：Caption—删除3、事件过程编码。

Command1的Click事件编写代码，功能是向学生表最后增加一条记录。

Command2的Click事件编写代码，功能是对表格中的数据做逻辑删除，然后单击“删除”按钮将记录从学生表彻底删除。

例子6：创建一个表单查询数据（表单中数据来自一个表）这个表单的功能是从学生表中查询数据，显示在表单表格中，可以按学号查询，按姓名查询，按专业查询。

一、创建1、表单设计（数据环境添加学生表），往表单添加控件。

对象Name Caption标签Label1 请选择查询方式Label2 学号Label3 姓名Label4 专业文本框Text1属性值没有修改Text2属性值没有修改选项按钮组（属性设置用方式1或方式2都可以）方式1、可以通过选项组生成器设置。

布局改为水平；按钮的数目改为3；标题改为：Option1—学号，Option2—姓名，Option3—专业方式2、在属性窗口选择Optiongroup1对象，ButtonCount—3；按钮组中的3个按钮的排列方式必须通过编辑自己在表单上设计。

Optiongroup1对象下面的Option1的Caption—学号，Option2的Caption—姓名，Option1的Caption —专业组合框Combo1 RowSource—zy RowSourceType—5-数组表格Grid1 RecordSource—成绩3、事件过程编码。

（1）表单对象Form1的Init事件过程。

（2）选项按钮组Click事件过程。

This指的是Optiongroup1，value值为1代表选中按钮组中第一个按钮。

（3）文本框Text1的InteractiveChange事件过程。

（set filter to命令设置筛选条件，筛选条件表达式是学号=[Text1文本框内输入的值]）（4）文本框Text2的InteractiveChange事件过程。

（set filter to命令设置筛选条件，筛选条件表达式是姓名=[Text2文本框内输入的值]）（5）组合框Combo1的InteractiveChange事件过程。

（set filter to命令设置筛选条件，筛选条件表达式是专业=[Combo1组合框内选中的值]）二、运行效果—选择某种查询方式，输入查询内容，检索的结果会显示在表格中。

例子7：创建一个表单查询数据（表单中数据来自多个表）这个表单的功能是查询选修某门课程的学生的信息。

1、表单设计（数据环境添加学生表，成绩表，课程表），往表单添加控件。

对象Name RowSource RowSourceType组合框Combo1 kc 5-数组对象Name RowSource RowSourceType ColumnCount 列表框List1 xm 2-别名 4（1）表单对象Form1的Init事件过程。

（2）组合框Combo1的InteractiveChange事件过程。

二、运行效果例子8：创建一个表单统计数据这个表单的功能是统计选修某个学生的最高分，最低分，平均分。

1、表单设计（数据环境添加成绩表，学生表），往表单添加控件。

对象Name Caption BorderStyle 标签Label1 课程名0-无(默认)Label2 最高分0-无(默认)Label3 最低分0-无(默认)Label4 平均分0-无(默认)Label5 1-固定单线Label6 1-固定单线Label7 1-固定单线文本框Text1命令按钮Command1 统计3、事件过程编码。

（1）命令按钮Command1的Click事件过程。

二、运行效果例子9：创建带菜单的表单功能是创建一个主窗口，上面带菜单。

1、设计菜单数据管理数据查询统计报表打印退出录入删除学生查询课程查询成绩查询……1234 567返回8其余菜单项的设置略，如图9保存，文件名最好是英文名10112、在主界面设置菜单12（1）通过上面1、2步设置，重新生成menu.mpr文件。

（2）新建一个表单，保存为main.scx。

添加一个图像控件Image1。

（3）属性设置：对象Name Caption Showwindow表单Form1 学生成绩管理2-作为顶层表单对象Name Picture Stretch图像Image1 c:\documents and settings\blue hills.jpg 2-变比例填充（4）事件过程编码。

表单Form1的Load事件过程编码。

运行效果：3、进一步设置新建一个应用程序窗口，比如select.scx（例子6），应用程序窗口包含在主窗口内。

对象Name Caption Showwindow 表单Form1 学生查询1-在顶层表单中运行效果：学生查询窗口在主窗口中浮动。