基于ASP的留言板实验报告Word文件下载.docx

基于ASP的留言板实验报告Word文件下载.docx

《基于ASP的留言板实验报告Word文件下载.docx》由会员分享，可在线阅读，更多相关《基于ASP的留言板实验报告Word文件下载.docx（22页珍藏版）》请在冰豆网上搜索。

<

%%>

；

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中编写“<

title>

武春燕的留言板<

/title>

”，即可实现，或者如图直接在界面上设置：

图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"

-->

config.asp"

HTML>

head>

<

%=GuestTitle%>

linkrel="

stylesheet"

href="

guest.css"

>

scriptlanguage="

JavaScript"

--

//函数check_Null用来进行客户端验证

functioncheck_Null（）{

if（document.form1.title.value=="

"

）{

alert（"

主题不能为空!

）;

returnfalse;

}

if（document.form1.name.value=="

姓名不能为空!

if（document.form1.title.value.length>

100）{

主题不能超过100个字符"

if（document.form1.name.value.length>

30）{

姓名不能超过30个字