08表单设计与应用.ppt

数据库应用 经管类 第八章表单设计与应用 2 信息管理学院 数据库应用 课程组 第7章回顾 1 OOP核心概念WhatisOOP 基于面向对象系统观 把对象视为程序的基本单元 把数据和对数据的操作封装在对象中 并通过对象之间的交互实现处理能力的程序设计方法 继承性 封装性 抽象性 可标识性 自治性 多态性 3 信息管理学院 数据库应用 课程组 第7章回顾 2 VF对OOP的支持采用GUI操作界面 表单 窗口 组成元素 控件和容器 窗口中各组成元素 文本框 按纽 组合框等 视为对象对象用来和用户进行输入输出交互前台窗口和后台数据库结合实现系统应用功能VF中的基类 4 信息管理学院 数据库应用 课程组 第7章回顾 3 VF中对象的属性姓名 name 标题 caption 是否有效 enabled 有否可见 visible VF中对象的事件和方法事件隐式 被动 调用 由用户的操作触发 开始结束 Init load destroy鼠标操作键盘操作 方法是显式 主动 调用 如release refresh 对象属性和方法的调用格式 顶层容器 次级容器 对象本身 属性 属性值 5 信息管理学院 数据库应用 课程组 第8章提纲 表单表单的创建 修改及运行表单的属性和方法表单的数据环境常用控件按纽及按纽组文本框及编辑框标签 复选按纽 单选按纽组定时器列表框 组合框 下拉列表框 下拉组合框 页框 页面 表格表单设计方法外观设计 功能设计 6 信息管理学院 数据库应用 课程组 8 1表单的建立与运行 创建表单表单设计器表单向导 集成数据环境和浏览功能 项目管理方式 菜单方式修改表单表单设计器表单的运行 项目管理方式菜单方式命令方式 7 信息管理学院 数据库应用 课程组 8 1 1创建表单 创建表单一般有两种途径 用表单设计器建立表单用表单向导建立表单 8 信息管理学院 数据库应用 课程组 表单设计器 总览 9 信息管理学院 数据库应用 课程组 1 用表单设计器建立表单 1 可以用多种方法打开表单设计器窗口 方法1 文件 菜单 新建 选项 文件类型为 表单 单击 新建文件 按钮 方法2 项目管理器 选择 文档 选项卡 表单 单击 新建 按钮 并在打开的 新建表单 对话框中选择 新建表单 方法3 在命令窗口CREATEFORM命令 10 信息管理学院 数据库应用 课程组 1 用表单设计器建立表单 2 表单设计界面组成 属性设置窗口表单设计器工具栏表单控件工具栏以及 表单 菜单项 表单设计器工具栏 表单控件工具栏 表单菜单项 表单设计器窗口 11 信息管理学院 数据库应用 课程组 1 用表单设计器建立表单 3 在表单中加入一个对象首先将鼠标在控件工具框移动到所需要的控件 并单击鼠标主按钮 然后到表单的相应位置点击 或拖放 出一个图形 就在表单中加入了一个对象 表单控件工具栏 表单设计器窗口 12 信息管理学院 数据库应用 课程组 1 用表单设计器建立表单 4 如何把自定义控件加入控件工具栏 如果所需控件不在当前表单控件工具栏中 就要重新指定工具栏对应 类库 文件 可以按下列步骤选定所需要的类库文件 用鼠标指向表单控件工具栏中 查看类 的命令按钮 单击鼠标主按钮 选择 添加 在 打开 对话框中选择所需要的类文件 在上述第 步中选择 常用 可以恢复标准控件 VF基类 13 信息管理学院 数据库应用 课程组 1 用表单设计器建立表单 5 总结 向表单中加入对象 包括两个步骤 确定对象的 父类 即控件 是否在表单控件工具栏中 如果对象的父类不在当前工具栏中需要加入进来 这个步骤的操作过程前面讲过 此处从略 从表单控件工具栏中选定所需要的控件 并将其派生对象加入到表单中 加入表单后该对象将继承所选择控件的全部特征 系统自动给派生对象命名 名称以对象所属的 基类 名加上数字编号组成 对象名称可以重新设定 14 信息管理学院 数据库应用 课程组 1 用表单设计器建立表单 6 删除表单中的对象 把鼠标移到要删除的对象上 单击右键 选择 剪切 即可删除这个对象 注意 如果是由一个容器控件 如自定义的命令组子类 派生而成的一个容器对象 则不能删除该容器对象中的某成员对象 只能删除容器整体 在表单中设定对象属性 将鼠标移到要设置属性的对象上 单击右键 选择 属性 就进入属性设置窗口 为表单中的对象设计代码 将鼠标移到要添加代码的对象上 单击右键选择 代码 或双击左键 出现代码设计窗口 选择事件 中编写代码 15 信息管理学院 数据库应用 课程组 对象属性设置窗口 在此选取对象 显示对象全部属性和行为的页面 16 信息管理学院 数据库应用 课程组 对象代码设置窗口 在此选取对象 显示对象全部行为的页面 17 信息管理学院 数据库应用 课程组 1 用表单设计器建立表单 7 表单设计的基本步骤 表单设计可按以下步骤进行 1 进行规划 最好画一张草图 在上面标出各对象的位置 标题 所属父类 对象的大致作用 表单中要使用的表 表间的对应关系以及对象间的相互协调与支持 2 打开表单设计器窗口 3 如果表单要使用到数据库或表 需要首先为表单建立 数据环境 数据环境也是VisualFoxPro中非可视对象 18 信息管理学院 数据库应用 课程组 1 用表单设计器建立表单 8 4 在表单中加入其他对象并进行布局排列 一般表单的标题要放在整个表单的上方 命令按钮放在下面后右侧 文本框对象要与其对应的标签对象放在一起 布局的目的是为了美观 清晰 表单中的对象是可以用鼠标直接拖动的 利用布局工具栏 5 建立对象与表的对应关系 可以与表字段进行联系的对象有 表格 Grid 文本框 TextBox 编辑框 EditBox 列表框 ListBox 等 19 信息管理学院 数据库应用 课程组 1 用表单设计器建立表单 建立数据环境的步骤是 将鼠标移到表单的任一空白位置 不能指向任何对象 单击右键 选择 数据环境 选择与表单对应的数据表 单击 添加 按钮 选中的数据表会加入到数据环境设计器中 如果要加入多个表 应重复这一过程 然后单击 关闭 按钮退出数据表的加入操作 在数据环境设计器中建立表间的关联关系 20 信息管理学院 数据库应用 课程组 2 用表单向导建立表单 VisualFoxPro中有两个表单向导 各种向导所建立的表单原型能够完成 一般的表单向导 整个表单针对一个数据表实现查询 修改 插入 删除等操作一对多表单向导 整个表单针对两个数据表 而且这两个数据表间存在一对多的关系 21 信息管理学院 数据库应用 课程组 8 1 2修改表单 1 项目管理方式2 菜单方式文件 打开 表单进入表单设计器窗口3 命令方式MODIFYFORM 22 信息管理学院 数据库应用 课程组 8 1 3表单的运行 有5种方法可以运行表单 1 直接使用命令 在命令窗口 直接输入命令 DOFORM如果表单没有在当前目录中 并且没有用SETPATH命令设定搜索路径 则需要在表单名前冠上目录路径 2 在表单设计器窗口 选择 表单 菜单中的 运行 命令 或直接单击工具栏中的红色惊叹号 3 在项目管理器中 选中 文档 选项卡并指定要运行的表单 单击 运行 按钮 4 工具栏运行按纽 5 表单设计器的 右键菜单 23 信息管理学院 数据库应用 课程组 8 2表单的操作 表单设计器 工具栏表单的属性表单的事件与方法表单控件的操作与布局数据环境 最后部分 24 信息管理学院 数据库应用 课程组 8 2 1 表单设计器 工具栏 25 信息管理学院 数据库应用 课程组 8 2 2表单的属性 1 表单作为一个对象 也和其他对象一样具有属性 可以识别的事件以及事件响应程序 可以在实验中调整这些参数并观察表单发生的变化 从而理解这些属性的意义 26 信息管理学院 数据库应用 课程组 8 2 2表单的属性 2 27 信息管理学院 数据库应用 课程组 8 2 2表单的属性 3 28 信息管理学院 数据库应用 课程组 8 2 2表单的属性 4 29 信息管理学院 数据库应用 课程组 8 2 3表单的事件与方法 30 信息管理学院 数据库应用 课程组 30 表单创建动画演示 播放Flash文件 31 信息管理学院 数据库应用 课程组 例题中的若干问题 重点 包含了哪些对象实例 这些对象实例名是什么 这些对象实例的类是什么 如果是非系统提供的类 其所属类文件 对象实例间的包含关系是什么 对哪些对象的哪些事件编写了代码 如何测试这些代码 32 信息管理学院 数据库应用 课程组 包含了哪些对象实例 实例名 属性对话框中的下拉列表框给出了所有对象实例的名称 对象实例名称由Name指定 33 信息管理学院 数据库应用 课程组 这些对象实例的类是什么 属性Class给出对象所属类属性BaseClass给出类的基类 顶级父类 名 34 信息管理学院 数据库应用 课程组 如果是用户自定义类其所属类文件 属性ClassLibrary给出了用户定义类库所在文件名 例如实例BUTTONSSET1所属类为Txtbtns 其所在的类库文件如图所示 35 信息管理学院 数据库应用 课程组 对象实例间的包含关系是什么 属性对话框中下拉列表框中对象实例的缩进关系表示对象的包含关系 例如 Grid2包含olumn1 Column1又包含Header1和Text1 36 信息管理学院 数据库应用 课程组 对哪些对象的哪些事件编写了代码 属性对话框中 出现 用户自定义过程 表示编写了代码 37 信息管理学院 数据库应用 课程组 对哪些对象的哪些事件编写了代码 代码编写窗中 加粗的过程名称表示编写了代码 38 信息管理学院 数据库应用 课程组 如何测试这些代码 通过理解触发事件的触发方式来触发编写代码的事件在事件处理或方法的代码中通过嵌入以下语句显示调试信息waitwindows 需显示的信息 39 信息管理学院 数据库应用 课程组 8 2 5表单控件的操作与布局 1 1 添加控件 1 利用 表单控件 工具栏添加控件 用鼠标单击表单控件工具栏上的控件按钮 在屏幕上会出现十字鼠标指针 在适当的位置单击并拖动鼠标左键 当控件的大小合适时放开鼠标左键 2 利用 表单向导 可以快速生成一个表单 而对众多的控件 是否也能进行快速设计呢 回答是肯定的 这就是使用 控件生成器 控件生成器 是一种VisualFoxPro6 0工具 它可以帮助用户对特定的控件 包括表单本身 设置属性 或者组合子句创建特定的表达式 使用 生成器 的方法是在指定的对象上单击鼠标右键 在弹出的快捷菜单里选择生成器 就可以激活选定对象的生成器 40 信息管理学院 数据库应用 课程组 8 2 5表单控件的操作与布局 2 1 添加控件 3 通过使用 表单生成器 可以快速地将表文件的字段加到表单之中 启动 表单生成器 的方法是 在 表单设计器 窗口的主菜单 表单 菜单下选择 快速表单 命令 或从 表单设计器 工具栏中单击 表单生成器 按钮 在弹出的 表单生成器 对话框中 在 字段 选项卡中选择需要添加的数据库表或自由表 从表的可用字段中选取某些字段 在 样式 选项卡中将确定生成控件的风格 4 表单中有时需要多个相同的控件 同时添加多个同类型的控件的方法是 在表单控件工具栏上双击控件激活按钮锁定功能 然后在表单上单击就可以在表单界面上添加多个选定控件 单击表单控件工具栏上的 锁定 按钮可取消按钮锁定功能 41 信息管理学院 数据库应用 课程组 8 2 5表单控件的操作与布局 3 2 选定控件如果只是选择一个控件 在表单界面上单击该控件对象 有时候需要选择多个控件对象或全部对象 选定的方法有两种 1 按住SHIFT键 分别单击和控件对象 用这种方法可以选择多个不相邻的控件 2 如果想选择某一区域的控件 单击表单控件工具栏的 选定对象 按钮 然后拖动鼠标指针在表单上画一个方框 包围要选择的对象 再释放鼠标左键 此时方框内或框线所经过的控件对象都被选中 此外 还可以通过选择菜单的 编辑 全部选定 命令 42 信息管理学院 数据库应用 课程组 8 2 5表单控件的操作与布局 4 3 移动控件移动控件的操作方法有 1 利用鼠标的拖动 2 利用键盘上的光标键可以实现对表单控件对象的上 下 左 右移动 43 信息管理学院 数据库应用 课程组 8 2 5表单控件的操作与布局 5 4 复制控件步骤为 1 选择要复制的对象 2 选择系统菜单的 编辑 复制 命令 或单击常用工具栏上的复制按钮 或利用快捷键CTRL C 3 选择系统菜单的 编辑 粘贴 命令 或单击常用工具栏上的粘贴按钮 或利用快捷键CTRL V 5 删除控件方法是 选定要删除的控件 然后按Del键 如果想恢复误删除的控件 按CTRL Z键或选择系统菜单的 编辑 撤消 命令 44 信息管理学院 数据库应用 课程组 8 2 5表单控件的操作与布局 6 表单设计中还有一个问题就是表单对象的布局 包括对象的大小 对象的位置设计 VisualFoxPro还提供了一个 表单布局工具栏 可以在VisualFoxPro菜单栏中 选择 显示 中的 工具栏 再选择 布局 调出 选定表单中的某个对象后 即用鼠标单击某个对象 被选中的对象边框和其他对象不同 可以使用布局工具栏中的相应按钮让其 水平居中 垂直居中 等操作 当同时选择一个以上的对象时 选中一个对象后 把鼠标移到其他对象 并按住Shift键并单击某个对象 也可进行同样的操作 还可以使用表单布局工具栏使所有被选中的对象执行 左对齐 右对齐 顶边对齐 底边对齐 相同高度 相同宽度 相同大小 等操作 当鼠标移到工具栏中的某个图标上时 会出现图标的名字 单击鼠标主按钮 就会对选定对象执行某个操作 45 信息管理学院 数据库应用 课程组 休息 Nextsection 常用控件介绍 46 信息管理学院 数据库应用 课程组 VFP帮助文件表单设计部分 相关检索关键字 commandButtonControlCommandGroupControlLabelControlFormObjectTextBoxControl表单设计器第九章 创建表单 47 信息管理学院 数据库应用 课程组 8 3常用表单控件 1 1 命令按钮 Command 命令按钮在表单里是最常用的控件之一 通常使用命令按钮启动某个事件 完成特定的功能 主要处理事件是 Click 48 信息管理学院 数据库应用 课程组 8 3常用表单控件 2 2 命令按钮组 CommandGroup 命令按钮组是一个容器 里面可以包含两个或多个命令按钮 命令按钮组控件的常用属性有 Value属性 指定命令按钮组的点击状态 ButtonCount属性 指定一个命令按钮组或选项组中的按钮数目 49 信息管理学院 数据库应用 课程组 8 3常用表单控件 3 3 文本框 Text 文本框是一种常用的表单控件 该控件有自己的数据源 常用事件有 Change KeyPress和LostFocus 50 信息管理学院 数据库应用 课程组 8 3常用表单控件 文本框 51 信息管理学院 数据库应用 课程组 8 3常用表单控件 4 4 编辑框 EditBox 与文本框一样 编辑框的主要功能也是显示文本 但编辑框扩展了文本框的功能 它增加了一个垂直滚动条 使用户能够同时浏览非常长的文本 编辑框的常用属性有 ReadOnly属性 指定用户能否编辑编辑框控件 或指定与Cursor对象相关联的表或视图是否允许更新 ScrollBars属性 指定该控件是否具有滚动条的类型 默认值为2 允许有垂直类型的滚动条 当属性值为0时 表示该控件不具有垂直的滚动条 selText属性 返回选中文本selStart 选中文本起始点selLength 选中文本的长度 52 信息管理学院 数据库应用 课程组 8 3常用表单控件 5 5 复选框 CheckBox 复选框是用于确定一个选项是否被选定 如果选中则复选框的前面有一个对勾 否则复选框的前面为空白 53 信息管理学院 数据库应用 课程组 8 3常用表单控件 6 6 选项按钮组 OptionGroup 选项按钮组又称单选按钮 是包含若干个选项按钮的容器控件 常用的事件有 Click DblClick MouseUp Mousemove常用的方法是SetAll 用这个方法可以同时改变选项组中所有按钮的属性 54 信息管理学院 数据库应用 课程组 8 3常用表单控件 单选按纽组 55 信息管理学院 数据库应用 课程组 8 3常用表单控件 7 7 标签 Label 56 信息管理学院 数据库应用 课程组 56 8 3常用表单控件 8 8 列表框 ListBox 列表框控件是为用户提供一组可供选择的数据 57 信息管理学院 数据库应用 课程组 8 3常用表单控件 列表框 58 信息管理学院 数据库应用 课程组 8 3常用表单控件 9 9 组合框 ComboBox 组合框是文本框和列表框的组合 因此它具有文本框和列表框的一些特征 VisualFoxPro6 0提供两种类型的组合框 下拉组合框和下拉列表框 通过设置组合框的Style属性可选择不同的类型 默认设置为下拉组合框 下拉组合框 下拉列表框 59 信息管理学院 数据库应用 课程组 8 3常用表单控件 组合框 组合框与列表框的区别 1 组合框只能单选 2 组合框支持文本框功能 3 外观不同 60 信息管理学院 数据库应用 课程组 8 3常用表单控件 10 10 计时器 Timer 计时器是个很有用的控件 主要用于实现根据固定间隔时间重复执行的操作 常用的计时器属性有Interval属性 它指定计时器自动触发其Timer事件的时间间隔 单位 毫秒数 缺省为0 也即不触发Timer事件 设计中 运行中 61 信息管理学院 数据库应用 课程组 休息 Nextsection 页框 表格 环境 62 信息管理学院 数据库应用 课程组 8 3常用表单控件 11 11 页框与页面页框能扩展表单的表面面积 ActiveX控件则能扩展表单的功能 使用页框页框是包含页面的容器对象 页面又可包含其它控件 可以在页框 页面或控件级上分别设置属性 63 信息管理学院 数据库应用 课程组 8 3常用表单控件 页框 可以把页框想象为有多层页面的三维容器 只有最上层页面 或在页框的顶部 中的控件才是可见和活动的 64 信息管理学院 数据库应用 课程组 8 3常用表单控件 页框 页框定义了页面的位置和数目 页面的左上角固定在页框的左上角 控件能放置在超出页框尺寸的页面上 但如果不从程序中改变页框的Height和Width属性 那么这些控件不可见 65 信息管理学院 数据库应用 课程组 8 3常用表单控件 页框 常用属性 66 信息管理学院 数据库应用 课程组 8 3常用表单控件 12 12 表格 Grid 表格控件有点类似于浏览 browse 窗口 它具有网格结构 有垂直滚动条和水平滚动条 可以同时操作和显示多行数据 表格主要用于以电子表格样式显示数据 表格可以获知用户操作表格时所在的行列号 67 信息管理学院 数据库应用 课程组 8 3常用表单控件 表格 表格组成 Grid Column Header 其它控件 活动单元格 activecell 活动行 activeRow 活动列 activeColumn 列 列头 删除标记列 序号标记列 68 信息管理学院 数据库应用 课程组 8 3常用表单控件 表格 69 信息管理学院 数据库应用 课程组 综合示例 编写一个简单的学生信息查询表单 要求 1 用户必须以合法的身份使用查询功能 2 查询条件可以按学号或姓名查询 70 信息管理学院 数据库应用 课程组 分析 设计包括 界面设计和功能设计界面设计 有哪些表单 控件组成功能设计 两个表单之间的调用关系控件之间如何交互 需要编写哪些事件代码 71 信息管理学院 数据库应用 课程组 界面设计 1 用户登录窗口 表单1 和查询窗口 表单2 72 信息管理学院 数据库应用 课程组 界面设计 2 有哪些对象 实例 组成 两个表单 用户登录和查询 两个表单之间的调用关系表单的窗口类型 windowsType 在用户登录表单中包含 2个标签 2个文本框 2个命令按钮查询表单中包含 2个单选按钮 1个文本框 1个命令按钮 1个表格 73 信息管理学院 数据库应用 课程组 界面设计 3 如何创建对象 实例 选择控件工具栏中的控件类 然后在表单当中单击鼠标即可 74 信息管理学院 数据库应用 课程组 界面设计 4 如何查看和修改对象的属性 在属性窗口中选择相应的对象 在属性列表中查看和修改 75 信息管理学院 数据库应用 课程组 界面设计 5 如何查看对象间的包容关系 通过属性窗口上端的下拉列表可以查看 76 信息管理学院 数据库应用 课程组 功能设计 1 对哪些事件进行代码编写 在用户登录表单中包含 命令按钮确定和退出Click事件查询表单中包含 命令按钮查询Click事件 77 信息管理学院 数据库应用 课程组 功能设计 2 在什么地方输入代码 双击表单中某个对象 打开代码编辑器 选择要编写代码的对象及其对应的事件 78 信息管理学院 数据库应用 课程组 功能设计 3 如何测试编写的代码 加入一些输出语句 如 messagebox 为了测试用户身份验证是否成功 我们加入了以下代码 messagebox 登录成功 messagebox 用户或口令错误 79 信息管理学院 数据库应用 课程组 8 2 4数据环境 1 每个表单或表单集都有一个数据环境 数据环境用于设定 与表单交互的表或视图及表间的关系 数据环境是一个非可视化的VF控件可以在数据环境设计器内直观地设计数据环境 它和表单一起保存 80 信息管理学院 数据库应用 课程组 8 2 4数据环境 2 数据环境设计器 可以使用完全的编程方式建立数据环境 但多数情况下都是用数据环境设计器来建立表单的数据环境 81 信息管理学院 数据库应用 课程组 8 2 4数据环境 3 数据环境中常用的属性 AutoCloseTables 关闭表单时 表和视图是否自动关闭 默值为 T 即关闭 AutoOpenTables 运行表单时 表和视图是否自动打开 默认值为 T 即打开 InitialSelectedAlias 指定表单运行时选择哪一个工作区作为当前工作区 82 信息管理学院 数据库应用 课程组 8 2 4数据环境 4 在表单中添加数据环境选择 查看 数据环境 然后按以下三个步骤进行操作 1 在数据环境设计器的空白处单击鼠标右键 弹出快捷菜单 选择 添加 命令 2 当弹出添加表或视图对话框时 在该对话框中选择一个表或视图 3 按 确定 按钮 选取的表或视图被添