摘要：本文实现了一个相对简洁、高效、美观的个人博客网站。使用vue.js作为前端框架，配套使用了vue-router、vuex等插件进行前端开发。使用node.js + exxpress + MongoDB快速搭建后端服务器。网站的基本功能相对齐全，主要包含了文章的编写、存为草稿、发布、删除功能，评论的发表、点赞功能，实现了管理员对网站内容的管理以及游客的访问。此外，网站还添加了一些动画效果进行美化，用于提高用户的观感，网站还有专门的展示页，用于展示各种动画效果。

关键词：个人网站 Vue.js node.js MongoDB

 

目 录

摘 要

Abstract

1、绪论-1

1.1、研究背景和意义-1

1.1.1、研究背景-1

1.1.2、研究意义-1

1.2、研究现状-1

2、系统分析-2

2.1、需求分析-2

2.1.1、基本功能分析-2

2.1.2、界面实现分析-2

2.2、可行性分析-2

3、系统设计-2

3.1、功能设计-2

3.1.1、站长登录功能-2

3.1.2、编辑功能-2

3.1.3、草稿功能-3

3.1.4、预览功能-3

3.1.5、发布功能-3

3.1.6、浏览功能-3

3.1.7、评论功能-3

3.1.8、搜索功能-3

3.2、架构设计-3

4、技术介绍-3

4.1、Vue.js-3

4.2、node.js-4

4.3、MongoDB-4

5、系统实现与展示-4

5.1、数据库-4

5.2、前端-6

5.2.1、项目结构-7

5.2.2、公共页面-8

5.2.3、管理页面-13

5.3、后端-15

结束语-19

参考文献-20

致谢-21