第十二章 Visual FoxPro开发Web数据库

Presentation on theme: "第十二章 Visual FoxPro开发Web数据库"— Presentation transcript:

1 第十二章 Visual FoxPro开发Web数据库
本章教学要求：掌握基于Web数据库的基本概念，Web数据库开发的基本方法。 12．1 基于Web数据库的概念 12．2 基于Web的学生网上成绩查询系统实例 13．3 基于Visual FoxPro的WWW网上发布

2 12．1 基于Web数据库的概念 12.1.1 Web数据库的访问模式
Web数据库就是指用户通过浏览器（Explorer）来访问数据库服务器上的数据，这种方式又称为B/S（Browse/Server）模式。 基于Web方式的数据库，需要建立一个数据库服务器（如SQL Server），客户端不需要安装其它软件，只要有浏览器就可访问数据库服务器中的数据，这种方式与用户平时访问网络的方式非常相似，B/S的工作模式如图12-1所示。

3 网络 Web浏览器 浏 览 Active 控件 网 页 Web服务器 服务器 的扩展 数据库 图12-1 B/S访问模式

4 用户通过浏览器访问Web服务器，然后Web服务器与提供数据库访问的应用程序相连接，由提供数据库访问的应用程序提取所需数据给Web服务器，Web服务器再传输给用户的浏览器，浏览器与Web服务器之间的数据传输采用HTTP（Hypertext Transfer Protocol，超文本传输协议）。 开发基于Web的数据库应用程序应具备的环境 为了使用Visual FoxPro开发基于Web的应用程序，应具备如下环境： l  TCP/IP网络协协议。 l  一个Web服务器

5 12.2 基于Web的学生网上成绩查询系统实例 l Web连接器的应用程序 l Web浏览器
学生网上成绩查询系统就是让学生在互连网中通过浏览器来查询自己的成绩信息，该数据库只涉及1个表： 学生基本信息表

6 学生基本信息表 字段名 类型 宽度 小数位 学号 字符型 10 姓名 8 课程名称 30 成绩 整型 4 考试日期 日期型 备注

7 学生打开成绩查询网页后，输入自己的学号，即可查询到自己的考试成绩。
具体操作步骤如下： 在Visual FoxPro集成开发环境中单击菜单“工具”，选择“向导”，然后选择“全部”，屏幕上出现“向导选取”对话框（如图12-2） 。 图12-2 “向导选取”对话框

8 在图12-3中单击“下一步”，出现图12-4所示的对话框。
在图12-2中选择“WWW搜索页向导”，然后单击“确定”按钮，屏幕上出现如图12-3所示的对话框。 图12-3 “WWW搜索页向导”对话框 在图12-3中单击“下一步”，出现图12-4所示的对话框。

9 在图12-4中选择要操作的数据表，选择好后单击“下一步”，出现图12-5所示的对话框。
图12-4 选择数据表 在图12-4中选择要操作的数据表，选择好后单击“下一步”，出现图12-5所示的对话框。

10 在图12-5中选择搜索字段，选择好后单击“下一步”，出现图12-6所示的窗口。
图12-5 选择搜索字段 在图12-5中选择搜索字段，选择好后单击“下一步”，出现图12-6所示的窗口。

11 在图12-6中输入搜索页标题和搜索页说明，输入完成后单击“下一步”，出现图12-7所示的对话框 。
图12-6 输入查询页标题和搜索页说明 在图12-6中输入搜索页标题和搜索页说明，输入完成后单击“下一步”，出现图12-7所示的对话框 。

12 在图12-7中输入背景图案和标题图象，输入完成后单击“下一步”，出现图12-8所示的窗口。
图12-7 输入背景图案和标题图像 在图12-7中输入背景图案和标题图象，输入完成后单击“下一步”，出现图12-8所示的窗口。

13 在图12-8中选择要查询输出的字段，选择好后单击“下一步”，出现图12-9所示的对话框。

14 在图12-9中选择查询结果的背景图象和标题图像，设置要显示的最大记录数和ODBC数据源，选
图12-9 设置查询结果页属性 在图12-9中选择查询结果的背景图象和标题图像，设置要显示的最大记录数和ODBC数据源，选

15 择好后单击“完成”按钮，出现图12-10所示的对话框，在图12-10中输入要保存的文件名，然后单击“确定”按钮即可 。
图12-10 文件“保存”对话框

16 此时Visual FoxPro向导会产生3个文件，分别是：学生成绩查询.HTM、学生成绩查询.IDC和学生成绩查询.HTX。

17 图12-11 利用向导生成的学生成绩查询网页

18 12.3 基于Visual FoxPro的WWW网上发布
现在有很多信息和数据是通过Internet网上发布的，如学生成绩、职工基本信息等，Visual FoxPro为用户提供了在Internet上发布信息的向导，用户可以利用这个向导很容易地在Internet中发布信息。 下面举例说明如何利用Visual FoxPro建立基于网上发布的网页。

19 假设要发布C:\学籍管理\学生成绩表.dbf表中的内容，可按如下步骤进行：
在Visual FoxPro集成开发环境中选择“工具”菜单，然后选择“向导”，再选择“Web发布”菜单项，出现图12-12所示的对话框。

20 图12-12 选择需要发布的信息 图12-12所示的对话框中先选择需要发布的数据库或自由表视图，然后选择希望发布的字段，选择好后单击“下一步”按钮，出现12-13所示的对话框。

21 在图12-13选择要排序的字段，最多可选择三个字段或一个索引标识作为排序依据，选择好后单击“下一步”按钮，出现12-14所示的对话框。
图12-13 选择发布数据的排序方式 在图12-13选择要排序的字段，最多可选择三个字段或一个索引标识作为排序依据，选择好后单击“下一步”按钮，出现12-14所示的对话框。

22 图12-14 选择发布页的布局和式样 在图12-14的对话框中选择发布页的布局和式样，在图12-14中按“选项”按钮，屏幕上出现图12-15所示的对话框，在图12-15中可指定发布页的边框颜色和字体，选择好后单击“确定”按钮。

23 图12-15 设置发布页 在图12-14中单击“高级”按钮，屏幕上出现图12-16所示的“高级”对话框，设置发布网页的颜色和图案，在图12-16中单击“添加”按钮，屏幕上出现如图12-17所示的对话框。

24 图12-16 “高级”对话框

25 图12-17 设置插入网元素对话框

26 在图12-17对话框中用户可以为发布页添加一些内容，如文本、超级链接和图像等，设置好后单击“确定”按钮，回到“高级”对话框，就可以看你所添加的网页元素了，如图12-18所示，若还要添加其它网页元素，可在图12-18中再单击“添加”按钮。 图12-18 “高级”对话框

27 添加完网页元素后，在图12-18“高级”对话框按“完成”按钮，回到 “选择发布页的布局和式样”对话框（图12-14），然后按“完成”按钮，屏幕上出现图12-19所示的对话框，选择“保存Web页，然后在浏览器中将其打开（O）”，然后按“完成”按钮，出现“另存为”对话框（如图12-20所示），输入要保存的文件名，按“保存”按钮保存，此时屏幕上会自动启动浏览器并显示由向导生成的.HTM网页，如图12-21所示。

28 图12-19 完成网页生成

29 图12-20 “另存为”对话框

30 图12-21 生成的网上发布网页