基于ASP技术的留言板的开与研究

1、基于ASP技术的留言板设计姓名：卜凯 学号：2 指导老师：余世干摘要：在网络技术发展迅速的今天，作为能够支持网络用户相互交流的网络留言板越来越得到各大网站的广泛使用，在本次设计的网络留言板系统中，通过ASP和SQL SERVER 技术实现网络留板中的动态功能，同时使用XHTML和DIV+CSS层叠式样表技术设计留言板系统的界面和风格，结合使用Microsoft Office Access 2003建立数据库实现后台管理。通过测试，网站不仅拥有游客注册、会员登陆、发帖回帖等基本功能，而且还可以支持添加好友、发送信息、赠送花朵、改变网站风格等功能，同时在设计该系统时加入了管理员系统，管理员不但能够

2、能对网站系统进行设置，并且可以对会员用户进行资料修改，删除恶意注册用户。以上功能的实现均与系统设计的预期一致，希望该网络留言板能够给广大网民带来方便。关键词：ASP，留言板，网站，管理员The Message Board Design Based On ASP TechnologyName:Kai Bo Number:2 Advisor:Shigan YuAbstract: The rapid development in network technology today, as the support network of Internet users to exchange message

3、 board has been more widespread use of Web sites, in this Internet message board system designed in ASP and SQL SERVER through the network technology to stay Board of the dynamic function, while using XHTML and cascading style sheet DIV + CSS technology design message board system interface and styl

4、es, combined with Microsoft Office Access 2003 to establish a database to achieve Admin. Pass the test site not only has a tourist up, Login, post Replies and other basic functions, but also can support add friends, send messages, gift flowers, change the site style, features, and join in the design

5、 of the system administrator system , The administrator of the website system not only can be set, and the members of the user data can modify, delete malicious registered users. Implementation of these features are consistent with the expected design, I hope the network message board can bring conv

6、enience to our users.Keywords: ASP, message board, website, administrator1 系统需求分析1.1任务概述开发出的网络留言板系统应该具备很强的开放性、扩展性和安全性，同时能够便捷的对用户资料进行查询管理对网站上的不文雅词汇进行过滤，屏蔽可能出现的安全隐患，让注册用户可以有一个轻松自在的网上互动交流的站点。1.2 系统功能分析1.2.1系统用户系统用户主要有游客、注册用户、管理员三种，详见图1-1所示。用户游客管理员系统注册用户图1-1系统用户图1.2.2系统用户功能游客是用户里面权限最低的。只可以查看已发布的文章和已注册博友

7、，无法进行其他操作，不用注册。注册用户是已经注册用户，可以添加其他注册用户为好友，发送信息，修改自己的个人信息，发帖回帖。用户组的用例图如图1-2所示。游客查看文章注册个人资料管理，添加好友发帖回帖发信息，送花朵图1-2 用户组的用例图管理员组：管理员权限比注册用户高。他们不但可以对注册用户进行管理而且可以对网站进行管理。管理包括修改改会员信息、删除会员、过滤敏感词汇、设置网站外观以及文章显示、改变网站名称、关闭网站，和关闭网站注册。当然，他们也可以像一般用户那样填写留言和修改个人资料。以上各种操作也必须经过登录验证以后，但是值得注意的是权限相同的管理员不能够对彼此进行操作，管理员组的用例图如

8、图1-3所示。管理员修改用户资料删除注册用户过滤敏感词汇设置网站外观关闭注册和关闭网站修改网站名 图1-3 管理员组的用例图1.3性能需求可以在windows的任何版本的操作系统下运行。可以在IE，火狐等浏览器上兼容流畅运行。1.4数据描述利用Access来设计数据库，使程序数据添加使用更加容易。（1）用户表：此表用于存放用户的所有注册信息，同时管理员的信息也存放在此表中。（2）文章表：此表存放发布文章的内容和回帖的内容。（3）网站表：此表存放网站设置信息，供管理员使用。（4）赠花表：存放会员间送花的信息。（5）好友表：存放好友添加情况信息。（6）信息表：存放好友发送信息的情况。2 系统开发工

