留言板系统设计报告 - 图文

更新时间：2023-09-17 00:01:01 阅读量：高中教育文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

系统设计报告描述了新系统的推荐度：
相关推荐

ASP 网络留言板系统设计报告学校：西安石油大学院系：经济管理学院专业：信息管理与信息系统班级：经管1002班小组成员：蔡庆丰吴泓言穆拉迪力指导老师：朱养鹏目录第一章系统开发环境.............................................................................................. 4 1 小旋风 ASPWebserver 2005 ............................................................................. 4 1.2 Access................................................................................................................ 4 西安石油大学经济管理学院经管1002班 1

1.3 EditPlus ............................................................................................................. 4 1.4 Dreamweaver 8 ................................................................................................. 5 第二章系统概述........................................................................................................ 5

2.1 系统功能模块设计.......................................................................................... 5

2.1.1 公用模块................................................................................................ 5 2.1.2 用户系统功能模块................................................................................ 6 2.2 总体设计.......................................................................................................... 7

2.2.1 页面功能分配........................................................................................ 7 2.2.2 系统工作流程........................................................................................ 7 2.3 数据库概要设计............................................................................................ 8

2.3.1 用户信息表：........................................................................................ 8 2.3.2 留言信息表.......................................................................................... 9

第三章系统详细设计................................................................................................ 9

3.1 公用模块设计.................................................................................................. 9

3.1.1 数据库连接文件conn.asp .................................................................. 10 3.1.2 层叠样式文件style.css ..................................................................... 10 3.2 首页设计........................................................................................................ 12 3.3 用户注册与登录页面设计............................................................................ 14 3.4 用户留言与管理页面设计............................................................................ 16 第四章系统调试与测试............................................................................................ 18

4.1.配置运行......................................................................................................... 18 4.2.系统测试......................................................................................................... 18

4.2.1 常见问题解决...................................................................................... 18 4.2.2 系统测试示例...................................................................................... 18

总结.............................................................................................................................. 20

前言

随着网络的应用越来越广泛，国内外不少大中小型企业都不约而同地意识到利用网络传递信息可以在一定程度上提高办事效率，而搭建一个用户与企业的在

西安石油大学经济管理学院经管1002班

线交流平台亦显得非常重要。留言板是目前网站中使用较广泛的一种与用户沟通、交流的方式。通过留言板，可收集来自用户的意见或需求信息，并可作出相应的回复，从而实现网站与客户之间及不同客户之间的交流与沟通。通过留言板系统，令信息的发布可以面向个人和群组，来自不同部门、不同地区、具有不同身份的人可以一起交流讨论大家感兴趣的话题。

在线留言系统和互联网上的其他信息一样，具有范围广，内容庞杂，动态变化性强等特点，但是它还有两个最重要的特点：交互性和时效性。交互性是指用户能够参加到留言信息的交流过程中来，可在在线留言中发布自己的信息并且可以得到其他用户的反馈，这是在线留言最基本和最重要的特征。一位用户发布信息，往往有很多人回应，可以开展多人讨论，这是一个多向交流信息的过程，它使人们能够便捷地进行交流。由于互联网信息传播的快捷与方便以及在线留言的交互性，使得人们能够及时的从中获取某一技术和行业的发展动态与最新的进展，专业技术论坛中信息时效性更强，往往一些最新的技术信息可以从中获取。

网络中各种留言板系统在Dreamweaver等工具的编辑美化后和网站融为一体，作为网站的交流平台起到举足轻重的作用。留言板可以提供一个公共的信息发布平台，适用于作为企业内部个人办公助手以及企业与企业之间进行信息交流，在线解决某些客户需求的工具，是网站中信息多、人气旺的地方。好的留言板可以吸引相当数量的访客，同时也担负着网站对外宣传、发布消息、收集客户反馈的重任，是网站、单位内联网必不可少的一部分。留言板的原理是将留言内容等写入服务器端的文本或数据库，再显示出来，用ASP开发留言板可以很方便的嫁接在网站中运行。

西安石油大学经济管理学院经管1002班

系统开发环境

1 小旋风 ASPWebserver 2005

该软件是由残剑无敌在NETBOX核心下开发的一套强大简洁的ASPWEB服务器，使用这个软件的您完全可以抛弃体积庞大的WINNT，WIN2000服务器系统及漏洞百出的IIS了。可以在任何一个系统上调试和发布ASP程序。目前测试通过的操作系统为：Windows 98；Windows 98 SE；Windows ME；Windows NT+IE4；Windows 2000；Windows XP；Windows .NET Server。现在完全支持ACCESS，SQL数据库。

