用Dream Weaver做留言版

Sea-Wolf

转自：http://wwjxxx.flasher123.com/jiaocheng/index.htm   教程编辑闪客启航——学习来了

不懂代码也能做asp留言版了。。

IIS(Internet 信息服务)安装方法

　　做留言版应该有数据库的支持，所以就必须在自己的电脑上，进行调试和修改。win98用pws,win2000
和winxp 用iis.因为pws和iis都在系统的安装盘里。所以必须有安装光盘，在网上下载也可以。今天介绍的是用iis光盘的安装方法：
　　先吧光盘放到光驱里，点开始-设置-控制面版-添加或删除程序。按"添加/删除Windows组件"对话框,


这里图１：
这是图２：
　　安装好了以后就进入iis的设置，点开始-设置－控制面版－管理工具－Internet 信息服务。打开
　这是图３：
　　　这是图４：

[ 本帖最后由 Sea-Wolf 于 2008-1-27 18:10 编辑 ]

Sea-Wolf

数据库的设计 （Accecc)

　　一个留言版应该有哪些内容呢？有：访客名字(Name)、访客主页(Hpage)、访客QQ(QQ)、访客信箱(Email)、访客形象(ICON)、
、留言内容(Ctent)、留言时间(Date)——这是访客的有关信息。版主回复(Rply)和，版主的管理帐号：用户名(Username)、密码(Pwd)。要保存这么多信息，就必须有数据库，数据库应该怎么设计？访客的留言是不断增加的，而版主的管理帐号固定不变，所以应该分开两个表，一个保存所有访客的留言和访客的资料信息，另一个则保存版主的管理帐号。好了，
　　现在可以开始设计数据库了。打开ACCESS(在微软的Office软件中有)软件，新建一空白数据库，ACCESS会提示先保存数据库，定位到你的留言本所在文件夹(我是在站点根目录下建了一个guestbook文件夹)，保存为data.mdb。


　　　　　　 　　　　

　　数据库设置：
　　　　　　ID：设为主键，确定数据唯一性以保证在管理时能准确定位到相应记录
　　　　　Name:字段大小设为15(名字没有这么长的)
　　　　　Email:字段大小为20(Email地址的长度)
　　　　　ICON:字段大小为255
　　　　 　Hpage：字段大小为30(很多朋友还在用二级甚至三级的域名，所以放宽一点)
　　　　　Date：默认值为Now ()(用Now()取得插入新记录时系统的时间)
　　　　关闭表窗口，会提示是否保存对表的修改，选"是",然后把表名改为main，再创建表admin，以保存管理帐号：


　　　　　　　　　　　

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

　　　　　　　　　　　


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

Sea-Wolf

Dreamweaver 的站点定义

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


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

　　　　　　　　　　

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

　　　　　　　　　　

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

　　　　　　　　　　 　　　点"下一步"继续下一步，因为我们在本机测试，不需要远程服务器参与，所以选择"否"：
　　　　　　　　　
　　　点"下一步"继续下一步，这里显示的是我们刚才所填的信息，目的是要我们确认一下，如果发现有错，可以点"上一步"返回修改设置，确认无误后就可以点"完成"，我们的站点定义就完成了。
　　　　　　　　　

师大论坛

蛋蛋很强大

Sea-Wolf

显示留言

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

　　　　　　　　　　　　

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

　　选中表格，然后在属性面板中把它设置为居中对齐：

　　　　　　　　　　　　

我的留言版

留言　　查看　　管理

首页　上页　下页　尾页

版权所有©闪客沙龙

宽３５居中

宽２０右对齐

左对齐

宽２０右对齐

宽２０居中

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

　　　　　　　　　

我的留言版
留言　　查看　　管理
	访客发表于：2004-4-10 10-15-50 留言 留言内容 回复 回复内容 主页 信箱 QQ
访客昵称
首页　上页　下页　尾页

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

Sea-Wolf

连接数据库

