ASP VBScript+ACCESS.docx

1、ASP VBScript+ACCESSASP VBScript+ACCESS留言板设计准备工作：安装好ASP服务器（IIS）和ACCESS数据库，配置IIS本地根目录为D:MyWeb1. 建立Access数据库打开ACCESS软件，新建一空白数据库，ACCESS会提示先保存数据库，定位到你的留言本所在文件夹，保存为data.mdb。 数据库设置：ID：设为主键，确定数据唯一性以保证在管理时能准确定位到相应记录Name:字段大小设为15(名字没有这么长的)Email:字段大小为20(Email地址的长度)ICON:字段大小为255Hpage：字段大小为30(很多朋友还在用二级甚至三级的域名，所以

2、放宽一点)Date：默认值为Now ()(用Now()取得插入新记录时系统的时间)如下图，关闭并保存为main再创建表admin，以保存管理帐号，保存为admin，如下图：2. 创建主页并连接数据库在Dreamweaver中新建一页，保存为index.asp，并修改页面标题为“留言板首页”，如下所示；插入一个5行1列的表格，设置宽度为650像素，边框为1，在属性选择居中对齐，在其中继续插入表格，最终效果如下图： 连接数据库：按窗口打开服务器行为面板，看那四项中的前三项前是否有勾号，如果没有就是相应项在定义站点是没设置好，重新编辑Dreamweaver的站点，如果有就开始创建记录集，在服务器行为

3、面板上单击+号 ，定义连接数据库字符串。按数据库弹出的菜单点：自定义连接字符串按钮，在自定义连接字符串对话框中填写连接名称conn，连接字符串：DRIVER=Microsoft Access Driver (*.mdb);DBQ=D:aspguestbookdata.mdb然后按测试，软件自动的生成和数据库的连接的conn.asp文件(Connections文件夹内)创建记录集，点绑定出来菜单，点记录集按如下图选择，这样就完成了连接数据库的工作。3. 为主页进行数据捆绑把头像地址跟数据库中的数据关联起来，也就是绑定Icon字段的数据到图片：如上图，选中图片，在属性面板中单击“源文件”，如下图所

4、示，选择数据源，选中Icon，将图片URL改为如下图所示形式，单击确定即成功绑定图片，图片随Icon值得不同而改变，从而保证用户选择的头像文件可以正确显示。继续绑定Name字段到头像下面的访客昵称：1) 选中访客昵称四字后按(绑定)面板2) 从中选择Name字段后单击下面的插入（或绑定）按钮，即成功绑定用户名。同理把Name字段插入到“访客发表于2010-12-12 4:04:49”中的“访客”上，Date字段插入到“访客发表于2010-12-12 4:04:49”中的时间日期上，Content插入到“留言内容”，Reply插入到“回复内容”，在“回复内容”后打开代码视图在那里添加换行，再插入

5、Rdate字段。继续绑定主页、信箱和QQ数据：使这三组文字都是带上链接，链接地址跟访客输入的相关资料绑定：1) 选中主页，并单击属性面板中的链接文件夹按钮,在弹出的窗口对话框中作设置后点OK，最后回到属性面板中把目标的值选为_blank，以便在新窗口中打开访客主页；2) 同理绑定信箱的链接，稍有不同的是信箱的链接前面需要加上mailto:；3) 做QQ的链接又跟前面的稍有不同，因为查看QQ用户的资料地址是现在所有的数据都已经成功绑定，这样的留言板永远只会显示一条留言记录，所以还需要设定重复域和翻页1) 光标定位到头像所在单元格内，然后点选表格2中的，2) 按展开服务器行为面板，点击+”按钮，在

6、出现的下拉菜单中选择重复区域，这里都用默认设置，所以直接点“OK”3) 选中表格，然后点服务器行为显示区域，点：如果记录集不为空则显示区域，保证在数据库没有记录时不会出错。4) 为使数据记录不在一个页里显示，还需要给显示留言加上翻页功能。选中首页，打开服务器行为面板，5) 单击上面的+，在下拉菜单中选择记录集分页移至第一条记录，同理给上页、下页和尾页加上翻页功能，分别对应的服务器行为为移至前一条记录、移至下一条记录和移至最后一条记录。 4. 创建添加留言页面新建一个名为insert.asp的文件，选择表单图标新建一个表单，再在常用里选择表格图标，在表单里插入一个7行4列的表格，调节为下图，并添

