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

1、；session；数据库1. 课程设计介绍留言板的实验主要是为了实现留言功能，并且能够显示留言和回复留言，通过与数据库的连接，使留言信息能够保存在留言板的显示信息中，要求在程序设计时注意用到的脚本语言，通过的形式使其运行在服务器端，由于本机没有安装IIS服务器，所以只能通过小旋风使其实现在服务器端运行，在留言首页index.asp中，在实现留言功能时，设置了姓名、主题、留言信息等基本元素，其中注意在客户端留言时主题与姓名不能为空，运用函数check null进行客户端验证，留言信息正确无误后，提交留言，则留言信息保存在数据库内，建立odbc_connection.asp网页，编写代码，使留言信

2、息与数据库连接，将客户端所提交的留言内容显示在留言板的下方；新建readd.asp网页，编写代码，在这个网页中进行留言的回复，设置密码，在输入正确密码后方可回复；同样建立delete.asp删除网页，与回复网页相似，在删除留言也需要正确的密码；整个留言板的实现还需要guest.mdf（留言数据库），guest.css（index.asp页的网页风格设计），config.asp（留言参数配置模块），function.asp（系统功能模块），add.asp（留言增加模块）等网页的相互配合，正确编写asp代码，是实现留言的关键，同时通过dreamweaver软件所带的功能，对留言板页面进行装饰，使整

3、个页面看起来更美观。2. 基本原理或方法1.留言板网页设计主要用到dreamweaver设计asp网页以及access数据库，通过网页与数据库的连接从而实现留言。2.ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试；ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。在试验设计中可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；方便连接ACCESS与SQL数据库。ASP的工作原理如下：（1）用户向浏览器地址栏输入网址 （2）浏览器向服务器发出请求。（3）服务器引擎开始运行ASP程序。（4）ASP文件按照

4、从上到下的顺序开始处理，执行脚本命令，执行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

5、-留言删除模块。（9）add.asp-留言增加模块。5.具体步骤如下：（1）准备工作：安装好ASP服务器（小旋风）、ACCESS数据库和dreamweaver。（2）建立access数据库：打开ACCESS软件，新建一空白数据库，ACCESS会提示先保存数据库，定位到你的留言本所在文件夹，保存为guest.mdb，通过编写function check_Null（）函数实现数据库各个字段的要求。数据库设置基本信息如下：表2-1数据库基本内容Id设为主键，确定数据唯一性以保证在管理时能准确定位到相应记录Title留言的主题（必填项）Body留言的内容Name留言者的姓名（必填项）email留言者的

6、邮箱Submit_date留言时间reback留言板用户的回复图2.2数据库（3）创建留言板主页打开dreamweaver，选择asp vbscript，建立站点如图图2.3建立站点创建留言页面。在Dreamweaver中新建一页，保存为index.asp，并修改页面标题为“武春燕的留言板”。可以编写代码，在html中编写“武春燕的留言板”，即可实现，或者如图直接在界面上设置：图2.4修改页面标题创建添加留言界面。选择表单图标新建一个表单，再在常用里选择表格图标，在表单里插入一个5行2列的表格，调节为下图，并添上相应的字，添加表单域：图2.5添加留言界面主题；在主题对应的表格里添加文本字段，在

7、属性面板上取名为title，使之与数据库的字段名字相对应；内容：在内容对应的表格里添加文本字段，在属性面板上取名为body，使之与数据库的字段名字相对应；姓名：在姓名对应的表格里添加文本字段，在属性面板上取名为name，使之与数据库的字段名字相对应；Email：在email对应的表格里添加文本字段，在属性面板上取名为email，使之与数据库的字段名字相对应；图2.6属性面板定义提交按钮。提交留言表单，单击提交按钮后，首先会调用客户端验证函数function check_Null（）验证，验证通过后，在传送到add.asp，添加完毕后，重定向回本页面。创建显示留言界面。创建一个五行两列的表格，连

