javaweb课程设计

仲恺农业工程学院

课程设计论文题目基于java的个人博客系统姓名方志中

院（系）计算科学学院

专业班级信计131

学号08

云平台网址（管理端）：

云平台网址（客户端）：

仲恺农业工程学院教务处制

摘要

博客作为一种新的生活上方式，工作方式和学习方式已经被大众所接受。并且在改变着人们的网络社交方式。随着越来越多的人在写博客，博客也正在影响着我们的生活。因此，开发一款简洁而功能强大的博客系统，将来的发展前景也是很不错的。

在这次的课程设计个人博客的开发中，以java为基础，数据库选择了mysql进行开发。网页功能的设计参考了新浪微博，在界面的设计力求简洁清晰，在维持微博主页美观的条件下实现了文章，相册，评论，留言板，资讯推送等功能。

网页的设计有两大模块。一是博客主页的设计，二是控制台管理的设计。用户在浏览微博的过程中，主要是在博客主页进行浏览，所以在个人主页的设计上，以美观为第一要素的基础上进行设计，功能的实现力求简洁清晰，使用户能够轻松地在主页上进行浏览和互动。而在控制台的设计上是针对博客的管理员而设计的，在此模块主要是显示博客文章，评论，以及相册的更新信息，以及对各个模块的管理

经过需求分析，概要设计，详细设计，实现和测试阶段的不断完善，最终实现了用户体验良好、界面设计美观，个人功能完善的博客系统。

关键词：htmlcss3JavaScriptjavamysqljquery

1引言

系统开发背景

21世纪的今天，网络在人们生活中已经日益盛行，越来越多人已经离

不开网络。人们已经不再满足于了解最新信息、查找资料等一些传统的网络使用方式，而是过渡到娱乐、购物等新兴的网民生活。网上娱乐，成了当今广大群众的时尚。客户也通过博客把自己喜欢的东西写出来或是和别人一起分享那份快乐。因此，博客已成为个人、公司、部门和团队之间越来越盛行的交流沟通工具。在此，为了方便网络用户的需求，我们专门构建个人博客系统。

系统开发的目的和意义

现在，全世界每天传播的媒体内容，有一半是由6大媒体巨头所控制。其利益驱动、意识形态以及传统的审查制度，使得这些经过严重加工处理的内容已经越来越不适应人们的需求。媒体的工业化，内容出口的工厂化，都在严重影响其发展。博客的出现集中体现了互联网时代媒体界所体现的商业化垄断与非商业化自由，大众化传播与个性化(分众化，小众化)表达，单向传播与双向传播3个基本矛盾、方向和互动。这几个矛盾因为博客引发的开放源代码运动，至少在技术层面上得到了根本的解决。因此，开发这样一套完善的博客系统是很有意义的事情，它能够让社会媒体、文化更加丰富多彩，使个人的思想言论得到更广泛的传播。

2需求分析

用户需求

随着互联网的高速发展，Web应用技术也得到了迅速提高。博客便是基于这些互联技术发展起来的。而个人博客系统正是博客系统的典型，系统简单却功能强大。由于客户端－服务器(C/S)应用程序可维护性差，而且对客户端计算机要求功能必须相当强大。为了解决这个缺点，浏览器－服务器(B/S)应用程序应运而生。客户端只要求安装有浏览器，就可以与服务器连接，运行整个应用程序。与此同时，由于服务端与客户端分离，应用程序的版本不管如何更新，都只会在服务器端进行，这样客户端可以节省大量资源和时间。近年来，B/S结构越来越受到企业和个人等的喜爱和重用，选择B/S结构是当前博客系统开发的明智之举，能充分适应社会的需求。本系统便是采用B/S结构进行开发的。

业务流程分析

本系统主要面向的用户有网络游客、注册此博客的会员、拥有此博客的最高权限的管理员，根据用户需求分析本系统前台主要包括以下功能模块：最新文章或相册更新模块、文章查看模块、相册查看模块、留言板查看模块；后台主要包括以下功能模块：登录模块、文章管理模块、相册管理模块、评论管理模块、留言板管理模块、个人信息展示模块。

客户端（浏览器）：

最新文章或相册更新模块：展示最新的文章相片，用户无需登录注册便可查看。

相册查看模块：展示所有相片，用户无需登录注册便可查看。

留言板查看模块：展示所有留言，用户无需登录注册便可查看。

文章查看模块：展示所有文章，用户无需登录注册便可查看。

控制台

后台登录模块：包括后台用户的登录和注册，用户可以不用注册登录就可访问前台页面，当要编辑文章相册或者查看留言时需要登录或注册后登录才可进行操作。

文章管理模块：对文章进行增删查，也就是写文章，查询文章，还有删除文章（用户需登录）。

相册管理模块：对相片进行增删查，也就是写相片，查询相片，还有删除相片（用户需登录）。

评论管理模块：对评论进行增删查，也就是写评论，查询评论，还有删除评论（用户需登录）。

留言板管理模块：对留言进行增删查，也就是写留言，查询留言，还有删除留言（用户需登录）。

以下是该系统的业务需求分析图：

3（数据库）概念（模型）设计

基本项构思ERD的四条基本原则：

原则1（确定实体）：能独立存在的事物，例如人、物、事、地、团体、机构、活动、事项等等，在其有多个由基本项描述的特性需要关注时，就应把它作为实体。

原则2（确定联系）：两个或多个实体间的关联与结合，如主管，从属，组成，占有，作用，配合，协同等等，当需要予以关注时，应作为联系。实体间的联系可分为一对

一、一对多、多对多等三类，在确定联系时还要确定其类型。

原则3（确定属性）：实体的属性是实体的本质特征。实体应有标识属性（能把不同个体区分开来的属性组），并指定其中一个作为主标识。联系的属性是联系的结果或状态。

原则4（一事一地）：信息分析中得到的基本项要在且仅在实体联系图中的一个地方作为属性出现。

设计表间关系

4处理功能设计

游客使用前台，首先访问本网站网址即可浏览博客，如果用户是已登录状态，则可进行博客管理操作，若没登录则提示用户登录或注册。

用户使用后台，首先需要拥有管理员赋予的账号密码，登录成功进入后台，根据管理员赋予的权限展示相关的操作界面，操作界面包括文章管理、相片管理、评论管理、留言管理，其它操作功能诸如查看文章、删除文章、返回主页和退出登录等。

5设计方案与技术选择

本系统采用PHP+Mysql+Apache进行开发，其中前端页面的开发主要使用html5，

css3javascript进行编程开发，提示信息完善，界面友好有亲和力；后台采用Mysql数据库开发和管理数据库。本系统的开发环境使用现在特别流行的开源Apache服务器，使用方便、运行稳定、安全可靠。PHP+Mysql+Apache这个国际公认的网站开发黄金组合，在博客系统开发上，得到广泛的应用。如网易博客、百度空间、新浪博客等大型博客网站。

HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引入以支持这一点，如video、audio和canvas标记，HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括新的解析规则增强了灵活性，淘汰过时的或冗余的属性，离线编辑，详细的解析规则等。

CSS即层叠样式表。CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括：盒子模型、列表模块、方式、语言模块、背景和边框、文字特效、多栏布局等。CSS3在布局、特性等方面相较CSS都有很大的修改和补充，例如Flexbox布局、border-radius属性等。

JQuery是继prototype之后又一个优秀的javascript库，它是轻量级的js库，它兼容CSS3，还兼容各种浏览器

（+,+,c:\iknow\docshare\data\cur_work\_blank+,c:\iknow\docshare\data\cur_work\_blank+），及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理（下的一个应用）、events、