欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  数据库

手把手教你设计ASP+ACCESS留言本

程序员文章站 2022-05-27 13:52:41
...

准备工作:安装好ASP服务器(IIS或PWS)+ACCESS(Windows系统自带)。为了尽量保证无任何问题,建议按照课程中所讲的步骤操作。好了,准备工作已经做好,下面我们将详细介绍其步骤: 一个 留言 版应该有哪些内容呢?有:访客名字( Name )、访客主页( Hpage )

准备工作:安装好ASP服务器(IIS或PWS)+ACCESS(Windows系统自带)。为了尽量保证无任何问题,建议按照课程中所讲的步骤操作。好了,准备工作已经做好,下面我们将详细介绍其步骤:

一个留言版应该有哪些内容呢?有:访客名字(Name)、访客主页(Hpage)、访客QQ(QQ)、访客信箱(Email)、访客形象(ICON)、

留言内容(Ctent)、留言时间(Date)——这是访客的有关信息。版主回复(Rply)和,版主的管理帐号:用户名(Username)、密码(Pwd)。要保存这么多信息,就必须有数据库,数据库应该怎么设计?访客的留言是不断增加的,而版主的管理帐号固定不变,所以应该分开两个表,一个保存所有访客的留言和访客的资料信息,另一个则保存版主的管理帐号。好了,

现在可以开始设计数据库了。打开ACCESS(在微软的Office软件中有)软件,新建一空白数据库,ACCESS会提示先保存数据库,定位到你的留言本所在文件夹(我是在站点根目录下建了一个guestbook文件夹),保存为data.mdb

手把手教你设计ASP+ACCESS留言本

数据库设置:

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

Name:字段大小设为15(名字没有这么长的)

Email:字段大小为20(Email地址的长度)

ICON:字段大小为255

Hpage:字段大小为30(很多朋友还在用二级甚至三级的域名,所以放宽一点)

Date:默认值为Now ()(用Now()取得插入新记录时系统的时间)

关闭表窗口,会提示是否保存对表的修改,选"是",然后把表名改为main,再创建表admin,以保存管理帐号:

手把手教你设计ASP+ACCESS留言本



还需要一个记录IP对应地址的表,点这里下载,然后打开数据库data.mdb,在"文件"菜单下选择"获取外部数据>>导入",再在弹出的对话框里选择刚才下载的数据库,导入,选择address表,确定,现在数据库data.mdb中应该有这样的三个表:

手把手教你设计ASP+ACCESS留言本

到现在,数据库的工作全部完成。程序运行配置完了,请仔细看看数据库,不能出错的。

在IIS(Internet 信息服务)安装方法里,我们在IIS里把站点根目录定义在D:asp,现在进到这个目录下新建一文件夹并命名为guestbook。

手把手教你设计ASP+ACCESS留言本

点"下一步"继续下一步的选择,这里我们选择用VBScript作脚本的ASP:

手把手教你设计ASP+ACCESS留言本



点"下一步"继续下一步的站点文件夹设置,因为我们现在是在本地测试,而且guestbook文件夹在D:aspguestbook,所以设置如下

手把手教你设计ASP+ACCESS留言本

点"下一步"继续下一步的设置Dreamweaver的测试URL:

手把手教你设计ASP+ACCESS留言本

点"下一步"继续下一步,因为我们在本机测试,不需要远程服务器参与,所以选择"否":

手把手教你设计ASP+ACCESS留言本

点"下一步"继续下一步,这里显示的是我们刚才所填的信息,目的是要我们确认一下,如果发现有错,可以点"上一步"返回修改设置,确认无误后就可以点"完成",我们的站点定义就完成了。



手把手教你设计ASP+ACCESS留言本

Dreamweaver中新建一页(在"新建"新建文档对话框中选"ASP VBScript"类型的文档),存为index.asp,并修改页面标题为"留言板首页"

手把手教你设计ASP+ACCESS留言本

手把手教你设计ASP+ACCESS留言本

点击插入常用工具组里的表格图标,插入一个5行1列的表格(记为表格1),设置如下:

