ASPNET的博客系统的设计与实现

1、基于ASP.NET的博客系统的设计与实现作者：吴一挺院系作者简介：吴一挺，男，1983年生，汉族，浙江台州人，安徽大学管理学院管理科学与工程系2006届信息管理与信息系统专业.研究方向：信息系统开发.论文完成时间：2005年5月31日单位：管理学院专业年级：2006届信息管理与信息系统指导老师：傅丁祥 讲师安徽合肥摘要基于Microsoft.Net环境的ASP.NET技术,为开发功能强大的动态网站提供了一种简单、高效的途径。该博客系统以ASP.NET为开发技术，使用C为开发语言，实现了博客网站的动态管理，使得对博客信息的管理更加及时、高效，提高了工作效率。同时对系统的背景需求、系统的功能特点和

2、设计方案进行了介绍。该文还以随笔管理为例，对ASP.NET环境下的MVC开发模式进行了简单的介绍。.关键字ASP.NET；ADO.NET；博客；系统；数据库Design and Implementation of Blog System Based on ASP.NETAuthor:Wu YitingUnit: the Management College of Anhui UniversitySpecialty：Grade 2006 Information Management and Information SystemTutor：Instructor Fu DingxiangHefei

3、Anhui AbstractBased on Microsoft.Net frame, The ASP.NET provides a simple, efficient way to develop a dynamic web site . The blog system takes ASP.NET as the development technology, uses C # as the development language, has realized the blog website dynamic management, caused to the blog information

4、 management even more prompt, to be highly effective, enhanced the working efficiency. Meanwhile , They take an introduction on the system background demand, the system function characteristic and the design project . This article also introduces the MVC pattern under ASP.NET environment by taking a

5、n example for the users management.KeywordsASP.NET, ADO.NET, Blog, System, DataBase引言博客，数字生活新时尚，通过文字、图片、声音、视频、无线等，尽情展示自我、分享感受、参与交流，美好你我生活。Show you, share me,人人都可以博客，人人都需要博客。1 项目背景“博客”一词是从英文单词Blog翻译而来。Blog是Weblog的简称，而Weblog则是由Web和Log两个英文单词组合而成。Weblog就是在网络上发布和阅读的流水记录，通常称为“网络日志”，简称为“网志”。它是继Email、BBS、IM

6、之后出现的第四种全新的网络交流方式。它绝不仅仅是一种单向的发布系统，而且有着极其出色的交流功能。另外Blog也提供了非常方便实用的个性化功能。简言之，Blog就是以网络作为载体，简易迅速便捷地发布自己的心得，及时有效轻松地与他人进行交流，再集丰富多彩的个性化展示于一体的综合性平台。2 需求分析2.1需求调研任何一个系统的开发，必然有其需求者，博客系统也不例外，本系统通过对互联网中的各个博客系统的分析，得出从以下几个方面进行调研：（1）、收益需求：描述系统的商业需求和系统将带来的收益。（2）、日常功能：亲身体验一个博客在系统中如何交互，然后记录下来。（3）、通过论坛来了解各博客用户的需求：记录下

7、各论坛中各博客用户对博客的要求记录。（4）、制作邮件调查表：通过调查表的形式得出一些具体的书面信息，了解细节。2.2创建用例图博客系统参与者：如图1用户博客管理员博客访问者系统管理员图1 博客系统参与者博客系统用例：如图2用户博客访问者系统管理员博客管理员管理博客账号删除博客内容阅读博客内容用户登录修改账号信息浏览博客目录发表评论管理博客内容图2 博客系统用例图2.3、详细描述用例（举例）用户登录用例如表1所示表1 用户登录用例表用例名称用户登录用例IDUC_11参与者用户、管理员描述用户登录系统过程风险低优先级高难度低启动主动进入用户登录画面或会话超时转入用户登录画面前置条件用户需在登录状态

8、后置条件将用户信息放入会话中将用户相关的博客信息放入会话中显示博客阅读主画面主事件流用户系统1、进入或转入用户登录画面2、用户输入用户名和密码3、系统检查用户和密码是否合法4、系统检查用户是否存在，密码是否正确5、读取用户的基本信息、博客的基本信息放入会话中6、转到管理博客的主画面异常流异常流系统中不存在该用户或用户名错误系统转入登录画面异常用户不存在或者密码错误用户登录用例图如图3所示：填写用户名、密码验证用户名、密码进入登录前的界面储存博客账号信息提示用户登录失败图3 用户登录用例图3系统分析3.1系统中的对象面向对象的开发的基石是对象，那么分析一个系统的开始就是从确定对象开始。那么这个系

