基于JSP的个人博客系统设计与实现-毕业论文(6)

李姜伟：基于JSP的个人博客系统设计与实现

图5.2 登录界面

（2）用户注册模块实现新用户注册功能。用户注册的时候对用户输入的信息进行有效性验证，包括基本数据格式的有效性，以及逻辑有效性，例如：给出提示、QQ号码必须为数字、E-mail地址的正确格式等。用户注册成功后，以游客的身份自动登录到博客网前台首页面，由于是游客身份，所以在首页面上不显示“进入后台”超链接，即只能访问博客。用户注册模块的框架如图5.3所示，用户注册界面如图5.4所示。

开始 用户注册 验证用户输入数据的有效性 以游客身份自动登录博客系统，不显示“进入后台”超链接和其他相关信息 图5.3 用户注册模块的框架图

20

2009级计算机科学与技术职教师资毕业设计

图5.4 用户注册界面

5.2 前台页面设计

5.2.1 前台首页概述

在博客网的前台首页设计中，首先将管理员发布的最新文章展现给用户，然后提供文章的分类、显示博客的信息、显示最新公告及博客网导航区功能等功能。博客网前台首页的运行结果如图5.5所示。

21

李姜伟：基于JSP的个人博客系统设计与实现

图5.5 博客系统前台首页的运行结果

5.2.2 前台首页技术分析

在如图5.5所示首页中的显示博主的基本信息、显示登录用户信息、显示博客

22

2009级计算机科学与技术职教师资毕业设计

的主要功能、显示博主的朋友圈及版权信息等功能，并不是仅存在于首页中，其他功能模块的子页面也需要包括这些部分。因此，可以将这几个部分分别保存在单独的文件中，这样在需要放置相应功能时只需包含这些文件即可，如图5.6所示。

head_top.jsp head_Consumer.jsp head_right.jsp head_main.jsp head_down.jsp 图5.6 前台首页的布局

在JSP页面中包含文件有两种方法：一种是应用<%@ include %>指令实现，另一种是应用动作元素实现。本系统使用的是动作元素，该动作元素用于向当前页面中包含其他的文件，这个文件可以是动态文件也可以是静态文件。

5.2.3 前台首页的面局

应用动作元素包含文件的方法进行前台首页布局的部分代码如下：

<%@

page

contentType=\

charset=gb2312\

language=\

import=\

errorPage=\

动作元素包含head_top.jsp文件，该文件用于显示博主的基本信息。

动作元素包含head_right.jsp文件，该文件用于显示博客的主要功能。

??

//应用

动作元素包含head_Consumer.jsp文件，该文件用于显示登录用户信息（如果登录用户为博主，则不显示用户信息）

23

李姜伟：基于JSP的个人博客系统设计与实现

??

动作元素包含head_down.jsp文件，该文件用于显示版权信息及博主的朋友圈。

5.3 后台界面设计

5.3.1 后台首页概述

在博客网的后台首页设计中，首先将管理员常用的功能显示在网页的操作区域中，然后将后台的主要功能显示在网站的左侧区域。博客网后台首页的运行如图5.7所示。

图5.7 博客网后台首页的运行效果

24