摘要：随着互联网行业的蓬勃发展和互联网技术的发展和创新，到了今天，人们的生活已经越来越离不开网络。遇到问题我们已经从问别人到首先打开搜索引擎查找，可见现在互联网的信息量的丰富程度。在过去，人们传播知识的方式主要依靠的是人的口头传播和书本传播。而如今，庞大的互联网像一个巨大的蜘蛛网把我们每个人联系到一起，让我们每个人可以方便且容易的学到知识，或者是分享自己的知识、思想和动态等。

现在网络上已经用很多成熟的社交软件和博客系统等，如：博客、微博、贴吧等。还有专业性较强的CSDN这种专业行较强切分类明确的社交圈子。但是，随着互联网行业的一种新的职业“前端”，的出现，以其快速的更新和更优秀的性能逐渐占领了人们心中的地位。那么对应的前端的技术分享圈子却比较少，要门就是笼统的分类要么就是特别精细的分类。本次的毕业设计就是想要写一个针对前端的多人技术分享博客。

本次毕业设计课题主要写一个多人分享文章博客的这样一个平台，以前端的火热技术着手，在了解前端所需技术的前提下做好技术博客的分类，和相对应的推荐。本系统采用B/S结构和当下火热的web前端技术。数据库使用MongDB非关系型数据库与 MongoChef可视化管理，开发技术使用了当下火热的且轻便的 Vue.js框架、 CSS与处理器SASS、HTML与处理器PUG，前端使用javascript语言，后端使用node.js。使用git作为项目版本管理工具，使用了前后端分离的思想。

关键词   Web；JavaScript；Vue；Node.js；多人博客；

目录

摘要

Abstract

1.引言-1

1.1-目的与意义-1

1.2 国内外研究现状-1

2.-开发工具-3

2.1开发技术-3

2.1开发环境-4

2.1.1 VsCode(Visual Studio Code)代码编辑器-4

2.1.2 MongoDB数据库-4

2.1.3 Npm包管理器-4

3.系统分析-5

3.1 系统需求分析-5

3.2 系统可行性分析-5

3.2.1技术可行性-5

3.2.2经济可行性-5

3.2.3运行可行性-6

4.系统设计-7

4.1 功能模块图-7

4.2 数据库设计-7

4.2.1 数据库的定义-7

4.2.2 数据表-8

5.系统实现-12

5.1 首页展示-12

5.2 登录注册-14

5.2.1 注册-14

5.2.2 登录-15

5.3 文章详情-16

5.4 个人中心-17

5.5 发布文章-19

5.6修改文章-20

结论-21

参 考 文 献-22

致    谢-23