1 引言

1.1  概述

博客是一种正处于快速发展和快速演变的互联网应用，也是一种表达个人思想，内容按照时间顺序排列，并且不断更新的出版方式。Pvra创始人EvanWilliams认为博客概念主要体现在三个方面：频繁更新（Frequency）、简洁明了（Brevity）和个性化（Personality）。可见，博客是一种新的信息共享形式，主要针对个人信息共享而发展起来的一种当今较为流行的沟通方式。简易博客网站正是一种用于个人信息发布与交流的专业网站，提供最基本的交流功能和个性化设计。以最简明的方式提供对个人信息的管理功能，以达到用户方便地相互交流思想感情的目的。

1.2  设计背景

计算机科学不断的发展，给信息共享提供了有利的客观条件。随着数字信息的全球化，对信息共享的需求日益增大。现在，不仅企业、集团、单位需要共享自身的信息，个人信息共享的需求也是迫不急待。数字化的世界中，人与人的交流方式和传统的交流方式相比有所改变。博客网站是适应这种人际交流方式的改变，迎合个人信息共享的需求，并在此基础上快速发展起来的一种个人思想感情表达方式。博客网站的出现，给Internet世界的个人交流带来了极大的方便。

1.3  设计意义

当今时代是计算机时代，人们的工作大部分都依赖计算机。计算机的功能仍在不断的增强，应用范围在不断扩大。在这种形势下，人与人之间的交流也在慢慢地计算机化。博客是发布个人信息、表达个人思想感情的一种有效方式，即博客网站就个人信息发布的场所，是人与人沟通的一个聚集地。因此，博客网站不仅需提供用户发布个人信息的功能，还需提供用户浏览信息的功能，查看用户所发布的个人信息的功能等。因此，博客网站的建设有其不容忽视的特殊意义。

1.4  设计方法

