Dreamweaver+ASP VBScript+ACCESS留言板设计.docx

Dreamweaver+ASP VBScript+ACCESS留言板设计.docx

《Dreamweaver+ASP VBScript+ACCESS留言板设计.docx》由会员分享，可在线阅读，更多相关《Dreamweaver+ASP VBScript+ACCESS留言板设计.docx（16页珍藏版）》请在冰点文库上搜索。

Dreamweaver+ASPVBScript+ACCESS留言板设计

ASPVBScript+ACCESS留言板设计

准备工作：

安装好ASP服务器（IIS）和ACCESS数据库，配置IIS本地根目录为D:

\MyWeb

1.建立Access数据库

打开ACCESS软件，新建一空白数据库，ACCESS会提示先保存数据库，定位到你的留言本所在文件夹，保存为data.mdb。

数据库设置：

ID：

设为主键，确定数据唯一性以保证在管理时能准确定位到相应记录

Name:

字段大小设为15（名字没有这么长的）

Email:

字段大小为20（Email地址的长度）

ICON:

字段大小为255

Hpage：

字段大小为30（很多朋友还在用二级甚至三级的域名，所以放宽一点）

Date：

默认值为Now（）（用Now（）取得插入新记录时系统的时间）

如下图，关闭并保存为main

再创建表admin，以保存管理帐号，保存为admin，如下图：

2.创建主页并连接数据库

在Dreamweaver中新建一页，保存为index.asp，并修改页面标题为“留言板首页”，如下所示；插入一个5行1列的表格，设置宽度为650像素，边框为1，在属性选择居中对齐，在其中继续插入表格，最终效果如下图：

连接数据库：

按窗口打开服务器行为面板，看那四项中的前三项前是否有勾号，如果没有就是相应项在定义站点是没设置好，重新编辑Dreamweaver的站点，如果有就开始创建记录集，在服务器行为面板上单击"+"号，定义连接数据库字符串。

按数据库弹出的菜单点：

自定义连接字符串"按钮，

在"自定义连接字符串"对话框中填写连接名称conn，

连接字符串：

"DRIVER={MicrosoftAccessDriver（*.mdb）};DBQ=D:

aspguestbookdata.mdb"

然后按测试，软件自动的生成和数据库的连接的conn.asp文件（Connections文件夹内）

创建记录集，点绑定出来菜单，点记录集按如下图选择，这样就完成了连接数据库的工作。

3.为主页进行数据捆绑

把头像地址跟数据库中的数据关联起来，也就是绑定Icon字段的数据到图片：

如上图，选中图片，在属性面板中单击“源文件”，如下图所示，选择数据源，选中Icon，将图片URL改为如下图所示形式，单击确定即成功绑定图片，图片随Icon值得不同而改变，从而保证用户选择的头像文件可以正确显示。

继续绑定Name字段到头像下面的"访客昵称"：

1）选中"访客昵称"四字后按（绑定）面板

2）从中选择Name字段后单击下面的"插入"（或"绑定"）按钮，即成功绑定用户名。

同理把Name字段插入到“访客发表于2010-12-124:

04:

49"”中的“访客”上，Date字段插入到“访客发表于2010-12-124:

04:

49"”中的时间日期上，Content插入到“留言内容”，Reply插入到“回复内容”，在“回复内容”后打开代码视图在那里添加
换行，再插入Rdate字段。

继续绑定"主页"、"信箱"和"QQ"数据：

使这三组文字都是带上链接，链接地址跟访客输入的相关资料绑定：

1）选中"主页"，并单击属性面板中的"链接"文件夹按钮,在弹出的"窗口"对话框中作设置后点"OK"，最后回到属性面板中把目标的值选为"_blank"，以便在新窗口中打开访客主页；

2）同理绑定"信箱"的链接，稍有不同的是信箱的链接前面需要加上"mailto:

"；

3）做"QQ"的链接又跟前面的稍有不同，因为查看QQ用户的资料地址是

现在所有的数据都已经成功绑定，这样的留言板永远只会显示一条留言记录，所以还需要设定重复域和翻页

1）光标定位到头像所在单元格内，然后点选表格2中的，