9、具介绍以及运行环境要求2.1 ASP技术简介2.1.1 ASP优势Active Server Pages：“动态服务器网页”，通常我们简称为“ASP”，我们之所以接受并且重视ASP的原因，主要在于其在客户端产生的网页代码都是标准的HTML格式，而且这些程序是在服务器端执行，使用一般的浏览器（如IE 或火狐）都可以正确地获得ASP的“执行”结果，并且这些ASP执行的结果都可以直接在浏览器中“浏览”。2.1.2 ASP特点（1）使用简单的文件编辑器就可以创建和编辑ASP程序。（2）ASP的源代码不会被传送到客户的浏览器，安全性高。（3）ASP可使服务器端的脚本程序来自动生成客户端的脚本代码。（4）

10、ASP提供了后台数据库连接和访问的功能。（5）使用简单的VBScript和Javascript结合XHTML代码即可快速方便的WEB网站。2.2 系统数据库的分析2.2.1 SQL语言的基本功能和特点SQL全称是“结构化查询语言(Structured Query Language)” ，他是集数据查询（Data Query）、数据操控（Date Manipulation）、数据定义（Date Definition）和数据控制（Date Control）功能于一体，主要特点包括：（1）高度非过程化的语言。（2）统一的语言。（3）面向集合的操作方式。（4）以同一种语法结构提供多种使用方式。（5）语

11、法简介易学易用。2.2.2 数据库开发工具Access的分析（1）存储方式简单，易于维护管理。（2）面向对象 Access是一个面向对象的开发工具。（3）界面友好、易操作。（4）集成环境、处理多种数据信息。（5）Access支持ODBC（开发数据库互连，Open Data Base Connectivity）。（6）支持广泛，易于扩展，弹性较大。2.3 XHTML介绍XHTML是Extensible HyperText Markup Language(可扩张超文本标记语言)的英文缩写，它的前身是HTML。由于HTML代码繁琐，结构松散，所以推出XHTML，也可以说XHTML是HTML的一个升级

12、版本，它是网页制作的基础，它的核心是标签，不管是何种软件制作网站，实际是都是在编写XHTML代码的过程。2.4 DIV+CSS技术解释DIV+CSS是目前比较流行的网页布局方式，而它本身也具备相较于其他布局方式突出的优点：（1）CSS可以使网页的代码大范围的的简洁，对于一个大型网站来说，可以大幅度的节省带宽，由于代码的简洁，使关键字在网页中代码中的比列升高，更受搜索引擎喜爱。（2）使用DIV+CSS技术制作的网站，在网站改版的时候更加简单方便，很多问题只要改变CSS而不需要改动程序。（3）可以更好更轻松的控制网页的布局。（4）将CSS文件存放在单独的样式表文件中，可以减少网页无效的可能性。虽然

13、DIV+CSS在网页布局上优势明显，但是问题同样也存在，它不但对于CSS高度依赖，而且会使网页设计变的复杂，容易出现浏览器兼容问题。2.5 EditPlus 3方便好用的代码编辑器，可以对代码进行加色拥有自动换行等功能。2.6 运行环境Microsoft Windows sever 2003 ，IIS5.13 网站总体设计3.1 网站的总体结构网站总体设计思想:前台和后台分离，数据和程序分离的设计思想。3.1.1 前台页面设计前台设计图如图3-1所示。留言网系统送花管理信息管理文章管理博友管理资料管理首页管理图3-1前台设计图3.1.2 后台页面设计后台设计图如图3-2所示。留言网后台设计图留

14、言管理用户管理系统设置敏感字管理网站设置图3-2后台设计图3.2 网站实际效果网站包括首页，注册，登陆，会员中心，管理中心，博友，数据库等各项组成。通过主页使每一个浏览者都能很快地看到所有人发布的文章，找到自己喜欢的内容如果是已注册用户还可以进行回复。网站主页如图3-3所示：图3-3网站主页面3.3 系统文件说明系统中存在大量文件为了方便辨别和记忆其功能，所以制作了系统文件说明表，如表3-1所示。表3-1文件说明文件名文件功能说明db 存放数据库的文件夹emotions发表留言上的表情选择face会员头像存放文件夹images网站中背景等应用图片的文件夹js存放Javascript的文件夹ki