　 　　按窗口打开服务器行为面板，看那四项中的前三项前是否有勾号，如果没有就是相应项在定义站点是没设置好，重　　　　　　　做"Dreamweaver的站点定义"那一步，如果有就开始创建记录集，在服务器行为面板上单击"+"号 ，因为我们还没连接过数据库，所以现在还需要定义连接数据库字符串。按数据库弹出的菜单点：自定义连接字符串"按钮，

　　　 　　　　　　　　　　　　　　　　　

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

　　　　　　 建记录集，点绑定出来菜单，点记录集按如下选择，　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　　　
　　　　　　　　连接数据库的工作就完成了，下一步：数据捆绑。　　　　　　　　

Sea-Wolf

数据绑定

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

　　　　　这样就完成了头像的绑定，OK，不要停，继续绑定Name字段到头像下面的"访客昵称"：
　　　　　1)选中"访客昵称"四字后按(绑定)面板
　　　　　2)从中选择Name字段后单击下面的"绑定"按钮，
　　　　　同理把Name字段绑定到"访客发表于2003-9-27 4:04:49"中的"访客"上、Date字段绑定到"访客发表于2003-9-27 4:04:49"　　　　　 中的时间日期上、Ctent绑定到"留言内容“、Rply绑定到"回复内容"，在"回复内容"后打开代码视图在那里添加<br>换行，再绑 　　　　　定Rate字段。

　　　　　　　　　　
　　　　　　仔细看看，好象还有"主页"、"信箱"和"QQ"未绑定数据。按照我们的计划，这三组文字应该都是带链接的，而链接地址跟访客输入的相关资料绑定，其实这个跟绑定头像的方法有点相似：
　　　　1)选中"主页"，并单击属性面板中的"链接"文件夹按钮,在弹出的"窗口"对话框中作设置后点"OK"，最后回到属性面板中把目标的值选为"_blank"，以在新窗口中打开访客主页
　　　　2)同理写"信箱"的链接，稍有不同的是信箱的链接前面需要加上"mailto:"
　　　　3)做"QQ"的链接又跟前面的稍有不同，因为我们查看QQ用户的资料地址是http://search.tencent.com/cgi-bin/friend/user_show_info?ln=******，所以我们要做的是把星号换成"QQ"字段的数据，
　　　　　　　　　　
　　　　　　　现在所有的数据都绑定完了，这样的留言板永远只会显示一条留言记录，所以我们还需要设定重复域和翻页
　　　　　1)光标定位到头像所在单元格内，然后点选表格2中的<tr>，
　　　　　2)按展开服务器行为面板，点击"+”按钮，在出现的下拉菜单中选择"重复区域"，这里都用默认设置，所以直接点“OK”
　　　　　3)选中表格2，然后点服务器行为"显示区域"，点：如果记录集不为空则显示区域　　　　
　　　　　　　　　　　　　　　　
　　　　这是为了在数据库没有记录时不会出错的，相信在上图中大家也注意到了第一项的"如果记录集为空则显示区域"，这个可以设置当数据库无记录时显示的内容。
数据记录多了之后肯定不能都让它们在一页里显示，所以我们还需要给显示留言加上翻页功能。选择"首页"，打开服务器行为面板，
单击上面的"+"号，在下拉菜单中选择"记录集分页－移至第一条记录"，同理给"上页"、"下页"和"尾页"加上翻页功能，分别对应的服务器行为为"移至前一条记录"、"移至下一条记录"和"移至最后一条记录"，顺便说一下，还有一个直接插入记录集导航条，可以自己试试看跟我们刚才所做的有什么区别。最后记住也给导航条应用"记录集分页"设置，没有记录的话翻页就用不着了。
　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　
　　　　　　到现在我们的留言板首页终完成了，可以测试一下，在IE中输入"http://localhost/guestbook/index.asp"看看劳动成果......什么？什么也没有？哈哈！！你的数据库里没数据啊，自己添上看看，怎么样？成功了吧！！

Sea-Wolf