8、接到数据库，将留言者所提交的留言以及用户回复的留言全部显示在上面，编写代码，通过数据库把显示留言界面与添加留言界面联系起来。当没有留言时，则页面上显示暂时没有留言。如图：图2.7显示留言界面（4）创建回复留言界面选择表单图标新建一个表单，再在常用里选择表格图标，在表单里插入一个4行2列的表格，调节为下图，并添上相应的字，添加表单域：图2.8回复留言界面主题：添加一个单元格，用语句来显示回复留言的主题在内容对应的表格里添加文本字段，在属性面板上取名为reback。回顾密码：在回复密码对应的表格里添加文本字段，在属性面板上取名为password。并且设置密码，只有在输入正确密码时才能进行回复，从而

9、限制了回复的权限。提交：与数据库相联系，进行回复的提交。（5）创建删除留言界面选择表单图标新建一个表单，再在常用里选择表格图标，在表单里插入一个2行2列的表格，调节为下图，并添上相应的字，添加表单域：图2.8删除留言界面请输入删除密码：在请输入删除密码对应的表格里添加文本字段，在属性面板上取名为password。并且设置密码，只有在输入正确密码时才能进行删除，从而限制了删除的权限。（6）设置其他不显示的页面add.asp:编写代码使在留言界面上添加的留言能添加到数据库，从而显示在显示留言界面上,config.asp：编写代码设置留言板标题，回复和删除密码以及显示留言时每页显示的留言的条数。fu

10、nction.asp：编写代码，实现系统功能。guest.css：编写代码，设置基本属性，包括字体与颜色的属性设置。odbc.connection.asp：编写代码，实现数据库连接。（7）对基本的留言板页面进行修饰，如背景图片与表格的装饰，使留言板看起来更美观。3. 结果和结果分析按上面的基本原理与步骤设计好数据库后。1.运行前准备。确保在当前站点运行小旋风，如下图图3.1运行小旋风2.index页的运行。正确运行小旋风后，打开index页，点击工具栏上的运行按钮预览在360se,如图图3.2页面运行方法则会启动浏览器，如果用的是360浏览器，则会打开360浏览器，运行结果如图所示图3.3in

11、dex页显示现在还没有留言，所以在显示留言界面显示“暂时没有留言”。留言者可以在此页面上添加留言，其中主题与姓名必须输入，单击提交按钮，则所添加的留言会立即显示在页面下方，有几条留言就显示几条。3.回复页面的运行。（1）如果仅仅想浏览一下回复页面，则在dreamweaver中将readd.asp显示为当前页，单击工具栏上的运行按钮预览在360se，则在浏览器上会显示回复页面。（2）在index页中，成功添加留言后，在显示留言的地方，在每条留言的最后一行有一个蓝色的超链接“回复”，单击此超链接，则会转到回复界面。图3.4 index页转回复页面图3.5回复页面回复页面必须针对具体留言进行回复，否

12、则回复没有意义，回复页面的主题自动连接为所回复留言的主题，回复者在内容文本框中输入回复内容，而且必须输入回复密码，只有密码正确才能进行回复，如果密码不正确，则回复页面所填写的内容，及内容和密码自动清空，回复者可以继续输入密码，直到输入正确密码能回复成功为止。4.删除页面的运行。（1）如果仅仅想浏览一下删除页面，则在dreamweaver中将delete.asp显示为当前页，单击工具栏上的运行按钮预览在360se，则在浏览器上会显示删除页面。（2）在index页中，成功添加留言后，在显示留言的地方，在每条留言的倒数第二行有一个蓝色的超链接“删除”，单击此超链接，则会转到删除界面。图3.6 ind

13、ex页转删除页面图3.7删除页面5.其他页面不能显示在浏览器上，都是为了这三个页面的正常运行而做的辅助页。6.通过在留言板各个页的修饰，使留言板更加美观，如下图：图3.8 修饰后的留言板4.带注释的程序清单% Option Explicit %!-#Include File=odbc_connection.asp-config.aspHTMLhead link rel=stylesheet href=guest.cssscript language=JavaScript- /函数check_Null用来进行客户端验证 function check_Null（） if （document.form1.title.value=） alert（主题不能为空!）; return false; if （document.form1.name.value=姓名不能为空! if （document.form1.title.value.length100）主题不能超过100个字符 if （document.form1.name.value.length30）姓名不能超过30个字