基于ASP技术的留言板设计.doc

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

2、改变网站风格等功能，同时在设计该系统时加入了管理员系统，管理员不但能够能对网站系统进行设置，并且可以对会员 用户 进行资料修改，删除恶意 注册 用户。以上功能的实现均与系统设计的预期一致，希望该网络留言板能够给广大网民带来方便。 关键词 ： ASP，留言板，网站，管理员 The Message Board Design Based On ASP Technology Name:Kai Bo Number:200729010202 Advisor:Shigan Yu Abstract: The rapid development in network technology today, as t

3、he support network of Internet users to exchange message 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 t

4、echnology design message board system interface and styles, 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,

5、 change the site style, features, and join in the design 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

6、 design, I hope the network message board can bring convenience to our users. Keywords: ASP, message board, website, administrator 1 系统需求分析 1.1 任务概述 开发出的 网络 留言板 系统 应 该 具备很强的开放性 、 扩展性 和 安全 性 ，同时 能够便捷的对用户资料进行查询管理对网站上的不文雅词汇进行过滤，屏蔽可能出现的安全隐患，让注册用户可以有一个轻松自在的网上互动交流的站点。 1.2 系统功能分析 1.2.1 系统用户 系统用户主要有 游客、 注册

7、用户、 管理员 三 种， 详见图 1-1 所示。 2 图 1-1 系统用户图 1.2.2 系统用户 功能 游客是用户里面权限最低的。只可以查看已发布 的 文章和已注册博友，无法进行其他操作，不用注册。注册用户是已经注册用户，可以添加其他注册用户为好友，发送信息，修改自己的个人信息，发帖回帖。用户组的用例图如图 1-2 所示 。 图 1-2 用户组的用例图 管理员组：管理员权限比 注册 用户高。他们不但可以对 注册 用户进行管理而且可以对网站进行管理 。管理包括 修 改 改会员信息、删除会员、过滤敏感词汇、设置网站外观以及文章显示、改变网站名称、关闭网站 ，和关闭网站注册。当然，他们也可以像一般

8、用户那样填写留言和修改个人资料。以上各种操作也必须经过登录验证以后，但是值得注意的是权限相同的管理员不能够对彼此进行操作 ， 管理员组的用例图如图1-3 所示 。 游客 查看文章 注册 个人资料管理，添加好友 发帖回帖 发信息，送花朵 用户 游客 管理员 系统 注册用户 3 图 1-3 管理员组的用例图 1.3 性能需求 可以在 windows 的任何版本的操作系统下运行。可以在 IE，火狐等浏览器上兼容流畅运行 。 1.4 数据描述 利用 Access 来设计数据库，使程序数据添加使用更加容易。 （ 1） 用户表： 此表用于存放 用户的所有注册信息，同时管理员的信息也存放在此表中。 （ 2）

9、 文章表：此表存放发布文章 的内容 和回帖 的 内容。 （ 3） 网站 表： 此表存放网站设置信息，供管理员使用。 （ 4） 赠花表 ： 存 放 会员间送花的 信息 。 （ 5） 好友表：存放好友添加情况信息。 （ 6） 信息表：存放好友发送信息的情况。 2 系统 开 发 工具介绍以及运行环境要求 2.1 ASP 技术简介 2.1.1 ASP 优势 Active Server Pages：“动态服务器网页”，通常我们 简称为“ ASP”， 我们之所以接受并且重视 ASP 的 原因，主要在于 其在客户端产生的网页代 码 都是标准的 HTML管理员 修改用户资料 删除注册用户 过滤敏感词汇 设置网

10、站外观 关闭注册和关闭网站 修改网站名 4 格式，而且这些程序是在 服务器端 执行，使用一般的浏览器（如 IE 或 火狐 ）都可以正确地获得 ASP 的“执行”结果，并且这 些 ASP 执行的结果 都可以 直接在浏览器中“浏览” 。 2.1.2 ASP 特点 （ 1）使用简单的文件编辑器就可以创建和编辑 ASP 程序 。 （ 2） ASP 的源代码不会被传送到客户的浏览器，安全性高。 （ 3） ASP 可使服务器端的脚本程序来自动生成客户端的脚本代码。 （ 4） ASP 提供了后台数据库连接和访问的功能。 （ 5）使用简单的 VBScript 和 Javascript 结合 XHTML 代码

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