手把手教你设计ASP+ACCESS留言本



选中表格,然后在属性面板中把它设置为居中对齐:手把手教你设计ASP+ACCESS留言本

光标定位到第三行的单元格里,拆分单元格插入两列的表格,垂直居顶对齐。再拆分单元格两行的表格,在拆分单元格的表格 的第一个单元格里在按"图象图标"插入一个头像(头像路径在留言板目录下images/icon里,并在第二个单元格里写上"访客昵称",之后设置两个单元格的水平对齐方式均为居中。现在只剩下一个很大的空白单元格了,这个就是我们用来显示访客留言及访客资料的区域,在这个单元格里插入一个三行一列的表格宽100%(记为表格2),写上文字、设置水平对齐方式、单元格高度后,再插入一个显示留言内容和回复内容的两行两列的表格(记为表格3)到唯一空白的单元格里,写上文字并设置,最后是给"留言"、"查看"、"管理"这几个字分别加上链接(方法:选中文字后在属性面板的“链接‘输入框中输入链接地址)insert.asp、index.asp、login.asp 完成后效果如图:手把手教你设计ASP+ACCESS留言本

到现在,留言表格的工作全部完成,下一节:连接数据库。

按窗口打开服务器行为面板,看那四项中的前三项前是否有勾号,如果没有就是相应项在定义站点是没设置好,重

做"Dreamweaver的站点定义"那一步,如果有就开始创建记录集,在服务器行为面板上单击"+"号 ,因为我们还没连接过数据库,所以现在还需要定义连接数据库字符串。按数据库弹出的菜单点:自定义连接字符串"按钮,

手把手教你设计ASP+ACCESS留言本



手把手教你设计ASP+ACCESS留言本

现在是最关键的一步,在"自定义连接字符串"对话框中填写连接名称liu,(连接名称是自己起的)连接字符串:"DRIVER={Microsoft Access Driver (*.mdb)};DBQ=D:aspguestbookdata.mdb" 请仔细填写不能出一点错啊,注意注意!!!添好好按测试,软件就自动的生成了asp和数据库的连接的asp文件了,在Connections文件夹内liu.asp.

手把手教你设计ASP+ACCESS留言本

手把手教你设计ASP+ACCESS留言本

建记录集,点绑定出来菜单,点记录集按如下选择,



手把手教你设计ASP+ACCESS留言本

手把手教你设计ASP+ACCESS留言本

连接数据库的工作就完成了,下一步:数据捆绑。

我们把头像地址跟数据库中的数据关联起来,也就是绑定ICON字段的数据到图片:

手把手教你设计ASP+ACCESS留言本

这样就完成了头像的绑定,OK,不要停,继续绑定Name字段到头像下面的"访客昵称":

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

2)从中选择Name字段后单击下面的"绑定"按钮,

同理把Name字段绑定到"访客发表于2003-9-27 4:04:49"中的"访客"上、Date字段绑定到"访客发表于2003-9-27 4:04:49"

中的时间日期上、Ctent绑定到"留言内容“、Rply绑定到"回复内容",在"回复内容"后打开代码视图在那里添加
换行,再绑

Rate字段。



手把手教你设计ASP+ACCESS留言本

仔细看看,好象还有"主页"、"信箱"和"QQ"未绑定数据。按照我们的计划,这三组文字应该都是带链接的,而链接地址跟访客输入的相关资料绑定,其实这个跟绑定头像的方法有点相似:

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

2)同理写"信箱"的链接,稍有不同的是信箱的链接前面需要加上"mailto:"

3)做"QQ"的链接又跟前面的稍有不同,因为我们查看QQ用户的资料地址是http://search.tencent.com/cgi-bin/friend/user_show_info?ln=******,所以我们要做的是把星号换成"QQ"字段的数据,

手把手教你设计ASP+ACCESS留言本

现在所有的数据都绑定完了,这样的留言板永远只会显示一条留言记录,所以我们还需要设定重复域和翻页

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

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



