留言薄系统设计汇编.doc

《留言薄系统设计汇编.doc》由会员分享，可在线阅读，更多相关《留言薄系统设计汇编.doc（15页珍藏版）》请在三一文库上搜索。

1、留言簿系统设计随着网络的应用越来越广泛， 国内外不少的大中小型企业都不约而同地意识到利用网络 传递信息可以在一定程度上提高办事效率。 而搭建一个用户与企业的在线交流平台亦显得非 常重要。留言簿系统是一种简洁而实用的非实时的在线交流平台， 网站访问者可通过留言簿与企 业和网站管理人员进行交流。该系统具有支持在线管理、删除留言内容、留言内容搜索、自 动分页、IP显示等功能。通过留言簿系统，使信息的发布可以面向群组和个人，任何人可 以提出留言，管理员可以答复留言。留言簿可以实现以下功能：二叫 任何人员都可以访问该系统，并且都具有填写留言的权限。0!管理员或版主可以答复他人问题、删除话题等。+ 留言可

2、以按照留言内容以及回复内容等条件进行搜索。1.1系统概述根据不同的用户，本留言簿系统可以分为以下两个功能区。普通用户功能区根据用户的需求，普通用户可以进行如下操作：0!可以浏览该系统的留言信息。0!可以自动统计每条留言的访问次数。+ 无需注册，直接可以填写留言。管理员功能区管理员通过输入的账号和密码正常登录该系统后，除了享有普通用户具有的权限外，还可以进行如下操作：+管理员可以进行留言信息的管理，对留言信息进行回复和删除操作。&叫管理员可以进行个人密码管理，对登录密码进行修改操作。+ 管理员可以退出登录状态。系统构架该系统设计流程是：首先创建留言簿系统数据库，再设计该系统的功能，然后编写源代码

3、实现系统功能，并在表示层制作与用户对话界面；将系统上传到In ternet进入应用层后，用户数据层1r设计数据服务1配置系统信息1r表示层1F应用层1r用户接口层图1.1系统总体构架1.1所示。使用该系统。该流程对应的系统构架为：数据层t设计数据服 务t配置系统信息t表示层t应用层t用户接口层。系统总体构架如图系统功能模块设计系统主要功能如下所示。丄 留言信息显示功能。0!用户填写留言功能。+ 管理员登录功能。管理员管理留言簿功能，对留言信息进行回复、删除以及回复。0!管理员修改登录密码功能。+ 管理员退出登录状态功能。1.2、图系统主要分为三大功能模块，其中前台系统功能模块和后台系统功能模块

4、如图1.3所示。图1.2前台系统功能模块图1.3后台系统功能模块（1）公用模块此模块包括母版页文件、层叠样式表文件和类文件。该系统中任何页面需要用此模块时， 直接调用即可，这样即可以减少源代码，也可以使整个系统紧凑有序。（2）前台系统功能模块此模块实现了普通用户功能区的所有功能，由用户查看主题模块和填写留言模块组成，功能如下所示。，叫 用户查看主题模块：此模块包括系统首页，负责留言信息的内容和留言时间的显示， 还可以实现自动分页； 通过留言内容上的超级链接，可以查看该留言的留言信息和回复留言信息，并自动统计留言的访问次数。 访问者和管理员进入系统时，首先进入该页面。凹填写留言模块：此模块用于填

5、写留言页，为用户搭建了一个与交流的平台。用户在此页面中填写与企业或版主交流的话题和内容，此页面把用户填写的留言信息提交给数据库并且在查看主题模块页中显示。（3）后台系统功能模块此模块实现了管理员功能区的所有功能，由管理员登录模块、管理留言模块、修改密码模块及退出系统模块组成。这 4个模块的功能如下所示。管理员登录模块：此模块包括管理员登录页， 负责根据管理员所输入的账号和密码 判断该用户是否合法， 以及具有哪些操作权限， 并根据不同的权限返回包含不同模 块的页面。+管理留言模块：此模块只对管理员类用户开放，功能包括回复留言信息和删除留言信息。此模块是该系统的核心，它能够实现管理员对留言簿系统的