12、具 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，也可以说

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

14、布局。 （ 4）将 CSS 文件存放在单独的样式表文件中，可以减少网页无效的可能性。 虽然 DIV+CSS 在网页布局上优势明显，但是问题同样也存在，它 不但 对于 CSS高度依赖， 而且会 使网页设计变的复杂，容易出现浏览器兼容问题。 2.5 EditPlus 3 方便好用的代码编辑器，可以对代码进行加色 拥有 自动换行等功能 。 2.6 运行环境 Microsoft Windows sever 2003 ， IIS5.1 3 网站总体设计 3.1 网站的总体结构 网站总体设计思想 :前台和后台分离，数据和程序分离的设计思想。 3.1.1 前台页面设计 前台设计图如图 3-1 所示 。 图

15、3-1 前台设计图 3.1.2 后 台页面设计 后台设计图如图 3-2所示 。 首页管理 资料管理 博友管理 文章管理 信息管理 送花管理 留言网系统 6 图 3-2 后台设计图 3.2 网站 实际 效果 网站包括首页，注册，登陆，会员中心，管理中心，博友，数据库等各项组成。通过主页使每一个浏览者都能很快地看到所有人发布的文章，找到自己喜欢的内容如果是已注册用 户还可以进行回复。 网站主页如 图 3-3所 示 ： 图 3-3 网站主页面 3.3 系统 文件 说明 系统 中 存在大量文件 为了方便 辨别和记忆其功能，所以制作了 系统文件说明 表，如表 3-1 所示。 留言网 后 台设计图 敏感字

16、管理 系统设置 留言管理 用户管理 网站设置 7 表 3-1 文件说明 文件名 文件功能说明 db 存放数据库的文件夹 emotions 发表留言上的表情选择 face 会员头像存放文件夹 images 网站中背景等应用图片的文件夹 js 存放 Javascript 的文件夹 kind 文章各种标题图片文件夹 pic 存放发布文章图片的文件夹 qemotions 存放 发布文章插入 Q 图的文件夹 style 存放 CSS 网站排版的文件夹 ubb 存放发布文章的中功能图片 admin.asp 后台服务器信息界面代码 admin_set.asp 系统设置界面代码 admin_sidebar.a

17、sp 会员管理界面侧边栏代码 admin_vip.asp 会员管理界面代码 admin_vip_del.asp 实现管理员删除会员功能代码 admin_vip_mof.asp 管理员进行修改会员信息界面代码 admin_vip_mof_do.asp 实现管理员修改会员信息 代码 article.asp 发布文章界面代码 blog.asp 博友界面代码 code.asp 验证码程序代码 conn.asp 数据库实例创建连接销毁以及敏感词过滤代码 face.asp 会员注册时选择头像界面 flower.asp 会员查看花朵界面代码 footer.asp 网站底 界面代码 friend.asp 会员

18、查看好友界面代码 header.asp 网站头 界面 代码 index.asp 网站首页代码 8 login.asp 登陆界面代码 login_do.asp 实现会员登陆功 能的代码 logout.asp 登出系统的代码 md5.asp 注册用户密码在数据库中加密的文件 member.asp 个人中心首页代码 member_flower.asp 个人中心查看花朵界面代码 member_friend2.asp 个人中心查看我添加好友界面的代码 member_friend.asp 个人中心查看添加我的好友界面的代码 member_friend_del.asp 个人中心实现拒绝别人添加自己好友的代码

19、 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 个人中心短信管理实现删除短信功能的代码 member_sidebar.asp 个人中心侧边栏界面的代码 note.asp 会员相互发短信息界面的代码 p

20、ost.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 验证码文件 9 4 网站的 数据库设计 4.1 数据表的概要说明 数据库中的表如图 4-1所示 。 图 4-1 数据库中表图 4.2 数据库连接 为了防止

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