个人博客网站的设计与实现

第一章 研究目的和意义

一、研究目的

在网络技术逐渐渗入社会生活各个层面的今天，传统的交流方式也面临着变革，而网络博客则是一个很重要的方向。基于Web技术的网络考试系统可以借助于遍布全球的Internet进行，因此交流既可以是本地进行，也可以是异地进行，大大拓展了沟通与交流的灵活性。博客在现如今这个飞速发展的网络时代已经成为人们不可或缺的一部分，是一种通常由个人管理、不定期张贴新的文章的网站。博客上的文章通常根据张贴时间。许多博客专注在特定的课题上提供评论或新闻，其他则被作为比较个人的日记。一个典型的博客结合了文字、图像、其他博客或网站的链接、及其它与主题相关的媒体。能够让读者以互动的方式留下意见，是许多博客的重要要素。大部分的博客内容以文字为主。博客是社会媒体网络的一部分。

二、研究意义

博客，也被称为weblog、blog，是指经常发布新文章的网站，通常是由个人撰写的。博客通常由短小且经常更新的帖子组成，内容包括个人观点、日记、诗歌、散文、小说等。博客可以是纯粹的个人想法和经历，包括你对时事的个人看法，或者你精心准备的饭菜和衣服等，也可以是一群人根据某个主题或共同领域创建的。写博客就是要在互联网上表达各种想法，发布，把瞬间的想法变成一种观点展示给大家。博客是一个平台，用户可以对表达自己观点和意见的文章发表评论。

写博客是为了和过去以及未来的自己对话，博客可以作为一个见证,见证了过去也见证未来,可以回顾自己的成长,甚至黑人历史,还可以,看看你的变化,目前正在写博客也将是我未来的“参考历史”,给自己一个悬念,期待看到现在的自己和未来的自己有何不同。博客可以作为时间的媒介，它可以从时间的变迁中生存下来，让它的主人了解自己。

第二章 文献综述（研究现状及分析）

随着互联网技术的不断发展，现如今有很多和博客相似的技术和产品，如微信朋友圈、微博等等。写博客是为了把自己各种各样的想法在网上表达、释放出来,把一时的想法变成观点展示给大家。而浏览博客的用户,也可以对发表观点和看法的文章进行评论,博客就是这样一个平台。

博客在中国的发展起始于1998年，但到了2000年才开始真正的流行。而2000年博客开始进入中国，并迅速发展，但都业绩平平。直到2004年木子美事件，才让中国民众了解到了博客，并运用博客。2005年，国内各户站网站，如新浪、搜狐，原不看好博客，也加入博客阵营，开始进入博客春秋战国时代。由于博客沟通方式比电子邮件、讨论群组更容易和简单，博客已成为家庭、部门、公司和团队之间越来越盛行的交流工具。

各行各业的发展进步都需要及时的掌握对自身发展有用的信息。博客就可以传递信息，探讨技术，随时了解各行各业的各种变化。现有的研究大多是致力于博客作为一种新的网络传播方式在社会学方面的意义，而涉及博客经济学方面的文献较少，且以新闻报道为主。但随着博客的推广，博客在网络营销中的营销价值和潜在问题也逐渐表现出来。新竞争力(www.jingzhengli.cn)通过国内外对博客营销应用状况的分析发现，尽管博客已经为一种新型的网络营销手段，但是博客网络营销的概念和方法对于大多数企业/网站来说仍然是陌生的，尤其对于博客营销的实际操作和管理知识非常欠缺。

有专家认为博客是继E-mail、BBS、ICQ（中国的QQ）之后的第四种网络交往方式，是互联网著名的服务之一。博客网董事长兼 CEO方兴东认为博客是网上的生活，是新的生活方式，博客有三个方面的应用：一是新的个人人际交流方式；二是以个人为中心的信息过滤和知识管理；三是以个人为中心的传播出版。 据TechWeb报道，截至2005年第三季度末，中国注册博客数量达到了3340万，这就意味着每三个网民中就有一个博客。越来越多的人开始申请开通自己的博客，通过不断更新的文字或图片与人交流。同时，随着博客技术的发展和博客理念的推广，博客现象也受到我国学界的广泛关注，许多学者从不同的学科视角，运用多种研究方法对博客进行了概念化或经验性分析。本文的目的在于，运用内容分析法，从历史的维度分析国内学界博客研究的进程和现状；指出国内博客研究的主要成就与问题；从一个侧面概览网络社会结构与社会行为研究的面貌。

第三章 基本内容、相关流程介绍

一、基本内容

个人博客网站主要前端后端与数据库组合而成，其中前端页面主要对于访问者登录，博主登录，注册，我的文章，博客管理，加好友，留言等功能进行展示。前端页面功能主要包括：（1）登录界面：个人博客网站的登录页面位于首页，通过用户输入用户名与密码后进行后台判断，从而登录到访问者或博主不同的功能客户体，访问者可浏览博主所发表的文章内容，进行评价等权限；博主可对博客进行编辑，评论管理等。（2）文章部分：访问者可以对博主的文章进行收藏，其放在“我的文章”功能里，对于博主此功能为对自己写的博客进行管理。“阅读全文”可查看全部文章，以及评论等各种详情。文章的评论评论功能可展示评论内容，评论者ID，以及时间，评论具体内容等。（3）好友功能：可查看所有好友，好友之间的交流等。后端主要进行前后端的交互。数据库用于储存客户各种数据，存储博客数据，评论内容数据，用户信息等数据皆储存与此。

二、流程介绍

