Dreamweave动态网页使用数据库.docx
《Dreamweave动态网页使用数据库.docx》由会员分享,可在线阅读,更多相关《Dreamweave动态网页使用数据库.docx(17页珍藏版)》请在冰点文库上搜索。
Dreamweave动态网页使用数据库
一个使用数据库的实例
表单制作完成后是静态的,接下来要为表单设计数据库,让表单与数据库连接,并开发出功能完备的网站应用程序,表单才有实用价值。
DreamweaverMX2004提供了用可视化方式设计互动网页的方法。
下面介绍一个使用数据库的简单实例。
采用的操作系统是WindowsXP+IIS5.0,采用的数据库是Access2000。
1建立站点和网页文件
1.建立本地文件夹:
C:
\Inetpub\wwwroot\classmate
2.在Dreamweaver中建立“classmate”站点指向本地文件夹。
建立站点的方法参见第2章。
站点设置如图9-23所示。
图9-23建立站点指向本地目录
3.打开“文件”面板→选择classmate站点→新建4个文件:
input.asp、show.asp、edit.asp、delete.asp,分别完成输入、显示、修改、删除数据的功能。
2确定站点测试服务器
确定站点测试服务器的步骤如下:
1.在“管理站点”对话框中选择classmate→单击“编辑”按钮→显示“站点定义”对话框→在“分类”项中选定“测试服务器”。
2.单击“服务器模型”框下拉按钮→在提供的选项中选择一种动态脚本语言,本例选择了ASPJavaScript。
3.在“访问”框中选择“本地/网络”。
4.在“测试服务器文件夹”框中选择刚才建好的本地站点文件夹,“URL前缀”框中会自动显示相应内容。
“测试服务器”设置如图9-24所示。
图9-24设置“测试服务器”
3用Access建立数据库和数据表
在Access中建立数据库和数据表的步骤如下:
1.启动Access→新建数据库→将建立的数据库以“classmate”为名字保存在本地站点文件夹中。
2.在“classmate”数据库中新建名为“tx”的数据表→关闭Access。
表结构如图9-25所示。
图9-25建立“tx”的数据表
3.在Dreamweaver的“文件”面板中可以看到新建的数据库文件已经在站点中。
如图9-26所示。
图9-26站点中可以看到数据库文件
4建立数据库的连接
在DreamweaverMX2004中进行数据库的连接的步骤如下:
1.打开“控制面板”→双击“管理工具”→选择“ODBC数据源”。
显示“ODBC数据源管理器”对话框,如图9-27所示。
图9-27ODBC数据源管理器
ODBC是开放式数据库互连标准,类似于一种通用翻译器,为每种特定的数据库类型指配驱动程序。
为了简化ODBC连接过程,建立了DSN(数据源名称)协议,DSN是数据源实际位置的别名。
Windows系统中,本地DSN由ODBC数据源管理器管理,远端DSN由系统管理员在服务器上建立。
2.单击“系统DSN”选项卡→单击“添加”按钮→显示“创建新数据源”对话框→在名称列表中选择MicrosoftAccessDriver(*.mdb)。
如图9-28所示。
图9-28“创建新数据源”对话框
3.单击“完成”按钮→弹出“ODBCMicrosoftAccess安装”对话框→为数据源起名为classmate。
如图9-29所示。
图9-29“ODBCMicrosoftAccess安装”对话框
4.单击“选择…”按钮→弹出“选择数据库”对话框→选择本地站点文件夹→选择数据库。
如图9-30所示。
图9-30“选择数据库”对话框
5.单击“确定”按钮→回到“ODBC数据源管理器”窗口。
可以看到classmate已经在系统数据源名称中,这就是要使用的数据库。
如图9-31所示。
图9-31一个新的数据源创建成功
5制作输入数据的动态网页
1.在“文件”面板中双击input.asp打开该网页文件→参照数据表tx的结构建立表单。
如图9-32所示。
图9-32制作输入数据的动态网页
2.打开“数据库”面板→单击
按钮→在下拉菜单中选“数据源名称”,开始为输入数据的网页文件定义数据库连接。
如图9-33所示。
图9-33为输入数据的网页文件定义数据库连接
3.在随后打开的“数据源名称(DSN)”对话框中设置参数→选择数据源名称→为数据源连接起一个连接名称→如果没有DSN可以单击“定义”按钮进行定义→单击“确定”按钮。
如图9-34所示。
图9-34选择数据源与定义数据源名称
4.在“数据库”面板中可以看到所建立的数据库连接,展开后可以看到这个数据库中的所有元素和数据表的信息。
如图9-35所示。
图9-35查看数据库和数据表的信息
5.打开“服务器行为”面板→单击
按钮→在下拉菜单中选择“插入记录”,如图9-36所示。
插入记录操作将使表单与数据表建立联系。
图9-36插入记录操作
6.在弹出的“插入记录”对话框中将窗体字段与数据表字段配对。
(1)在“连接”框中输入连接名称。
本例选classmate。
(2)在“插入到表格”框中选择数据库中的数据表。
本例选tx。
(3)在“插入后转到”框中选择当前站点中一个网页文件,本例选show.asp,当在input.asp中单击“提交”按钮后,会打开show.asp网页。
(4)在“获取值自”框中选择表单名称。
本例选form1。
(5)选中一个表单元素名称,在“列”框中选一个表的字段名,完成窗体字段与数据表字段的配对。
如图9-37所示。
图9-37将窗体字段与数据表字段配对
7.全部配对完毕后单击“确定”按钮,可以看到“服务器行为”面板中添加了一个插入记录行为。
如图9-38所示。
图9-38添加插入记录行为
8.打开输入信息的网页文件input.asp→按F12键浏览网页→在表单中输入数据→单击“提交”按钮→显示show.asp。
9.关闭show.asp→在“文件”面板中双击库文件名打开库→双击表名打开表。
可以看到在表单中输入的信息已经存在表中了。
6制作显示数据的动态网页
1.在“文件”面板中双击show.asp打开该文件→画一个3行2列表格→选中表格→在属性面板中设置表格的边框为0。
2.打开“绑定”面板→单击
按钮→在显示的菜单中选“记录集”。
建立一个数据库查询的数据记录。
如图9-39所示。
图9-39建立一个数据库查询的数据记录
3.在接下来显示的“记录集”对话框中设置参数,如图9-40所示。
如果“连接”框中没有可选择的连接,单击“定义”按钮重新设置一个。
“排序”框中选择ID,排序次序选择“降序”,使最新提交的表单显示在最前面。
图9-40设置“记录集”
4.单击“测试”按钮可以预先查看记录排序的结果。
如图9-41所示。
图9-41预先查看记录排序的结果
5.单击“确定”按钮,可以看到“绑定”面板中有一个名为rs的记录集。
6.展开“绑定”面板中的记录集→在表格第1行第2列单击→选定“绑定”面板记录集的xm字段→单击“绑定”面板下方的“插入”按钮。
如图9-42所示。
图9-42将“绑定”面板的字段插入到表格中
7.全部字段绑定到表格后,表格如图9-43所示。
图9-43全部字段绑定到表格
8.选定表格→打开“服务器行为”面板→选“重复区域”。
如图9-44所示。
用“重复区域”功能可以使一页显示多条记录。
图9-44启用“重复区域”功能
9.在“重复区域”对话框中设置每页显示3条记录。
如图9-45所示。
图9-45设置每页显示3条记录
10.设置完成后表格上方有“重复”标记,如图9-46所示。
为表格插入一条水平线作为记录的分隔线。
图9-46设置完成后的表格
11.按F12键浏览show.asp。
结果如图9-47所示。
图9-47show.asp的显示结果
7制作修改数据的动态网页
1.在show.asp中添加“修改”文字→选中文字→打开“服务器行为”面板→单击
按钮→选择“转到详细页”→在对话框设置参数→单击“确定”按钮。
“修改”文字成为包含动态内容的超链接。
对话框设置如图9-48所示。
用id作为表单数据与表数据的匹配参数。
图9-48“转到详细页”对话框
2.关闭show.asp→打开edit.asp→建立一个数据查询记录集,方法与在show.asp中操作的相同。
3.在edit.asp中建立表单→第1行是ID字段。
每条记录将根据ID惟一确定。
表单如图9-49所示。
图9-49在edit.asp中建立表单
4.单击“服务器行为”面板
按钮→选择“记录集分页”→继续选“移至特定记录”→显示“移至特定记录”对话框。
“移至特定记录”的作用是移动当前记录集中的记录指针到合适位置。
选择id作为参数找出数据库里对应的记录,进而将数据库内容显示在页面上。
参数设置如图9-50所示。
图9-50“移至特定记录”对话框
5.在表单中选定位置→在“绑定”面板中选定字段→单击“绑定”面板下方的“插入”按钮,将数据库中的字段绑定到表单的相应位置中。
如图9-51所示。
图9-51数据库中的字段绑定到表单的相应字段中
6.单击“服务器行为”面板
按钮→选择“更新记录”→在对话框中设置参数。
如图9-52所示。
定义更新后显示show.asp页面。
图9-52更新记录设置
7.打开show.asp→单击一个记录下的“修改”文字→显示edit.asp页面→在edit.asp页面的表单中修改数据,如图9-53所示。
图9-53在edit.asp页面的表单中修改数据
8.修改数据后单击“提交”按钮→显示show.asp页面→修改后的结果会立即在show.asp页面显示出来。
如图9-54所示。
图9-54显示修改后的结果
8制作删除数据的动态网页
1.在show.asp页面中添加“删除”文字→选中文字→单击“服务器行为”面板
按钮→选择“转到详细页面”→设置参数如图9-55所示。
图9-55给“删除”文字设置服务器行为
2.在delete.asp上建表单→使表单字段的名称与数据库中数据表字段名称一致→用前面相同的方法设置“移至特定记录”→将数据库中的字段绑定到表单的相应字段中。
如图9-56所示。
图9-56删除页面的设置
3.单击“服务器行为”面板
按钮→选择“删除记录”→在“删除记录”对话框中设置参数。
如图9-57所示。
图9-57设置“删除记录”参数
4.“服务器行为”面板中记载了对当前页所进行的操作。
如图9-58所示。
图9-58对当前页所进行的操作
5.制作一个显示删除成功的页面ok.asp,删除完成后显示该页面。
6.运行show.asp,如图9-59所示。
图9-59运行show.asp
7.单击“删除”文字将显示delete.asp页面。
如图9-60所示。
图9-60单击“删除”文字将显示delete.asp页面
8.在delete.asp页面中单击“确定”按钮将显示ok.asp页面。
如图9-61所示。
图9-61删除成功后显示ok.asp页面
习题与思考题九
1.什么是动态网站?
动态网站的核心是什么?
2.什么是表单?
表单在动态网站中起什么作用?
3.表单中有哪些表单对象?
4.建立一个站点用来收集用户信息。
5.建立一个输入页面,内有“客户意见反馈表”,使用验证表单的行为。
6.建立一个数据库存放反馈信息。
7.建立一个显示页面,每页显示4条信息。
8.建立一个修改页面。
9.建立一个删除页面和删除成功页面。