校园博客系统的设计与实现
校园博客系统的设计与实现[20191207152126]
摘 要
博客是互联网发展过程中的形成的重要产物，校园博客系统通过文字、图片等形式记录信息，是互联网时代一个提供学术交流、思想交流和生活沟通的平台，用户可以把生活中发生的一切事情都记录在博客中，分享知识和快乐。
论文系统地介绍了校园博客系统的研究目的和意义、发展现状和趋势，以及在设计过程中用到的Web程序设计的相关技术，并采用结构化设计方法，应用程序流程图、数据库表和E-R图等形式清晰的展示出系统的结构。
校园博客系统的设计遵循了软件开发规范，从系统分析、系统设计、程序编码、系统测试和维护等几个阶段进行，采用Java开源框架Spring，Freemarker，CSS和MySQL技术来实现Web程序的设计。
关键字:校园博客开发规范SpringFreemarkerMySQL
目 录
1. 引言 1
1.1 课题研究的目的和意义 1
1.2 课题研究的现状和趋势 1
1.3 论文结构 2
1.4 本章小结 3
2. 相关技术介绍 4
2.1 MVC设计模式 4
2.2 Spring Framework简介 4
2.3 Freemarker简介 5
2.4 Tomcat简介 6
2.5 MySQL简介 6
2.6 JQuery简介 6
2.7 JSON简介 6
2.8 Eclipse简介 7
2.9 本章小结 7
3. 系统分析 8
3.1 可行性分析 8
3.1.1 技术可行性分析 8
3.1.2 经济可行性分析 8
3.1.3 操作可行性分析 8
3.1.4 进度可行性分析 8
3.2 用户分析 8
3.3 功能需求分析 9
3.4 系统数据流分析 11
3.5 性能需求分析 12
3.6 本章小结 13
4. 系统设计 14
4.1 系统设计目标 14
4.1.1 系统前台设计目标 14
4.1.2 系统后台设计目标 14
4.2 数据库设计 14
4.2.1 数据库概念模型设计 14
4.2.2 数据库逻辑结构设计 17
4.3 系统业务流程设计 21
4.4 系统功能详细设计 22
4.4.1 注册登录功能 22
4.4.2 个人信息维护功能 23
4.4.3 文章管理功能 23
4.4.4 相册管理功能 23
4.4.5 自定义个性化主页功能 24
4.4.6 浏览系统主页功能 24
4.4.7 浏览用户个人博客功能 24
4.4.8 评论文章功能 25
4.5 系统界面设计 25
4.6 约束和规范 25
4.7 本章小结 26
5. 系统实现 27
5.1 系统主页面 27
5.2 数据库连接 27
5.3 系统主要功能模块实现 29
5.3.1 注册模块 29
5.3.2 登录模块 30
5.3.3 更换头像 32
5.3.4 文章管理 33
5.3.5 博客设置 35
5.3.6 自定义主页 36
5.3.7 浏览文章与评论 38
5.3.8 浏览相册与图片 43
5.4本章小结 44
6.结语 46
参考文献 47
致谢 48
1. 引言
1.1 课题研究的目的和意义
二十一世纪是互联网飞速发展的时代，在这场革命中，出现了论坛、博客、社区、空间等网络交流互动平台，其中博客以简单的文字、图片、链接而流行，它不同于论坛的公共化，不像社区的专业化，也不像空间的私人化，就是因为其简单的特点，成为了广大网民的热爱平台。校园博客系统不仅拥有博客的基本功能，也具有皮肤定制的个性化功能，更是因为校园资源共享、个人主页的特殊功能，而成为一个定位于校园的交流互动平台。博客不是简单的个人日记，不是个人网站，不是以自娱自乐为核心的产品，而是一种话语平台，是一种生活方式。
博客一词对于网民来说绝不是一个陌生的词，其作为个人的一种学习工具，简单易用，广泛吸引着人们的兴趣。博客现在在教育方面、商业方面、公司内部、校园领域等都得到了很大的发展，它将互联网从过去的通讯功能、资料功能、交流功能等进一步强化，使其更加个性化、开放化、实时化、全球化，把信息共享发展到资源共享、思想共享、生命历程共享。博客已经成为一种继课件、资源库、教育主题网站等信息化教学模式之后，新的网络应用模式。校园博客不仅是交流互动平台，也是以个人为中心的信息摘选和知识管理平台，是一个可以传播知识的资源库，尤其是定位于校园的网络平台，会为教育行业带来更方便，更多的好处，校园是一个充满学术气息、充满思想、充满文化的地方，校园博客系统通过文字、图片等形式记录信息，是互联网时代一个提供学术交流、思想交流、活动讨论的平台，将校园生活地点滴故事，都记录于此，传递师生的心声。
1.2 课题研究的现状和趋势
随着网络技术的日渐成熟，互联网已成为日常生活工作中必不可少的工具，网络博客在近几年更是成为各类网民不可或缺的展示自我表现自我的强大工具，其强大的功能良好的互动性在很大程度上满足了广大网民的需求。博客，是一近几年来兴起的外来网络词汇，Blog是其英文原型，又译为网络日志等。一个典型的博客结合了文字、图像、其他博客或网站的链接、及其它与主题相关的媒体。能够让读者以互动的方式留下意见，是许多博客的重要要素。大部分的博客以文字为主，还有一些博客则专注在艺术、摄影、视频、音乐、播客等各种主题，是社会媒体网络的一部分。博客有着极其出色的交流功能。本次毕业设计的主要研究就是校园博客系统的设计与实现。
Java技术因其开源的特性[1]，被广泛使用和优化，与其相关的书籍和网络上的资料有很多，同样开源的数据库MySQL亦是百受开发者的喜爱，对于校园博客系统这样并不复杂的系统，没有太多的功能，但是需要精心的设计，采用轻型的Spring框架与高效的Freemarker模板引擎，结合便捷的MySQL数据库技术无疑是最好的选择。
由以上内容易知博客的大体发展趋势可能如下：一方面博客门户网站的整体架构更加完善。 从目前看，新浪、搜狐、人民网、博客网、网易等网站，在不断推出博客服务平台以来，各自在资源整合与技术的架构上发挥了自身的特点和优势。进行博客技术开发应用，这无疑对中国互联网全面推进博客走近百姓日常生活起到了非常重要的作用。博客技术后台服务功能更加便利和高效。另一方面，博客成为人们普遍接受的交流平台。博客服务是随着人们的需求不断被创造性引导而来的。正如人们初期看电视一样，当一个台的选择，变成为几百个台选择时，博客可能给人们带来更成熟的技术，给人们带来更多的服务和便利。现今博客平台与移动手机传播互动技术成熟。3G手机的发展会带动或加快整个博客平台技术很快成熟起来。人们会利用博客平台来进行影像互动和文字短信的交流，这个既是通讯又涉及到商务活动和娱乐平台，会迅速推动整个博客与手机互动性服务模式的运行。
校园博客系统是基于博客形式进行构思和设计的，敏思倡导“自由开放，平等表达，独立思考，宽容但厚”的人文精神是该博客的设计理念，以“记录、分享、提升自我”为主旨。无论是生活中的点滴故事还是学习上的知识收获，校园博客系统都会成为你分享忧与乐的最佳平台。
本着以上的理念和主旨，校园博客系统将会采用最简洁的方式设计出以下的功能：发表博文、评论回复、相册、分享资源、个性主页。我相信这样的设计将会是真正的校园式博客系统，才能让校园文化进行更好的传播，才会让校园生活更加丰富多彩。
1.3 论文结构
文章共分五章。第一章的绪论讲述了课题研究的目的、意义和国内外博客系统的现状和发展趋势，以及介绍一下该论文的结构；第二章将简要介绍整个系统设计和实现过程中所涉及到的技术；第三章则会对整个系统做相应的分析，包括可行性分型、用户分析、功能需求分析与系统流程分析等；第四章将在系统分析的基础上进行系统设计，具体涉及明确系统组成模块，确定系统结构，制定业务流程，对整个应用接入模块所涉及具体功能做详细设计，以及数据库设计和系统界面的设计等；第五章详细讲述对应功能模块的具体实现。
1.4 本章小结
本章介绍了博客系统研究的目的、意义和国内外当前的现状以及未来发展的趋势，并提出了博客应用于校园中出现的特点，以及介绍了论文的整体结构。
2. 相关技术介绍
校园博客系统主要采用Java Web技术进行实现，在众多基于Java开发的开源框架中，该系统使用了基于MVC模式开发的Spring Web框架，同时选用Tomcat服务器和MySQL数据库来搭配环境。前端技术上采用Freemarker模板显示数据，再使用脚本语言JavaScript、JQuery、Ajax搭配CSS样式来呈现简洁、友好的页面。前后台之间的数据封装成JSON格式进行传输。
2.1 MVC设计模式
MVC模式（Model-View-Controller）是软件工程中的一种软件架构模式，把软件系统分为三个基本部分：模型（Model）、视图（View）和控制器（Controller）。MVC模式的目的是实现一种动态的程序设计，使后续对程序的修改和扩展简化，并且使程序某一部分的重复利用成为可能。除此之外，此模式通过对复杂度的简化，使程序结构更加直观。软件系统通过对自身基本部分分离的同时也赋予了各个基本部分应有的功能。专业人员可以通过自身的专长分组：
1） 控制器-负责转发请求，对请求进行处理。
2） 视图-界面设计人员进行图形界面设计。
3） 模型-程序员编写程序应有的功能（实现算法等等）、数据库专家进行数据管理和数据库设计(可以实现具体的功能)。
2.2 Spring Framework简介
Spring中基本MVC模式的Web框架是围绕DispatcherServlet设计，把请求转发到不同的处理器，可配置处理器映射，视图解析，本地语言，时区和主题解析以及上载文件支持。默认的处理程序是基于@Controller和注解@RequestMapping，提供多种灵活的处理方法。通过引入Spring3.0中时， @Controller和@PathVariable注释等特性还允许您创建REST风格的Web站点和应用程序 [2]。
Spring Web MVC框架，你并不需要实现框架特定的接口或基类。Spring的数据绑定相当灵活，例如，它认为类型不匹配的，可以由应用程序进行评估验证错误，而不是系统错误。因此，你不必复制你的业务对象的属性，无类型字符串在你的表单对象处理时会提示无效的意见，或者对字符串进行转换。
Spring的视图解析相当灵活。一个控制器通常是负责编制模型与地图数据，并选择一个视图名称，但它也可以直接写入响应流，并完成请求。View名称是高度可配置的，通过文件扩展名或Accept头的内容类型协商，通过bean的名字，属性文件，甚至是自定义的ViewResolver实现。该模型（MVC中的M）是一个Map接口，它允许你在视图技术的完整的抽象。您可以使用基于模板的渲染技术，如JSP，Velocity和FreeMarker直接集成，或直接生成XML，JSON和许多其他类型的内容[3]。
2.3 Freemarker简介
FreeMarker是一款模板引擎：即一种基于模板、用来生成输出文本(任何来自于HTML格式的文本用来自动生成源代码)的通用工具。它是为Java程序员提供的一个开发包，或者说是一个类库。它不是面向最终用户的，而是为程序员提供的一款可以嵌入他们所开发产品的应用程序。
FreeMarker实际上是被设计用来生成HTML页面，尤其是通过实现了基于MVC(Model View Controller，模型-视图-控制器)模式的Java Servlet应用程序。使用MVC模式的动态页面的设计构思使得你可以将前端设计师(编写HTML页面的人员)从程序员中分离出来。那么，所有人各司其职，发挥其最擅长的一面。网页设计师可以改写页面的显示效果而不受程序员编译代码的影响，因为应用程序的逻辑(这里是Java程序)和页面设计(这里是FreeMarker模板)已经被分开了。页面模板代码不会受到复杂程序代码的影响。这种分离的思想即便对一个程序员和页面设计师是同一个人的项目来说也都是非常有用的，因为分离使得代码保持简洁而且易于维护。
摘 要
博客是互联网发展过程中的形成的重要产物，校园博客系统通过文字、图片等形式记录信息，是互联网时代一个提供学术交流、思想交流和生活沟通的平台，用户可以把生活中发生的一切事情都记录在博客中，分享知识和快乐。
论文系统地介绍了校园博客系统的研究目的和意义、发展现状和趋势，以及在设计过程中用到的Web程序设计的相关技术，并采用结构化设计方法，应用程序流程图、数据库表和E-R图等形式清晰的展示出系统的结构。
校园博客系统的设计遵循了软件开发规范，从系统分析、系统设计、程序编码、系统测试和维护等几个阶段进行，采用Java开源框架Spring，Freemarker，CSS和MySQL技术来实现Web程序的设计。
关键字:校园博客开发规范SpringFreemarkerMySQL
目 录
1. 引言 1
1.1 课题研究的目的和意义 1
1.2 课题研究的现状和趋势 1
1.3 论文结构 2
1.4 本章小结 3
2. 相关技术介绍 4
2.1 MVC设计模式 4
2.2 Spring Framework简介 4
2.3 Freemarker简介 5
2.4 Tomcat简介 6
2.5 MySQL简介 6
2.6 JQuery简介 6
2.7 JSON简介 6
2.8 Eclipse简介 7
2.9 本章小结 7
3. 系统分析 8
3.1 可行性分析 8
3.1.1 技术可行性分析 8
3.1.2 经济可行性分析 8
3.1.3 操作可行性分析 8
3.1.4 进度可行性分析 8
3.2 用户分析 8
3.3 功能需求分析 9
3.4 系统数据流分析 11
3.5 性能需求分析 12
3.6 本章小结 13
4. 系统设计 14
4.1 系统设计目标 14
4.1.1 系统前台设计目标 14
4.1.2 系统后台设计目标 14
4.2 数据库设计 14
4.2.1 数据库概念模型设计 14
4.2.2 数据库逻辑结构设计 17
4.3 系统业务流程设计 21
4.4 系统功能详细设计 22
4.4.1 注册登录功能 22
4.4.2 个人信息维护功能 23
4.4.3 文章管理功能 23
4.4.4 相册管理功能 23
4.4.5 自定义个性化主页功能 24
4.4.6 浏览系统主页功能 24
4.4.7 浏览用户个人博客功能 24
4.4.8 评论文章功能 25
4.5 系统界面设计 25
4.6 约束和规范 25
4.7 本章小结 26
5. 系统实现 27
5.1 系统主页面 27
5.2 数据库连接 27
5.3 系统主要功能模块实现 29
5.3.1 注册模块 29
5.3.2 登录模块 30
5.3.3 更换头像 32
5.3.4 文章管理 33
5.3.5 博客设置 35
5.3.6 自定义主页 36
5.3.7 浏览文章与评论 38
5.3.8 浏览相册与图片 43
5.4本章小结 44
6.结语 46
参考文献 47
致谢 48
1. 引言
1.1 课题研究的目的和意义
二十一世纪是互联网飞速发展的时代，在这场革命中，出现了论坛、博客、社区、空间等网络交流互动平台，其中博客以简单的文字、图片、链接而流行，它不同于论坛的公共化，不像社区的专业化，也不像空间的私人化，就是因为其简单的特点，成为了广大网民的热爱平台。校园博客系统不仅拥有博客的基本功能，也具有皮肤定制的个性化功能，更是因为校园资源共享、个人主页的特殊功能，而成为一个定位于校园的交流互动平台。博客不是简单的个人日记，不是个人网站，不是以自娱自乐为核心的产品，而是一种话语平台，是一种生活方式。
博客一词对于网民来说绝不是一个陌生的词，其作为个人的一种学习工具，简单易用，广泛吸引着人们的兴趣。博客现在在教育方面、商业方面、公司内部、校园领域等都得到了很大的发展，它将互联网从过去的通讯功能、资料功能、交流功能等进一步强化，使其更加个性化、开放化、实时化、全球化，把信息共享发展到资源共享、思想共享、生命历程共享。博客已经成为一种继课件、资源库、教育主题网站等信息化教学模式之后，新的网络应用模式。校园博客不仅是交流互动平台，也是以个人为中心的信息摘选和知识管理平台，是一个可以传播知识的资源库，尤其是定位于校园的网络平台，会为教育行业带来更方便，更多的好处，校园是一个充满学术气息、充满思想、充满文化的地方，校园博客系统通过文字、图片等形式记录信息，是互联网时代一个提供学术交流、思想交流、活动讨论的平台，将校园生活地点滴故事，都记录于此，传递师生的心声。
1.2 课题研究的现状和趋势
随着网络技术的日渐成熟，互联网已成为日常生活工作中必不可少的工具，网络博客在近几年更是成为各类网民不可或缺的展示自我表现自我的强大工具，其强大的功能良好的互动性在很大程度上满足了广大网民的需求。博客，是一近几年来兴起的外来网络词汇，Blog是其英文原型，又译为网络日志等。一个典型的博客结合了文字、图像、其他博客或网站的链接、及其它与主题相关的媒体。能够让读者以互动的方式留下意见，是许多博客的重要要素。大部分的博客以文字为主，还有一些博客则专注在艺术、摄影、视频、音乐、播客等各种主题，是社会媒体网络的一部分。博客有着极其出色的交流功能。本次毕业设计的主要研究就是校园博客系统的设计与实现。
Java技术因其开源的特性[1]，被广泛使用和优化，与其相关的书籍和网络上的资料有很多，同样开源的数据库MySQL亦是百受开发者的喜爱，对于校园博客系统这样并不复杂的系统，没有太多的功能，但是需要精心的设计，采用轻型的Spring框架与高效的Freemarker模板引擎，结合便捷的MySQL数据库技术无疑是最好的选择。
由以上内容易知博客的大体发展趋势可能如下：一方面博客门户网站的整体架构更加完善。 从目前看，新浪、搜狐、人民网、博客网、网易等网站，在不断推出博客服务平台以来，各自在资源整合与技术的架构上发挥了自身的特点和优势。进行博客技术开发应用，这无疑对中国互联网全面推进博客走近百姓日常生活起到了非常重要的作用。博客技术后台服务功能更加便利和高效。另一方面，博客成为人们普遍接受的交流平台。博客服务是随着人们的需求不断被创造性引导而来的。正如人们初期看电视一样，当一个台的选择，变成为几百个台选择时，博客可能给人们带来更成熟的技术，给人们带来更多的服务和便利。现今博客平台与移动手机传播互动技术成熟。3G手机的发展会带动或加快整个博客平台技术很快成熟起来。人们会利用博客平台来进行影像互动和文字短信的交流，这个既是通讯又涉及到商务活动和娱乐平台，会迅速推动整个博客与手机互动性服务模式的运行。
校园博客系统是基于博客形式进行构思和设计的，敏思倡导“自由开放，平等表达，独立思考，宽容但厚”的人文精神是该博客的设计理念，以“记录、分享、提升自我”为主旨。无论是生活中的点滴故事还是学习上的知识收获，校园博客系统都会成为你分享忧与乐的最佳平台。
本着以上的理念和主旨，校园博客系统将会采用最简洁的方式设计出以下的功能：发表博文、评论回复、相册、分享资源、个性主页。我相信这样的设计将会是真正的校园式博客系统，才能让校园文化进行更好的传播，才会让校园生活更加丰富多彩。
1.3 论文结构
文章共分五章。第一章的绪论讲述了课题研究的目的、意义和国内外博客系统的现状和发展趋势，以及介绍一下该论文的结构；第二章将简要介绍整个系统设计和实现过程中所涉及到的技术；第三章则会对整个系统做相应的分析，包括可行性分型、用户分析、功能需求分析与系统流程分析等；第四章将在系统分析的基础上进行系统设计，具体涉及明确系统组成模块，确定系统结构，制定业务流程，对整个应用接入模块所涉及具体功能做详细设计，以及数据库设计和系统界面的设计等；第五章详细讲述对应功能模块的具体实现。
1.4 本章小结
本章介绍了博客系统研究的目的、意义和国内外当前的现状以及未来发展的趋势，并提出了博客应用于校园中出现的特点，以及介绍了论文的整体结构。
2. 相关技术介绍
校园博客系统主要采用Java Web技术进行实现，在众多基于Java开发的开源框架中，该系统使用了基于MVC模式开发的Spring Web框架，同时选用Tomcat服务器和MySQL数据库来搭配环境。前端技术上采用Freemarker模板显示数据，再使用脚本语言JavaScript、JQuery、Ajax搭配CSS样式来呈现简洁、友好的页面。前后台之间的数据封装成JSON格式进行传输。
2.1 MVC设计模式
MVC模式（Model-View-Controller）是软件工程中的一种软件架构模式，把软件系统分为三个基本部分：模型（Model）、视图（View）和控制器（Controller）。MVC模式的目的是实现一种动态的程序设计，使后续对程序的修改和扩展简化，并且使程序某一部分的重复利用成为可能。除此之外，此模式通过对复杂度的简化，使程序结构更加直观。软件系统通过对自身基本部分分离的同时也赋予了各个基本部分应有的功能。专业人员可以通过自身的专长分组：
1） 控制器-负责转发请求，对请求进行处理。
2） 视图-界面设计人员进行图形界面设计。
3） 模型-程序员编写程序应有的功能（实现算法等等）、数据库专家进行数据管理和数据库设计(可以实现具体的功能)。
2.2 Spring Framework简介
Spring中基本MVC模式的Web框架是围绕DispatcherServlet设计，把请求转发到不同的处理器，可配置处理器映射，视图解析，本地语言，时区和主题解析以及上载文件支持。默认的处理程序是基于@Controller和注解@RequestMapping，提供多种灵活的处理方法。通过引入Spring3.0中时， @Controller和@PathVariable注释等特性还允许您创建REST风格的Web站点和应用程序 [2]。
Spring Web MVC框架，你并不需要实现框架特定的接口或基类。Spring的数据绑定相当灵活，例如，它认为类型不匹配的，可以由应用程序进行评估验证错误，而不是系统错误。因此，你不必复制你的业务对象的属性，无类型字符串在你的表单对象处理时会提示无效的意见，或者对字符串进行转换。
Spring的视图解析相当灵活。一个控制器通常是负责编制模型与地图数据，并选择一个视图名称，但它也可以直接写入响应流，并完成请求。View名称是高度可配置的，通过文件扩展名或Accept头的内容类型协商，通过bean的名字，属性文件，甚至是自定义的ViewResolver实现。该模型（MVC中的M）是一个Map接口，它允许你在视图技术的完整的抽象。您可以使用基于模板的渲染技术，如JSP，Velocity和FreeMarker直接集成，或直接生成XML，JSON和许多其他类型的内容[3]。
2.3 Freemarker简介
FreeMarker是一款模板引擎：即一种基于模板、用来生成输出文本(任何来自于HTML格式的文本用来自动生成源代码)的通用工具。它是为Java程序员提供的一个开发包，或者说是一个类库。它不是面向最终用户的，而是为程序员提供的一款可以嵌入他们所开发产品的应用程序。
FreeMarker实际上是被设计用来生成HTML页面，尤其是通过实现了基于MVC(Model View Controller，模型-视图-控制器)模式的Java Servlet应用程序。使用MVC模式的动态页面的设计构思使得你可以将前端设计师(编写HTML页面的人员)从程序员中分离出来。那么，所有人各司其职，发挥其最擅长的一面。网页设计师可以改写页面的显示效果而不受程序员编译代码的影响，因为应用程序的逻辑(这里是Java程序)和页面设计(这里是FreeMarker模板)已经被分开了。页面模板代码不会受到复杂程序代码的影响。这种分离的思想即便对一个程序员和页面设计师是同一个人的项目来说也都是非常有用的，因为分离使得代码保持简洁而且易于维护。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/qrs/135.html