3)选中表格2,然后点服务器行为"显示区域",点:如果记录集不为空则显示区域

手把手教你设计ASP+ACCESS留言本

这是为了在数据库没有记录时不会出错的,相信在上图中大家也注意到了第一项的"如果记录集为空则显示区域",这个可以设置当数据库无记录时显示的内容。

数据记录多了之后肯定不能都让它们在一页里显示,所以我们还需要给显示留言加上翻页功能。选择"首页",打开服务器行为面板,

单击上面的"+"号,在下拉菜单中选择"记录集分页-移至第一条记录",同理给"上页"、"下页"和"尾页"加上翻页功能,分别对应的服务器行为为"移至前一条记录"、"移至下一条记录"和"移至最后一条记录",顺便说一下,还有一个直接插入记录集导航条,可以自己试试看跟我们刚才所做的有什么区别。最后记住也给导航条应用"记录集分页"设置,没有记录的话翻页就用不着了。

手把手教你设计ASP+ACCESS留言本

手把手教你设计ASP+ACCESS留言本



到现在我们的留言板首页终完成了,可以测试一下,在IE中输入"http://localhost/guestbook/index.asp"看看劳动成果......什么?什么也没有?哈哈!!你的数据库里没数据啊,自己添上看看,怎么样?成功了吧!

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

手把手教你设计ASP+ACCESS留言本

添加表单域:姓名:在姓名对应的表格里添加文本字段,在属性面板上取名为name,这样做是为了与数据库的字段名字相对应

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

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

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

手把手教你设计ASP+ACCESS留言本

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



手把手教你设计ASP+ACCESS留言本

留言内容:在留言内容对应的单元格里添加文本区域在属性面板里为它改名为Ctent,全部添加完的表单域,

手把手教你设计ASP+ACCESS留言本

定义提交按钮的服务器行为:选中的整个表格,打开服务器行为面板,单击“+”按钮选择菜单下的插入记录

手把手教你设计ASP+ACCESS留言本

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

手把手教你设计ASP+ACCESS留言本



定义表单提交的错误检查(行为面板):签写留言时为了避免有错误信息的写入,添加表单提交的错误检查功能。打开设计面板下的行为面板,单击"+"选择检查表单

手把手教你设计ASP+ACCESS留言本

添加留言页就做到这里了,在留言页里添加留言看看数据库里有没有记录,显示留言页里有没有留言,请大家多多练习。

管理页index1.asp其实跟留言板首页index.asp功能差不多,所以可以直接把index.asp另存为index1.asp,首先把进入管理改为退出管理,然后加上管理功能:删除,编辑,回复:

手把手教你设计ASP+ACCESS留言本

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

手把手教你设计ASP+ACCESS留言本



限制对页的访问对话框设置。管理员在登陆时输入正确的用户名和密码才能登陆到管理页面,否则跳到login.asp管理员登陆页面。

手把手教你设计ASP+ACCESS留言本

选中刚才添加的退出管理几个文字,添加服务器行为,打开应用程序下的服务器行为面板,单击“+”按钮选择用户身份验证下的注销用户。这是为退出管理而添加的一个功能:

手把手教你设计ASP+ACCESS留言本

注销用户对框设置。管理员退出以后就直接跳转到显示留言页面index.asp

手把手教你设计ASP+ACCESS留言本

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



手把手教你设计ASP+ACCESS留言本

传递URL参数为id,它是mdb数据库里我们定义的ID字段类型是自动编号,自动编号在数据库里是不会重复的,将来我们要编辑留言板中的某条留言的时候,这条留言信息的ID号就传递给了edit.asp页面,edit.asp页面就会显示这条留言的信息让我编辑了。(就是每发一个留言数据库里就记一个id,编辑就是按发帖的id进行编辑的)

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

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

新建login.asp管理员登陆页面,首先要插入一个表单,在表单内插入表格,表格布局。

手把手教你设计ASP+ACCESS留言本

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

手把手教你设计ASP+ACCESS留言本



