毕业论文??博客网站的设计与实现??江旭
第四章 详细设计
详细设计是整个系统设计中,最重要的一个步骤。下面对系统得主要模块进行详细的介绍。
4.1 首页面及主要页面设计
主要页面如 表4.1主要页面清单表所示:
表4.1 主要页面清单表
文 件 名 Index. jsp
说 明
普通用户登录页面,用户只要输入已注册的帐号和密码
head_Consumer.jsp head_photoSelect.jsp head_consumerUpdate.jsp head_disussForm.jsp back_PhotoInsert.jsp backMainPage.jsp head_explain.jsp head_main.jsp
用户信息页面 相片查询页面 新用户注册页面 评论信息查询页面 相片上传页面 系统管理页面 满意监督中心页面
文章显示界面(包含文章搜索)
4.2 功能模块设计
功能的详细划分如表4.2所示:
表4.2 功能详细划分表
功能设计划分 首页(head_main.jsp) 文章(head_ArticleList.jsp)
具体功能
备注
通过点击不同的导航进入不同的页面 文章列表 文章分页 发表留言 加好友 写文章 阅读数 评论数 发表评论
第18页
通过点击查看全文进入全文显示页面
一页显示5篇文章 点进进入留言页面 本功能暂未实现
只有管理员才能发表文章
只有注册为会员才能发表评论
毕业论文??博客网站的设计与实现??江旭
留言(head_disussForm.jsp) 后台管(adminmanager.jsp) 相册(photo.html)
理留言显示 留言发表 用户管理 文章管理 留言管理
存储相片,图片
可查看、删除用户 可修改、删除文章
进入留言页面进行留言管理
1) 用户查看文章流程如图4.1所示:
登陆 Y 验证身份 N 查看文章,发表评论 结束 返回登陆或注册 图4.1 用户查看文章流程图
2) 管理员操作流程如图4.2所示:
登陆 Y 验证身份 N 执行管理员操作 结束
图4.2 管理员操作流程图
4.3系统实现
本系统主要包括用户登录、用户注册、全部文章显示、文章详细信息查询、评论信息查询、相册、公告、系统管理(包括文章管理,评论信息管理,公告管理)、八大模块。以下是各功能模块的具体实现过
第19页
毕业论文??博客网站的设计与实现??江旭
程。整个系统的框架如图4.3所示。
4.3.1 博客网站前台首页head_main.jsp详细功能及部分代码
1).用户个人信息
2).显示文章的目录及文章部分内容
3).提供了文章的发表日期,阅读过此文章的人数和评论过的人数 4).到达网站说明,公告,相片,博主邮箱的主链接 5).网络日历
6).最新公告的主要内容 7).进入投票界面的链接 8).进入后台管理界面的链接 博客系统的前台首页如下图4.4所示:
第20页
毕业论文??博客网站的设计与实现??江旭
图4.4个人博客系统首页
主要代码如下:
<%@ page language=\