2）按展开服务器行为面板，点击"+”按钮，在出现的下拉菜单中选择"重复区域"，这里都用默认设置，所以直接点“OK”

3）选中表格，然后点服务器行为"显示区域"，点：

如果记录集不为空则显示区域，保证在数据库没有记录时不会出错。

4）为使数据记录不在一个页里显示，还需要给显示留言加上翻页功能。

选中"首页"，打开服务器行为面板，

5）单击上面的"+"，在下拉菜单中选择"记录集分页－移至第一条记录"，同理给"上页"、"下页"和"尾页"加上翻页功能，分别对应的服务器行为为"移至前一条记录"、"移至下一条记录"和"移至最后一条记录"。

4.创建添加留言页面

新建一个名为insert.asp的文件，选择表单图标新建一个表单，再在常用里选择表格图标，在表单里插入一个7行4列的表格，调节为下图，并添上相应的字，添加表单域：

用户名：

在用户名对应的表格里添加文本字段，在属性面板上取名为name，使之与数据库的字段名字相对应；

信箱：

在信箱对应的表格里添加文本字段，在属性面板上取名为Email，这样做是为了与数据库的字段名字相对应；

主页：

在主页对应的表格里添加文本字段，在属性面板上取名为Homepage，这样做是为了与数据库的字段名字相对应；

QQ：

在QQ对应的表格里添加文本字段，在属性面板上取名为QQ，这样做是为了与数据库的字段名字相对应；

头像：

在相对应的单元格里分别插入用户头像图片，然后添加对应的单选按钮，均命名为icon；

留言内容：

在留言内容对应的单元格里添加文本区域，在属性面板里为它改名为Content。

在提交按钮前插入如两个隐藏域，分别命名为IP和Date。

5.定义提交按钮的服务器行为

选中的整个表格，然后打开服务器行为面板，单击“+”，按钮选择菜单下的插入记录。

设置表单域与数据库字段名一一对应，在表单元素里分别依次选中元素，在下面的列里选择与数据库相对应的域。

继续定义表单提交的错误检查（行为面板），避免签写留言时有错误信息的写入，添加表单提交的错误检查功能。

打开设计面板下的行为面板，单击"+"选择检查表单，在其中设置Name字段和Content字段为“必需的”，QQ字段为“数字”，Email字段为“电子邮件地址”。

这样就完成了添加留言页，在留言页里添加留言查看数据库里有没有添加新记录，显示留言页里有没有留言。

6.添加管理员管理页面

管理页manage.asp其实跟留言板首页index.asp功能差不多，所以可以直接把index.asp另存为manage.asp，首先把进入管理改为退出管理，然后加上管理功能：

删除，编辑，回复。

添加服务器行为：

打开应用程序下的服务器行为面板，单击“+”按钮选择用户身份验证下的限制对页的访问：

限制对页的访问对话框设置。

管理员在登陆时输入正确的用户名和密码才能登陆到管理页面，否则跳到login.asp管理员登陆页面。

选中刚才添加的“退出管理”几个文字，为其添加服务器行为：

打开应用程序下的服务器行为面板，单击“+”按钮选择用户身份验证下的注销用户。

为退出管理而添加的一个功能注销用户对框设置。

管理员退出以后就直接跳转到显示留言页面index.asp。

选中“编辑”这两个文字，打开服务器行为面板，单击“+”选择转到详细信息页，打开转到详细信息页对话框，详细信息页选择edit.asp，转到详细信息页对话框设置：

传递URL参数为ID，它是mdb数据库里我们定义的ID字段类型是自动编号，自动编号在数据库里是不会重复的，以后编辑留言板中的某条留言的时候，这条留言信息的ID号就传递给了edit.asp页面，edit.asp页面就会显示这条留言的信息并对其进行编辑。

实际上就是每发一个留言数据库里就记一个ID，编辑就会按发帖的ID进行编辑。

分别选中“回复”和“删除”文字，依次打开服务器行为面板，单击“+”选择转到详细信息页，打开转到详细信息页的对话框，“回复”的详细信息页选择huifu.asp；“删除”的详细信息页选择delete.asp，转到详细信息页对话框设置。

