web的博客系统的设计和实现【字数：11223】
摘 要本系统主要是针对用户可以管理自己博客信息而设计的系统。系统主要实现发表心情日记这一主要功能。其中还包含有阅读博文点赞模块、编辑个人信息模块、回复留言模块、上传视频等相关子模块。系统前台显示页面采用HTML+CSS+JS来构建页面整体架构，数据的存储选择MySQL关系数据库，后台采用PHP动态处理技术来编写并进行调用。本论文对博客系统进行整体分析，详细说明了博客的产生与发展；项目实现过程中所涉及的技术和所使用的开发工具；进行系统分析；在实现数据库过程中，强调介绍了数据库逻辑结构设计以及它的完整性和安全性；系统详细设计和每个模块的实现；系统测试步骤，对每个模块进行测试，并提出解决方案，进行完善。
目录
1. 绪论1
1.1 博客的概念1
1.2 课题研究的意义1
1.3 课题研究主要内容1
2. 相关技术和开发工具介绍 2
2.1 技术介绍2
2.1.1 JavaScript简介2
2.1.2 JQuery库简介2
2.1.3 PHP简介2
2.2 开发工具介绍2
2.2.1 sublime简介2
2.2.2 WebStorm简介2
2.2.3 MySQL简介2
3. 系统分析3
3.1 可行性分析3
3.1.1 技术可行性3
3.1.2 经济可行性3
3.2 用户需求分析3
3.3 系统功能需求分析4
4. 数据库设计5
4.1 数据库技术概述以及选择5
4.2 数据库概念结构设计5
4.3 数据库逻辑结构设计5
4.4 数据库物理设计10
4.5 数据库业务逻辑设计10
4.6 数据库的实施10
4.7 数据库运行与维护10
4.7.1 数据库的完整性约束11
4.7.2 数据库的安全性约束11
5. 系统详细设计和实现12
5.1 UML建模12
5.1.1 创建系统的用例图12
5.1.2 *好棒文|www.hbsrm.com +Q: ￥351916072$
创建系统的活动图13
5.2 阅读博文模块14
5.3 用户注册模块14
5.4 用户登录模块15
5.5 用户个人信息模块16
5.6 心情日记模块18
5.7 留言板模块18
5.8 相册浏览模块19
5.9 视频模块20
6. 系统测试20
6.1 测试目的20
6.2 测试方法20
6.3 测试实例21
6.3.1 用户登录和注册测试21
6.3.2 发表心情日记测试21
6.3.3 修改用户个人信息测试21
6.3.4 留言板评论测试22
6.3.5 上传视频测试22
6.3.6 照片墙测试22
参考文献23
总结24
绪论
1.1 博客的概念
博客的英文为Blog，又可以称作为部落格或是部落阁。目前使用最广泛的就是新浪微博，现在已经有很多人在使用微博，不仅仅是公众人物，现在普通老百姓也开始使用，因为我们不但可以通过微博热搜看到实时新闻，也可以在上面学到很多东西，比方说生活小技能、工作技巧等等，致使它成为人与人之间新的交流方式，现已广受大家的欢迎，成为一种新的交流、生活、工作、学习方式。
1.2 课题研究的意义
随着时代的迅猛发展，博客已经成为我们新的一种生活方式。伴随着科技的不断发展，人们对事物的要求也越来越高，会不断地提出新的需求。现在我们所常用的新浪微博也是在不断地更新中，根据用户的体验反馈再结合需求，进行进一步的功能完善。因此，建立一个基于Web的博客系统，可以维护自己博客的相关信息，更重要的是可以参考微博相关功能实现并可以加上自己的想法完成更多功能，例如，系统首页的博文点击“阅读全文”可以进行相应文章的整篇阅读并对自己喜欢的文章进行点赞，并且侧边栏还有相关文章的推荐，同时也可以点击进行全文阅读。
1.3 课题研究主要内容
本文研究的课题为基于Web[2]的博客系统的设计和实现。使用CSS[4]、JS、PHP[11]等相关技术来开发，使得技术人员更好地开发并进行调试。游客可以进入首页进行博文的阅读、查看所有的心情日记以及查看所有的留言，但一旦进行点击操作，比方说点赞、编辑个人信息等，就必须先登录（跳转到登录页面）之后才可以进行下一步的操作；若数据库中有该登录人员的相关信息，就会直接进入系统；倘若数据库中没有该登录人员的信息，就会跳转页面首先注册信息，然后才可以登录进入系统。本系统开发的重点、难点是：1.回复留言时数据库对应字段的存放问题2.发表心情日记时，数据插入数据库，对应表的字段存放3.点击上传视频或者头像时，对应图片路径的存取问题，包括导入数据库对应字段中和在本地文件夹中显示。
相关技术和开发工具介绍
2.1 技术介绍
2.1.1 JavaScript简介
JavaScript[5]是一种跨平台的、基于对象、基于事件驱动的解释型并且是弱类型语言。JavaScript[6]可以被浏览器直接解释执行，来实现与客户的交互、动态页面效果等，从而减轻了服务器端的压力。
2.1.2 JQuery库简介
JQuery[7]是一个函数库，一个js文件，页面用script标签引入js文件就可以使用。JQuery对象是通过$（“选择器”）方法得到的对象，不能使用document.getxxx或document.getqueryxxx来获得对象。
2.1.3 PHP简介
PHP[10]的全称是Hypertext Preprocessor（超文本预处理器），是一种开发动态网页的开源脚本语言，服务器端脚本语言，并且是弱类型语言。其特点是开源、跨平台、支持多类型数据库[8]、上手简单等特点。
2.2 开发工具介绍
2.2.1 Sublime简介
Sublime Text 是一个代码及文本编辑工具。Sublime Text 拥有优秀的代码自动完成功能，可以将常用的代码片段保存起来，在必要时随时调用。Sublime Text 还支持强大的多行选择和多行编辑。
目录
1. 绪论1
1.1 博客的概念1
1.2 课题研究的意义1
1.3 课题研究主要内容1
2. 相关技术和开发工具介绍 2
2.1 技术介绍2
2.1.1 JavaScript简介2
2.1.2 JQuery库简介2
2.1.3 PHP简介2
2.2 开发工具介绍2
2.2.1 sublime简介2
2.2.2 WebStorm简介2
2.2.3 MySQL简介2
3. 系统分析3
3.1 可行性分析3
3.1.1 技术可行性3
3.1.2 经济可行性3
3.2 用户需求分析3
3.3 系统功能需求分析4
4. 数据库设计5
4.1 数据库技术概述以及选择5
4.2 数据库概念结构设计5
4.3 数据库逻辑结构设计5
4.4 数据库物理设计10
4.5 数据库业务逻辑设计10
4.6 数据库的实施10
4.7 数据库运行与维护10
4.7.1 数据库的完整性约束11
4.7.2 数据库的安全性约束11
5. 系统详细设计和实现12
5.1 UML建模12
5.1.1 创建系统的用例图12
5.1.2 *好棒文|www.hbsrm.com +Q: ￥351916072$
创建系统的活动图13
5.2 阅读博文模块14
5.3 用户注册模块14
5.4 用户登录模块15
5.5 用户个人信息模块16
5.6 心情日记模块18
5.7 留言板模块18
5.8 相册浏览模块19
5.9 视频模块20
6. 系统测试20
6.1 测试目的20
6.2 测试方法20
6.3 测试实例21
6.3.1 用户登录和注册测试21
6.3.2 发表心情日记测试21
6.3.3 修改用户个人信息测试21
6.3.4 留言板评论测试22
6.3.5 上传视频测试22
6.3.6 照片墙测试22
参考文献23
总结24
绪论
1.1 博客的概念
博客的英文为Blog，又可以称作为部落格或是部落阁。目前使用最广泛的就是新浪微博，现在已经有很多人在使用微博，不仅仅是公众人物，现在普通老百姓也开始使用，因为我们不但可以通过微博热搜看到实时新闻，也可以在上面学到很多东西，比方说生活小技能、工作技巧等等，致使它成为人与人之间新的交流方式，现已广受大家的欢迎，成为一种新的交流、生活、工作、学习方式。
1.2 课题研究的意义
随着时代的迅猛发展，博客已经成为我们新的一种生活方式。伴随着科技的不断发展，人们对事物的要求也越来越高，会不断地提出新的需求。现在我们所常用的新浪微博也是在不断地更新中，根据用户的体验反馈再结合需求，进行进一步的功能完善。因此，建立一个基于Web的博客系统，可以维护自己博客的相关信息，更重要的是可以参考微博相关功能实现并可以加上自己的想法完成更多功能，例如，系统首页的博文点击“阅读全文”可以进行相应文章的整篇阅读并对自己喜欢的文章进行点赞，并且侧边栏还有相关文章的推荐，同时也可以点击进行全文阅读。
1.3 课题研究主要内容
本文研究的课题为基于Web[2]的博客系统的设计和实现。使用CSS[4]、JS、PHP[11]等相关技术来开发，使得技术人员更好地开发并进行调试。游客可以进入首页进行博文的阅读、查看所有的心情日记以及查看所有的留言，但一旦进行点击操作，比方说点赞、编辑个人信息等，就必须先登录（跳转到登录页面）之后才可以进行下一步的操作；若数据库中有该登录人员的相关信息，就会直接进入系统；倘若数据库中没有该登录人员的信息，就会跳转页面首先注册信息，然后才可以登录进入系统。本系统开发的重点、难点是：1.回复留言时数据库对应字段的存放问题2.发表心情日记时，数据插入数据库，对应表的字段存放3.点击上传视频或者头像时，对应图片路径的存取问题，包括导入数据库对应字段中和在本地文件夹中显示。
相关技术和开发工具介绍
2.1 技术介绍
2.1.1 JavaScript简介
JavaScript[5]是一种跨平台的、基于对象、基于事件驱动的解释型并且是弱类型语言。JavaScript[6]可以被浏览器直接解释执行，来实现与客户的交互、动态页面效果等，从而减轻了服务器端的压力。
2.1.2 JQuery库简介
JQuery[7]是一个函数库，一个js文件，页面用script标签引入js文件就可以使用。JQuery对象是通过$（“选择器”）方法得到的对象，不能使用document.getxxx或document.getqueryxxx来获得对象。
2.1.3 PHP简介
PHP[10]的全称是Hypertext Preprocessor（超文本预处理器），是一种开发动态网页的开源脚本语言，服务器端脚本语言，并且是弱类型语言。其特点是开源、跨平台、支持多类型数据库[8]、上手简单等特点。
2.2 开发工具介绍
2.2.1 Sublime简介
Sublime Text 是一个代码及文本编辑工具。Sublime Text 拥有优秀的代码自动完成功能，可以将常用的代码片段保存起来，在必要时随时调用。Sublime Text 还支持强大的多行选择和多行编辑。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/604.html