15、nd文章各种标题图片文件夹pic存放发布文章图片的文件夹qemotions存放发布文章插入Q图的文件夹style 存放CSS网站排版的文件夹ubb存放发布文章的中功能图片admin.asp后台服务器信息界面代码admin_set.asp系统设置界面代码admin_sidebar.asp会员管理界面侧边栏代码admin_vip.asp会员管理界面代码admin_vip_del.asp实现管理员删除会员功能代码admin_vip_mof.asp管理员进行修改会员信息界面代码admin_vip_mof_do.asp实现管理员修改会员信息代码article.asp发布文章界面代码blog.asp博友界

16、面代码code.asp验证码程序代码conn.asp数据库实例创建连接销毁以及敏感词过滤代码face.asp会员注册时选择头像界面flower.asp会员查看花朵界面代码footer.asp网站底界面代码friend.asp会员查看好友界面代码header.asp网站头界面代码index.asp网站首页代码login.asp登陆界面代码login_do.asp实现会员登陆功能的代码logout.asp登出系统的代码md5.asp注册用户密码在数据库中加密的文件member.asp个人中心首页代码member_flower.asp个人中心查看花朵界面代码member_friend2.asp个人中

17、心查看我添加好友界面的代码member_friend.asp个人中心查看添加我的好友界面的代码member_friend_del.asp个人中心实现拒绝别人添加自己好友的代码member_friend_val.asp个人中心实现接受别人添加自己好友的代码member_info.asp个人中心个人资料界面代码member_info_do.asp个人中心实现资料修改的代码member_note2.asp个人中心短信管理发件箱的代码member_note.asp个人中心短信管理收件箱的代码member_note_d.asp个人中心短信管理查看短信界面代码member_note_del.asp个人中心

18、短信管理实现删除短信功能的代码member_sidebar.asp个人中心侧边栏界面的代码note.asp会员相互发短信息界面的代码post.asp回帖界面代码post_do.asp实现新增文章功能代码qemotions.asp文章发布时候选择表情图片reg.asp注册界面代码reg_do.asp实现注册信息验证并且写入数据库代码repost_do.asp实现回帖的代码skin.asp网站皮肤选择器title.asp网站名称以及网站整体CSS样式选择代码ubb.asp发布文章中UBB解析器body.Fix Head.Fix验证码文件4 网站的数据库设计4.1 数据表的概要说明数据库中的表如图4

19、-1所示。图4-1数据库中表图4.2数据库连接为了防止代码重复使用，使代码重用性与维护的方便性，本系统采用ASP的文件包含语法，将数据库连接代码放在conn.asp中，在需要使用的时候，只要通过文件名调用即可。具体方法：<!-#include >。在本系统其他几处重用代码中都运用了此方法，方法语法一样，<!-#include file=“文件名.asp”->运用了此方法后，使系统模块化，程序更加简洁，便于修改和维护。4.3主要的数据表结构表 G_User.mdb中存放注册信息和会员等级等,如图4-2所示。图4-2 G_User.mdb设计视图表 G_Article.md

20、b中存放文章信息，如图4-3所示。图4-3 G_Article.mdb设计视图表 G_Friend.mdb中存放添加好友信息，如图4-4所示。图4-4 G_Article.mdb设计视图表 G_Flower.mdb中存放送花信息，如图4-5所示。图4-5 G_Flower.mdb设计视图表 G_Note.mdb中存放送花信息，如图4-6所示。图4-6 G_Note.mdb设计视图表 G_Web.mdb中存放管理员管理项目信息，如图4-7所示。图4-7 G_Web.mdb设计视图5 主要界面设计及功能介绍5.1 论坛首页设计论坛首页可以看到网站名“502留言网”，在网站右边上方是有网站风格点击可

21、以看到三种网站风格，分别是：蓝颜知己、在首页我们可也看到一个游客访问该网站所具有的权限，在文章列表一栏的发表留言选项，只有登陆用户才可以点击进入，没有登陆的会告知请先登陆，该页面设计如图5-1所示。图5-1首页视图5.2 注册界面设计对于游客来说很多网站功能都无法实现，所以这时候就需要注册成为注册用户了，在注册界面可以轻松完成注册，值得注意的是由于在注册信息上使用了ASP的判断，使得用户在注册时候对用户所填写信息有一定的判断，在一定程度上防止用户恶意注册，注册信息虚假，注册信息过于简单，易于被黑客所盗取注册信息，注册界面如图5-2示。图5-2用户注册界面视图5.3 注册用户登陆界面设计已经注册

