10动态网页制作文档格式.docx
《10动态网页制作文档格式.docx》由会员分享,可在线阅读,更多相关《10动态网页制作文档格式.docx(11页珍藏版)》请在冰豆网上搜索。
![10动态网页制作文档格式.docx](https://file1.bdocx.com/fileroot1/2023-2/3/81e1c227-696e-4957-8260-e8b2d130d314/81e1c227-696e-4957-8260-e8b2d130d3141.gif)
10.2.1数据源的建立
1.ODBC数据源的概念
Microsoft公司开发的ODBC(OpenDatabaseConnectivity)是一个开放的数据库系统应用程序接口规范,它为应用程序提供了一套调用规范和基于动态链接库的运行支持环境。
ODBC使应用程序能够方便地访问不同的、相对于应用程序独立的数据库系统。
也就是说在ASP应用程序访问数据库前,应把数据库与接口规范连接,从而建立起便于应用程序访问的ODBC数据源。
2.ODBC数据源的建立
下面以常用的Access数据库为例,具体介绍创建一个用户数据源的过程。
对于SQLServer、Oracle等数据库而言,其创建数据源的过程类似。
为说明数据源的创建过程,在此不对数据库的设计、建立数据文件的过程加以详述,我们假设已经通过Access创建了一个数据库名为Student,表名为student的student.mdb文件(保存在e:
\school\文件夹下),里面包含了所有的表,索引和数据。
表结构如下表所示:
字段
数据类型
长度
学号
文本
8
姓名
年龄
整型
2
民族
10
籍贯
班级
6
操作步骤如下:
(1)从“控制面板”打开“管理工具”,单击“数据源ODBC”图标,弹出“ODBC数据源管理器”窗口。
(2)打开系统DSN选项。
单击右侧的“添加”按钮,弹出“创建新数据源”对话框。
(3)选择驱动程序。
选择“MicrosoftAccessDriver(*.mdb)”一项,单击“确定”,弹出“ODBCMicrosoftAccess安装”设置对话框。
(4)在“数据源名”文本框中填入定义的数据源名称(可以理解为附加上接口的数据库的别名,可由操作者自行设定),如填入student。
单击“选择”按钮,弹出“选择数据库”对话框。
(5)在站点目录下选中将在动态网页中应用的数据库,单击“确定”。
系统数据源创建完毕,数据库已经变成了一个带有标准接口的ODBC数据源,在ASP程序中可以通过简单的命令语句完成对数据源的访问操作。
10.3数据连接
网页与后台数据库连接或进行数据库访问,通常是依靠手工编写连接信息的。
但在DreamweaverMX2004中,网页与数据之间沟通的操作是非常简单的,只需在相应项设置好各种参数即可,不必有网页程序设计基础就可以开发网络数据库程序。
10.3.1数据连接的准备工作
由于数据库访问是服务器端行为,在数据连接之前首先应做两件准备工作。
定义一个站点和指定服务器技术。
1.定义站点
(1)单击定义站点的高级选项“分类”列表中的“本地信息”选项,在右侧对话框中进行设置。
(2)在“站点名称”文本框中输入站点的名称“学生信息”。
(3)在“本地根文件夹”文本框中输入“e:
\school\”。
其它选项可不填。
2.指定服务器技术
(1)单击定义站点的高级选项“分类”列表中的“测试服务器”选项,在右侧对话框中进行设置。
(2)在“服务器模型”文本框中选择网页开发所用的脚本语言,此处选“ASPVBSript”。
(3)在“访问”文本框中选择测试服务器所在的位置,此处选“本地/网络”。
(4)在“测试服务器文件夹”文本框中输入和浏览选择查找服务器文件夹路径,此处为“e:
(5)在“URL前缀”文本框中输入测试站点根文件夹的虚拟路径,如果测试服务器在本地机上,格式一般为http:
//本地机IP地址/站点的虚拟目录名称。
10.3.2在DreamweaverMX2004中建立数据库连接
所谓建立数据库连接就是建立数据库连接文件(.ASP),在连接文件中指明数据库驱动程序和数据库路径的过程。
站点中每一个数据库都对应一个独立的连接文件。
在DreamweaverMX2004中创建连接文件时,系统会在站点根目录中自动生成一个“Connections”文件夹,将所有的连接文件自动放置在该文件夹中。
连接文件保证了ASP应用程序通过ADO接口程序,正确地访问数据库。
创建数据库连接有两种基本方式:
一种是通过字符串进行连接;
另一种是通过数据库名进行连接。
以下介绍在DreamweaverMX2004中连接数据库的两种方法的操作步骤。
1.通过系统DNS名创建连接
利用前面“配置数据库”一节所建立的DNS(student)。
(1)选择菜单“窗口/数据库”,点“+”按钮,弹出一下列菜单。
(2)在弹出菜单中选择“数据源名称(DNS)”,弹出一对话框。
(3)该对话框中,各参数的含义及设置为:
“连接名称”文本框,为将要生成的连接文件命名,此处命名为student。
“数据源名称(DNS)”下拉列表框从下列列表中选择前面创建的数据源student。
如果前面没有创建数据源,可通过右侧的“定义”按钮进行创建。
“用户名”文本框填写建立数据库时设定的用户名,如未设定用户名,可不填。
“密码”文本框填写建立数据库时设定的密码,如未设定密码,可不填。
如果在WEB服务器上开发调试ASP应用程序应选“使用本地DSN”;
如果用另一台服务器进行测试程序,应选择“使用测试服务器上的DSN”。
(4)完成设置后单击右侧“测试”按钮,检验数据源连接是否成功。
(5)单击“确定”完成。
连接建立完成后,在站点根目录下会出现“Connections”文件夹,里面包含刚建立的连接文件:
student.ASP。
打开该文件,显示的连接代码为:
DimMM_student_STRING
MM_student_STRING="
dsn=student;
"
提示:
这种连接方式有一个弊端,就是当完成了ASP应用程序将它上传到服务器上时,由于服务器上没有建立相应的系统DSN数据源而ASP文件无法正确执行。
所以这种连接方式一般在本地调试中较多采用,如果要在远程服务器上使用还要更改连接字符串。
2.通过字符串创建连接
采用字符串进行数据库连接,则不需要创建DSN数据源。
(1)选择菜单“窗口/数据库”,点“+”按钮,在弹出的下列菜单中选“自定义连接字符串”,弹出设置对话框。
(2)该对话框中各参数的含义及设置为:
“连接名称”文本框,为将要生成的连接文件命名,此处命名为student。
“连接字符串”文本框根据使用数据库类型和路径填写下列内容:
DRIVE={MicrosoftAccessDriver(*.mdb)};
DBQ=e:
\school\student.mdb
该字符串包含了WEB应用程序与数据库连接的全部信息,其中“DRIVER=”后说明所要访问数据库的类型,“DBQ=”后面的内容是数据库在站点中的物理路径。
在将本地站点上传到远程WEB服务器上时,应先测试获得数据库在服务器上的物理位置,修改连接字符串后才能上传。
否则应用程序将找不到数据库。
在WEB服务器上开发调试ASP应用程序应选“使用本地DSN”,如果用另一台服务器进行程序测试,应选择“使用测试服务器上的DSN”。
(3)完成设置后单击右侧“测试”按钮,检验数据源连接是否成功。
(4)单击“确定”完成。
10.4数据的显示
设置数据显示的相关工作有:
构建显示数据的网页框架、定义查询、定义查询记录集、数据显示表格的设置和设置前后翻页等。
下面将结合上面的例子介绍操作步骤。
10.4.1记录的显示
(1)在DreamweaverMX2004中建立一个名为browse.asp的网页。
(2)在网页中建立如下图所示的表格。
(3)选择“窗口/绑定”菜单,启动绑定面板。
单击绑定面板中的“+”按钮,从弹出的菜单中选择“记录集”命令,弹出“记录集”对话框。
(4)在“记录集”对话框中,各参数设置如下:
“名称”文本框:
输入自定义的记录集名称rs1.
“连接”下列列表框:
在下列列表框中选择需要的数据库连接名称,如没有出现要选择的连接,则单击“定义”按钮进行定义。
“表格”下拉列表框:
在下拉列表框中选择所需的数据表。
“列”选项区:
用于设置所需字段。
选中“全部”单选按钮,表示选取数据表的所有字段;
选中“选定的”单选按钮,可对数据表字段进行选择。
“筛选”下列列表框:
可进行条件的选定。
“排序”下列列表框:
可选定记录的排序条件。
“测试”按钮:
对所定义的数据记录集进行测试。
(5)网页数据绑定。
选择“窗口/绑定”,启动绑定面板,选中记录集下相关字段拖入表格的相应位置。
或选中相应单元格和绑定窗口中的记录集字段名称,单击绑定窗口右下角“插入”按钮。
(6)测试显示效果。
通过“文件”菜单或工具栏中的预览图标来测试应用程序在浏览器中的显示情况。
如下图所示。
10.4.2动态显示多条记录
在页面上显示一条记录是很简单的,但在实际应用中并不实用,往往需要在一个页面上显示多条记录。
在DreamweaverMX2004中应用“重复区域”数据库行为可以很容易的实现在一页中显示多条记录,而且可以很好的控制每页显示记录的个数。
(1)选中页面希望重复显示的部分,然后单击“服务器行为”面板的“+”按钮,在弹出的菜单中选中“重复区域”。
(2)在弹出的“重复区域”对话框中,从记录集列表中选择记录集,然后选择每页显示的记录数,单击“确定”返回设计页面,在重复区域左上角显示“重复”字样,说明重复区域设置成功。
(3)显示结果测试。
保存后,从浏览器预览可查看到数据显示情况。
显示结果如下:
10.4.3记录的计数和统计
除了对数据进行显示外,还可对显示的记录进行计数和统计。
操作步骤为:
(1)在需显示统计信息的页面写下显示格式,如希望显示为“总共有a条记录,本页从第b条到第c条记录”。
如下图所示:
(2)选中“窗口/绑定”菜单,打开绑定数据面板,记录集最后三项分别为“第一个记录索引”、“最后一个记录索引”、“全部记录”,将他们分别拖入页面中,取代a、b、c三个占位符。
(3)显示测试结果。
在浏览器的预览中显示。
10.4.4记录集分页显示
如果记录集中的数据较多时,一页可能显示不下,这时一般采用建立记录集分页显示的办法。
(1)在页面相应位置写入静态文本内容,一般为“首页”、“末页”、“前一页”、“后一页”。
(2)设置导航链接。
选中“首页”,选择“窗口/服务器行为”,启动服务器行为面板,单击“+”按钮,在弹出菜单中选择“记录集分页”中的“移动至第一条记录”。
(3)如果页面中没有其它链接,在“链接”中只有一个选项;
“记录集”一项选记录集名rs,单击“确定”,将“首记录”的导航链接设置好。
其他各项分页链接按上述办法一次设定。
(4)修改各分页链接,可双击服务器行为面板中的对应项,从对话窗口中进行修改。
(5)显示结果测试。
从浏览器中可查看数据显示结果。
10.5数据的添加
10.5.1表单网页的建立
表单是用户与数据库之间进行数据交互的窗口。
表单网页建立完成后才能建立针对该网页的记录集并绑定控件,即建立表单和记录集之间的链接。
建立如下图所示的数据录入表单页面,页面名称为add.asp。
数据录入表单
10.5.2数据记录集的建立
通过上面建立的表单网页add.asp来介绍信息录入数据库的操作步骤。
(1)在DreamweaverMX2004打开add.asp。
(2)在数据库面板中添加一个指向数据表student的记录集。
方法同以上。
(3)建立插入行为。
选择“窗口/服务器行为”菜单,启动服务器行为面板。
单击面板中的“+”按钮,在弹出的菜单中选“插入记录”,弹出“插入记录”对话框。
(4)在该对话框中各参数设置如下:
“连接”下拉列表框:
选定所用的数据库连接名称student。
“插入到表格”下拉列表框:
选择数据库中数据表名称。
“插入后,转到”文本框:
输入数据提交完成后要转到的网页URL。
“获取值自”下拉列表框选择用于提交数据的表单名称。
“表单字段”列表框:
在此列表框中显示表单元素与记录集字段的对应关系。
如果表单元素与字段名称相同,则自动建立对应关系。
否则,在表单元素名后出现“忽略”字样,可在下面的“列”下列框中选择与之对应的字段名,在右侧的“提交为”下拉框中选择提交数据格式。
(5)单击“确定”按钮,保存连接设置。
上机练习
参照本次上机的实例,利用数据库和ASP应用程序创建一个用户留言簿。
习题
1.在DreamweaverMX2004可视化环境下建设动态网站一般分为几个步骤?
2.在DreamweaverMX2004可视环境下,网页与数据库的连接方式有几种方式?