9、统重要的实体对象有：博客账户信息、用户、标题、用户名、密码、分类、文章、链接、评论、随笔、图片。而必须的对象有：文章，图片，随笔，链接，博客账号，分类，评论。3.2 开发技术分析本系统采用ASP.NET开发技术进行开发。ASP.NET不仅仅是ASP的一个新版本，更是Web应用程序编程方面的一个全新的概念和方法。ASP.NET中的新功能并不是对ASP的改进，设计它的初衷是为用户入境提供最佳的应用程序架构。它相比于ASP有着以下几个方面的优点：（1） 多语言ASP曾在脚本引擎方面受到了限制，特别是VBScript和Jscript。而ASP.NET则支持多种语言，默认情况下为Visual Basic

10、.NET、C#和Jscript.NET，另外还支持一些第三方语言。（2） 服务器处理ASP在服务器处理上不管页面的内容是纯HTML还是ASP生成的HTML，它都是按照页面顺序显示的。因此逻辑代码依赖于它在页面中的位置，并且无法将HTML控件作为目标，除非将它们作为流的一部分进行显示。而ASP.NET就解决了这个问题，方法是为控件引入一个声明的基于服务器的模型，因为控件在服务器上有，可以在服务器上编程，也可以是客户端驱动的事件。（3） Web Form控件将现有的HTML控件转换为服务器端的控件是比较容易的，但是也存在一些不方便，例如比较难于区分HTML控件和服务器端的控件。于是Microsof

11、t公司就创建了一组专门的服务器控件，它们都用asp：前缀标识。（4） 代码与内容分离一个网站的设计与开发往往由不同的人来实现的，而ASP中就是存在着这样一个问题，代码（ASP脚本）和内容（HTML）混合在一起。这样就使得同时进行设计和开发变得很困难。而ASP.NET则采用了代码内联和后台编码两种方法实现了代码与内容的分离。3.2 健壮性分析（举例）下面以对博客系统的用户登录用例为例进行健壮性分析：3.3.1事件流分析事件流分析主要是针对系统中的用例描述中关于事件流的部分进行分析，此外还必须综合考虑基本路径和扩展路径两方面。3.3.2边界对象分析边界对象：通常是用来完成参与者（用户、外部系统）与

12、系统之间交互的对象。在用户登录这个用例中，由于不存在外部系统，而且参与者也只有一个，就是“用户”，因此它的边界对象有：（1）用户进入登录画面。（2）转到管理博客的主画面。3.3.3实体对象分析实体对象：通常来自域模型，也就是现实世界，用来描述具体的实体，通常映射到数据库表格与文件。这个用例的实体对象包括用户和博客账号信息。3.3.4控制对象分析控制对象：主要用来体现应用程序的执行逻辑，将其抽象出来，可以使得程序不影响用户画面和数据库中的表。这个用例的控制对象有：检测博客账号的合法性。3.4交互设计3.4.1引入实体对象根据健壮性分析，可以把实体对象给罗列出来。这些对象通常也是每个类的一个实例。

13、由于是用来描述运行时状态的情况，因此是对象，而非类。3.4.2引入边界对象和参与者将实体对象引入之后，再就是将边界对象找出来，在交互设计中引入参与者和边界对象。3.4.3引入控制对象将参与者、边界对象均引入之后，再就要结合健壮图中的控制对象，以及用例描述中的事件流来确定对象之间的消息传递。3.4.4添加类的属性与方法在交互设计中，将会发现类应该具有的方法，也会在设计中找到一些新的属性，而这些东西将近一步地完善交互设计。结合健壮分析、交互设计时引入设计类，并添加相应的属性与方法。3.4.5引入基础类在着手开发之前，有一件很重要的事，那就是引入基础类。不管用什么样的开发工具进行代码编写，都将以各种

14、库函数、框架作为开发基础。因此首先根据应用的需要选择相应的框架，然后再根据具体的局部需要选择相应的类库。这个系统中要进行数据库操作，可使用.NET Framework的ADO.NET进行数据库操作。在进行文本编辑时使用文本编辑，引入第三方控件，使用FreeTextBox编辑器。在进行分页时，同样引入第三方控件，使用AspNetPager分页控件。由于这些第三方控件均是开放源码的，所以我们自己可以在开发的过程中对控件进行自己的改动，既有效又方便。需要将这些类库、控件引入到工程中。4.代码实现4.1、编码之前的工作4.1.1在visual 中创建解决方案在Visual stud