6、一些基本操作， 例如回复留言信息和删除留言信息等。0!修改密码模块：此模块包括修改密码页。只对管理员类用户开放，用于管理员修改 登录的密码。+退出系统模块：此模块包括退出系统页，在该系统中只对管理员类用户开放，负责结束管理员类用户在登录模块所获得的Session变量，退出本系统，返回到系统首页。1.2总体设计总体结构本、留言簿系统主要是通过1个母版页和9个内容页来实现普通用户功能区和管理员功能区。各个页面的关系如下所示。（1）公用模块母版页文件 GuestBook.master、类文件 DBCIass.cs、层叠样式表文件 StyleSheet.css,母 版页和其他一些内容页面调用即可。（2

7、）前台系统功能模块留言簿前台系统功能模块页面流程如图1.4所示。图1 . 4前台系统功能模块页面流程图(3) 后台系统功能模块留言簿后台系统模块页面流程，如图1.5所示。各页面功能分配该系统页面功能如下所示。GuestBook.master:母版页，定义页面的统一布局。StyleSheet.css：层叠样式表文件，定义超级链接风格。DBCIass.cs:类文件，定义了数据操作的相关方法。Default.aspx :查看主题内容页留言簿系统首页，分页显示系统中所有留言主题，并通过留言内容连接到留言查看内容页ShowReply.aspx :留言查看内容页，查看特定留言的内容及回复，并自动更新留言的

8、浏 览次数。Write.aspx :发表留言内容页，填写新的留言。留言发表成功后自动引导到查看主题内 容页。Login.aspx :管理员登录内容页，登录成功后自动引导到留言管理内容页 admi n. aspx:留言管理内容页：管理员管理留言，通过超级链接可链接到留言回复内容 页页、留言删除内容页和留言查看内容页。Reply.aspx：回复留言内容页，回复留言信息，回复后自动引导到留言管理内容页。 Delete.aspx :删除留言内容页：删除留言信息，删除后自动引导到留言管理内容页。 LogModify.aspx :管理员密码修改内容页，修改留言后台登录密码信息。修改成功后清 除登录信息，自

9、动引导到管理员登录内容页。Logout.aspx:安全退出后台管理页，管理员退出已登录状态，并返回到系统首页。系统工作流程留言簿系统工作流程如图1.6所示。Default.aspx * ShowReply.aspxWrite.aspx 切Logi n.aspxDelete.aspxReply.aspxShowReply.asp否Logout.aspxLogModify.aspx图1.6留言簿系统工作流程1.3数据库设计数据库设计思想系统采用Access作为后台数据库。通过分析，要在数据库中存储以下基本信息。管理员信息：管理员ID号、管理员账号、管理员密码。留言信息：留言ID号、留言者、留言内容

10、、留言时间、留言者IP、留言者QQ/MSN、留言者E mail、留言者个人主页、留言回复、留言回复时间、浏览次数。通过以上的分析可知，该系统需要创建两个数据表，表中具体信息如下所示。管理员信息表adndnlnfo ：用于存储管理员ID号、管理员账号和管理员密码。留言信息表messagelnfo：用于存储留言ID号、留言者、留内容、留言时间、留言者IP、 留言者QQ/MSN、留言者E_mail、留言者个人主页、留言回复、留回复时间、浏览次数等。创建数据表本系统使用 Access作为数据库管理系统，数据库名为guestbook.mdb。 guestbook.mdb数据库中包含的数据表及其相应功能如

11、表1.1所示。表1.1 guestbook.mdb数据库包含的数据表及其功能表名功能admi nlnfo存放管理员基本信息message Info存放留言基本信息管理员信息表admi nlnfo该信息表用于存储管理员的基本信息，包括管理员ID号（id ）、管理员账号（name）、管理员密码 （pwd ）。在已创建的 Access数据库guestbook中，创建一个表， 名为adminlnfo， 向表中添加字段如表 1.2所示。表1.2管理员信息表admi nlnfo字段名数据类型长度说明备注id自动编号长整型管理员ID号设为主键且自动编号n ame文本20管理员账号不允许为空pwd文本20管理

12、员密码不允许为空留言信息表 message Info该信息表用于存储留言的基本信息，包括留言ID号（id）、留言者姓名（name）、留言内容（content）、留言者 QQ（qq）、留言者E_mail （email）、留言者个人主页（homepage）、 留言时间（u_time ）、留言者IP地址（ip）、留言回复（reply）、留言回复时间计（r_time ）、 留言浏览次数（viewtime ）。在已创建的 Access数据库guestbook.mdb中，创建一个表，表名为message Info，向表中添加字段如表1.3所示。表1.3留言信息表messagelnfo字段名数据类型长度说明

