基于ASP的留言板实验报告.docx
《基于ASP的留言板实验报告.docx》由会员分享，可在线阅读，更多相关《基于ASP的留言板实验报告.docx（22页珍藏版）》请在冰豆网上搜索。
基于ASP的留言板实验报告
动态网页程序设计课程设计
班级
学号
姓名
E-Mail
电话
提交日期
泰山学院信息科学技术学院
报告正文
武春燕的留言板
摘要：
本次实验为制作留言板，内容包括添加留言、显示留言、删除留言以及回复留言几个板块，通过与数据库连接，将留言内容留在数据库中，从而保存留言信息，在本次实验中用到vb脚本语言和java脚本语言以及asp技术的内置对象，通过运行小旋风使其在服务器上运行，正确操作后，在浏览器上预览时将会显示留言板以及留言信息，并通过正确的密码进行回复和删除，实现此留言板的实验。
关键字：
Function；scriptlanguage；Response；request；<%%>；session；数据库
1.课程设计介绍
留言板的实验主要是为了实现留言功能，并且能够显示留言和回复留言，通过与数据库的连接，使留言信息能够保存在留言板的显示信息中，要求在程序设计时注意用到的脚本语言，通过<%%>的形式使其运行在服务器端，由于本机没有安装IIS服务器，所以只能通过小旋风使其实现在服务器端运行，在留言首页index.asp中，在实现留言功能时，设置了姓名、主题、留言信息等基本元素，其中注意在客户端留言时主题与姓名不能为空，运用函数checknull进行客户端验证，留言信息正确无误后，提交留言，则留言信息保存在数据库内，建立odbc_connection.asp网页，编写代码，使留言信息与数据库连接，将客户端所提交的留言内容显示在留言板的下方；新建readd.asp网页，编写代码，在这个网页中进行留言的回复，设置密码，在输入正确密码后方可回复；同样建立delete.asp删除网页，与回复网页相似，在删除留言也需要正确的密码；整个留言板的实现还需要guest.mdf（留言数据库），guest.css（index.asp页的网页风格设计），config.asp（留言参数配置模块），function.asp（系统功能模块），add.asp（留言增加模块）等网页的相互配合，正确编写asp代码，是实现留言的关键，同时通过dreamweaver软件所带的功能，对留言板页面进行装饰，使整个页面看起来更美观。
2.基本原理或方法
1.留言板网页设计主要用到dreamweaver设计asp网页以及access数据库，通过网页与数据库的连接从而实现留言。
2.ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试；ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。
在试验设计中可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；方便连接ACCESS与SQL数据库。
ASP的工作原理如下：
（1）用户向浏览器地址栏输入网址
（2）浏览器向服务器发出请求。
（3）服务器引擎开始运行ASP程序。
（4）ASP文件按照从上到下的顺序开始处理，执行脚本命令，执行HTML页面内容。
（5）页面信息发送到浏览器。
3.留言板的设计思路如下图：
图2.1基本思路图
留言板分为主页、回复留言、删除留言三个显示页面，这三个页面通过数据库来建立联系。
4.
（1）guest.---mdb留言数据库。
（2）index.asp----留言首页，显示留言和各功能模块的链接。
（3）guest.css–index.asp页的网页风格设计。
（4）odbc_connection.asp----实现数据库联接。
（5）config.asp---留言参数配置模块。
（6）function.asp----系统功能模块
（7）readd.asp----留言显示模块。
（8）delete.asp----留言删除模块。
（9）add.asp-----留言增加模块。
5.具体步骤如下：
（1）准备工作：
安装好ASP服务器（小旋风）、ACCESS数据库和dreamweaver。
（2）建立access数据库：
打开ACCESS软件，新建一空白数据库，ACCESS会提示先保存数据库，定位到你的留言本所在文件夹，保存为guest.mdb，通过编写functioncheck_Null（）函数实现数据库各个字段的要求。
数据库设置基本信息如下：
表2-1数据库基本内容
Id
设为主键，确定数据唯一性以保证在管理时能准确定位到相应记录
Title
留言的主题（必填项）
Body
留言的内容
Name
留言者的姓名（必填项）
email
留言者的邮箱
Submit_date
留言时间
reback
留言板用户的回复
图2.2数据库
（3）创建留言板主页
①打开dreamweaver，选择aspvbscript，建立站点如图
图2.3建立站点
②创建留言页面。
在Dreamweaver中新建一页，保存为index.asp，并修改页面标题为“武春燕的留言板”。
可以编写代码，在html中编写“
武春燕的留言板”，即可实现，或者如图直接在界面上设置：
图2.4修改页面标题
③创建添加留言界面。
选择表单图标新建一个表单，再在常用里选择表格图标，在表单里插入一个5行2列的表格，调节为下图，并添上相应的字，添加表单域：
图2.5添加留言界面
主题；在主题对应的表格里添加文本字段，在属性面板上取名为title，使之与数据库的字段名字相对应；
内容：
在内容对应的表格里添加文本字段，在属性面板上取名为body，使之与数据库的字段名字相对应；
姓名：
在姓名对应的表格里添加文本字段，在属性面板上取名为name，使之与数据库的字段名字相对应；
Email：
在email对应的表格里添加文本字段，在属性面板上取名为email，使之与数据库的字段名字相对应；
图2.6属性面板
④定义提交按钮。
提交留言表单，单击提交按钮后，首先会调用客户端验证函数functioncheck_Null（）验证，验证通过后，在传送到add.asp，添加完毕后，重定向回本页面。
⑤创建显示留言界面。
创建一个五行两列的表格，连接到数据库，将留言者所提交的留言以及用户回复的留言全部显示在上面，编写代码，通过数据库把显示留言界面与添加留言界面联系起来。
当没有留言时，则页面上显示暂时没有留言。
如图：
图2.7显示留言界面
（4）创建回复留言界面
选择表单图标新建一个表单，再在常用里选择表格图标，在表单里插入一个4行2列的表格，调节为下图，并添上相应的字，添加表单域：
图2.8回复留言界面
主题：
添加一个单元格，用语句<%=request（"title"）%>来显示回复留言的主题
内容：
在内容对应的表格里添加文本字段，在属性面板上取名为reback。
回顾密码：
在回复密码对应的表格里添加文本字段，在属性面板上取名为password。
并且设置密码，只有在输入正确密码时才能进行回复，从而限制了回复的权限。
提交：
与数据库相联系，进行回复的提交。
（5）创建删除留言界面
选择表单图标新建一个表单，再在常用里选择表格图标，在表单里插入一个2行2列的表格，调节为下图，并添上相应的字，添加表单域：
图2.8删除留言界面
请输入删除密码：
在请输入删除密码对应的表格里添加文本字段，在属性面板上取名为password。
并且设置密码，只有在输入正确密码时才能进行删除，从而限制了删除的权限。
（6）设置其他不显示的页面
add.asp:
编写代码使在留言界面上添加的留言能添加到数据库，从而显示在显示留言界面上
config.asp：
编写代码设置留言板标题，回复和删除密码以及显示留言时每页显示的留言的条数。
function.asp：
编写代码，实现系统功能。
guest.css：
编写代码，设置基本属性，包括字体与颜色的属性设置。
odbc.connection.asp：
编写代码，实现数据库连接。
（7）对基本的留言板页面进行修饰，如背景图片与表格的装饰，使留言板看起来更美观。
3.结果和结果分析
按上面的基本原理与步骤设计好数据库后。
1.运行前准备。
确保在当前站点运行小旋风，如下图
图3.1运行小旋风
2.index页的运行。
正确运行小旋风后，打开index页，点击工具栏上的运行按钮——>预览在360se,如图
图3.2页面运行方法
则会启动浏览器，如果用的是360浏览器，则会打开360浏览器，运行结果如图所示
图3.3index页显示
现在还没有留言，所以在显示留言界面显示“暂时没有留言”。
留言者可以在此页面上添加留言，其中主题与姓名必须输入，单击提交按钮，则所添加的留言会立即显示在页面下方，有几条留言就显示几条。
3.回复页面的运行。
（1）如果仅仅想浏览一下回复页面，则在dreamweaver中将readd.asp显示为当前页，单击工具栏上的运行按钮——>预览在360se，则在浏览器上会显示回复页面。
（2）在index页中，成功添加留言后，在显示留言的地方，在每条留言的最后一行有一个蓝色的超链接“回复”，单击此超链接，则会转到回复界面。
图3.4index页转回复页面
图3.5回复页面
回复页面必须针对具体留言进行回复，否则回复没有意义，回复页面的主题自动连接为所回复留言的主题，回复者在内容文本框中输入回复内容，而且必须输入回复密码，只有密码正确才能进行回复，如果密码不正确，则回复页面所填写的内容，及内容和密码自动清空，回复者可以继续输入密码，直到输入正确密码能回复成功为止。
4.删除页面的运行。
（1）如果仅仅想浏览一下删除页面，则在dreamweaver中将delete.asp显示为当前页，单击工具栏上的运行按钮——>预览在360se，则在浏览器上会显示删除页面。
（2）在index页中，成功添加留言后，在显示留言的地方，在每条留言的倒数第二行有一个蓝色的超链接“删除”，单击此超链接，则会转到删除界面。
图3.6index页转删除页面
图3.7删除页面
5.其他页面不能显示在浏览器上，都是为了这三个页面的正常运行而做的辅助页。
6.通过在留言板各个页的修饰，使留言板更加美观，如下图：
图3.8修饰后的留言板
4.带注释的程序清单
<%OptionExplicit%>
--#IncludeFile="odbc_connection.asp"-->
--#IncludeFile="config.asp"-->
<%=GuestTitle%>
--
//函数check_Null用来进行客户端验证
functioncheck_Null（）{
if（document.form1.title.value==""）{
alert（"主题不能为空!
"）;
returnfalse;}
if（document.form1.name.value==""）{
alert（"姓名不能为空!
"）;
returnfalse;}
if（document.form1.title.value.length>100）{
alert（"主题不能超过100个字符"）;
returnfalse;}
if（document.form1.name.value.length>30）{
alert（"姓名不能超过30个字
升级会员 