摘要：通过搭建一个个人网站，前端，后端，代码仓库，服务器，数据库这一整套流程跑一遍，可以学到非常多的知识，能够对整个全栈开发流程有个简单但整体的认识。本系统采用Vue + Koa + MySQL技术，前端开发工具为WebStorm，后端开发工具为Visual Studio Code。个人网站可以用来展示自己的简历、作品、笔记和学习资源等。

关键词：个人网站；Vue；Koa；前后端分离

 

目 录

摘 要

Abstract

1 引言-1

2 系统总体设计-1

3 前端系统设计-2

3.1 系统功能模块-2

3.2 前端页面搭建-3

3.2.1 前端技术选型-3

3.2.2 项目结构解析-4

3.2.3 复用组件封装-5

3.2.4 模板功能逻辑-7

3.3 页面功能模块-8

3.3.1 简历模块设计-8

3.3.2作品模块设计-9

3.3.3 笔记模块设计-9

3.3.4 资源模块设计-9

3.4 数据交互分析-9

3.4.1 http请求封装-9

3.4.2 ajax请求体定义-9

4 后端系统设计-10

4.1 后端技术选型-10

4.2 数据库设计-11

4.3 关键问题-11

4.3.1 后端跨域问题-11

4.3.2 操作数据库-12

5 项目测试-13

5.1 前端实验截图-13

5.2 前后端功能测试结果-16

6 结论-16

6.1 系统完成情况-16

6.2 不足与改进设想-16

参 考 文 献-17

致谢-18