15、中，系统的开发主要是以解决方案的形式解决。所以我们在开发这个博客系统前，首先要先创建一个解决方案，命名为MyBlog。4.1.2文件夹的规划在一个Web项目中，文件夹也需要进行规划，通常包括ASP.NET页面、图片、样式文件、Flash动画等元素，需要把它们放置到不同的文件夹，才能很好地管理文件。那么该系统的文件夹规划方式为：(1)Core文件夹下存放工程的类文件。(2)根目录下只存放Default.aspx文件，根目录下的Images下存放与Default.aspx文件相关的图片。(3)ASP.NET页面需要按模块旋转到各文件夹，相关的图片放置到模块文件夹下面的Images文件夹

16、下。(4)样式文件放置到根目录下的Images文件夹下。4.2MVC模式4.2.1什么是MVC模式？MVC由Trygve Reenskaug提出，首先被应用在SmallTalk-80环境中，是许多交互和画面系统的构成基础。MVC结构是为那些需要为同样的数据提供多个视图的应用程序而设计的，它很好地实现了数据层与表示层的分离。MVC作为一种开发模型，通常用于分布式应用系统的设计和分析，以及用于确定系统各部分间的组织关系。对于画面设计可变性的需求，MVC（Model-View-Controller）把交互系统的组成分解成模型、视图、控制器3种部件。(1)视图部件把表示模型数据及逻辑关系和状态的信息以

17、特定形式展示给用户。它从模型获得显示信息，对于相同的信息可以有多个不同的显示形式或视图。(2)控制器部件是处理用户与软件的交互操作的，其职责是控制提供模型中任何变化的传播，确保用户画面与模型间的对应联系；它接受用户的输入，将输入反馈给模型，进而实现对模型的计算控制，是使模型和视图协调工作的部件。(3)模型部件保存由视图显示、由控制器控制的数据；它封装了问题的核心数据、逻辑和功能的计算关系，它独立于具体的画面表达和I/O操作。模型、视图与控制器的分离，使得一个模型可以具有多个显示视图。如果用户通过某个视图的控制器改变了模型的数据，所有其他依赖于这些数据的视图都应反映了这些变化。因此，无论何时发生

18、了何种数据变化，控制器都会将变化通知所有的视图，导致显示的更新。这实际上是一种模型的变化传播机制。4.2.2ASP.NET模式下如何实现MVC？ASP.NET提供了一个很好的实现这种经典设计模式的类似环境。开发者通过在ASPX页面中开发用户接口来实现视图；控制器的功能在逻辑功能代码（.cs）中实现；模型通常对应应用系统的业务部分。在ASP.NET中实现这种设计而提供的一个多层系统，对较经典的ASP结构实现的系统来说有明显的优点。将用户显示（视图）从动作（控制器）中分离出来，提高了代码的重用性。将数据（模型）从对其操作的动作（控制器）分离出来，可以让用户设计一个与后台存储数据无关的系统。就MVC

19、结构的本质而言，它是一种解决耦合系统问题的方法。4.3用户组件和样式的设计博客系统中存在很多相同或相似的元素，这些元素可能是页面的标题，可能是页面的版权声明，也可能是文章的列表或是登录信息框。需要寻找一种方式在整个系统中共享，而不需在变化时修改所有的页面。所以就采用了样式文件进行管理以及用户自定义组件。4.3.1 使用统一样式表在样式文件中主要对以下五个内容进行定义：(1)博客标题：它是博客随笔、文章标题、图片名称的样式定义。(2)博客内容：它是博客内容、文章内容的样式定义。(3)博客版权信息：它是博客系统的页面下方显示博客系统的版权信息的样式定义，在Footer用户控件中使用。(4)导航栏：

20、它是博客系统上方导航栏的样式定义，在Header用户控件中使用。(5)输入框：它是博客系统表单元素的样式定义。4.3.2 设计用户控件ASP.NET为开发人员提供了用户控件这一新技术来实现Web元素的共享，开发人员可以通过Visual Studio.Net进行Web元素的外面的开发，同时可以通过Web元素后台代码的方式进行表现层的开发。在这个博客系统中，使用了Header、Footer等用户控件。4.4、数据库设计博客系统中的数据管理形式采用数据库，根据系统需要与数据规范化分为博客账户信息表(blog)，博客文章信息表（Article），博客随笔信息表（Essay），博客类别表（Categor

