学位论文-—博客系统分析与设计.doc

博客系统分析与设计

四平职业大学计算机工程学院
指导老师 ： 秦世国

专业：计算机移动通信
班 级：11 移动 1 班
姓 名 ： 曾 凡 荣

日期：2012.12. 12
博客系统分析与设计
目录
前言
第一章 系统分析
1.1开发环境……………………………………………………………………4
1.2系统结构……………………………………………………………………5
第二章 博客数据库功能与介绍
2.1数据库表……………………………………………………………………7
2.2博客系统功能介绍…………………………………………………………8
第三章 跳转主页页面
3.1博客前台页面………………………………………………………………13
3.2登陆页面……………………………………………………………………13
3.3后台页面……………………………………………………………………14
第四章 博客模块功能概述
4.1文章页面……………………………………………………………………19
4.2公告页面……………………………………………………………………19
4.3相册页面……………………………………………………………………19
第五章 系统调试
5.1系统在调试过程中出现的问题及解决方法………………………………20
5.2意见…………………………………………………………………………20
5.3结束语………………………………………………………………………20

前言
编写目的
社会发展越来越快，IT 界的发展也是迅速的，网络的世界神奇而绚烂。随着网络发展的潮流，越来越多的人们喜欢用博客来进行人与人之间的交流，以此来阐述自己的心声及感想！博客，具有大量的信息，博客系统很轻松的帮助我们去管理博客中的海量信息，以此来提供博客的工作效率。我们在此次编程的博客系统中运用增加、删除、修改、查询等方法写入程序，来帮助我们更加方便的处理博客信息！此次编译的博客系统应用程序适用于个人，用来处理博客交互中需要处理的大量信息，下面是博客系统的主要功能简介：
一． 博客数据库建立及查
1建立数据库
2 建立数据库表
二．博客系统前台介绍
1.文章的查询
2.公告的查询
3.相册的查询
三．博客后台页面的功能的简介
1.博客文章添加、查询、修改、删除
2.文章类型添加、查询、修改、删除
3.公告添加、修改、删除
4.相册图片上传、查询、删除
5.博主设置查询、修改
第一章 1.1开发环境
博客系统开发环境
1.Windows XP 和 Windows 操作系统
2.博客系统开发编程软件是 MyEclipse 6.6
3.数据库采用 My SQL 10.0
4.服务器采用Tomcat 6.6
5.页面开发工具为Dreamweaver 8
1.2系统结构.
1.前台页面

1.1博客前台页面建立数据库表以及页面功能结构
①　 建立博客数据库系统、连接数据库
②　 博客主页：文章查看、相册查看、公告查看以管理。
③　 前台页面包括：文章查看、相册查看、公告查看
④　 后台页面：tsoft为登陆名111为密码进入后台
1.2博客后台个页面功能结构
1.2.1 文章页面
1) 发表博客文章
2) 博客文章设置
3) 文章分类
1.2.2公告页面
² 公告添加
² 公告设置
1.2.3相册页面
v 相册添加
v 相册设置、修改及删除公告
1.2.4用户页面
用户设置、对用户信息进行修改
1.2.5博主设置
对博主信息进行修改

2.后台页面

用户权限：
用户可以对文章进行设置和查看，发表文章和文章类别分类、公告的的添加、相册的上传以及及各项功能的查看。

第二章 博客数据库功能与介绍
2.1数据库表
数据库表名称
字段名
类型
长度
允许空
主键

Article
（文章）
id
bigint
2
否

id
caption
varchar
64
否
content
text
1024
否
genreID
bigint
20
否
time
datetime
128
是
Articlegenre
文章类型
id
bigint
20
否

articleGenre
varchar
32
否
genreBewrite
text
0
否

Bloginfo
博主
id
bigint
11

id
name
varchar
16
是
nickname
varchar
255
是
city
varchar
255
是
sex
varchar
255
是
age
int
11
是
qq
varchar
255
是
email
varchar
255
是
happy
varchar
255
是
blood
varchar
255
是
constellation
varchar
255
是

Bulletin
公告
id
bigint
20
否

id
bulletinTitle
varchar
255
否
bulletinContent
text
0
否

Picture
照片
id
bigint
19
否

id
pictureName
varchar
1024
否
picturePath
varchar
128
否
pictureDescribing
varchar
128
否
time
datetime
0
是
User
用户
id
bigint
2
否

id
userName
varchar
12
是
userPassword
varchar
12
是
2.2博客系统功能简要介绍
2.2.1博客系统前台页面功能及使用说明
1) 前台页面
发布工程,，然后再网页地址栏中输入http://localhost:8080/boke/qiantai.jsp进入前台页面，前台页面可以进行文章查找、公告查看、相册查看。

2) 登陆页面
在前台页面中点击“进入后台” 填写登陆名：tsoft 密码：111，进入后台。

3) 后台页面

发表博客文章
一点击“博客文章发表”可以对已经填入的博客内容进行发表。

博客文章设置

文章分类

公告设置

公告添加

修改公告

相册设置
相册设置是来查看上传到数据库及file文件夹中的照片
博主设置以及 修改博主信息

用户设置
对密码进行修改以达到博客系统保密原则。

