Dreamweaver+ASP VBScript+ACCESS留言板设计.docx
- 文档编号:30376332
- 上传时间:2023-08-14
- 格式:DOCX
- 页数:16
- 大小:1.18MB
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作为回复页面,首先插入表单,在表单内添加表格与表单域,插入6行2列的表格:
设置如下;
绑定记录集:
在绑定面板单击“+”按钮,选择添加记录集;
添加动态数据:
姓名、信箱、留言内容、回复内容
选中姓名对应的文本字段,在属性面板里改名为name,然后点击按钮,打开动态数据对话框,为姓名文本字段添加动态数据,选取记录集中的name字段。
其他内容动态数据绑定的方法与姓名绑定的方法相同,按照上面的方法一一对应绑定即可。
添加限制访问页行为:
打开服务器行为面板,单击“+”按钮选择用户身份验证下的限制对页面的访问,打开限制对页的访问对话框,限制对页的访问对话框设置如下图:
添加页面的服务器行为:
打开服务器行为面板,单击“+”选择插入记录,打开插入记录对话框,插入记录对话框设置如下图:
10.建立编辑留言(更新记录)页面,对留言不合理的地方进行编辑
新建一个页面,保存为edit.asp作为编辑页面,首先在插入面板添加一个表单,在表单内添加表格与表单域。
绑定记录集:
在绑定面板里单击“+”按钮选择记录集,选择添加记录集,打开记录集对话框,添加一个记录集。
添加动态数据:
姓名、信箱、留言内容、回复内容
选中姓名对应的文本字段,在属性面板里改名为name,然后点击按钮,打开动态数据对话框,为姓名文本字段添加动态数据,选取记录集中的name字段。
QQ、信箱、个人主页、留言内容等动态数据绑定的方法与姓名绑定的方法相同,按照上面的方法一一对应绑定即可。
添加限制访问页行为:
打开服务器行为面板,单击“+”按钮选择用户身份验证下的限制对页面的访问,打开限制对页的访问对话框,限制对页的访问对话框设置如下图:
继续添加页面的服务器行为:
打开服务器行为面板,单击“+”选择更新记录,打开更新记录对话框,更新记录对话框设置如下:
这样在edit页面中修改的内容就会自动更新到数据库main表中,实现动态更新。
总结
至此,留言板的全部页面就都完成了,整个留言板系统也就可以使用了,使用Access数据库和Dreamweaver8.0制作的这个留言板系统,结合了前后台的设计环境,采用了ASPVBScript服务器端脚本技术,功能丰富,充满个性。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Dreamweaver+ASP VBScript+ACCESS留言板设计 Dreamweaver ASP VBScript ACCESS 留言板 设计
![提示](https://static.bdocx.com/images/bang_tan.gif)
copyright@ 2008-2022 冰点文档网站版权所有
经营许可证编号:鄂ICP备2022015515号-1