摘要：Blog，中文译名为“博客”。在目前的移动终端互联网中，拿出手机，刷个微博、发个朋友圈似乎已经成为这个时代中国人群体日常生活的一部分。从功能上看，博客是存在于互联网的个人媒体平台。从内容上看，博客即网络日记，博客本身可以说是互联网精神——“开放、平等、协作、快速、分享”的集大成之物。现阶段，主流博客已经进入了“富社交”的阶段，娱乐性增强而专业性、文字性降低。而本博客网站就由此而生，旨在使用户更加专注于文字地创建自己的网络自媒体。本博客网站设计实现多人博客的通用功能：注册登录，发表博文，上传图片，阅读博客，管理博客，发表评论，标签页，博文搜索等几大功能。

本博客网站采用标准的MVC（Model View Controller，模型－视图－控制器）开发模式，将开发一个复杂的博客网站的过程分解成各个清晰的模块，历经一学期逐一的实现各个功能模块，最后把所有的模块、组件、依赖的库构建在一起，形成了一个完整又清晰的多人博客系统。

本系统后端语言使用Node.js（Node版本6.5.0），并采用了比较前沿的Express框架。Express是目前Node.js众多框架中最流行的Web开发框架之一。前端方面使用了JavaScript开发语言，并使用jQuery、Bootstrap等一些主流样式、DOM库。后数据库使用开发语言同样是JavaScript的MongoDB。代码编写主要是在Visual Studio Code（版本1.9.0）环境下完成的，同时使用Npm包管理工具、组件化等前端的新技术，大大提升了开发便利性与代码可读性。本系统的成功开发从技术上讲可以说是“大前端”时代一个网站现代化开发的体现。

关键词：多人博客；网站开发；大前端；自媒体 

目录

摘要

Abstract

1 前言-1

1.1 课题的研究背景-1

1.2 课题的研究意义-1

1.3 课题的定义与简介-2

1.4 课题调研-2

1.5 可行性分析-3

1.6 论文各章内容介绍-3

2 系统需求分析-4

2.1需求调研-4

2.2 业务流程分析-5

2.3 运行环境需求-6

2.3.1 硬件环境-6

2.3.2 软件环境-6

3 系统设计-7

3.1 系统总体结构设计-7

3.2 系统数据模型设计-7

4 详细设计-9

4.1 数据库详细设计-9

4.2 路由规则详细设计-10

4.3 网站系统详细设计-11

4.3.1 注册模块的设计与实现-11

4.3.2 登录登出模块的设计与实现-12

4.3.3 文章发布模块的设计与实现-13

4.3.4 图片上传模块的设计与实现-15

4.3.5 编辑删除功能的设计与实现-16

4.3.6 留言功能的设计与实现-18

4.3.7 标签和标签页面的设计与实现-18

4.3.8 pv统计和留言统计的设计与实现-19

4.3.9 文章检索功能的设计与实现-21

4.4 前端设计-21

4.5 包管理-23

5 系统测试-24

5.1 测试用例-24

5.1.1 用户登录测试-24

5.1.2 博文发布测试-24

5.1.3 文章搜索测试-24

5.1.4 用户留言测试-25

5.1.5 标签页测试-25

5.2 测试实例-26

5.2.1 注册登陆测试实例-26

5.2.2 文章相关测试实例-27

结    论-30

参 考 文 献-31

致    谢-32