基于javascript的个人博客系统的设计与实现

基于JavaScript的个人博客系统的设计与实现
摘要：个人博客已经成为重要的媒体和信息传播平台。

为了让用户加强感情交流和进行知识分享，我设计并制作了用来展示用户情感态度、生活观点、学习经验的个人博客。

该设计使用了JavaScript、MySQL、B/S等语言和技术，搭建了平台的总体框架，实现了用户注册、登录和个人信息管理、博客日历、热门文章、文章分类、好友链接等主要功能。

达到了构建网络交流平台的目的。

关键词:个人博客；MySQL；JavaScript
Abstract: The personal blog has become an important platform for media and information dissemination. For enhancing emotional communication and knowledge sharing with users，I have designed and made this personal blog which is about attitudes, values and learning experiences of users. This design used Java development language, MySQL database and B/S technology for making system frame and realizing the user registration, the user login and the personal information management, the blog calendar, the hot article, the article classification, the friend link and other functions. And then,the purpose of constructing network communication platform has been achieved.
Keywords:Personal blog; MySQL;JavaScript
目录
摘要 (Ⅰ)
Abstract (Ⅰ)
目录 (Ⅱ)
1 绪论 (1)
1.1 选题目的和意义 (1)
1.2 选题依据 (1)
2 系统开发技术的介绍 (2)
2.1 Java介绍 (2)
2.2 JavaScript介绍 (2)
2.3 数据库介绍 (3)
2.4 B/S介绍 (3)
3 系统分析 (3)
3.1 系统功能需求分析 (3)
3.2 前台功能需求分析 (4)
3.3 后台管理需求分析 (4)
4 系统设计 (5)
4.1 运行架构 (5)
4.2 博客系统设计 (5)
4.2.1 前台模块设计 (5)
4.2.2 后台模块设计 (6)
4.2.3 数据库结构设计 (6)
5 系统实现 (9)
5.1 系统前台功能的具体实现 (9)
5.1.1 登陆界面 (9)
5.1.2 系统的主界面 (11)
5.1.3 用户留言界面 (13)
5.1.4 留言列表设计界面 (13)
5.2 系统后台功能的具体实现 (14)
5.2.1 前台展示修改界面 (15)
5.2.2 修改密码界面 (15)
6 系统测试 (16)
6.1 系统测试目的 (16)
6.2 测试范围 (16)
总结....................................................................................... 错误！未定义书签。

参考文献................................................................................. 错误！未定义书签。

致谢....................................................................................... 错误！未定义书签。

1 绪论
1.1选题目的和意义
个人博客有自己的用户群，有巨大的潜在用户。

但个人博客的特点是随机性和丰富度，包括文字、图片、声音、图片、视频。

个人博客系统将为用户提供一个浏览器书签工具，实现一键共享功能[1]。

因此，建立一个轻量级的个人博客系统不仅会成为一个个人想法，而且很少有非纸质的成长记录也会影响到人们的传统学习和社会模式。

为人们交流、学习、交际提供了新的途径和平台。

博客比微博更小众，更适合小型社交网络，更适合校园的实现，例如，感兴趣的旅行在同一学校可以加入个人博客的主题旅行看到什么样的最新旅游信息，在他们的环境，他们最近去过的地方,什么是有趣的和美味的东西,也可以组织一起去旅游[2]。

个人博客有一个更明确的定位来加入用户，他们都有一个明确的目标。

他们想找徒步旅行者一起旅行，找骑自行车的人一起骑车，和高成就的人谈论学习困难的问题。

可以在一个轻松的博客上相互交流。

调查显示，目前高校校园论坛系统主要实现师生间的沟通与交流。

市场上没有一个专门的校园发展的个人博客平台[3]。

虽然市场上比较小众，但可以推动其他成熟的应用平台免费使用，在这些知名的平台上也可以建立更广泛的兴趣主题。