13、备注id自动编号长整型留言ID号设为主键且自动编号n ame文本20留言者姓名不允许为空content备注留言内容不允许为空qq文本10留言者 QQ允许为空email文本50留言者 E-mail允许为空homepage文本50留言者个人主页允许为空u_time日期时间留言时间允许为空ip文本14留言者 IP地址允许为空reply备注留言回复允许为空r_time日期时间留言回复时间允许为空viewtime数字长整型留言浏览次数1.4目录设计本系统的主文件夹为 GuesBook，其下包括有 ASP.NET站点的系统文件夹 App_Code、App_Data和App_Themes，保存系统所需图像的

14、文件夹images。所有的站点母版页、内容页和层叠样式表文件均存储在主文件夹下。App_Data文件夹存储应用程序数据文件，如MDB文件、MDF文件、XML文件和其他数据存储文件。App_Code文件夹作为应用程序一部分进行编译的实用工具类和业务对象的源代码。App_Themes文件夹用于定义 ASP.NET网页和控件外观的文件集合（.Skin和.CSS文件以及图像文件和一般资源）guestbook.mdbDBCIass.csStyleSheet.css1.5公用模块设计与实现为了使留言簿系统的结构清晰、代码规范，这里把系统中重复使用的代码写在一个页面 内，当需要的时候直接调用即可。该系统的公

15、用模块包括以下页面。母版页定义站点中页面的外观。可以包括静态文本、HTML元素和服务器控件的预定义布局，必须包含一个或多个内容占位符。切换到“设计”视图。（1）页面属性设计页面背景为： images/background.jpg ；页面背景为：X方向(2) 母版页的布局设计Banner设计表格：1行1列；755px X 104px、居中对齐单元格中数据： images/ba nn er.jpg内容版面设计表格：1行2列；755px X 395px、居中对齐设置第一列：宽212Px、字号9pt、文本垂直居中、背景图像images/left.jpg、背景颜色#dcdcdc设置第二列：宽 543PX

16、、字号9pt、文本垂直顶端页脚设计添加表格：1行1列；755px X 81px、居中对齐、背景图像images/bottom.jpg设置单元格：宽755Px，文本水平及垂直居中，字号10pt，文本颜色#696969;单元格中输入数据“欢迎访问！请用 IE 6.0,在800 X 600以上分辨率下浏览本网站！CopyRight2010 !”(3) 添加导航在内容版面”的第一个单元格中添加两个Panel控件，ID分别为panel1和panel2,panel1中为前台系统导航和后台登录导航。Panel2中为后台系统导航。添加文本和链接如下表。所在Panel控件ID类型文本链接地址panel1前台系统

17、查看主题Default.aspx发表留言Write.aspx后台登录Login.aspxpanel2后台系统留言管理admin.aspx修改密码LogModify.aspx安全退出LogOut.aspx(4) 添加内容占位符将ContentPlaceHolder控件拖动到右中单元格中。(5) 效果图层叠样式表文件StyleSheet.css为了便留言簿系统的界面美观、风格统一、修改方便，所以创建一个层叠样式表文件StyleSheet.css,对留言簿系统所有网页文件中所标记的属性实行统一控制。StyleSheet.css的代码如下所示。Acolor : #000000;font-size :

18、9pt; text-decoration : none;A:hovercolor : #0000ff ;font-size : 9pt; text-decoration : underline ;编写页面代码时， 在母版页的V HEAD 和标记之间包含该样式表文件, 可以起到统一页面风格的作用，具体代码如下所示。该类文件的名为 DBCIass.cs，类名为DBCIass，包含四个方法。代码如下所示。public class DBClasspubIic DBCIass()/ TODO: 在此处添加构造函数逻辑/ / 建立数据库的链接对象的方法/ / 数据库的链接对象 pubIic OIeDbCo

