1、并且在改变着人们的网络社交方式。随着越来越多的人在写博客,博客也正在影响着我们的生活。因此,开发一款简洁而功能强大的博客系统,将来的发展前景也是很不错的。在这次的课程设计个人博客的开发中,以java为基础,数据库选择了mysql进行开发。 网页功能的设计参考了新浪微博,在界面的设计力求简洁清晰,在维持微博主页美观的条件下实现了文章,相册,评论,留言板,资讯推送等功能。网页的设计有两大模块。一是博客主页的设计,二是控制台管理的设计。用户在浏览微博的过程中,主要是在博客主页进行浏览,所以在个人主页的设计上,以美观为第一要素的基础上进行设计,功能的实现力求简洁清晰,使用户能够轻松地在主页上进行浏览和
2、互动。而在控制台的设计上是针对博客的管理员而设计的,在此模块主要是显示博客文章,评论,以及相册的更新信息,以及对各个模块的管理经过需求分析,概要设计,详细设计,实现和测试阶段的不断完善,最终实现了用户体验良好、界面设计美观,个人功能完善的博客系统。关键词:html css3 JavaScript java mysql jquery1 引言1.1 系统开发背景21世纪的今天,网络在人们生活中已经日益盛行,越来越多人已经离不开网络。人们已经不再满足于了解最新信息、查找资料等一些传统的网络使用方式,而是过渡到娱乐、购物等新兴的网民生活。网上娱乐,成了当今广大群众的时尚。客户也通过博客把自己喜欢的东西
3、写出来或是和别人一起分享那份快乐。因此,博客已成为个人、公司、部门和团队之间越来越盛行的交流沟通工具。在此,为了方便网络用户的需求,我们专门构建个人博客系统 。1.2 系统开发的目的和意义现在,全世界每天传播的媒体内容,有一半是由6大媒体巨头所控制。其利益驱动、意识形态以及传统的审查制度,使得这些经过严重加工处理的内容已经越来越不适应人们的需求。媒体的工业化,内容出口的工厂化,都在严重影响其发展。博客的出现集中体现了互联网时代媒体界所体现的商业化垄断与非商业化自由,大众化传播与个性化(分众化,小众化)表达,单向传播与双向传播3个基本矛盾、方向和互动。这几个矛盾因为博客引发的开放源代码运动,至少
4、在技术层面上得到了根本的解决。因此,开发这样一套完善的博客系统是很有意义的事情,它能够让社会媒体、文化更加丰富多彩,使个人的思想言论得到更广泛的传播。2 需求分析2.1 用户需求随着互联网的高速发展,Web应用技术也得到了迅速提高。博客便是基于这些互联技术发展起来的。而个人博客系统正是博客系统的典型,系统简单却功能强大。由于客户端服务器(C/S)应用程序可维护性差,而且对客户端计算机要求功能必须相当强大。为了解决这个缺点,浏览器服务器(B/S)应用程序应运而生。客户端只要求安装有浏览器,就可以与服务器连接,运行整个应用程序。与此同时,由于服务端与客户端分离,应用程序的版本不管如何更新,都只会在
5、服务器端进行,这样客户端可以节省大量资源和时间。近年来,B/S结构越来越受到企业和个人等的喜爱和重用,选择B/S结构是当前博客系统开发的明智之举,能充分适应社会的需求。本系统便是采用B/S结构进行开发的。2.2 业务流程分析本系统主要面向的用户有网络游客、注册此博客的会员、拥有此博客的最高权限的管理员,根据用户需求分析本系统前台主要包括以下功能模块: 最新文章或相册更新模块、文章查看模块、相册查看模块、留言板查看模块;后台主要包括以下功能模块:登录模块、文章管理模块、相册管理模块、评论管理模块、留言板管理模块、个人信息展示模块。客户端(浏览器):最新文章或相册更新模块:展示最新的文章相片,用户
6、无需登录注册便可查看。相册查看模块:展示所有相片,用户无需登录注册便可查看。留言板查看模块:展示所有留言,用户无需登录注册便可查看。文章查看模块:展示所有文章,用户无需登录注册便可查看。控制台后台登录模块:包括后台用户的登录和注册,用户可以不用注册登录就可访问前台页面,当要编辑文章相册或者查看留言时需要登录或注册后登录才可进行操作。文章管理模块:对文章进行增删查,也就是写文章,查询文章,还有删除文章(用户需登录)。相册管理模块:对相片进行增删查,也就是写相片,查询相片,还有删除相片(用户需登录)。评论管理模块:对评论进行增删查,也就是写评论,查询评论,还有删除评论(用户需登录)。留言板管理模块
7、:对留言进行增删查,也就是写留言,查询留言,还有删除留言(用户需登录)。以下是该系统的业务需求分析图:3 (数据库)概念(模型)设计基本项构思ERD的四条基本原则:原则1 (确定实体):能独立存在的事物,例如人、物、事、地、团体、机构、活动、事项等等,在其有多个由基本项描述的特性需要关注时,就应把它作为实体。原则2 (确定联系):两个或多个实体间的关联与结合,如主管,从属,组成,占有,作用,配合,协同等等,当需要予以关注时,应作为联系。实体间的联系可分为一对一、一对多、多对多等三类,在确定联系时还要确定其类型。原则3 (确定属性):实体的属性是实体的本质特征。实体应有标识属性(能把不同个体区分
8、开来的属性组),并指定其中一个作为主标识。联系的属性是联系的结果或状态。原则4(一事一地):信息分析中得到的基本项要在且仅在实体联系图中的一个地方作为属性出现。3.1 设计表间关系4 处理功能设计游客使用前台,首先访问本网站网址即可浏览博客,如果用户是已登录状态,则可进行博客管理操作,若没登录则提示用户登录或注册。用户使用后台,首先需要拥有管理员赋予的账号密码,登录成功进入后台,根据管理员赋予的权限展示相关的操作界面,操作界面包括文章管理、相片管理、评论管理、留言管理,其它操作功能诸如查看文章、删除文章、返回主页和退出登录等。5 设计方案与技术选择本系统采用PHP+Mysql+Apache进行
9、开发,其中前端页面的开发主要使用html5,css3 javascript进行编程开发,提示信息完善,界面友好有亲和力;后台采用Mysql数据库开发和管理数据库。本系统的开发环境使用现在特别流行的开源Apache服务器,使用方便、运行稳定、安全可靠。PHP+Mysql+Apache这个国际公认的网站开发黄金组合,在博客系统开发上,得到广泛的应用。如网易博客、XX空间、新浪博客等大型博客网站。5.1 html5HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引入以支持这一点,如v
10、ideo、audio和canvas标记,HTML5还引进了新的功能,可以真正改变用户与文档的交互方式,包括新的解析规则增强了灵活性,淘汰过时的或冗余的属性,离线编辑,详细的解析规则等。5.2 css3CSS即层叠样式表。CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。CSS3在布局、特性等方面相较CSS都有很大的修改和补充,例如Flexbox布局、border-radius
11、属性等。5.3 JQueryJQuery是继prototype之后又一个优秀的javascript库,它是轻量级的js库,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和ht
12、ml内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。JQuery,顾名思义,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。5.4 javaJava是一种简单的,跨平台的,面向对象的,分布式的,解释的,健壮的安全的,结构的中立的,可移植的,性能很优异的多线程的,动态的语言。6 系统运行结果6.1 系统操作使用简要说明本系统目前没有发布到云服务器上。6.2 系统实施过程6.2.1 前台(1)进入博客主页:在主页中,显示最新更新的文章以及相册,右端有一系列最新的文章,评论,相片的发布消息。对于新发布的文章,可以查看最新的评
13、论,以及对文章进行评论。(2)登录与注册:在登录完成后,即可以管理员的身份对博客进行文章的编写,以及对博客系统的编辑:填写正确的信息,点击提交按钮,即可注册成为网站中的一员。6.2.2 后台(1)在登录成功后,点击主页上的进入控制台链接,即可进入网站的控制台界面对博客网站进行管理。一下是网站各个模块显示的界面:对博客网站的管理通过各个编辑与删除的功能通过点击相应的按钮即可实现:(2)文章编写功能:在控制台中选中写文章按钮,会弹出文本框进行文章的编写。对博客网站的管理通过各个编辑与删除的7 课程设计总结在本次的课程设计中,由于自身的编程基础较差,大多数功能的实现都是通过慢慢的学习。在边学边做的过
14、程中,艰难地完成了本次的课程设计。基本实现了题目的基本要求。在做这个毕业设计的过程中,我查阅了很多与博客相关的资料,从一开始的需求分析,业务逻辑分析,数据库设计,代码编写测试,一步步完成了基于java的个人博客设计。在代码的编写过程中,遵循java开发的MVC结构,java后端负责传递数据到前端,前端以ajax的形式向后端发送请求,最终将内容显示到博客网页上。在此次的课程设计中,通过不断的学习查阅资料,慢慢建立起自身的知识架构,对于javaweb有了更加深刻的了解。总的来说,在此次的课程设计中学到了很多新的知识,让自己有了很大程度的进步。参考文献1 陈军,PHP+MySQL经典案例分析,北京:清华大学出版社,2008 2 许登旺,PHP程序开发范例宝典,北京:人民邮电出版社,2007 3 陈争航,PHP 5+Mysql 5 web 应用开发宝典,北京:电子工业出版社,2008 4 王石,精通PHP+MySQL应用开发,北京:人民邮电出版社,2006 5 曹培强,Photoshop CS2平面设计实战从入门到精通,北京:人民邮电出版社 2007 6 (美) Eric van der Vlist,Web 2.0高级编程,北京:人民邮电出版社 2008
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1