22、过用户可通过登陆界面登陆留言板网站系统，以获得更好的网站使用权限，为了给用户更多的使用方便，在设计时采用了保留cookies时间的方法，以获得保留登陆效果的功能，设计更人性化，登陆界面如图5-3所示。图5-3用户登陆界面视图5.4会员中心页面界面设计会员中心界面，我可以看到右边侧栏上有6个选项，这都是会员可以查看和管理的，会员可以通过资料修改来修改自己注册时除用户名之外的所有资料，短信管理中我们可以查看自己发送给别人的信息，也可以看别人给自己的信息，可以对短信进行删除操作，好友管理中用户可以看到别人向自己发送的添加好友请求，用户可以选择接受或者拒绝，也可查看自己申请别人好友的状态。在查看花朵界

23、面中可以查看别人送给自己花朵的情况，进而判断自己在该网站中受欢迎的程度，会员中心界面如图5-4所示。图5-4会员中心界面视图5.5 博友界面设计用户可以通过博友界面看到所有已注册用户，并且可以给感兴趣的用户发信息，送花朵还可以加好友，为了使用户使用更方便，在博友界面中加入了搜索功能，有精确和模糊两种方式，可以让用户更快更便捷的找到已经注册的会员，设计界面如图5-5所示。图5-5博友界面视图5.6管理员界面设计管理员登陆会有管理员界面，本留言板系统管理员是在系统设计时候直接添加到数据库中的，有2个管理员，用户名字分别是“海贼王”和“admin”，密码都是123456，管理员帐号登陆界面会有一个管

24、理选项，进入管理界面，右边侧栏分别有三项，点击后台首页会显示网站服务器的基本信息，进入系统设置管理员可以给网站进行一些基本设置，如网站名的修改，敏感字的过滤，网站默认风格的修改，网站的关闭。在会员管理中管理员可以对恶意会员进行删除操作，也可以修改会员资料，前提是该会员不是管理员，管理员界面设计如图5-6所示。图5-6管理员界面视图6用户操作说明本设计网络留言板系统，功能明了操作简单，叙述如下：（1）非注册用户可以查看发布的帖子和别人回的帖子，但是无权发帖或者回帖。（2）游客可以通过注册页面按照要求进行注册。（3）用户注册后就可以实现网站的发信息，加好友，发帖回帖，个人资料修改等功能。7系统测试

25、7.1 游客测试网站发布成功后，进入网站首页，此时用户未登陆，即是游客。在主页上有首页、注册、登陆、博友等选项，下方有文章列表，用户可以查看文章，但是无权发表文章和回复文章。若用户是未注册用户，可以点击注册界面进行注册，若用户已经注册过，可以直接用自己的帐号进行登陆。7.2 会员测试当游客用已注册帐号登陆后，即会进入会员界面，和游客界面不同的是，在主页上没有了注册和登陆选项，取而代之的是会员中心和退出选项。同时在博友界面，发信息和送花朵加好友功能都可以实现，在首页文章列表右上方点击发表文章按钮，会进入发表文章界面，可以发表新的文章，同时点击文章进入后，会在文章最下方发现回复主题的的界面，写好内

26、容点击发布即可回复主题。在点击进入会员中心界面后，可以查看添加好友情况，自己收到花的情况以及发送信息和收到信息情况，同时也可以修改自己的资料。7.3 管理员测试在设计系统时，添加了两个管理员，用户名分别是“海贼王”和“admin”，密码都是123456，当系统用这两个帐号登陆时候，进去的就是管理员界面了，和普通注册用户界面不同的是，在上方主选项上多了一个红色的管理选项，点击进入管理选项，会看到后台管理和会员管理，在后台管理中，能够查看服务器信息和系统设置，在系统设置中管理员用户可以更改网站名称和网站默认风格，关闭网站注册和关闭网站，并且能够屏蔽恶意词汇。在进入会员管理界面可以看到所有以注册会员，包括普通会员和管理员会员，对普通会员用户管理员可以对其进行资料修改和删除会员操作，对于管理员用户，因为权限一样，所以只能查看基本信息，无法进行修改和删除。7.4 系统功能总结 该网络留言板系统所拥有的版式还有功能和设计初衷一致，并且拥有