第三章 跳转主页页面
3.1博客前台页面
实现目的：显示所发表日志的类别以及具体文章的查看，可以根据选择查看各个类型的文章、公告相册，当然，最重要的是进入博客后台管理程序。
3.1.1博客首页qiantai.jsp
设计思路：在首页显示文章信息，可以直接选择要看的文章链接到查找文章页面并且显示链接栏目下要查询的文章内容。
3.2 登陆页面
1实现目的：当登陆用户输入正确的登录名和密码，然后登入博客页面，跳转到博客前台页面。
2. 设计思路
3. 登陆页面只有登录名和密码，输入登陆名和密码后，查找博客数据库里是够存在此用户，如果存在，则跳转到博客后台页面。
4.
页面添加代码：

<form action="login.action" method="post">
登录名： <input type="text" name="userBean.userName"><br>
密 码： <input type="password" name="userBean.userPassword"><br>
<input type="submit" value="登录">
</form>
5.博客文章发表页面
目的:对博客文章进行分类设置，发表博客文章，等功能的实
5.1博客文章的跳转页面代码
分类设置页面代码
<form action="wenZhangSheZhi.action" method="post">
文章类型：<select name="articleBean.genreID" value="${articleBean.genreID}">
<option value="0">全选</option>
<s:iterator value="list">
<option value="${id }">${articleGenre }</option>
</s:iterator>
</select>
<input type="submit" value="设置"> </form>
<table>
<tr>
<td>序号</td> <td>标题</td> <td>类型</td> <td>操作</td>
</tr>

<s:iterator id="sheZhi" value="list1" status="s">
<tr>
<td>${s.count }</td>
<td>${sheZhi.caption }</td>
<td>${sheZhi.genreID }</td>
<td><a href="goXiuGaiWenZhang.action?articleBean.id=${sheZhi.id }">修改</a>
<a href="shanChuWenZhang.action?articleBean.id=${sheZhi.id }">删除</a>
</td>
</tr>
</s:iterator>

</table>
文章设置

6.公告页面跳转

思路：用户选择所要修改及删除的公告
此页面添加代码
<table>
<tr>
<td>序号</td> <td>公告标题</td>
<td>公告内容</td> <td>操作</td>
</tr>
<s:iterator id="gongGao" value="list" status="s">
<tr>
<td>${s.count }</td>
<td>${gongGao.bulletinTitle }</td>
<td>${gongGao.bulletinContent }</td>

<td><a href="goXiuGaiGongGao.action?bulletinBean.id=${gongGao.id }">修改</a>
<a href="private/shanChuGongGao.action?bulletinBean.id=${gongGao.id }">删除</a>

</td>
</tr>

</s:iterator>

</table>

7用户跳转页面
7.1目的：对用户信息进行查找和修改
7.2思路:用户调用博主信息对其进行查询和修改
7.3页面代码及页面效果：
<form action="yongHuSheZhi.action" method="post">
旧密码：<input type="password" name="userBean.oldPassword" value="${userBean.oldPassword }"><br>
新密码：<input type="password" name="userBean.newPassword" value="${userBean.newPassword }"><br>
<input type="submit" value="设置">
</form>

8. 博主页面跳转
目标：对博主信息进行查找和修改
博主页面

博主页面代码

<form action="xiuGaiBoZhu.action" method="post">
姓名：<input type="text" name="bloginfoBean.name" value="${bloginfoBean.name }"><br>
昵称：<input type="text" name="bloginfoBean.nickname" value="${bloginfoBean.nickname }"><br>
城市：<input type="text" name="bloginfoBean.city" value="${bloginfoBean.city }"><br>
性别：<input type="radio" name="bloginfoBean.sex" value="男">男
<input type="radio" name="bloginfoBean.sex" value="女">女<br>
年龄：<input type="text" name="bloginfoBean.age" value="${bloginfoBean.age }"><br>
QQ ：&nbsp;<input type="text" name="bloginfoBean.qq" value="${bloginfoBean.qq }"><br>
<input type="hidden" name="bloginfoBean.id" value="${bloginfoBean.id }">
<input type="submit" value="修改">
</form>

第四章 博客模块功能概述
4.1文章页面
对文章进行分类，各类别描述、文章设置，修改文章。从而达到高速快捷的对博客系统进行管理的效果。

4.2公告页面
添加页面公告，删除页面公告，对公告进行查找，方便博客用户管理，也方便来访者对公告的了然于目。

4.3相册页面
对相册进行上传，可以再file文件夹中和数据库中查找到用户所上传到相册中的图片。

第五章 系统调试
5.1系统在调试过程中出现的问题及解决方法
Gridview 的删除属性在属性为next时不能实现，在没有指定过程也不能实现。
调试方法：添加TemplateField值来实现页面传递参数删除。
5.2意见
由于编程学生知识水平有限，编译出来的程序可能不是很好用，而且工期较短，对一些页面美化工作做的不是很好，望查阅人员体谅。
5.3结束语
感谢老师在这一个多月中的悉心教导，我们在编程过程所遇到的问题，都是在老师的帮助下解决的，在此过程中，我们也学会了很多知识，从中得到了很大的启示，在今后的编程学习中，我们会以此为基础，更加开拓思维，力求工程功能的完整。

20