4.2、非功能性业务需求
《校园博客》系统的用户界面简洁、明快，要求能够按照一致风格展示博客系统，能够突出校园博客的特点。下图为设想中的首页的界面样式图：
在实现时要尽可能的用到最新的Web开发技术，如ASP.NET2.0、C# .NET 2005、SQL Server 2005等新技术，使得博客系统今后易于维护和扩展。
5、系统原型实现描述
现在明确了博客系统的业务需求，完成《校园博客》系统原型。在系统原型实现中，筛选出需要实现的核心功能，并且根据这些功能整理出需要实现的页面。这时要求设计人员根据选取出来的功能和需要实现页面的描述来完成系统原型的实现。在完成系统原型过程中，请仔细阅读以下内容。
5.1、系统原型设计 5.1.1、核心功能点选择
?
校方管理员 ?
审核注册博客
4
? ?
院系列表管理
个人博客作者（教师和学生） ? 用户注册
? 用户密码恢复 ? 用户登录 ? ? ? ? ?
博客注册
博客注册信息修改 日志分类管理 日志和评论管理 友情博客管理 浏览博客 查看日志 日志查询 发布评论
? 博客浏览者 ? ? ? ?
5.1.2、需要实现的页面
根据所选择的核心功能点，整理出需要实现的Web页面，详细的页面关系请参考下图：
5.1.2.1、校方博客首页
在校方博客首页中，包括以下内容板块： ? ?
博客标题，在校方博客首页显示博客的名称，博客名称为：校园博客，
导航条：在博客标题下面设置导航条，导航条内容包括“首页、院系、博客、日志”，点击“首页”后，页面跳转到博客首页，点击“院系”后，页面跳转到XXX大学院系
5
博客列表，点击“博客”后，页面跳转到所有博客列表页面，点击“日志”后，页面跳?
转到所有日志列表
用户入口：在首页中提供用户入口，包括用户登录框、注册和恢复密码链接等操作的入口。在用户登录框中输入用户名、密码后，点击“登录”按钮后，系统确认用户输入信息，如果是博客系统管理员，则跳转到博客管理中心页面，如果是教师或者是学生，则跳转到个人博客管理中心页面，如果登录失败则返回失败原因的提示。可以点击注册链接，并且进入到用户注册页面；可以点击恢复密码链接，系统进入到用户密码恢复的页?
面；
日志查询：在导航条下面或者右边适当的位置，放置日志查询的条件输入框、查询条件下拉框和查询按钮，当用户输入查询关键字和选择查询条件后，鼠标点击“查询”按钮，系统显示查询结果；查询条件为“日志标题” ? ?
院系排名：在首页的登录框下面，显示按照博客数的从多到少倒序排列的10个院系名称和相应的博客数，例如：“新闻学院 112” 博客排名：在导航条和日志查询功能下面，提供一个区块显示人气值（点击数或访问量）最高的10个博客的信息，按照访问量多少倒序排列，并且提供“更多”按钮（或者链接），以便浏览者能够进入到按访问量多少倒序排列的博客列表页面；在博客排名的页面区块中，有“博客名称、人气值、用户名称”等信息，每个“博客名称”下有超链接，点击该超链接后，系统新打开该博客个人主页页面
最新日志：在博客排名区块下面，提供一个区块显示最新发表的10条日志的信息，按照发表日志的时间先后倒序排列，并且提供“更多”按钮（或者链接），以便浏览者能够进入到按日志发布时间先后倒序排列的日志列表页面；在最新日志列表的区块中，有“日志标题、发布时间、作者名”等信息，日志名称取前10个字符，其余的用省略号代替，并且每个日志名称下有超链接，点击该超链接后，系统新打开日志内容显示页面，在该页面中能够查看该日志的所有信息
版权信息：在首页的底部放置版权信息，内容为“Copyright(C)Since 2007 all rights reserved. ”
?
?
5.1.2.2、用户注册页面
当用户点击博客首页的“用户注册”链接后，系统跳转到用户注册页面，在该页面完成
以下操作步骤：
? 系统提示用户输入“用户名、密码、密码确认、电子邮件、安全提示问题、安全答案”
等信息 ? ? ?
用户输入注册信息后，检查该用户名是否已经被注册，如果已经被注册则提示重新输入用户名，如果注册成功，则返回注册成功的提示
用户注册成功后，马上进入到个人博客管理中心，进入个人博客注册页面 本页也要求有头部Banner信息及底部版权信息等页面元素
5.1.2.3、用户密码恢复页面
如果博客用户忘记自己的密码时，可以点击主页中恢复密码的链接，则进入到密码恢复的页面，在该页面主要有以下步骤 ?
首先系统提示输入“用户名、安全提示问题、安全答案”等信息，输入完成后，点击“确认”按钮，如果输入信息不能通过系统检验，则提示用户继续重新输入密码取回信息，
6
当用户输入信息通过了系统检验后，进入到下一步操作 ? ?
系统会把用户新密码发送到注册的电子邮件里
本页也要求有头部Banner信息及底部版权信息等页面元素
5.1.2.4、院系列表页面
当浏览者点击校方博客首页导航条中的“院系”链接后，系统跳转到“院系列表页面”，该页面显示如下信息： ? ? ?
在页面主体部分显示学校所有院系列表，包括“院系名称、博客数”等信息，这里学院排序可以按照博客数从多到少，倒序排列
每个学院名称设置为超链接，点击该超链接后能够进入到该学院的所有博客的列表 本页也要求有头部Banner信息及底部版权信息等页面元素
5.1.2.5、博客列表页面
在博客列表页面，要求实现查看所有博客的列表和查看某个院系的博客列表等功能，具体要求如下 ?
在页面的主体部分显示所有博客的列表，包括“博客名称、博客作者、人气值”等信息，并且按照访问量的从多到少倒序排列。每个“博客名称”有相应的超链接，点击该博客名称的超链接后，能够进入到某个具体的博客显示页面 ? ? ?
当浏览者查看学校博客首页时，点击“博客”导航链接后，系统导航到本页，并显示所有的博客列表
当浏览者浏览“院系列表页面”时，点击了某个具体院系名称的超链接后，系统导航到本页，并显示该院系的博客列表页面
本页也要求有头部Banner信息及底部版权信息等页面元素
5.1.2.6、日志列表页面
在日志列表页面，要求实现查看所有日志的列表和查看日志查询结果等功能，具体要求
如下：
? 在页面的主体部分显示所有日志列表，包括“日志标题、博客作者、发布时间”等信息，
并且按照发布时间倒序排列，如果该日志标题过长，则取前面10个汉字为准，其余的用省略号代替，保证界面的美观。每个“日志标题”有相应的超链接，点击该日志名称
的超链接后，能够进入到某个具体的日志显示页面 ? ? ?
浏览者在浏览学校博客首页时，点击“日志”导航链接后，系统导航到本页，并能够显示所有日志的列表
当浏览者在学校博客首页，输入日志查询关键字，选择查询条件，然后点击“查询”按钮后，系统导航到本页，并显示日志查询结果
本页也要求有头部Banner信息及底部版权信息等页面元素
5.1.2.7、个人博客主页
在“个人博客主页”中，能够查看具体个人博客的日志信息，在“个人博客主页”页面
7
顶部显示“博客名称、博客描述”信息，中间左边显示各种导航信息，中间右边主体窗口中显示日志列表信息，下面显示站点版权信息。个人博客作者可以对自己的主页显示进行个性化设置。具体内容如下： ? 博客名称和博客描述，这些内容在用户注册博客时填写的，用户也可以在管理自己的博
客时修改 ?
博客正文显示，在主体窗口中显示日志列表信息，日志列表显示支持分页，每页显示的日志数是博客作者在个人管理中心设置好的；每条日志的内容包括“日志标题、日志正文、发布时间、所属分类、点击数、评论数”；首先是日志标题，然后是日志正文，如果超过了350字，则其余的字以省略号代替，并在后面附上“全文”的链接，浏览者点击“全文”链接，则进入到该日志的完整显示页面；在日志正文下方显示该日志的“发布时间、所属分类、点击数、评论数” ? ?
日历导航，浏览者可以在日历导航中选择具体的某一天，然后在页面主体部分则自动查询显示该天发布的所有日志信息，如果当天没有任何日志信息则在正文显示部分为空 栏目分类，在主页中提供一个栏目分类名称列表，点击某个栏目分类名称，则在正文显示部分自动查询显示该分类下的日志列表信息；这些栏目分类是博客作者在自己的个人管理中心定义的 ? ? ?
友情博客列表，在主页中显示该博客的所有友情博客的名称，每个友情博客的名称下有相关的超链接，点击友情博客的名称后，新弹出窗口显示该友情博客的页面
博客统计信息，在博客统计信息部分显示该博客的“注册时间、访问量、日志数、评论数、”等信息
主页个性化设置，当个人博客作者登录后，进入到自己博客的首页时，该页面能够进行编辑，能够用鼠标拖动页面中“博客正文显示、日历导航、栏目分类、友情博客列表、博客统计信息”等模块内容，任意的把它们重新布局，可以设置其中的某些模块是否显示，可以编辑某个模块信息的文字显示颜色、大小、字体及其它信息，更改完成后，可以把页面状态切换到预览状态，以便查更改后的效果；如果是其它用户访问该页面，则只能查看，而不能够编辑该页面
5.1.2.8、日志显示页面
? ?
在“日志显示页面”中，能够查看具体某条日志的具体内容
在本页中主要显示日志的全部内容，包括“日志标题、日志正文、日志添加时间、作者”，以及对应该日志的评论列表，每条评论内容包括“评论作者、评论发表时间、评论正文” 在最后一条评论的下面可以对该日志写新的评论，包括“作者名、评论正文”等输入框，以及“提交评论”的按钮，点击该按钮后，能够把该评论发表出去，这时页面不需要刷新就能够把刚才发布的评论信息作为已经发布的评论显示在页面上，而查看每个日志用户也
5.1.2.9、博客校方管理中心首页（用户管理页面）
这个页面是博客校方管理中心的首页，当管理员通过校方博客首页登录入口登录后，进
入的默认页面，它也是用户管理页面，包括以下内容：
? 查看（查询）用户：在本页显示用户列表，默认状况下显示最新注册的10条博客用户
记录，但提供查询的功能，可以按照“博客名、作者名”等条件查询；页面中用户列表内容包括“博客名称、博客作者、启用否”等内容，以列表方式显示；在每条博客内容
8