ASPNET的博客系统的方案设计书与实现1.docx
《ASPNET的博客系统的方案设计书与实现1.docx》由会员分享,可在线阅读,更多相关《ASPNET的博客系统的方案设计书与实现1.docx(23页珍藏版)》请在冰豆网上搜索。
![ASPNET的博客系统的方案设计书与实现1.docx](https://file1.bdocx.com/fileroot1/2023-1/31/21cdfa18-8ba5-4efd-9d63-60c9c5496b31/21cdfa18-8ba5-4efd-9d63-60c9c5496b311.gif)
ASPNET的博客系统的方案设计书与实现1
封面
作者:
PanHongliang
仅供个人学习
基于ASP.NET的博客系统的设计与实现
作者:
吴一挺院系单位:
管理学院专业年级:
2006届信息管理与信息系统
指导老师:
傅丁祥讲师
安徽合肥230039
摘要基于Microsoft.Net环境的ASP.NET技术,为开发功能强大的动态网站提供了一种简单、高效的途径。
该博客系统以ASP.NET为开发技术,使用C#为开发语言,实现了博客网站的动态管理,使得对博客信息的管理更加及时、高效,提高了工作效率。
同时对系统的背景需求、系统的功能特点和设计方案进行了介绍。
该文还以随笔管理为例,对ASP.NET环境下的MVC开发模式进行了简单的介绍。
.
关键字ASP.NET;ADO.NET;博客;系统;数据库
DesignandImplementationofBlogSystemBasedonASP.NET
Author:
WuYitingUnit:
theManagementCollegeofAnhuiUniversitySpecialty:
Grade2006InformationManagementandInformationSystem
Tutor:
InstructorFuDingxiang
HefeiAnhui230039
AbstractBasedonMicrosoft.Netframe,TheASP.NETprovidesasimple,efficientwaytodevelopadynamicwebsite.TheblogsystemtakesASP.NETasthedevelopmenttechnology,usesC#asthedevelopmentlanguage,hasrealizedtheblogwebsitedynamicmanagement,causedtothebloginformationmanagementevenmoreprompt,tobehighlyeffective,enhancedtheworkingefficiency.Meanwhile,Theytakeanintroductiononthesystembackgrounddemand,thesystemfunctioncharacteristicandthedesignproject.ThisarticlealsointroducestheMVCpatternunderASP.NETenvironmentbytakinganexamplefortheusers’management.
KeywordsASP.NET,ADO.NET,Blog,System,DataBase
引言
博客,数字生活新时尚,通过文字、图片、声音、视频、无线等,尽情展示自我、分享感受、参与交流,美好你我生活。
Showyou,shareme,人人都可以博客,人人都需要博客。
1项目背景
“博客”一词是从英文单词Blog翻译而来。
Blog是Weblog的简称,而Weblog则是由Web和Log两个英文单词组合而成。
Weblog就是在网络上发布和阅读的流水记录,通常称为“网络日志”,简称为“网志”。
它是继Email、BBS、IM之后出现的第四种全新的网络交流方式。
它绝不仅仅是一种单向的发布系统,而且有着极其出色的交流功能。
另外Blog也提供了非常方便实用的个性化功能。
简言之,Blog就是以网络作为载体,简易迅速便捷地发布自己的心得,及时有效轻松地与他人进行交流,再集丰富多彩的个性化展示于一体的综合性平台。
2需求分析
2.1需求调研
任何一个系统的开发,必然有其需求者,博客系统也不例外,本系统通过对互联网中的各个博客系统的分析,得出从以下几个方面进行调研:
(1)、收益需求:
描述系统的商业需求和系统将带来的收益。
(2)、日常功能:
亲身体验一个博客在系统中如何交互,然后记录下来。
(3)、通过论坛来了解各博客用户的需求:
记录下各论坛中各博客用户对博客的要求记录。
(4)、制作邮件调查表:
通过调查表的形式得出一些具体的书面信息,了解细节。
2.2创建用例图
博客系统参与者:
如图1
图1博客系统参与者
博客系统用例:
如图2
图2博客系统用例图
2.3、详细描述用例(举例)
用户登录用例如表1所示
表1用户登录用例表
用例名称
用户登录
用例ID
UC_11
参与者
用户、管理员
描述
用户登录系统过程
风险
低
优先级
高
难度
低
启动
主动进入用户登录画面或会话超时转入用户登录画面
前置条件
用户需在登录状态
后置条件
将用户信息放入会话中
将用户相关的博客信息放入会话中
显示博客阅读主画面
主事件流
用户
系统
1、进入或转入用户登录画面
2、用户输入用户名和密码
3、系统检查用户和密码是否合法
4、系统检查用户是否存在,密码是否正确
5、读取用户的基本信息、博客的基本信息放入会话中
6、转到管理博客的主画面
异常流
异常流
系统中不存在该用户或用户名错误
系统
转入登录画面
异常
用户不存在或者密码错误
用户登录用例图如图3所示:
图3用户登录用例图
3系统分析
3.1系统中的对象
面向对象的开发的基石是对象,那么分析一个系统的开始就是从确定对象开始。
那么这个系统重要的实体对象有:
博客账户信息、用户、标题、用户名、密码、分类、文章、链接、评论、随笔、图片。
而必须的对象有:
文章,图片,随笔,链接,博客账号,分类,评论。
3.2开发技术分析
本系统采用ASP.NET开发技术进行开发。
ASP.NET不仅仅是ASP的一个新版本,更是Web应用程序编程方面的一个全新的概念和方法。
ASP.NET中的新功能并不是对ASP的改进,设计它的初衷是为用户入境提供最佳的应用程序架构。
它相比于ASP有着以下几个方面的优点:
(1)多语言
ASP曾在脚本引擎方面受到了限制,特别是VBScript和Jscript。
而ASP.NET则支持多种语言,默认情况下为VisualBasic.NET、C#和Jscript.NET,另外还支持一些第三方语言。
(2)服务器处理
ASP在服务器处理上不管页面的内容是纯HTML还是ASP生成的HTML,它都是按照页面顺序显示的。
因此逻辑代码依赖于它在页面中的位置,并且无法将HTML控件作为目标,除非将它们作为流的一部分进行显示。
而ASP.NET就解决了这个问题,方法是为控件引入一个声明的基于服务器的模型,因为控件在服务器上有,可以在服务器上编程,也可以是客户端驱动的事件。
(3)WebForm控件
将现有的HTML控件转换为服务器端的控件是比较容易的,但是也存在一些不方便,例如比较难于区分HTML控件和服务器端的控件。
于是Microsoft公司就创建了一组专门的服务器控件,它们都用asp:
前缀标识。
(4)代码与内容分离
一个网站的设计与开发往往由不同的人来实现的,而ASP中就是存在着这样一个问题,代码(ASP脚本)和内容(HTML)混合在一起。
这样就使得同时进行设计和开发变得很困难。
而ASP.NET则采用了代码内联和后台编码两种方法实现了代码与内容的分离。
3.2健壮性分析(举例)
下面以对博客系统的用户登录用例为例进行健壮性分析:
3.3.1事件流分析
事件流分析主要是针对系统中的用例描述中关于事件流的部分进行分析,此外还必须综合考虑基本路径和扩展路径两方面。
3.3.2边界对象分析
边界对象:
通常是用来完成参与者(用户、外部系统)与系统之间交互的对象。
在用户登录这个用例中,由于不存在外部系统,而且参与者也只有一个,就是“用户”,因此它的边界对象有:
(1)用户进入登录画面。
(2)转到管理博客的主画面。
3.3.3实体对象分析
实体对象:
通常来自域模型,也就是现实世界,用来描述具体的实体,通常映射到数据库表格与文件。
这个用例的实体对象包括用户和博客账号信息。
3.3.4控制对象分析
控制对象:
主要用来体现应用程序的执行逻辑,将其抽象出来,可以使得程序不影响用户画面和数据库中的表。
这个用例的控制对象有:
检测博客账号的合法性。
3.4交互设计
3.4.1引入实体对象
根据健壮性分析,可以把实体对象给罗列出来。
这些对象通常也是每个类的一个实例。
由于是用来描述运行时状态的情况,因此是对象,而非类。
3.4.2引入边界对象和参与者
将实体对象引入之后,再就是将边界对象找出来,在交互设计中引入参与者和边界对象。
3.4.3引入控制对象
将参与者、边界对象均引入之后,再就要结合健壮图中的控制对象,以及用例描述中的事件流来确定对象之间的消息传递。
3.4.4添加类的属性与方法
在交互设计中,将会发现类应该具有的方法,也会在设计中找到一些新的属性,而这些东西将近一步地完善交互设计。
结合健壮分析、交互设计时引入设计类,并添加相应的属性与方法。
3.4.5引入基础类
在着手开发之前,有一件很重要的事,那就是引入基础类。
不管用什么样的开发工具进行代码编写,都将以各种库函数、框架作为开发基础。
因此首先根据应用的需要选择相应的框架,然后再根据具体的局部需要选择相应的类库。
这个系统中要进行数据库操作,可使用.NETFramework的ADO.NET进行数据库操作。
在进行文本编辑时使用文本编辑,引入第三方控件,使用FreeTextBox编辑器。
在进行分页时,同样引入第三方控件,使用AspNetPager分页控件。
由于这些第三方控件均是开放源码的,所以我们自己可以在开发的过程中对控件进行自己的改动,既有效又方便。
需要将这些类库、控件引入到工程中。
4.代码实现
4.1、编码之前的工作
4.1.1在visual中创建解决方案
在Visual中,系统的开发主要是以解决方案的形式解决。
所以我们在开发这个博客系统前,首先要先创建一个解决方案,命名为MyBlog。
4.1.2文件夹的规划
在一个Web项目中,文件夹也需要进行规划,通常包括ASP.NET页面、图片、样式文件、Flash动画等元素,需要把它们放置到不同的文件夹,才能很好地管理文件。
那么该系统的文件夹规划方式为:
(1)Core文件夹下存放工程的类文件。
(2)根目录下只存放Default.aspx文件,根目录下的Images下存放与Default.aspx文件相关的图片。
(3)ASP.NET页面需要按模块旋转到各文件夹,相关的图片放置到模块文件夹下面的Images文件夹下。
(4)样式文件放置到根目录下的Images文件夹下。
4.2MVC模式
4.2.1什么是MVC模式?
MVC由TrygveReenskaug提出,首先被应用在SmallTalk-80环境中,是许多交互和画面系统的构成基础。
MVC结构是为那些需要为同样的数据提供多个视图的应用程序而设计的,它很好地实现了数据层与表示层的分离。
MVC作为一种开发模型,通常用于分布式应用系统的设计和分析,以及用于确定系统各部分间的组织关系。
对于画面设计可变性的需求,MVC(Model-View-Controller)把交互系统的组成分解成模型、视图、控制器3种部件。
(1)视图部件把表示模型数据及逻辑关系和状态的信息以特定形式展示给用户。
它从模型获得显示信息,对于相同的信息可以有多个不同的显示形式或视图。
(2)控制器部件是处理用户与软件的交互操作的,其职责是控制提供模型中任何变化的传播,确保用户画面与模型间的对应联系;它接受用户的输入,将输入反馈给模型,进而实现对模型的计算控制,是使模型和视图协调工作的部件。
(3)模型部件保存由视图显示、由控制器控制的数据;它封装了问题的核心数据、逻辑和功能的计算关系,它独立于具体的画面表达和I/O操作。
模型、视图与控制器的分离,使得一个模型可以具有多个显示视图。
如果用户通过某个视图的控制器改变了模型的数据,所有其他依赖于这些数据的视图都应反映了这些变化。
因此,无论何时发生了何种数据变化,控制器都会将变化通知所有的视图,导致显示的更新。
这实际上是一种模型的变化——传播机制。
4.2.2ASP.NET模式下如何实现MVC?
ASP.NET提供了一个很好的实现这种经典设计模式的类似环境。
开发者通过在ASPX页面中开发用户接口来实现视图;控制器的功能在逻辑功能代码(.cs)中实现;模型通常对应应用系统的业务部分。
在ASP.NET中实现这种设计而提供的一个多层系统,对较经典的ASP结构实现的系统来说有明显的优点。
将用户显示(视图)从动作(控制器)中分离出来,提高了代码的重用性。
将数据(模型)从对其操作的动作(控制器)分离出来,可以让用户设计一个与后台存储数据无关的系统。
就MVC结构的本质而言,它是一种解决耦合系统问题的方法。
4.3用户组件和样式的设计
博客系统中存在很多相同或相似的元素,这些元素可能是页面的标题,可能是页面的版权声明,也可能是文章的列表或是登录信息框。
需要寻找一种方式在整个系统中共享,而不需在变化时修改所有的页面。
所以就采用了样式文件进行管理以及用户自定义组件。
4.3.1使用统一样式表
在样式文件中主要对以下五个内容进行定义:
(1)博客标题:
它是博客随笔、文章标题、图片名称的样式定义。
(2)博客内容:
它是博客内容、文章内容的样式定义。
(3)博客版权信息:
它是博客系统的页面下方显示博客系统的版权信息的样式定义,在Footer用户控件中使用。
(4)导航栏:
它是博客系统上方导航栏的样式定义,在Header用户控件中使用。
(5)输入框:
它是博客系统表单元素的样式定义。
4.3.2设计用户控件
ASP.NET为开发人员提供了用户控件这一新技术来实现Web元素的共享,开发人员可以通过VisualStudio.Net进行Web元素的外面的开发,同时可以通过Web元素后台代码的方式进行表现层的开发。
在这个博客系统中,使用了Header、Footer等用户控件。
4.4、数据库设计
博客系统中的数据管理形式采用数据库,根据系统需要与数据规范化分为博客账户信息表(blog),博客文章信息表(Article),博客随笔信息表(Essay),博客类别表(Category),博客评论表(FeedBack),博客链接表(Href),博客图片表(Picture)这七个表,表结构分别如下:
表2博客账户信息表(blog)
列名
数据类型
长度
允许空
备注
BlogID
Int
4
没有实际意义,作为该表主键存在
Subject
Nvarchar
50
Null
博客的名称
Username
Nvarchar
50
Null
博客的用户名
Password
Nvarchar
50
Null
博客的密码
Description
Nvarchar
100
Null
博客的描述
Email
Nvarchar
200
Null
博客的电子邮箱
Entrynum
Int
4
Null
博客的每页文章显示数量
Name
Nvarchar
50
Null
角色名称
Role
Int
4
Null
角色
Essaycount
Int
4
Null
随笔数
Articlecount
Int
4
Null
文章数
Feedbackcount
Int
4
Null
评论数
表3博客文章信息表(Article)
列名
数据类型
长度
允许空
备注
ArticleID
Int
4
文章表的主键
Subject
Nvarchar
50
Null
文章标题
Content
Ntext
16
Null
文章内容
CategoryID
Int
4
Null
文章所属分类号
BlogID
Int
4
Null
文章所属博客号
Time
Nvarchar
50
Null
发表时间
View
Int
4
Null
查看次数
Feedback
Int
4
Null
评论数
表4博客随笔信息表(Essay)
列名
数据类型
长度
允许空
备注
EssayID
Int
4
随笔表的主键
Subject
Nvarchar
50
Null
随笔标题
Content
Ntext
16
Null
随笔内容
CategoryID
Int
4
Null
随笔所属分类号
BlogID
Int
4
Null
随笔所属博客号
Time
Nvarchar
50
Null
发表时间
View
Int
4
Null
查看次数
Feedback
Int
4
Null
评论数
.表5博客类别表(Category)
列名
数据类型
长度
允许空
备注
CategoryID
Int
4
主键
Name
Nvarchar
50
Null
类别名称
BlogID
Int
4
Null
类别所属的博客号
Type
Nvarchar
10
Null
类别所属博客类型
Description
Nvarchar
500
Null
该类别的描述
表6博客评论表(FeedBack)
列名
数据类型
长度
允许空
备注
FeedBackID
Int
4
评论号,主键
Subject
Nvarchar
50
Null
评论标题
Content
Ntext
16
Null
评论内容
BlogID
Int
4
Null
针对评论的博客号
CategoryID
Int
4
Null
该评论的博客类别号
ContentID
Int
4
Null
针对博客标题评论的内容号
Category
Nvarchar
50
Null
评论所属类别
Time
Nvarchar
50
Null
发表评论的时间
Username
Nvarchar
50
Null
评论人姓名
Url
Nvarchar
100
Null
评论人邮箱
表7博客链接表(Href)
列名
数据类型
长度
允许空
备注
HrefID
Int
4
链接号,主键
Name
Nvarchar
50
Null
链接名字
Url
Nvarchar
200
Null
链接
CategoryID
Int
4
Null
链接所属类别号
BlogID
Int
4
Null
链接所属博客号
表8博客图片表(Picture)
列名
数据类型
长度
允许空
备注
PictureID
Int
4
图片号,主键
ImageUrl
Nvarchar
200
Null
图片链接
Subject
Nvarchar
50
Null
图片标题
CategoryID
Int
4
Null
图册号
BlogID
Int
4
Null
图片所属博客号
4.5系统实现
4.5.1系统结构图
根据前面的需求分析可以得出以下的系统结构图:
图4系统结构图
各界面如下:
(1)、阅读博客:
图5阅读博客界面
(2)、随笔管理:
(文章管理、评论管理、链接管理、图片管理均类似)
图6随笔管理界面
后台管理的密码管理界面:
图7后台管理的密码管理界面
系统管理主界面:
图8系统管理主界面
系统管理的账户管理界面:
图9账户管理界面
系统管理的密码管理界面同后台管理,如图七。
4.5.2代码实现
整个系统的代码实现均采用表现层、控制层、数据层来实现,并且定义了一个抽象类DBObject类,其它一些类均由这个类继承。
具体实现的过程是用户在页面(表现层)激发事件,那么页面的后台代码(控制层)作出回应,根据事件的不同来调用数据层对数据库进行操作。
以下以随笔管理为例来说明ASP.NET的代码实现。
(1)实现表现层
图六所示即为随笔管理列表页面,它的代码在/Blog/Admin/Essay/Essay.aspx中。
这个页面由三大部分组成。
标头与导航栏做成了用户控件,在左右的功能区中,左下角的分类列表是由一个列表控件Datalist捆绑数据后生成的,用到了ItemTemplate模板。
ItemTemplate模板代码如代码1:
代码1ItemTemplate模板
datalistid="essayCategory"Runat="server"Width="160"> <%#DataBinder.Eval(Container.DataItem,"CategoryStr")%>
datalist>
页面的中右区为随笔信息列表,这也是由Datalist列表控件绑定数据后生成的,这里不仅定义了ItemTemplate,还定义了HeaderTemplate模板、AlternatingItemTemplate模板、SeparatorTemplate模板和FooterTemlplate模板。
如代码2所示:
代码2DataList列表控件绑定数据
datalistid="essayList"Width="780"Runat="server"CellSpacing="0"CellPadding="0"BorderWidth="0">#CCCCCC1pxsolid"border="0"CellPadding="0"CellSpacing="0">标题分类浏览人数