21、y），博客评论表（FeedBack），博客链接表（Href），博客图片表（Picture）这七个表，表结构分别如下：表2博客账户信息表(blog)列名数据类型长度允许空备注BlogIDInt4没有实际意义，作为该表主键存在SubjectNvarchar50Null博客的名称UsernameNvarchar50Null博客的用户名PasswordNvarchar50Null博客的密码DescriptionNvarchar100Null博客的描述EmailNvarchar200Null博客的电子邮箱EntrynumInt4Null博客的每页文章显示数量NameNvarchar50Null角色名称R

22、oleInt4Null角色EssaycountInt4Null随笔数ArticlecountInt4Null文章数FeedbackcountInt4Null评论数表3博客文章信息表（Article）列名数据类型长度允许空备注ArticleIDInt4文章表的主键SubjectNvarchar50Null文章标题ContentNtext16Null文章内容CategoryIDInt4Null文章所属分类号BlogIDInt4Null文章所属博客号TimeNvarchar50Null发表时间ViewInt4Null查看次数FeedbackInt4Null评论数表4博客随笔信息表（Essay）列名数

23、据类型长度允许空备注EssayIDInt4随笔表的主键SubjectNvarchar50Null随笔标题ContentNtext16Null随笔内容CategoryIDInt4Null随笔所属分类号BlogIDInt4Null随笔所属博客号TimeNvarchar50Null发表时间ViewInt4Null查看次数FeedbackInt4Null评论数. 表5博客类别表（Category）列名数据类型长度允许空 备注CategoryIDInt4主键NameNvarchar50Null类别名称BlogIDInt4Null类别所属的博客号TypeNvarchar10Null类别所属博客类型Desc

24、riptionNvarchar500Null该类别的描述表6博客评论表（FeedBack）列名数据类型长度允许空备注FeedBackIDInt4评论号，主键SubjectNvarchar50Null评论标题ContentNtext16Null评论内容BlogIDInt4Null针对评论的博客号CategoryIDInt4Null该评论的博客类别号ContentIDInt4Null针对博客标题评论的内容号CategoryNvarchar50Null评论所属类别TimeNvarchar50Null发表评论的时间UsernameNvarchar50Null评论人姓名UrlNvarchar100Nul

25、l评论人邮箱表7博客链接表（Href）列名数据类型长度允许空备注HrefIDInt4链接号，主键NameNvarchar50Null链接名字UrlNvarchar200Null链接CategoryIDInt4Null链接所属类别号BlogIDInt4Null链接所属博客号表8博客图片表（Picture）列名数据类型长度允许空备注PictureIDInt4图片号，主键ImageUrlNvarchar200Null图片链接SubjectNvarchar50Null图片标题CategoryIDInt4Null图册号BlogIDInt4Null图片所属博客号4.5系统实现4.5.1系统结构图根据前面的

26、需求分析可以得出以下的系统结构图：博客系统后台管理阅读博客系统管理随笔管理文章管理评论管理链接管理图片管理账户管理密码管理密码管理图4系统结构图各界面如下：（1）、阅读博客：图5阅读博客界面（2）、随笔管理：（文章管理、评论管理、链接管理、图片管理均类似）图6随笔管理界面后台管理的密码管理界面：图7后台管理的密码管理界面系统管理主界面：图8系统管理主界面系统管理的账户管理界面：图9账户管理界面系统管理的密码管理界面同后台管理，如图七。4.5.2 代码实现整个系统的代码实现均采用表现层、控制层、数据层来实现，并且定义了一个抽象类DBObject类，其它一些类均由这个类继承。具体实现的过程是用户在

27、页面（表现层）激发事件，那么页面的后台代码（控制层）作出回应，根据事件的不同来调用数据层对数据库进行操作。以下以随笔管理为例来说明ASP.NET的代码实现。（1）实现表现层图六所示即为随笔管理列表页面，它的代码在BlogAdminEssayEssay.aspx中。这个页面由三大部分组成。标头与导航栏做成了用户控件，在左右的功能区中，左下角的分类列表是由一个列表控件Datalist捆绑数据后生成的，用到了ItemTemplate模板。ItemTemplate模板代码如代码1：代码1ItemTemplate模板    页面的中右区为随笔信息列表，这也是由Da