以上就全部完成了留言板管理部分的页面。

7.管理员登陆页面

新建一个页面，保存为login.asp，首先插入一个表单，在表单内插入表格，表格布局如下页图示；

添加服务器行为：

打开应用程序下的服务器行为面板，单击“+”按钮选择用户身份验证下的登录用户：

用户登录设置：

首先在使用链接验证里选择数据源admin，然后在“如果登陆成功，转到”后面的输入框里输入manage.asp（管理页面），最后在“如果登录失败，转到”后面的输入框里输入login.asp，使登录不成功时就转到管理员登录页面。

保存login.asp，然后打开站点文件夹下的data.mdb的数据库，打开admin数据库表，在Username字段下写个用户名：

admin；在Password字段下写个用户密码：

admin。

这样管理员登陆页面就设计完了，按F12测试能否登陆成功。

8.创建删除页面

新建一个页面，保存为delete.asp，首先插入表单，在表单内添加单元格与表单域，效果如图示。

在绑定面板里单击“+”按钮选择记录集，打开记录集对话框，记录集对话框设置如下页图示。

选中用户名对应的文本字段，在属性面板里改名为name，然后点击按钮，打开动态数据对话框，为姓名文本字段添加动态数据，选取记录集中的Nme字段；留言内容动态数据绑定的方法与用户名绑定的方法相同，按照上面的方法一一对应绑定即可。

添加限制访问页行为：

打开服务器行为面板，单击“+”按钮选择用户身份验证下的“限制对页面的访问”，打开限制对页的访问对话框，限制对页的访问对话框设置如下：

添加页面的服务器行为：

打开服务器行为面板，单击“+”选择删除记录，打开删除记录对话框，删除记录对话框设置如下：

这样删除记录页就完成了。

9.创建管理员回复功能页面

新建一个页面，保存为huifu.asp作为回复页面，首先插入表单，在表单内添加表格与表单域，插入６行２列的表格：

设置如下；

绑定记录集：

在绑定面板单击“+”按钮，选择添加记录集；

添加动态数据：

姓名、信箱、留言内容、回复内容

选中姓名对应的文本字段，在属性面板里改名为name，然后点击按钮，打开动态数据对话框，为姓名文本字段添加动态数据，选取记录集中的name字段。

其他内容动态数据绑定的方法与姓名绑定的方法相同，按照上面的方法一一对应绑定即可。

添加限制访问页行为：

打开服务器行为面板，单击“+”按钮选择用户身份验证下的限制对页面的访问，打开限制对页的访问对话框，限制对页的访问对话框设置如下图：

添加页面的服务器行为：

打开服务器行为面板，单击“+”选择插入记录，打开插入记录对话框，插入记录对话框设置如下图：

10.建立编辑留言（更新记录）页面，对留言不合理的地方进行编辑

新建一个页面，保存为edit.asp作为编辑页面，首先在插入面板添加一个表单，在表单内添加表格与表单域。

绑定记录集：

在绑定面板里单击“+”按钮选择记录集，选择添加记录集，打开记录集对话框，添加一个记录集。

添加动态数据：

姓名、信箱、留言内容、回复内容

选中姓名对应的文本字段，在属性面板里改名为name，然后点击按钮，打开动态数据对话框，为姓名文本字段添加动态数据，选取记录集中的name字段。

QQ、信箱、个人主页、留言内容等动态数据绑定的方法与姓名绑定的方法相同，按照上面的方法一一对应绑定即可。

添加限制访问页行为：

打开服务器行为面板，单击“+”按钮选择用户身份验证下的限制对页面的访问，打开限制对页的访问对话框，限制对页的访问对话框设置如下图：

继续添加页面的服务器行为：

打开服务器行为面板，单击“+”选择更新记录，打开更新记录对话框，更新记录对话框设置如下：

这样在edit页面中修改的内容就会自动更新到数据库main表中，实现动态更新。

总结

至此，留言板的全部页面就都完成了，整个留言板系统也就可以使用了，使用Access数据库和Dreamweaver8.0制作的这个留言板系统，结合了前后台的设计环境，采用了ASPVBScript服务器端脚本技术，功能丰富，充满个性。