1.2 Access

Access是Office系列软件中用来专门管理数据库的应用软件。所谓数据库是指经过组织的、关于特定主题或对象的信息集合。数据库管理系统分为两类：文件管理系统和关系型管理系统。Access应用程序就是一种功能强大且使用方便的关系型数据库管理系统，一般也称关系型数据库管理软件。它可运行于各种Microsoft Windows系统环境中，由于它继承了Windows的特性，不仅易于使用，而且界面友好，如今在世界各地广泛流行。它并不需要数据库管理者具有专业的程序设计水平，任何非专业的用户都可以用它来创建功能强大的数据库管理系统。

Access的用途体现在两个方面：

一、用来进行数据分析： access有强大的数据处理、统计分析能力，利用access的查询功能，可以方便地进行各类汇总、平均等统计,并可灵活设置统计的条件。

二、用来开发软件： access用来开发软件，比如生产管理、销售管理、库存管理等各类企业管理软件，其最大的优点是：易学！非计算机专业的人员，也能学会。

另外，在开发一些小型网站WEB应用程序时，用来存储数据。将Access运用于留言板系统主要适用于存储数据

1.3 EditPlus

EditPlus(文字编辑器)是一套功能强大，可取代记事本的文字编辑器，EditPlus拥有无限制的撤消与重做、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能。而它还有一个好用的功能，就是它有监视剪贴板的功能，能够同步于剪贴板自动将文字粘贴进 EditPlus 的编辑窗口中，让你省去粘贴的步骤。另外它也是一个非常好用HTML 编辑器，它除了支持颜色标记、HTML 标记，同时支持 C、C++、Perl、Java。另外，它除了可以颜色标记HTML Tag (同时支援 C/C++、Perl、Java) 外，还内置完整的HTML和 CSS1 指令状态，支持 HTML, CSS, PHP, ASP, Perl,

西安石油大学经济管理学院经管1002班

C/C++, Java, Javas cript and VBs cript；对于习惯用记事本编辑网页的朋友，它可帮你节省一半以上的网页制作时间。倘若你有安装 IE 3.0以上版本，它还会结合IE 浏览器于EditPlus的窗口中，让你可以直接预览编辑好的网页(若没安装IE，也可指定浏览器路径)。是一个相当棒又多用途多状态的编辑软件。

1.4 Dreamweaver 8

Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。是目前网站设计、开发、制作的首选工具。开发人员可以使用Dreamweaver及所选择的服务器技术来创建功能强大的Internet应用程序，从而使用户能连接到数据库、Web服务和旧式系统。

在该留言板系统的设计中，用Dreamweaver 8作为辅助工具，大大减少了纯粹写代码来实现所需功能的麻烦。

系统概述

2.1 系统功能模块设计

该留言板系统主要功能如下： ◆ 用户注册功能

◆ 用户登录功能，且用户使用留言功能必须先注册 ◆ 用户登录后可以看到并浏览所有用户的留言 ◆ 用户修改信息功能 ◆ 用户发表留言功能

◆ 用户只能修改和删除自己的留言

◆ 记录用户留言内容、留言时间和IP地址等信息 ◆ 退出登录状态功能

系统分为公用模块和用户系统功能模块。

2.1.1 公用模块

此模块包括数据库连接文件和层叠样式文件，分别负责与数据库的连接和定义页面风格。该系统中任何页面需要此模块时，直接调用即可，这样可以减少源代码，使整个系统紧凑有序。

西安石油大学经济管理学院经管1002班

.log_td_table {

BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff

}