1.2 选题依据
个人博客是一个开放又便捷的平台，在校园生活中很受欢迎，主要微博是为大家提供一种全新的交流工具，可以在任何时间任何地点将自己日常生活的经验，生活动态，学习经验，兴趣爱好，喜欢的音乐和视频，旅游的照片，个人成果等通过个人博客上传。

让周围的人了解你，扩大交流范围，加强师生的互动，学生与学生之间的联系，有助于学习经验的交流，让生活更加多姿多彩[]。

人们可以有选择地关注某一部门的信息。

例如，一名大四学生可能只关注就业信息、论文信息、研究生考试信息，而教师更注重科研项目的信息。

个人博客也共享互动，人
们不注意信息的有关部门不害怕错过有效信息,人们可以检查时刻的动态是否有任何其他学生都关心的重要信息。

教务处也可以发布投票和讨论会议，系统上通过学生满意各种政策、舆论监测，收集各方意见,以便理解教师的真实思想和学生的想法,加上各种提议修改有关规定为学校的发展做出更好的决策。

基于JavaScript平台和MySQL数据库开发，实现了基于JavaScript的个人博客系统的设计，及时处理所有用户的信息，体现了高端智能[10]。

作为新时代的网络平台，Java平台为网络时代提供了高效的开发工具。

2 系统开发技术的介绍
本博客系统的的主要开发环境是基于JavaScript以及MySQL数据库，下面简单介绍一下JSP和MySQL数据库。

2.1 Java介绍
Java是一种的程序语言，被广泛应用于程序的开发。

他采用模块化和组件化的方式来运行和进行开发，是目前大多数开发人员必须掌握的一种常用的程序开发技术框架。

Java可以在Eclipse开发平台采用微软开发的程序，程序开发平台提供的各种框架，各种控件，各种各样的基础支撑，是可视化的集成开发环境，使程序开发变得清晰，使开发过程是非常简单和方便。

此外，Java在通用语言运行库运行。

它是目前唯一能够同时支持多种编程语言的综合开发框架。

Java架构为编程人员提供了极大的方便。

Java技术进行管理和控制的一种先进的组件数据库。

它使软件开发人员能够查询、更新和删除数据库。

可以为网络程序的开发提供支持。

本文也是的基于Java的系统与Java的开发框架。

2.2 JavaScript介绍
JavaScript是一种脚本语言，是基于原型的语言，JavaScript脚本语言是一个有自己的数据类型，有自己的算术运算符，有自己的表达式和程序的程序框架，它提供了数据类型，以便用于处理数据和文本[10]。

变量提供了一个用于存储信息的
字段，而表达式通常会执行更复杂的信息处理。

JavaScript是一种网络，支持各种用户和终端平台环境的开发，大力推动新一代网络的发展，真正使人们获取需要的信息。

2.3 数据库介绍
数据库是数据管理的有效技术，数据库管理系统是位于用户与操作系统之间的一层数据管理软件。

它的功能很强大，用户可以通过它对数据进行定义，用户使用它操作数据，进行基本的操作，如查询、插入、删除和修改等。

它们统一管理，保证安全性。

它的特点包括：数据结构化、共享性高、冗长度低且易扩充、独立性高、有管理系统统一管理。

2.4 B/S介绍
B/S结构是一种基于Internet系统的程序开发体系结构，是程序开发中非常广泛的程序结构。

目前，B/S结构得到了广泛的应用，打破了C/S结构模式，为基于网络的程序系统提供了良好的支持。

个人博客网站的总体结构图如图2-1所示。

图2-1 博客网站总体结构
3 系统分析
3.1系统功能需求分析
博客系统总目标：在Java、数据库和一些开发平台上，用已有的软件和配置硬件，构成一个开放式的模式，容易扩展和维护的个人博客网站，加强人与人之间的联系，并通过你的个人博客网站表达更多的想法。

它可以随时发布文章，及时回复和留言。