个人博客网站主要由PC端，RD端与数据库组合而成。PC端主要是由Vue前端框架搭建而成，其主要运用view创建页面，router配置路由，store存储Vuex，JSON Web Token进行身份鉴权验证。；RD端由Node中Koa框架搭建而成，其主要运用Get，Post对于前端的请求接收，并把请求的参数放入params对象中，中间件可用于封装请求参数与编写跨域设计；MySQL数据库用于存储客户数据。博客网站分为访问用户与博主客户两种群体，用户登录可分为访问者登录与博主登录，面向访问者登录流程如图3.1所示，访问者用户在登陆网站首页后，可以查看，浏览文章，给博主留言等。面向博主的客户登录流程图如图3.2所示，博主登录页面后，可对博客文章，好友信息，留言进行管理。

        图3.1 面向访问者流程图             图3.2 面向博主流程图

在登陆到网页后会有如下几个功能1）用户信息主要包括用户的姓名，性别，密码，主要内容，用户的ID等信息资料，如图3.3）博客文章包括文章题目，内容，发布时间，文章访问次数，如图3.4）博客文章评价包括文章评论的发表者，发表的具体内容时间，如图3.5）推荐文章包括推荐文章的标题，推荐文章链接地址，推荐文章的发表时间，如图3.6）好友包括：好友姓名，博客名，访问次数，如图3.7；

     图3.3 用户信息实体图

图3.4 文章信息实体图

图3.5 文章评论实体图

图3.6 推送文章实体图

图3.7 好友实体图

第四章 技术路线或研究方法

一、技术路线

1. MySQL数据存储

本系统使用MySQL数据库储存用户信息，博客内容等。MySQL是一种关系型数据库管理系统，它将数据保存在不同的表中。因此它的灵活性强，速度快强。它具有两种模式：商业版跟社区版，一般新手都会选择社区版来创建自己的数据库系统。由于它的体积小、速度快、成本低、最重要的是开放源码，所以中小型的公司都喜欢使用它作为网站数据库。在毕业设计中选择MYAQL数据库主要原因是因为开放源代码且无版权制约，自主性强、使用成本低，个人博客体积小，安装使用简单，并且易于维护，安装及维护成本低。

2. 前端VUE框架

Vue框架是国人开发的框架，官方文档很清晰。Vue是一个轻量级框架，只关注视图层,是一个构建数据的视图集合,大小只有几十kb，Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统，这也就使得使用Vue十分快捷方便。数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作。vue实现了双向数据绑定，就是所谓的响应式数据绑定。这里的响应式是指vue.js会自动对页面中某些数据的变化做出同步的响应。Vue.js的实时性会自动响应数据的变化情况，并且根据在代码中预先写好的绑定关系，对所有绑定在一起的数据和视图内容都进行实时的修改。在传统开发中，用JQuery或者原生的JS,DOM操作函数对DOM进行频繁操作的时候，浏览器要不停的渲染新的DOM树，导致页面看起来非常卡顿。而使用Vue可以预先通过JavaScript进行各种计算，把最终的DOM操作计算出来并优化。由于这个DOM操作属于预处理操作，并没有真实的操作DOM，所以叫做虚拟DOM。只有最后在计算完毕才真正将DOM操作提交，将DOM操作变化反映到DOM树上。种种优点会使我的开发更加容易。

3.Node的Koa框架

Koa框架是一个基于Node实现的web框架。对比于Express框架，丢弃了回调函数，并有效地增强了异常处理。丢弃回调函数是因为Koa使用Promise配合Async函数实现异步，解决了Node回调地狱的问题。 Express框架实现错误处理是通过错误处理中间件，这样把错误一层一层抛出来，交由错误处理中间件处理；而到了Koa则是通过全局错误事件监听，这样把错误处理写在最外层即可。

二、研究方法

1、查阅资料，对系统使用的相关技术和工具了解学习。

2、使用项目管理工具，获取系统所需的相关信息，了解系统运行情况，准确的对项目中的各项人去进行了解，明白其中的关联。

3、构建系统的大体框架，明确系统实现的功能。确定各功能如何实现。

4、开发与测试。

第五章 进度安排

2021年11月底-2021年3月：针对毕业设计题目，积极展开调研、查找相关资料及参考文献，确定设计设计内容、技术路线和实现方案。对设计与实现中的关键的技术难点和环节重点展开研究，准备好开题答辩。

2022年3月-2021年4月：下载开发软件，搭建开发环境，软件编码。

2022年4月-2021年5月：按照设计流程对个人博客网站的设计与实现进行调试和优化。同时着手撰写设计说明书。

2022年5月：完善毕业设计说明书（毕业论文）做好答辩准备。

第六章 主要参考文献

[1]卢云霞.浅谈个人博客网站的设计与实现[J].内蒙古科技与经济,2021(17).

[2]刘磊.基于Web框架的博客管理系统设计与实现[J].计算机时代,2017(05):20-23.

[3]罗斌,温丰蔚,曾晓钰,张亮,韦通明.基于Vue.js的培训可视化系统开发与设计[J].现代工业经济和信息化,2021,11(12):54-56.

[4]李嘉明.基于Node.js多人博客系统的设计与实现[J].电脑知识与技术,2020,16(09):71-72+75.

[5]赵陶钰.基于HTML5+Node.js同步绘图板的设计与实现[J].邢台职业技术学院学报,2021,38(01):92-95.

[6]熊辉.PHP技术与MYSQL数据库技术的Web动态网页设计[J].信息记录材料,2021,22(01):115-116.

[7]汪晗. 云数据库服务系统设计与实现[D].电子科技大学,2020.

[8]王驰猋. 一种基于Node.js的web前端页面风格替换系统设计与实现[D].南京大学,2020.

[9]齐慧. 基于HTML5技术的移动Web前端研究与实现[D].齐鲁工业大学,2020.

[10]刘启伟. 基于Vue.js框架的Web前端开发工具的设计与实现[D].北京邮电大学,2021.