.log {

font-size: 12px;

background-color: #f5f5f5; border-top: 1px groove; border-right: 1px ridge; border-bottom: 1px ridge; border-left: 1px groove; }

.box { padding-bottom: 1px}

.ipt { background-color: #FFFFFF; border: 1px #666666 solid; height: 12pt}

.textarea {

BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; BORDER-LEFT: #cccccc 1px solid; COLOR: #085878; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: \宋体\

}

.input {

}

SELECT {

FONT-SIZE: 12px; FILTER: Alpha(Opacity=50); COLOR: #666666; FONT-FAMILY: \\Shell Dlg\\宋体\BACKGROUND-COLOR: #f5f5f5

}

.se {

BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #ffffff 1px solid; COLOR: rgb(255,255,255); BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #141414

}

.input1 {

西安石油大学经济管理学院经管1002班

BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #666666 1px solid; COLOR: rgb(255,255,255); BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #CCCCCC

}

编写页面代码时，在需要统一风格的页面中的和标记之间包含该样式表文件，就起到了统一页面风格的作用，其具体代码如下所示：

由于上述公用模块的两个页面没有任何HTML代码，也没有任何ASP的输出显示代码，所以浏览这两个页面时没有任何效果。

3.2 首页设计

用户访问系统时首先进入首页，最上边部分是利用Dreamer 8制作的的一个三列一行的表格，两边单元格插的是图片，中间单元格用的是背景图片，可在上面写文本。登录前在首页会显示“欢迎您，请先登陆或先注册”字样，登录后用户名会在首页显示。中间部分的右半部分显示注册用户数、新进用户的用户名、留言总数、今日留言数等，左半部分在用户登录之前显示用户当前的相关信息：ＩＰ地址、操作系统版本和浏览器版本，登录之后显示”资料修改”和”退出登录”。中间还有一个滚动字幕，显示欢迎信息：欢迎大家访问本站，这里是大家学习交流的平台，期待你加我QQ512257318和我交流。首页下部分显示用户留言信息，包括留言标题、留言人、留言点击率和最后更新时间，用户可以点击标题一栏的所有标题浏览留言的详细内容。用户登录前页面：

西安石油大学经济管理学院经管1002班

登录后页面：

显示用户登录框的代码如下：

style=\

lor:#FF0000;height:25s;width:45\value=\size=\/> 点击资料修改即可进入资料修改页面，用户可以修改自己的信息，点击“确认提交”后回到首页，修改的信息也就自动保存，该页面显示效果如下：

西安石油大学经济管理学院经管1002班

3.3 用户注册与登录页面设计

用户进入系统首页后，点击“注册”按钮，先进入阅读协议页面，点击“同意”后，即可进入登录页面，页面显示效果如下图：

注册页面的控件及其功能如下表所示：

西安石油大学经济管理学院经管1002班

对象表格表单文本框列表/菜单单选按钮文本框文本框文本框文本框文本域按钮按钮控制页面信息显示位置功能名称为myform，提交目标网页Register.asp 用于输入注册用户的用户名名称为Image,用于注册用户选择自己喜欢的头像名称为sex,用于注册用户选择性别名称为password用于注册用户设置密码用于确认密码名称为Email,用于注册用户填写自己的邮箱地址用于注册用户输入自己的QQ 名称为Content,用于用户的个性签名单击“提交”按钮,提交表单单击“重置“按钮，清空文本框等中的内容出现下列情况而提交时，会出现相应的提示信息：如果用户名没填写，则会弹出“请填写您的账号！”提示信息；没输入密码则弹出“密码不能为空！”提示信息；密码少于六个字符则提示\密码不能少于6个字符！\；确认密码与前面所输密码不一致时则提示“两次密码输入不同！”；用户名与之前注册过的重叠则显示“用户名已经存在” 。相关代码如下： if(myform.Admin.value==''){

alert(\请填写您的帐号！\ myform.Admin.focus(); return false; }

if(myform.Password.value==''){ alert(\密码不能为空！\ myform.Password.focus(); return false; }

if(myform.Password.value.length<6){ alert(\密码不能少于6个字符！\ myform.Password.focus(); return false; }

if(myform.Password.value != myform.Passwordd.value){ alert(\两次密码输入不同！\ myform.Passwordd.focus(); return false;

sql=\

西安石油大学经济管理学院经管1002班

rs.open sql,conn,2,3 if not rs.eof then

response.write\用户名已经存在');window.history.back();\

用户注册成功后进入首页，即可在首页的登录区域输入自己的用户名、密码及验证码，输入正确即登录成功。

3.4 用户留言与管理页面设计

用户登录成功后，即可点击首页的“发表留言”按钮，进入签写留言的页面bbs-add.asp进行留言，该页面显示效果如下图：

页面控件及其功能如下表：对象表格表单文本框文本域按钮按钮功能用于控制页面显示信息位置提交目标网页bbs-add.asp，数据采用隐式传递方式名称为title,用于输入留言的主题标题名称为GuestContent，用于输入留言的内容单击“发表“按钮，提交表单单击“重写“按钮，清空文本框等中的内容用户写好留言后，点击“发表“按钮，即回到首页。用户可以看到自己的留言，点击自己留言的标题，进入bbs-xx.asp页面。在这个页面中，可以显示用户的留言信息以及用户的头像、邮箱、QQ、IP地址、注册时间、个性签名、留言发表时间等信息，其他用户浏览时也同样能看到这些信息，

西安石油大学经济管理学院经管1002班

并可点击页面上方的“与我联系”链接即可给用户发电子邮件，用以回复留言。用户可以点击“返回首页”链接回到首页，用户还可以修改和删除自己的留言，但不能修改和删除其他用户的留言。点击“编辑”链接后即可进入修改页面 bbs-bianji.asp，用户可以任意修改自己的留言，修改好后点击“提交”按钮重新回到bbs-xx.asp页面。bbs-xx.asp页面的显示效果如下：

修改留言信息的页面如下图所示：

用户点击“删除“按钮后，页面跳转至bbs-Moudle.asp,该页面显示留言信息，被用户删除的留言已不再显示，点击左上方的“退出登录”链接，即可退出登录状态；点击“返回首页”即可回到首页页面。bbs-Moudle.asp页面显示效果如下：

西安石油大学经济管理学院经管1002班

第四章系统调试与测试

4.1.配置运行

要运行留言板系统的ASP程序，需要安装小旋风服务器，安装好后，在小旋风的wwwroot文件夹目录下新建文件夹bbsbook4，将所编写的ASP文件全部保存在bbsbook4文件夹里，在IE浏览器地址栏里输入http://localhost,就可以访问小旋风默认的主页面；在IE浏览器地址栏里输入http://localhost/bbsbook4/index.asp,就能访问留言板系统的首页。

4.2.系统测试 4.2.1 常见问题解决

在调试过程中，系统出现数据库创建错误的问题。

解决方法：运行Microsoft Office Access, 创建guestbook.MDB文件，并按照前文所述设计表格。建立用户和留言信息，然后修改对应的配置文件。当所有的数据库准备工作完成以后，再输入以上的地址，进行数据库连接的测试。如果配置的数据库连接的配置参数按照以上的说明进行，此步骤正确。最后对部分数据进行数据的初始化，以使系统在启动后能正常运行。完成后，数据库的连接问题解决了。

4.2.2 系统测试示例

用户注册时输入如下图所示信息：

西安石油大学经济管理学院经管1002班

提交后在首页显示“欢迎您，qingfeng”的信息，如下图：

输入留言信息如下图：

编写完留言并提交后显示用户的基本信息和留言信息，如下图：

西安石油大学经济管理学院经管1002班

总结

1.评价

随着社会的发展，人与人之间的交流方式也是多种多样。随着电脑进入千家万户，网络也越来越被大家所熟悉和喜爱，而伴随网络的发展，在线留言也逐渐受到大家的欢迎。在计算机网络飞速发展的今天，留言板系统已经成为人们网上交流的重要平台，因此对留言板系统的研究是十分必要的。本文设计和开发了一个最基本的基于WEB的留言板系统，可扩展性很大，科学的开发过程也极有利于系统的扩充与扩展，系统的分析与定义都结合了现在流行的面向对象方法以及传统的结构分析与设计方法。

当然，该留言板系统还存在着不足，系统功能不够全面，比如没有添加管理员，没法对留言进行直接回复，只能靠给用户发电子邮件来回复。 2.收获

通过这次ASP留言板系统的设计，我们的收获如下：

(1)进一步巩固和加深“ASP动态网页设计”课程的基本知识，了解ASP动

态网页设计知识在实际中的应用。

(2)综合运用“ASP网络程序设计”课程和选修课程的理论及生产实际知识

去分析和解决问题，进行相关训练。

(3)学到了ASP动态网页设计的一般方法，了解和掌握通用数据库的连接、

数据的相关操作或网站的设计过程和进行方式，培养了正确的设计思想和分析问题、解决问题的能力，特别是网站功能规划的能力和实现相关功能的能力。

(4)通过本程序的开发，并对电子商务系统的系统的分析、系统设计、数据

库设计和功能的实现等，培养ASP动态网页设计的基本技能。 3.致谢

首先感谢任课教师朱养鹏老师思路清晰、给人启发的授课方式和精心的指导，让我们到了许多ASP的基本知识和ASP网络程序开发的技巧，这是我们进行留言板系统开发的基础。其次感谢在这次系统设计中给我们解难的同学，让我们很顺利地完成了该留言板系统的设计。

西安石油大学经济管理学院经管1002班