添加留言页

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

　　　
　　　添加表单域：姓名：在姓名对应的表格里添加文本字段，在属性面板上取名为name，这样做是为了与数据库的字段名字相对应
　　　　　　　　　信箱：在信箱对应的表格里添加文本字段，在属性面板上取名为Email，这样做是为了与数据库的字段名字相对应
　　　　　　　　　主页：在主页对应的表格里添加文本字段，在属性面板上取名为Hpage，这样做是为了与数据库的字段名字相对应
　　　　　　　　　 QQ: 在QQ对应的表格里添加文本字段，在属性面板上取名为qq，这样做是为了与数据库的字段名字相对应
　　　　　　　　　 　　　
　　　头像：在相对应的单元格里分别插入用户头像图片，然后添加对应的单选按钮命名为：tx
　　　　　　　
　　　留言内容：在留言内容对应的单元格里添加文本区域在属性面板里为它改名为Ctent，全部添加完的表单域，
　　　　　　　
　　　　定义提交按钮的服务器行为：选中的整个表格，打开服务器行为面板，单击“+”按钮选择菜单下的插入记录
　　　　　　　　　　　　　　　　
　　　　　　设置表单域与数据库字段名一一对应，在表单元素里分别依次选中元素，在下面的列里选择与数据库相对应的域
　　　　　　　　　　　
　　　　定义表单提交的错误检查（行为面板）：签写留言时为了避免有错误信息的写入，添加表单提交的错误检查功能。打开设计面板下的行为面板，单击"+"选择检查表单
　　　　　　　　　
　　　　　添加留言页就做到这里了，在留言页里添加留言看看数据库里有没有记录，显示留言页里有没有留言，请大家多多练习。

Sea-Wolf

管理页面

　　管理页index1.asp其实跟留言板首页index.asp功能差不多，所以可以直接把index.asp另存为index1.asp，首先把进入管理改为退出管理，然后加上管理功能：删除，编辑，回复:
　　　　　　　　　　　
　　　　　添加服务器行为：打开应用程序下的服务器行为面板，单击“+”按钮选择用户身份验证下的限制对页的访问：
　　　　　　　　　　　　　　
　　　　　限制对页的访问对话框设置。管理员在登陆时输入正确的用户名和密码才能登陆到管理页面，否则跳到login.asp管理员登陆页面。　　　　　
　　　　　　　　　
　　　选中刚才添加的退出管理几个文字，添加服务器行为，打开应用程序下的服务器行为面板，单击“+”按钮选择用户身份验证下的注销用户。这是为退出管理而添加的一个功能：
　　　 　　　　　　　　　　　　　
　　　　　　注销用户对框设置。管理员退出以后就直接跳转到显示留言页面index.asp。
　　　　　 　 　　　　
　　　选中“编辑”这两个文字，打开服务器行为面板，单击“+”选择转到详细信息页，打开转到详细信息页对话框，详细信息页选择edit.asp，转到详细信息页对话框设置：
　　　　　　　　　　　　　
　　　传递URL参数为id，它是mdb数据库里我们定义的ID字段类型是自动编号，自动编号在数据库里是不会重复的，将来我们要编辑留言板中的某条留言的时候，这条留言信息的ID号就传递给了edit.asp页面，edit.asp页面就会显示这条留言的信息让我编辑了。（就是每发一个留言数据库里就记一个id，编辑就是按发帖的id进行编辑的）
　　
　　　　分别选中“回复”和“删除”文字，依次打开服务器行为面板，单击“ + ”选择转到详细信息页，打开转到详细信息页的对话框，“回复”的详细信息页选择huifu.asp ；“删除”的详细信息页选择delete.asp。转到详细信息页对话框设置。

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

Sea-Wolf

登陆页

