容 | 怎样在Dreamweaver 8中应用数据库 一、引言 Dreamweaver 8是一款专业的网站制作软件,可用于对站点、网页和网站应用程序进行设计、编码和开发,增加了对动态web页的支持。它不需要掌握复杂的源代码语言,在所见即所得的编辑界面,既能编写静态网页,也能编写基于ASP、JSP、CFML甚至PHP服务器技术的动态网站系统。具有数据库支持的动态网页是现代网站的必然趋势,笔者因工作需要就制作了这样的一个教师主页,下面我就以此为例介绍一下有关数据库应用的网页制作过程。 二、准备工作环境在制作之前,首先要把电脑设置成服务器,以便测试动态网页。使用微软的ASP,就要安装支持ASP的网站服务器IIS。IIS的安装过程很简单,在控制面板→添加/删除程序→选择添加/删除Windows组件(A)→勾选Internet信息服务(IIS),单击下一步→按提示插入系统安装盘→完成。安装成功后,打开浏览器,在地址栏中输入localhost/localstart.asp回车,就会出现测试页。 设置服务器完成后,电脑上c:Inetputwwwroot就是服务器的根目录,在此目录下创建站点,就可以浏览ASP网页了。启动Dreamweaver 8,新建一个站点zhandian和网页index.asp,在页面上设计好“公告栏”、“课程资源”、“考试信息”等栏目区域,保存。 三、准备数据库 启动Access,新建一个数据库myku,保存在已创建的站点zhandian中。设计数据表如下: 数据表(ziliao) 含义 字段名称 数据类型 必填字段 允许空字符串 索引 栏目 Lanmu 文本 是 否 有(有重复) 标题 Biaoti 文本 是 否 有(无重复) 专业 Zhuanye 文本 否 是 内容 Neirong 备注 是 否 日期 riqi 日期 否 是 四、连接数据库 数据库建好之后,要连接到网页中。连接的方法有数据源连接和自定义连接两种,笔者采用的是数据源连接。 |
(一)设置数据源
控制面板→管理工具→数据源→系统DSN→添加选择驱动程序Microsoft Access Driver(*.mdb) →选择已保存在站点zhandian下的数据库→输入数据源名称“myku” →确定。
(二)连接网页
启动Dreamweaver 8,打开index.asp网页,选择菜单“窗口”→“数据库”,打开“应用程序”上的“数据库”面板,单击添加按钮,选择“数据源名称(DSN)”打开对话框,此时已设置好数据源就出现在对话框中,输入连接名称“myku”,选择“使用本地DSN”,单击“测试”,出现成功提示,表示设置正确,然后确定。
如果使用自定义连接,只需在“数据库”面板中选择“自定义连接字符串”命令,然后在打开的对话框中输入连接名称“myku”和连接字符串“Driver={Microsft Access Driver(*.mdb)};DBQ=c: Inetputwwwrootzhandianmyku.mdb;”,选择“使用此计算机上的驱动程序”,确定。
数据库连接好以后,就可以使用了。
五、显示数据库记录
(一)显示标题页
1、打开index.asp网页,在“课程资源”区域插入2行1列表格,拆分第一行为两列。
2、“应用程序”面板→“绑定”→添加“记录集(查询)”命令→在“记录集”对话框中输入信息。
名称:rsfd
连接:myku
表格:ziliao
列:选择全部
筛选: lanmu、=、输入的值、辅导。
排序:riqi、降序。
确定。此时绑定的记录集rsfd出现在“绑定”面板中。
3、展开记录集rsfd,将biaoti字段插入到页面的第一行第一列,riqi插入到第二列。这样只能显示一条记录,要想显示全部记录,还要设置重复区域。
4、选定此行,在“服务器行为”面板中→添加→选择“重复区域”。
5、在表格第二行的相应位置输入“首页”、“上页”、“下页”、“末页”,选定“首页”,在“服务器行为”面板→添加→选择“移至第一条记录”。
1、打开index.asp网页,在“课程资源”区域插入2行1列表格,拆分第一行为两列。
2、“应用程序”面板→“绑定”→添加“记录集(查询)”命令→在“记录集”对话框中输入信息。
名称:rsfd
连接:myku
表格:ziliao
列:选择全部
筛选: lanmu、=、输入的值、辅导。
排序:riqi、降序。
确定。此时绑定的记录集rsfd出现在“绑定”面板中。
3、展开记录集rsfd,将biaoti字段插入到页面的第一行第一列,riqi插入到第二列。这样只能显示一条记录,要想显示全部记录,还要设置重复区域。
4、选定此行,在“服务器行为”面板中→添加→选择“重复区域”。
5、在表格第二行的相应位置输入“首页”、“上页”、“下页”、“末页”,选定“首页”,在“服务器行为”面板→添加→选择“移至第一条记录”。
6、依次选定“上页”、“下页”、“末页”,分别在“服务器行为”面板中添加“移至上一条记录”、“移至下一条记录”、“移至最后一条记录”。
7、保存。
(二)显示详细内容页
1、新建网页xiangxi.asp,保存。
2、在“绑定”面板中添加记录集,在“记录集”对话框中输入信息。
名称:rsfd1
连接:myku
表格:ziliao
列:选择全部
筛选: biaoti、=、URL参数、biaoti。
排序:无。
确定。
3、展开记录集rsfd1,把neirong字段插入页面。
4、保存。
7、保存。
(二)显示详细内容页
1、新建网页xiangxi.asp,保存。
2、在“绑定”面板中添加记录集,在“记录集”对话框中输入信息。
名称:rsfd1
连接:myku
表格:ziliao
列:选择全部
筛选: biaoti、=、URL参数、biaoti。
排序:无。
确定。
3、展开记录集rsfd1,把neirong字段插入页面。
4、保存。
(三)链接页面
两个页面完成之后,再做一下动态链接。
1、打开标题显示index.asp,选定biaoti字段。在“服务器行为”面板→添加→“转到详细页面”www.21cnlunwen,打开对话框。
2、在对话框中输入下面信息:
两个页面完成之后,再做一下动态链接。
1、打开标题显示index.asp,选定biaoti字段。在“服务器行为”面板→添加→“转到详细页面”www.21cnlunwen,打开对话框。
2、在对话框中输入下面信息:
详细信息页:xiangxi.asp
传递URL参数:biaoti
记录集:rsfd
列:biaoti
传递现有参数:URL参数
确定。
同样的方法,可以制作其它栏目的显示内容。测试index.asp时,如果数据库中有记录,点击标题,即可查看相应的详细内容。
六、添加数据库记录
1、新建网页add.asp,保存。
2、添加记录集。在“记录集”对话框中输入下面信息:
名称:addrs
连接:myku
表格:ziliao
列:选择全部
筛选: 无
排序:riqi、降序
确定。
3、将光标定位于插入表单的位置,然后“插入”→打开“应用程序”面板,单击“插入记录表单向导”按钮,在“插入记录表单”对话框中输入下面信息:
连接:myku
插入到表格:ziliao
插入后,转到:ok1.htm
表单字段:
2、添加记录集。在“记录集”对话框中输入下面信息:
名称:addrs
连接:myku
表格:ziliao
列:选择全部
筛选: 无
排序:riqi、降序
确定。
3、将光标定位于插入表单的位置,然后“插入”→打开“应用程序”面板,单击“插入记录表单向导”按钮,在“插入记录表单”对话框中输入下面信息:
连接:myku
插入到表格:ziliao
插入后,转到:ok1.htm
表单字段:
选择lanmu,标签:“栏目:”;显示为:文本字段;提交为:文本。
选择biaoti,标签:“标题:”;显示为:文本字段;提交为:文本。
选择zhuanye,标签:“专业:”;显示为:文本字段;提交为:文本。
选择neirong,标签:“内容:”;显示为:文本字段;提交为:文本。
最后,确定。
此时,在页面上插入一个完整的表单项目,而且连“插入记录”的服务器行为都有了。但如果文本框的的长度和宽度需要调整,可选定该文本框,打开属性面板进行设置。选定内容文本框,在“属性”面板中选择“多行”类型,字符宽度:100;行数:50。
4、检查表单。“窗口”→“行为”命令,打开“行为”面板,添加“检查表单”,在“检查表单”对话框中,命名的栏位:选择“lanmu”,勾选“值”为“必需的”;“可接受”选择“任何东西”;依次设置其它字段。
5、插入隐藏域。“插入”→表单→隐藏域,在属性面板上,“值”输入“<%=now()%>”,在“服务器行为”面板中双击“插入记录”,打开“插入记录”对话框,在表单字段中选择隐藏字段hiddenfield,提交为:日期。确定。
6、保存。
选择biaoti,标签:“标题:”;显示为:文本字段;提交为:文本。
选择zhuanye,标签:“专业:”;显示为:文本字段;提交为:文本。
选择neirong,标签:“内容:”;显示为:文本字段;提交为:文本。
最后,确定。
此时,在页面上插入一个完整的表单项目,而且连“插入记录”的服务器行为都有了。但如果文本框的的长度和宽度需要调整,可选定该文本框,打开属性面板进行设置。选定内容文本框,在“属性”面板中选择“多行”类型,字符宽度:100;行数:50。
4、检查表单。“窗口”→“行为”命令,打开“行为”面板,添加“检查表单”,在“检查表单”对话框中,命名的栏位:选择“lanmu”,勾选“值”为“必需的”;“可接受”选择“任何东西”;依次设置其它字段。
5、插入隐藏域。“插入”→表单→隐藏域,在属性面板上,“值”输入“<%=now()%>”,在“服务器行为”面板中双击“插入记录”,打开“插入记录”对话框,在表单字段中选择隐藏字段hiddenfield,提交为:日期。确定。
6、保存。
添加表单页完成以后,还要制作一个提交成功信息的页面ok1.htm。新建网页ok1.htm,在页面上输入文字“提交成功,返回。”,做好返回add.asp的链接即可。
测试时,如果添加的信息正确,便显示提交成功,否则,提示出错原因。
七、删除数据库记录
(一)制作管理页
1、新建管理页guanli.asp,显示所有记录。在页面上插入2行6列表格,在第一行的第一列输入“栏目”,第二列到第四列依次输入“标题”、“专业”、“日期”。
2、复制记录集。因为添加的记录集与add.asp页的相同,可以直接把add.asp页的记录集复制过来。
测试时,如果添加的信息正确,便显示提交成功,否则,提示出错原因。
七、删除数据库记录
(一)制作管理页
1、新建管理页guanli.asp,显示所有记录。在页面上插入2行6列表格,在第一行的第一列输入“栏目”,第二列到第四列依次输入“标题”、“专业”、“日期”。
2、复制记录集。因为添加的记录集与add.asp页的相同,可以直接把add.asp页的记录集复制过来。
3、在表格的第二行对应各列分别插入字段“lanmu”、“biaoti”、“zhuanye”、“riqi”,第五列输入“删除”。
4、选择第二行为“重复区域”。如果内容太多,也可以在表格中增加一行做分页处理。
5、保存。asp 源代码
(二)制作删除页
1、新建网页del.asp,因本文世纪论文网(www.21cnlunwen)提供为删除页的表单与添加页add.asp的表单相同,可以把添加表单复制过来,把“提交”改为“确定删除”。
2、添加记录集。因为记录集相同,可直接复制xiangxi.asp页中的记录集。
3、分别选定页面中的文本域,依次与记录集中的字段绑定。
4、切换到“服务器行为”面板,添加“删除记录”命令,打开对话框,输入信息:
连接:myku
从表格中删除:ziliao
选取记录自:默认
唯一键列:biaoti
删除后,转到:ok2.htm
确定。
5、保存网页。
删除成功页ok2.htm的制作,只需复制ok1.htm,把输入文字和返回链接修改一下即可。
(三)链接网页
1、打开guanli.asp页,选定“删除”,在“服务器行为”面板中添加“转到详细页面”命令,在对
2、添加记录集。因为记录集相同,可直接复制xiangxi.asp页中的记录集。
3、分别选定页面中的文本域,依次与记录集中的字段绑定。
4、切换到“服务器行为”面板,添加“删除记录”命令,打开对话框,输入信息:
连接:myku
从表格中删除:ziliao
选取记录自:默认
唯一键列:biaoti
删除后,转到:ok2.htm
确定。
5、保存网页。
删除成功页ok2.htm的制作,只需复制ok1.htm,把输入文字和返回链接修改一下即可。
(三)链接网页
1、打开guanli.asp页,选定“删除”,在“服务器行为”面板中添加“转到详细页面”命令,在对
话框中输入:
详细信息页:del.asp
传递URL参数:biaoti
记录集:默认
列:biaoti
传递现有参数:URL参数
确定。
2、保存。
至此,删除记录的网页全部完成。测试时,在管理页点击标题后面的“删除”,便转到此标题下的详细内容,单击“确定删除”后,即可删除此记录。
八、修改数据库记录
详细信息页:del.asp
传递URL参数:biaoti
记录集:默认
列:biaoti
传递现有参数:URL参数
确定。
2、保存。
至此,删除记录的网页全部完成。测试时,在管理页点击标题后面的“删除”,便转到此标题下的详细内容,单击“确定删除”后,即可删除此记录。
八、修改数据库记录
修改记录与删除记录大体相同,只是在管理页guanli.asp中“删除”后面增加一个“修改”链接,而删除页del.asp中“确定删除”改为“修改”,在“服务器行为”面板中添加“更新记录”。测试时,在修改页完成修改后点击“修改”按钮,提示修改成功。
九、说明
(一)添加、删除、修改记录部分属后台管理部分,为限制浏览者进入,必须在进入后台页时设置密码。在数据库中增加一个管理表,保存管理员的用户名和密码,在页面上要求输入这些信息,以限制对后台的访问。页面上插入表单文本框、提交按钮,在“服务器行为”面板中,选择“用户身份验证”→“登录用户”命令,如果与管理表上信息一致就转到后台,否则,显示出错。
(二)添加记录时,如果要求内容有一定的格式,首先在显示详细内容页xiangxi.asp要应用CSS样式表,本文世纪论文网(www.21cnlunwen)提供如何定义和应用CSS不属于本文的范围,就不做介绍了;其次,在添加内容时,文本中应包含html格式代码。如果不懂代码也没关系,可利用Dreamweaver 8自动生成代码的功能实现。新建一个html网页,把在word中编辑好的文档复制过来,切换到代码界面,便可得到含格式代码的文本内容,只需拷贝到添加页即可。
十、结束语
本文通过笔者的实例介绍了在Dreamweaver 8应用数据库的一些操作,希望能对网页制作爱好者们有所帮助,这是我最大的心愿,也是我写此文的初衷和目的。
(一)添加、删除、修改记录部分属后台管理部分,为限制浏览者进入,必须在进入后台页时设置密码。在数据库中增加一个管理表,保存管理员的用户名和密码,在页面上要求输入这些信息,以限制对后台的访问。页面上插入表单文本框、提交按钮,在“服务器行为”面板中,选择“用户身份验证”→“登录用户”命令,如果与管理表上信息一致就转到后台,否则,显示出错。
(二)添加记录时,如果要求内容有一定的格式,首先在显示详细内容页xiangxi.asp要应用CSS样式表,本文世纪论文网(www.21cnlunwen)提供如何定义和应用CSS不属于本文的范围,就不做介绍了;其次,在添加内容时,文本中应包含html格式代码。如果不懂代码也没关系,可利用Dreamweaver 8自动生成代码的功能实现。新建一个html网页,把在word中编辑好的文档复制过来,切换到代码界面,便可得到含格式代码的文本内容,只需拷贝到添加页即可。
十、结束语
本文通过笔者的实例介绍了在Dreamweaver 8应用数据库的一些操作,希望能对网页制作爱好者们有所帮助,这是我最大的心愿,也是我写此文的初衷和目的。
参考文献:
杨世锡、赵辉 ;《ASP+SQL Server动态网站开发》;电子工业出版社。
鲍嘉、卢坚;《Dreamweaver 8全新网站大制作》;中国青年电子出版社。
杨志姝、冯小飞;《ASP+SQL Server基础练习+典型案例》;清华大学出版社。
杨世锡、赵辉 ;《ASP+SQL Server动态网站开发》;电子工业出版社。
鲍嘉、卢坚;《Dreamweaver 8全新网站大制作》;中国青年电子出版社。
杨志姝、冯小飞;《ASP+SQL Server基础练习+典型案例》;清华大学出版社。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论