Vue博客搭建

在上一篇文章中，我们做好了头像的后端读取，下面就要进行的是前端对于文件的发送，以及个人中心的资料设定等内容。 前端上传文件 前端上传的时候要选择http请求头类型为multipart/form-dat

在上一篇文章中，我们完成了个人中心的对应路由设计，接下来 我们就开始写个人中心的页面内容。 基本思路 个人中心也需要若干个子路由，包括“个人信息”、“文章列表”等。因此我们如法炮制，创建对应的子路由即

现在我们可以登录注册发文章，但是怎么看自己都写了什么文章呢？我们需要一个个人中心。个人中心还存储着用户的个性签名、生日和头像等。 嵌套路由 一般来讲，一个人的个人空间链接为/space/:userid

在之前的文章中，我们实现了简易的注册系统。但是在主流的生产环境中很少会使用用户名登录，因此我们要对注册系统进行完善，注册时必须使用邮箱和验证邮件，并且每次登录和注册时都需要输入验证码。为了便于接下来的

在之前的文章中，我们只写过HTML和JavaScript，并没有对页面进行过任何的美化，因此我们在写完页面的基本架构后就可以稍微写一下css了。 Vue中的CSS Vue中的css全部都写在<styl

我们之前做了很多页面，包括注册登录和上传，但是目前并不能查看博客文章。因此这次我们需要做一个文章浏览页面。 动态路由匹配与文章获取 通常来讲，我们在浏览博客的时候访问的链接都是/article/id，

在上一篇文章中，我们做完了一个创作中心，至此一个博客的基本功能已经做的差不多了。所以这篇文章主要是给代码添加一些小的细节功能以及优化。 在创作中心入口添加判断 未登录怎么可能就进入创作中心呢？所以这里

在之前的几篇文章中，我们做完了注册与登录，这次我们要真的开始做一个创作中心了，也就是写文章。 一个博客需要什么 我们现在前端中创建一个classes文件夹，放上我们需要的所有类。然后在其中创建一个ar

在上一篇文章中我们创建了一个注册页面，现在我们需要创建登录页面，来保存我们的登录状态。 基本实现 登录的后端其实和注册差不多，都是发送两个参数username和password。这里展示我们的后端代码

在上一篇文章中我们已经做好了Vue的路由跳转，接下来就可以进行注册页面的实现了。 基本设计 简易的注册页面很简单，只需要两个输入框分别输入用户名和密码，一个确定按钮就可以了。现在就可以搭建出来。 但是

在上一篇文章中，我们实现了注册功能的后端，这次就可以实现注册的前端实现了。 准备工作 一直以来我们都是在一个页面上来进行前端的开发。因为我们需要把博客做成一个完整的大项目，因此注册界面一定是在一个新的

我们在上一篇文章中写好了注册的接口，接下来打算完整地实现注册功能。 为了保存数据，我们需要一个数据库。对于小型的应用来说，其实使用sqlite3这样的轻量级数据库就可以了。但是为了让我们的技术栈更加贴

众所周知目前的互联网服务大多都采用了前后端分离的设计模式，因此只有前端而没有后端内容的话，我们的Web应用是不完整的。因此我们先搭建一个简易的后端，才能进行接下来的内容。 项目初始化 我们的后端使用N

dxf上一篇中的结尾我们讲了组件传递参数的两种参数，但是这些参数都是写死的。我们要如何才能使参数动态变化呢？这就进入到了Vue核心功能——响应式。 响应式数据 我们想要给博客预览组件添加一个新的功能：

在上一篇文章中，我们创建了一个项目，也探究了一些基础文件的作用。这次我们要探究Vue中的App.vue文件，以及其他.vue文件的作用。 组件 每个Vue项目都是由若干个.vue文件，也就是“组件”组

虽然写了一些面经，但是并没有一个合适的项目来运用这些知识。所以打算写一个简单的Vue应用，来进行知识的学习和项目经验的积累。 新建一个项目 在目录中输入npm init vue，就可以以vue为模板新