用户登录设置:首先在使用链接验证里选择数据源(我们这里数据源名称是 admin),然后在如果登陆成功,转到后面的输入框里输入index1.asp(管理页面),最后在如果登录失败,转到后面的输入框里输入login.asp(就是登录不成功就转到管理员登录页面)

手把手教你设计ASP+ACCESS留言本

保存login.asp,然后打开站点文件夹下的data.mdb的数据库,打开admin数据库表,在Username字段下写个用户名(用户名:学习来了)可以随便写,在pwd字段下写个用户密码(用户密码:123456)可以随便写。

管理员登陆页面就设计完了。

创建delete.asp删除页面,首先插入表单,在表单内添加单元格与表单域。

手把手教你设计ASP+ACCESS留言本

在绑定面板里单击“+”按钮选择记录集,打开记录集对话框,记录集对话框设置

手把手教你设计ASP+ACCESS留言本



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

手把手教你设计ASP+ACCESS留言本

留言内容动态数据绑定的方法与姓名绑定的方法相同,按照上面的方法一一对应绑定即可

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

手把手教你设计ASP+ACCESS留言本

页面的服务器行为:打开服务器行为面板,单击“+”选择删除记录,打开删除记录对话框,删除记录对话框设置

手把手教你设计ASP+ACCESS留言本



删除记录页做完了.

创建管理员回复功能页面:创建huifu.asp回复页面,首先插入表单,在表单内添加表格与表单域,插入6行2列的表格:

设置如下:在属性里添上红字手把手教你设计ASP+ACCESS留言本

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

手把手教你设计ASP+ACCESS留言本

添加动态数据:姓名、EMAIL、留言内容、回复内容 :选中姓名对应的文本字段,在属性面板里改名为name,然后点击按钮,打开动态数据对话框,为姓名文本字段添加动态数据,选取记录集中的name字段,动态数据对话框设置:

手把手教你设计ASP+ACCESS留言本

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



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

手把手教你设计ASP+ACCESS留言本

页面的服务器行为:打开服务器行为面板,单击“+”选择更新记录,打开更新记录对话框,更新记录对话框设置

手把手教你设计ASP+ACCESS留言本

回复页就编辑完了。

编辑留言(更新记录)页面的建立:就是对留言不合理的地方进行编辑。

新建文件edit.asp编辑页面,首先在插入面板添加一个表单,在表单内添加表格与表单域,在属性文本域里添上红字。

手把手教你设计ASP+ACCESS留言本

在绑定面板里单击“+”按钮选择记录集,打开记录集对话框,记录集对话框设置:



手把手教你设计ASP+ACCESS留言本

添加动态数据:姓名、EMAIL、留言内容、回复内容 :选中姓名对应的文本字段,在属性面板里改名为name,然后点击按钮,打开动态数据对话框,为姓名文本字段添加动态数据,选取记录集中的name字段,动态数据对话框设置:

手把手教你设计ASP+ACCESS留言本

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

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

手把手教你设计ASP+ACCESS留言本

页面的服务器行为:打开服务器行为面板,单击“+”选择更新记录,打开更新记录对话框,更新记录对话框设置



手把手教你设计ASP+ACCESS留言本

留言板管理部分的页面全部做完了,整个留言板系统全部做好了,用DreamweaverMX做的这个留言板系统,结合了前,后台设计环境,采用了ASP VBScript服务器端脚本技术,功能丰富,充满个性,尤其是不用你编写一句程序代码就能实现动态交互功能,使不懂代码的网友也能学会做ASP的留言版了。手把手教你设计ASP+ACCESS留言本

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

相关文章

相关视频


网友评论

文明上网理性发言,请遵守 新闻评论服务协议

我要评论
  • 手把手教你设计ASP+ACCESS留言本
  • 专题推荐

    作者信息
    手把手教你设计ASP+ACCESS留言本

    认证0级讲师

    推荐视频教程
  • 手把手教你设计ASP+ACCESS留言本javascript初级视频教程
  • 手把手教你设计ASP+ACCESS留言本jquery 基础视频教程
  • 视频教程分类