7、上相应的字，添加表单域：用户名：在用户名对应的表格里添加文本字段，在属性面板上取名为name，使之与数据库的字段名字相对应；信箱：在信箱对应的表格里添加文本字段，在属性面板上取名为Email，这样做是为了与数据库的字段名字相对应；主页：在主页对应的表格里添加文本字段，在属性面板上取名为Homepage，这样做是为了与数据库的字段名字相对应；QQ：在QQ对应的表格里添加文本字段，在属性面板上取名为QQ，这样做是为了与数据库的字段名字相对应；头像：在相对应的单元格里分别插入用户头像图片，然后添加对应的单选按钮，均命名为icon；留言内容：在留言内容对应的单元格里添加文本区域，在属性面板里为它改名为

8、Content。在提交按钮前插入如两个隐藏域，分别命名为IP和Date。5. 定义提交按钮的服务器行为选中的整个表格，然后打开服务器行为面板，单击“+”，按钮选择菜单下的插入记录。设置表单域与数据库字段名一一对应，在表单元素里分别依次选中元素，在下面的列里选择与数据库相对应的域。继续定义表单提交的错误检查（行为面板），避免签写留言时有错误信息的写入，添加表单提交的错误检查功能。打开设计面板下的行为面板，单击+选择检查表单，在其中设置Name字段和Content字段为“必需的”，QQ字段为“数字”，Email字段为“电子邮件地址”。这样就完成了添加留言页，在留言页里添加留言查看数据库里有没有添加

9、新记录，显示留言页里有没有留言。6. 添加管理员管理页面管理页manage.asp其实跟留言板首页index.asp功能差不多，所以可以直接把index.asp另存为manage.asp，首先把进入管理改为退出管理，然后加上管理功能：删除，编辑，回复。添加服务器行为：打开应用程序下的服务器行为面板，单击“+”按钮选择用户身份验证下的限制对页的访问：限制对页的访问对话框设置。管理员在登陆时输入正确的用户名和密码才能登陆到管理页面，否则跳到login.asp管理员登陆页面。选中刚才添加的“退出管理”几个文字，为其添加服务器行为：打开应用程序下的服务器行为面板，单击“+”按钮选择用户身份验证下的注销

10、用户。为退出管理而添加的一个功能注销用户对框设置。管理员退出以后就直接跳转到显示留言页面index.asp。选中“编辑”这两个文字，打开服务器行为面板，单击“+”选择转到详细信息页，打开转到详细信息页对话框，详细信息页选择edit.asp，转到详细信息页对话框设置：传递URL参数为ID，它是mdb数据库里我们定义的ID字段类型是自动编号，自动编号在数据库里是不会重复的，以后编辑留言板中的某条留言的时候，这条留言信息的ID号就传递给了edit.asp页面，edit.asp页面就会显示这条留言的信息并对其进行编辑。实际上就是每发一个留言数据库里就记一个ID，编辑就会按发帖的ID进行编辑。分别选中“

11、回复”和“删除”文字，依次打开服务器行为面板，单击“+”选择转到详细信息页，打开转到详细信息页的对话框，“回复”的详细信息页选择huifu.asp；“删除”的详细信息页选择delete.asp，转到详细信息页对话框设置。以上就全部完成了留言板管理部分的页面。7. 管理员登陆页面新建一个页面，保存为login.asp，首先插入一个表单，在表单内插入表格，表格布局如下页图示； 添加服务器行为：打开应用程序下的服务器行为面板，单击“+”按钮选择用户身份验证下的登录用户：用户登录设置：首先在使用链接验证里选择数据源admin，然后在“如果登陆成功，转到”后面的输入框里输入manage.asp（管理页面