19、nnection dbconn()string con = Provider=;Data Source= + App_Data/guestbook.mdb );OIeDbConnection conn = new OIeDbConnection (con);conn.Open();return conn;/ / 建立返回查询的第一行第一列数据的方法/ / 传入参数为 Select 语句 / 返回查询的第一行第一列数据 public int dbscalar( string sql)OleDbCommandcmd = new OleDbComman(dsql, dbconn();int n =

20、( int )cmd.ExecuteScalar(); return n;/ / 建立返回 DataReader 对象的方法/ / 传入参数为 Select 语句 / 返回 DataReader 对象 public OleDbDataReader dbReader( string sql)OleDbCommandcmd = new OleDbComman(dsql, dbconn();OleDbDataReader dr = cmd.ExecuteReader(); return dr;/ / 建立执行数据库中数据操作的方法/ / vparam name=sql 传入参数为 Insert、De

21、lete 或 Update语句 public void dbIDU( string sql)OleDbCommandcmd = new OleDbComman(dsql, dbconn(); trycmd.ExecuteNonQuery();catch ( Exception ex)vscript language=javascriptalert(遗憾！修改数据失败！) );return ;finallycmd.Dispose();使用这些方法先使用类的构造函数建立对象，再使用。参考代码如：DBClass db = new DBCIass();protected void btnUpdate_

22、Click( object sender, EventArgs e)string cname = IblName.Text;string cmm =;string sql = update adminInfo set pwd= + cmm + where name= + cname +;db.dbIDU(sql);Session.Abandon();Response.Redirect(login.aspx );1.6功能模块的设计与实现查看主题模块一Default.aspx是留言簿系统的首页。(1) 要求丄 显示该系统所有留言信息中的留言内容(content)和留言时间(u_time)。丄 单

23、击留言内容”链接到查看回复”页，以实现该留言详细信息的查看。丄 该页面每页显示10条留言信息，当多于10条时页面自动实现分页。丄页面的导航显示如下图所示。起始页中间页最后页亠 信息显示默认按照“留言时间(u_time)”降序显示。也可以重新进行按照“留言”和“留言时间”排序。+“留言”和“留言时间”的绑定字段的宽度分别为420px、60px ;丄所有行高均为23px。+ 日期的显示为短日期。（2）控件及其属性设置控件ID属性名属性值或集合作用（可以附图说明属性集合）（3）事件及方法（4）实施步骤（5）内容页参考效果图查看回复模块一ShowReply.aspx用于显示特定留言的所有信息。（1）要

24、求+ 显示Default.aspx页上单击“留言内容”所对应留言的所有留言信息（不显示该留言的id ）。+ 进入该页面时的浏览次数自动增加1。+ 对于留言人、 留言IP、留言时间、浏览次数、回复时间按文本标签显示，其中留言时间和回复时间显示形式为短日期。联系方式包括QQ/MSN、E_mail和个人主页，分别以图像oicq.gif、email.gif、home.gif作为超级链接的源端点，实现链接到 QQ/MSN、E_mail链接和个人主页链接；鼠标指定相应的图像，显示QQ/MSN、E_mail和个人主页提示。留言和回复信息显示在文本框中，但不能修改和删除。丄 单击“返回”按钮，返回原来Defa

25、ult.aspx页的相应页面。（2）控件及其属性设置控件ID属性名属性值或集合作用（3）事件及方法（4）实施步骤（5）内容页参考效果图发表留言模块一Write.aspx用于发表留言信息，留言发布成功后自动引导到留言簿系统的首页一Default.aspx。（1）要求丄 用于发表留言信息，留言发布成功后自动引导到留言簿系统的首页一Default.aspx。丄“留言人”和“留言”必须填写；“QQ/MSN ”由8到10个数字字符组成，“E_Mail ”填写必须正确，“个人主页”书写格式应为正确的URL格式，但不包括“+ 单击“提交”按钮，发布留言，留言发布成功后自动引导到留言簿系统的首页一Defaul

26、t.aspx。列 单击“重写”按钮，清除所书写的信息，使输入控件中的数据恢复到初始状态。M 单击“返回”按钮，返回上次浏览页面。（2）控件及其属性设置控件ID属性名属性值或集合作用（3）事件及方法（4）实施步骤（5）内容页参考效果图管理员登录模块一Login.aspx，用于留言簿后台管理登录，登录成功后自动引导到留言管理页一 admin.aspx。（1）要求0!账号和密码必须填写。+ 单击“登录”按钮，根据查询返回的记录数判断是否为合法用户，并友好的给出相 应的提示。丄 登录成功后，保存用户的账号到 Session对象，自动引导到留言管理页一 admin.aspx 0!单击“重写”按钮，清除所

27、书写的信息，使输入控件中的数据恢复到初始状态。（2）控件及其属性设置控件ID属性名属性值或集合作用（3）事件及方法（4）实施步骤（5）内容页参考效果图留言管理模块一admin.aspx，用于管理员进行留言管理。（1）要求+ 显示该系统所有留言信息中的留言人、主题（若留言内容的字符数超过20,取其左侧的20个字符，并加“”）、留言时间（u_time）、回复否（若回复内容为“尚 未回复”，则“未回复”，否则“已回复”）和链接字段“回复”及“删除”。丄 单击“回复”链接，链接到留言回复页一Reply.aspx,以实现该留言回复的修改和回复。+ 单击“删除”链接，链接到留言删除页一Delete.asp

28、x，以实现该留言的所有信息显示和删除。+ 该页面每页显示10条留言信息，当多于 10条时页面自动实现分页。丄 信息显示默认按照“留言时间（u_time）”降序显示。凹 “留言人”、“主题”、“留言时间”、“回复否”、“回复”及“删除”绑定字段的宽度分别为 60px、260px、60px、40px、30px、30px、丄所有行高均为23px。E!日期的显示为短日期。（2）控件及其属性设置控件ID属性名属性值或集合作用（可以附图说明属性集合）（3）事件及方法（4）实施步骤（5）内容页参考效果图留言回复模块一ShowReply.aspx，用于管理员进行已回复留言的回复信息修改和回复留言。Reply.

29、aspx：回复留言内容页，回复留言信息，回复后自动引导到留言管理内容页。（1）要求丄 显示admin.aspx页上单击“回复”所对应留言的所有留言信息（不显示该留言的id）。亠 对于留言人、 留言IP、QQ/MSN、E_mail、个人主页和留言时间按文本标签显示， 其中留言时间显示形式为短日期。留言和回复信息显示在文本框中，但留言不能修改和删除。丄 单击“更新”按钮，保存回复的同时更新回复时间，更新成功后自动引导到admin.aspx 页。丄 单击“返回”按钮，返回原来admin.aspx页的相应页面。（2）控件及其属性设置控件ID属性名属性值或集合作用（3）事件及方法（4）实施步骤（5）内容

30、页参考效果图删除回复模块一Delete.aspx，用于管理员删除特定留言的所有信息。（1）要求判 显示admin.aspx页上单击“删除”链接，显示所对应留言的所有留言信息（不显示该留言的id ）。对于留言人、留言IP、留言时间、浏览次数、回复时间按文本标签显示，其中留言时间和回复时间显示形式为短日期。联系方式包括QQ/MSN、E_mail和个人主页，分别以图像oicq.gif、email.gif、home.gif作为超级链接的源端点，实现链接到QQ/MSN、E_mail链接和个人主页链接；鼠标指定相应的图像，显示QQ/MSN、E_mail和个人主页提示。留言和回复信息显示在文本框中，但不能修

31、改和删除。凹 单击“删除”按钮，友好的给出提示，“确认”后删除留言，否则取消删除操作；删除后，并自动引导到 admin.aspx页。丄 单击“返回”按钮，返回原来admin.aspx页的相应页面。（2）控件及其属性设置控件ID属性名属性值或集合作用（3）事件及方法（4）实施步骤（5）内容页参考效果图管理员密码修改模块一LogModify.aspx，修改留言后台登录密码信息。修改成功后清除 登录信息，自动引导到管理员登录内容页。（1）要求0!原密码、密码和密码确认必须填写。丄输入的原密码必须与数据库中的已有的密码一致。丄 密码由6到12个数字字符、字母及下划线组成。，叫密码确认必须与密码一致。&叫 单击“保存”，保存新密码；保存成功后，注销登录信息，自动引导到管理员登录 页。（2）控件及其属性设置控件ID属性名属性值或集合作用(3) 事件及方法(4) 实施步骤(5) 内容页参考效果图LogOut.aspx :安全退出后台管理模块，管理员退出登录，并返回到系统首页。(1) 要求，叫 进入该页面，清除登录信息。，叫返回到系统首页(2) 事件及方法(3) 实施步骤