本设计采用asp.net(C#)技术进行开发，Asp.net技术相对于传统的asp技术有着绝对的优势，大大减化了程序员的代码量，对程序员开发WEB应用程序提供了完备的技术支持。.net的跨平台性，也使得开发出来的WEB应用程序具有更好的扩展性，能够运行于不同的操作平台之下。

后台数据库采用SQL　Server 数据库，该数据库与.net同属微软产品，在接口、性能支持上比其它数据库达到更好的效果。

基于对博客网站的分析，本设计需要解决四个主要问题。

1.4.1　提供用户注册

在网站系统中用户分为两类：一类是普通用户，此类用户在网站中仅拥有一般的浏览权限；另一类是网站注册用户，此类用户既拥有一般的浏览权限，又有对个人信息的维护功能。系统所提供的注册功能是针对第一类普通用户的。本系统将在首页设计注册功能按钮，点击进入注册页面。注册页面为普通用户基本信息录入界面，利用Visual Studio 2003对应控件的事件编程将用户基本信息插入数据库实现注册功能。

1.4.2　博客模板

博客模板是个人登录网站后的个性化界面问题，不同的用户根据个人喜好有不同的风格。作为博客网站，提供各种各样的模板对提高用户的注册量和浏览人数是重要的。博客模板的实现，通过CSS设计改变网页的风格完成。

1.4.3　用户维护个人基本信息

用户维护个人基本信息，即注册用户修改、增加、删除个人基本信息。在此，网站系统通过在注册用户登录界面后的个人主页界面设置与功能对应的按钮另起一页，在该页实现用户对个人基本信息的维护。

1.4.4　文章和评论管理

文章和评论管理是网站系统的核心部分，其主要的功能包括：注册用户添加、删除、编辑所发表的文章；删除文章对应的评论。对文章发表评论。该功能的实现，是通过设置功能对应的按钮另起一页，在对应的页面运用控件的事件编程实现对数据库中对应的表操作。

2 需求分析

2.1 调查研究

2.1.1　注册用户需求

注册用户需求主要有：发表文章，所发表的文章能被他人阅读评论。对发表的文章，有以下的管理功能：修改文章基本信息（标题、类型、内容），删除文章，查看文章的评论，删除文章的评论等。文章评论，因为是网站游客或站内的博友阅读文章之后所发表的，所以注册用户对文章所对应的评论只能进行删除操作，此为用户的基本功能。注册用户个人基本信息，包括姓名、出生年月、省份、城市等，是用户自己维护的，即用户可进行增加、修改、删除操作。

2.1.2　普通用户需求

对于普通用户，网站系统需要提供注册功能，以便注册成为网站用户。此外，需要提供普通用户浏览网站内文章、发表文章评论、浏览注册用户基本信息等功能。同时，查看文章浏览和网站内用户信息时，需要提供查询功能，以方便快速找到想要的东西。

2.1.3　管理员需求

网站运行，需要一定维护功能。系统需要提供网站管理员较强大的后台管理功能，包括：用户管理、文章管理、评论管理、发布站内公告等。

2.2 组织结构

基于网站的需求，设计本网站组成结构如图2-1，显示了网站总体组织结构。

图2-1　网站基本组成结构图

2.3  操作流程

（1）注册用户输入登录名与密码，输入正确后登录入自己的个人空间。

（2）在个人空间内（个人首页），首先加载个人的基本信息和站内注册信息。判断用户是否有文章，有就显示出用户最近发表的一篇文章。再判断该文章是否有评论，若有则显示出文章相关讨论的最近三条。点击可以查看该文章的所有讨论。

（3）个人主页提供个人的主要功能有：

A 更改相片，点击可以更改用户出现在个人主页的相片。

B 首页，点击可以返回网站的首页。

C 管理文章，点击管理发表的所有文章。

D 发表文章，点击发表用户文章。

E 管理评论，点击管理所有文章对应的评论，当然在此只有删除功能。

F 修改密码，点击修改用户的登录密码。

G 退出登录，从自己的个人退出返回网站首页。

H 编辑，点击可以编辑用户的基本信息。

（4）普通用户登录，直接通过HTTP输入本站的网站直接访问。

（5）对于普通用户，可以通过注册功能注册成网站用户。

（6）登录网站，提供站内文章阅读和博客浏览，条件查询文章等功能。网站管理员管理网站功能，直接管理站内的所有用户、站内的所有文章、站内的所有评论信息、管理文章的类型（添加、删除）、添加或删除网站管理员及发布站内公告等功能。

2.4  环境配置

开发本系统所需要的软硬件环境如下：

2.4.1　硬件条件

个人PC机：

A　CPU：奔腾4.0用其以上

B　内存：256M及其以上

2.4.2　软件条件

A　Windows Server 2003系统

B　Visual Studio 2003集成开发工具

C　SQL  Server 2000简体个人版

D　IIS2.0及其以上

3 概要设计

3.1 　模块划分

通过对网站系统需求的调查研究，确定网站系统应该对不同的用户提供不同的功能。博客网站主要用于共享个人信息，沟通Internet上人与人之间的感情。经过分析，确定本网站的用户主要分为两种：注册用户和普通用户。考虑到网站的维护问题，决定提供一个管理员权限――网站管理员。因此，本系统主要分为三大模块：注册用户、普通用户、管理员。

3.2 　功能模块初步设计

• 注册用户模块

注册用户功能包括：发表文章、管理文章、管理文章评论等。

(1)发表文章。系统将文章标题、摘要、内容、人气、类型、类型编号、发表时间、发表文章作者、发表文章作者ID录入数据库。

(2)管理文章。用户管理文章的功能主要为修改和删除。系统将用户文章的基本信息显示出来，既可在查看文章详细信息之后，执行修改和删除操作，又可直接对文章基本信息执行删除操作。修改文章信息即修改文章的标题、摘要、内容、类型；删除操作，将文章的相关信息从数据库删除。

(3)管理文章评论。用户管理文章评论的功能是删除评论。系统将用户文章的基本信息显示出来，按不同的文章管理文章评论。根据文章编号，显示文章的评论信息，用户按自己的意愿删除评论，即从数据库里完全删除该条评论的相关信息。

• 普通用户模块

普通用户功能包括：阅读站内文章、发表文章评论、浏览站内博客信息等。

(1)阅读站内文章。系统还提供查询文章功能，普通用户可根据文章的标题、摘要、内容（任意部分）、类型、文章的作者等查询出相关文章信息。阅读文章内容，查看文章的详细信息，并发表文章评论。

(2)发表文章评论。查看文章详细信息即可发表。系统将录入评论的详细信息：发表评论的昵称（非管理员用户均为“网络游客”，管理员用户为该用户的真实姓名）、评论的内容、评论时间、评论文章ID。

(3)浏览博客基本信息。博客的基本信息指在网站内注册用户的基本信息，包括站内注册信息、个人基本信息、联系方式、发表的文章、文章的相关评论信息等。

• 管理员模块

管理员功能包括：管理站内的用户、文章、评论和管理站内公告。

(1)管理用户。管理员对用户管理操作即为删除。系统提供搜索功能，管理员可以通过用户登录名、真实姓名、出生年月等定位到具体用户。执行删除操作，即将用户的注册信息、基本信息、联系方式等完全从数据库删除。删除之后，该管理员用户则和普通用户一样。但是，他所发表的文章仍然存在数据库中。

(2)管理文章。管理员对文章的管理操作为删除。系统提供搜索功能，管理员可通过文章标题、摘要、内容（任意匹配）、类型、作者查询具体文章，然后执行操作。管理操作一旦执行，该文章所对应相关信息就从数据库里删除。管理员对文章的管理，还包括对文章类型的管理，即添加和删除文章类型。

(3)管理文章评论。管理员对评论管理直接操作数据库表“Remark_info”，系统显示所有评论相关信息，根据需要删除评论信息。

(4)管理公告。管理员根据网站的需要添加和删除网站内公告。

3.3  功能模块结构图

基于网站的需求，根据功能模块的初步设计，设计了网站各功能的功能图。

3.3.1　注册用户模块

注册用户模块如图3-1所示，体现了注册用户基本功能。

图3-1　注册用户功能图

3.3.2　普通用户模块

图3-2　普通用户功能图

普通用户模块如图3-2所示，体现了普通用户基本功能。

3.3.3　管理员模块

网站管理员模块功能如图3-3所示，体现了管理员的所有功能。

图3-3　管理员模块功能图

3.4  数据库设计

根据需求分析及模块划分，设计数据库表结构如下。

3.4.1　用户信息表

用户信息表对应数据库中表User_info，存储注册用户基本信息，如姓名、性别、出生年月等，具体设计如表1所示。

表1　用户信息表

3.4.2　文章信息表

文章信息表对应数据库中表Essay_info，存储文章基本信息，如文章标题、摘要、内容、发表时间等，具体设计如表2所示。

表2　文章信息表

3.4.3　评论信息表

评论信息表对应数据库里Remark_info表，存储评论基本信息，如评论时间、内容、评论者昵称等，具体设计如表3所示。

表3　评论信息表

• 管理员登录表

管理员登录表对应数据库中表Login，存储管理员的登录名和密码，具体设计如表4所示。

表4　管理员登录表

• 文章类型表

文章类型表对应数据库中表Essay_type，存储文章的类型编号和类型名，具体设计如表5所示。

表5　文章类型表

3.4.6　管理员公告表

管理员公告表对应数据库中表Publish，存储公告编号和内容，具体设计如表6所示。

表6　管理员公告表

4 详细设计

4.1  网站界面设计

网站界面，即网站门户，为所有用户提供一个信息操作平台。网站注册用户，从此页登录进入自己个人空间；网站普通用户，在此浏览站内注册用户基本信息，文章信息及发表对文章的评论，还可在此注册成为网站注册用户。网站门户分三个界面：首页（网站主页）、博客浏览界面、文章阅读界面。

4.1.1 首页界面设计

A　功能描述

网站首页，提供用户登录、网站管理员登录入口。显示最新七位注册用户主要信息及最具人气的十八篇文章的主要信息，并显示网站公告。

B　界面设计

利用表格布局设计界面，主要由两部分组成：登录和信息显示。

登录：用户登录及管理员登录入口。用户登录：在对应表格里添加两个Textbox，以便输入用户名和密码。添加Button按钮，在其Click事件下编程实现身份验证。管理员登录，在对应另一表格内添加一个LinkButton，在该LinkButton的Click事件下编程导向管理员登录页面。

显示：主要显示相片、姓名、出生年月等信息。添加一个Datagride(DataGridBlog)，利用DataGridBlog邦定列和模板列编程显示。相片和姓名设置成页面间传值的连接形式，以实现点击用户相片或姓名即可查看对应用户的详细信息、最具人气文章的标题和内容的部分文字。添加一个Datagride控件命名为：DataGridArticle，利用其模板列来显示文章的标题和内容的部分文字。将文章的内容部分设置成页面间传值的连接形式，以便点击文章内容可以查看文章详细信息。站内公告信息的显示，通过添加一个Label控件，利用程序直接从数据库表“Publish”中读出公告内容显示于首页，本页具体运行效果如

图4-1所示。

图4-1　网站首页运行效果图

C　核心代码

//绑定最新注册的7位用户基本信息到DataGridBlog

private void BindToDataGridBlog()

{

DbTools tool=new DbTools();

SqlConnection con=tool.CreateCon();

con.Open();

SqlCommand com=new SqlCommand("select top 7 * from User_info order by U_ID desc",con);

SqlDataReader sdr=com.ExecuteReader();

this.DataGridBlog.DataSource=sdr;

this.DataGridBlog.DataBind();

}

//用户登录功能的实现

private void btnLoad_Click(object sender, System.EventArgs e)

{

DbTools tool=new DbTools();

if(tool.juage(this.txtuLoadName.Text))

{

if(tool.uPwdRight(this.txtuLoadName.Text,this.txtuPwd.Text))

{

SqlConnection con=tool.CreateCon();

con.Open();

SqlCommand com=new SqlCommand("select U_ID from User_info where U_LoadName='"+this.txtuLoadName.Text+"'",con);

int uID=Convert.ToInt32(com.ExecuteScalar());

Session["uID"]=uID;

Response.Redirect("Mainpage.aspx?uID="+uID);

}

else

{

this.lblRight.Text="密码不正确";

}

}

else

{

this.lblRight.Text="用户名不存在";

}

}

4.2 　个人主页界面设计

4.2.1　功能描述

个人主页，该界面是重用的页面上显示注册用户基本信息、发表的文章信息、及文章相关评论信息。登录用户主页，该界面除有基本信息和已发布文章外，还提供对基本信息编辑和文章管理功能等入口，即相当于一个小型控件面板。对于浏览用户，该页面仅是信息浏览页面，而操作功能被屏蔽，仅对其提供评论文章功能。

4.2.2　界面设计

采用表格进行布局。该页主要分二大部分：功能操作、信息显示。

功能操作：用户对个人信息编辑、个人文章管理及对文章评论管理和博管模版切换。通过LinkButton页面传值另起页面编程实现。编辑个人基本信息、联系方式等是通过LinkButton编程实现。更改相片、我的主页、发表文章、修改密码都要考虑页面间传值的问题，因此也是通过LinkButton并改了LinkButton的外观提供管理入口的。

信息显示部分：该页主要显示用户个人信息、最新发表的一篇文章的基本信息及该文章的最近三条评论、用户发表的所有文章。页面初始化时，加载用户信息到相应的位置。个人基本信息如：站内ID、注册日期、姓名等通过重命名控件Lalel显示。页面会判断用户是否有文章，若有就会显示出最新发表的一篇文章，并在此添加一个LinkButton，利用其Clickg事件编程实现编辑文章功能，方便用户直接编辑这一篇文章。紧接着文章下面，拖入一个DataList，以显示这篇文章的评论（只显示最近的三条）。并把评论内容做成页面间传值的连接，用户点击，便可查看和管理该篇文章的所有评论。然后，拖入一个DataGrid，用以显示用户发表的所有文章，主要显示给普通用户以便阅读。DataGrid设置分页功能，每一页显示5篇文章的标题和内容的一部分。点击内容便可查看文章的详细内容和评论信息。

在个人主页，提供了两个博客模版。通过拖入两个LinkButton编程实现。

本页具体运行效果见图4-2。

图4-2　用户个人主页运行效果图