12、），最后在“如果登录失败，转到”后面的输入框里输入login.asp，使登录不成功时就转到管理员登录页面。保存login.asp，然后打开站点文件夹下的data.mdb的数据库，打开admin数据库表，在Username字段下写个用户名：admin；在Password字段下写个用户密码：admin。这样管理员登陆页面就设计完了，按F12测试能否登陆成功。8. 创建删除页面新建一个页面，保存为delete.asp，首先插入表单，在表单内添加单元格与表单域，效果如图示。在绑定面板里单击“+”按钮选择记录集，打开记录集对话框，记录集对话框设置如下页图示。选中用户名对应的文本字段，在属性面板里改名为n

13、ame，然后点击按钮，打开动态数据对话框，为姓名文本字段添加动态数据，选取记录集中的Nme字段；留言内容动态数据绑定的方法与用户名绑定的方法相同，按照上面的方法一一对应绑定即可。添加限制访问页行为：打开服务器行为面板，单击“+”按钮选择用户身份验证下的“限制对页面的访问”，打开限制对页的访问对话框，限制对页的访问对话框设置如下：添加页面的服务器行为：打开服务器行为面板，单击“+”选择删除记录，打开删除记录对话框，删除记录对话框设置如下：这样删除记录页就完成了。9. 创建管理员回复功能页面新建一个页面，保存为huifu.asp作为回复页面，首先插入表单，在表单内添加表格与表单域，插入行列的表格：

14、设置如下；绑定记录集：在绑定面板单击“+”按钮，选择添加记录集；添加动态数据：姓名、信箱、留言内容、回复内容 选中姓名对应的文本字段，在属性面板里改名为name，然后点击按钮，打开动态数据对话框，为姓名文本字段添加动态数据，选取记录集中的name字段。其他内容动态数据绑定的方法与姓名绑定的方法相同，按照上面的方法一一对应绑定即可。添加限制访问页行为：打开服务器行为面板，单击“+”按钮选择用户身份验证下的限制对页面的访问，打开限制对页的访问对话框，限制对页的访问对话框设置如下图：添加页面的服务器行为：打开服务器行为面板，单击“+”选择插入记录，打开插入记录对话框，插入记录对话框设置如下图：10.

15、 建立编辑留言（更新记录）页面，对留言不合理的地方进行编辑新建一个页面，保存为edit.asp作为编辑页面，首先在插入面板添加一个表单，在表单内添加表格与表单域。绑定记录集：在绑定面板里单击“+”按钮选择记录集，选择添加记录集，打开记录集对话框，添加一个记录集。添加动态数据：姓名、信箱、留言内容、回复内容 选中姓名对应的文本字段，在属性面板里改名为name，然后点击按钮，打开动态数据对话框，为姓名文本字段添加动态数据，选取记录集中的name字段。QQ、信箱、个人主页、留言内容等动态数据绑定的方法与姓名绑定的方法相同，按照上面的方法一一对应绑定即可。添加限制访问页行为：打开服务器行为面板，单击“

16、+”按钮选择用户身份验证下的限制对页面的访问，打开限制对页的访问对话框，限制对页的访问对话框设置如下图：继续添加页面的服务器行为：打开服务器行为面板，单击“+”选择更新记录，打开更新记录对话框，更新记录对话框设置如下：这样在edit页面中修改的内容就会自动更新到数据库main表中，实现动态更新。总结至此，留言板的全部页面就都完成了，整个留言板系统也就可以使用了，使用Access数据库和Dreamweaver 8.0制作的这个留言板系统，结合了前后台的设计环境，采用了ASP VBScript服务器端脚本技术，功能丰富，充满个性。在此过程中，首先要学会使用Access数据库创建数据库文件，并对其进行字段设置，然后配置IIS服务器，最后开始制作动态页面，并连接数据库，整个过程不是很困难，但是细节较多，比较费时，但是最终效果还是比较令人满意的。当然其中不可避免的还存在一些技术问题，有待遇进一步的学习，以能够熟练的使用Dreamweaver和程序语言，对其加以改进。