　　新建login.asp管理员登陆页面，首先要插入一个表单，在表单内插入表格，表格布局。　　　　　　　　　　　　　　　　
　　　　　　添加服务器行为：打开应用程序下的服务器行为面板，单击“+”按钮选择用户身份验证下的登录用户
　　　　　　　　　　　　　　　　　　　　　
　　　　用户登录设置：首先在使用链接验证里选择数据源（我们这里数据源名称是 admin），然后在如果登陆成功，转到后面的输入框里输入index1.asp（管理页面），最后在如果登录失败，转到后面的输入框里输入login.asp（就是登录不成功就转到管理员登录页面）
　　　　　　　　　　　　　　
　　　　保存login.asp，然后打开站点文件夹下的data.mdb的数据库，打开admin数据库表，在Username字段下写个用户名（用户名：学习来了）可以随便写，在pwd字段下写个用户密码（用户密码：123456）可以随便写。
　　　　　　 管理员登陆页面就设计完了。

Sea-Wolf

删除记录页

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

删除留言
姓名:
留言:

　　　　　在绑定面板里单击“+”按钮选择记录集，打开记录集对话框，记录集对话框设置
　　　　　　　　　　　　　　　　
　　　　　选中姓名对应的文本字段，在属性面板里改名为name，然后点击按钮，打开动态数据对话框，为姓名文本字段添加动态数据，选取记录集中的name字段，动态数据对话框设置：
　　　　 　　　　　　　　　　　　
　　　　　　　　留言内容动态数据绑定的方法与姓名绑定的方法相同，按照上面的方法一一对应绑定即可
　　　　添加限制访问页行为：打开服务器行为面板，单击“+”按钮选择用户身份验证下的限制对页面的访问，打开限制对页的访问对话框，限制对页的访问对话框设置，
　　　　　　　　　　　　
　　　　页面的服务器行为：打开服务器行为面板，单击“+”选择删除记录，打开删除记录对话框，删除记录对话框设置
　　　　　　　　　　　　　
　　　　　删除记录页做完了．

Sea-Wolf

回复页

　 　 　　　创建管理员回复功能页面:创建huifu.asp回复页面，首先插入表单，在表单内添加表格与表单域，插入６行２列的表格：
　　　设置如下:在属性里添上红字

管理员回复
姓名：	( name)
信箱：	(Email)
留言内容： (Ctent)
回复内容： ( Rply)

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

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

Sea-Wolf

编辑页

　 　 　　　编辑留言（更新记录）页面的建立：就是对留言不合理的地方进行编辑。
　　　新建文件edit.asp编辑页面，首先在插入面板添加一个表单，在表单内添加表格与表单域，在属性文本域里添上红字。

姓名：	name
QQ:	qq
信箱：	Email
主页：	Hpage
留言：

　　　　　　在绑定面板里单击“+”按钮选择记录集，打开记录集对话框，记录集对话框设置：　　　　
　　　　　　　　　　　　　
　　　　　　添加动态数据：姓名、EMAIL、留言内容、回复内容 ：选中姓名对应的文本字段，在属性面板里改名为name，然后点击按钮，打开动态数据对话框，为姓名文本字段添加动态数据，选取记录集中的name字段，动态数据对话框设置：
　　　　　　　　　　　
　　　　　OICQ、信箱、个人主页、留言内容动态数据绑定的方法与姓名绑定的方法相同，按照上面的方法一一对应绑定即可
　　　　　　　　添加限制访问页行为：打开服务器行为面板，单击“+”按钮选择用户身份验证下的限制对页面的访问，打开限制对页的访问对话框，限制对页的访问对话框设置，
　　　　　　　　　　　　　
　　　　页面的服务器行为：打开服务器行为面板，单击“+”选择更新记录，打开更新记录对话框，更新记录对话框设置
　　　　　　　　　　　　
　　　　　　留言板管理部分的页面全部做完了，整个留言板系统全部做好了，用DreamweaverMX做的这个留言板系统，结合了前,后台设计环境，采用了ASP VBScript服务器端脚本技术，功能丰富，充满个性，尤其是不用你编写一句程序代码就能实现动态交互功能，使不懂代码的网友也能学会做ASP的留言版了。

Sea-Wolf

原帖由 师大论坛 于 2008-1-27 17:48 发表
蛋蛋很强大

转来的哈哈....转完了..

小a有没access安装软件，或者下载地址也给个来...

凌乱