28、talist列表控件绑定数据后生成的，这里不仅定义了ItemTemplate，还定义了HeaderTemplate模板、AlternatingItemTemplate模板、SeparatorTemplate模板和FooterTemlplate模板。如代码2所示：代码2DataList列表控件绑定数据标题分类浏览人数评论人数操作    由于DataList不像DataGrid有自动分页的功能，所以我在这个系统中引入了一个第三方控件AspNetPager进行分页管理。首先声明控件：然后在页面中插入分页控件，如代码3：代码3分页控件（2）实现控制层由于随笔管理

29、页面两次使用了DataList控件，所以要对DataList控件进行数据绑定，于是添加一个BindData()方法来处理数据捆绑过程。里面定义的两个参数BlogID和CategoryID分别为博客的编号和分类的编号，用来确定当前显示的是哪个博客中哪个分类中的随笔内容。程序如代码4：代码4随笔数据绑定private void BindData(int BlogID,int CategoryID)DataSet cDs = cDAO.LoadList(BlogID,e);cDs.Tables0.Columns.Add(CategoryStr);for(int i=0;icDs.Tables0.Ro

30、ws.Count;i+)cDs.Tables0.RowsiCategoryStr = +cDs.Tables0.RowsiName.ToString()+;this.essayCategory.DataSource = cDs.Tables0.DefaultView;this.essayCategory.DataBind();DataSet eDs = eDAO.LoadList(BlogID,CategoryID,pager.PageSize*(pager.CurrentPageIndex-1),pager.PageSize,);eDs.Tables0.Columns.Add(Categor

31、y);eDs.Tables0.Columns.Add(Info);eDs.Tables0.Columns.Add(Edit);eDs.Tables0.Columns.Add(Remove);for(int i=0;ieDs.Tables0.Rows.Count;i+)eDs.Tables0.RowsiCategory = cDAO.Load(Convert.ToInt32(eDs.Tables0.RowsiCategoryID).Name;eDs.Tables0.RowsiInfo = 浏览;eDs.Tables0.RowsiEdit = 修改;eDs.Tables0.RowsiRemove

32、= 删除;essayList.DataSource = eDs.Tables0.DefaultView;essayList.DataBind();pager.CustomInfoText=共+pager.PageCount.ToString()+页，当前为第+pager.CurrentPageIndex.ToString()+页;这里面使用了数据库操作对象CategoryDAO的LoadList方法获取了DataSet对象对分类列表进行绑定，而用创建的随笔数据库操作对EssayDAO的LoadList方法生成随笔的列表。（3）实现数据层在随笔管理的绑定的控制层中要使用到数据层的操作类，如Ess

33、ayDAO的LoadList方法，它在BlogCore/EssayEssayDAO.cs文件中。代码5随笔数据层类public EssayVO Load(int id)Connection.Open();SqlCommand sqlComm = new SqlCommand(select * from Essay where EssayID = + id,Connection);SqlDataReader tmpReader = sqlComm.ExecuteReader();EssayVO essayVO = new EssayVO();if(tmpReader.Read()essayVO.

34、EssayID = Convert.ToInt32(tmpReaderEssayID.ToString();essayVO.BlogID = Convert.ToInt32(tmpReaderBlogID.ToString();essayVO.Subject = tmpReaderSubject.ToString();essayVO.Content = tmpReaderContent.ToString();essayVO.Time = tmpReaderTime.ToString();essayVO.View = Convert.ToInt32(tmpReaderView.ToString(

35、);essayVO.FeedBack = Convert.ToInt32(tmpReaderFeedBack.ToString();tmpReader.Close();Connection.Close();return essayVO;EssayDAO是DBObject的子类，它完成了EssayVO对象的基本方法，包括对EssayVO对象的创建、修改、删除、选取和列表方法。以下是DBObject子类的代码及EssayVO类的代码：代码6DBObject.cspublic class DbObjectprotected SqlConnection Connection;private strin

36、g connectionString;public DbObject()connectionString = System.Configuration.ConfigurationSettings.AppSettingssqlConnection;Connection = new SqlConnection( connectionString );protected string ConnectionStringget return connectionString;代码7EssayVO.cspublic class EssayVOprivate int essayID;private stri

37、ng subject;private string content;private string time;private int view;private int feedBack;private int categoryID;private int blogID;public int EssayIDget return essayID;set essayID = value;public string Subjectget return subject;set subject = value;public string Contentget return content;set content = value;public string Timeget return time;set time = value;public int Viewget return view;set view = value;public int FeedBackget return feedBack;set feedBack = value;public int CategoryIDget return categoryID;set categoryID = value;public int Blog