在之前我们以及搭建好了基本的页面布局以及登录界面的表单校验，那么我们现在就来实现我们用户的登录和注册功能。具体的页面搭建和布局请查看先前的博客！

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库Element UI是基于Vue 2.0的Element UI 提供一组组件Element UI 提供组件的参考实例, 直接复制

我们在进行功能实现的时候，个人信息是极其重要的一部分。不仅能展示用户的信息给用户，还能让我们的项目更多元化，让用户的体验感得到提升。我们后端利用SpringBoot整合Mybaties-plus获取数据库里面的user表数据，前端利用Vue调用后端接口进行数据渲染。

SpringBoot+Vue是一款常见且适用性很强的组合，今天我们将会结合两者的优势，实现一个功能简单但很实用的公告功能。熟悉SpringBoot框架；熟悉Vue框架；熟悉前后端交互过程；了解axios库的使用；熟悉HTML/CSS/JavaScript。项目的主要功能是实现一个公告展示页面，管理员可以在后台发布公告，前台用户可以浏览公告内容。具体实现包括后端的公告管理模块和前端的公告展示模块。本

HbuilderX做基于Echarts的鸢尾花数据可视化

SpringBoot+Vue是一款常见且适用性很强的组合，今天我们将会结合两者的优势，实现一个功能简单但很实用的公告功能。熟悉SpringBoot框架；熟悉Vue框架；熟悉前后端交互过程；了解axios库的使用；熟悉HTML/CSS/JavaScript。项目的主要功能是实现一个公告展示页面，管理员可以在后台发布公告，前台用户可以浏览公告内容。具体实现包括后端的公告管理模块和前端的公告展示模块。本

在之前我们以及搭建好了基本的页面布局以及登录界面的表单校验，那么我们现在就来实现我们用户的登录和注册功能。具体的页面搭建和布局请查看先前的博客！

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库Element UI是基于Vue 2.0的Element UI 提供一组组件Element UI 提供组件的参考实例, 直接复制

我们在进行功能实现的时候，个人信息是极其重要的一部分。不仅能展示用户的信息给用户，还能让我们的项目更多元化，让用户的体验感得到提升。我们后端利用SpringBoot整合Mybaties-plus获取数据库里面的user表数据，前端利用Vue调用后端接口进行数据渲染。

都知道，我们在写项目的时候，最想给自己项目增加实用性了，例如我们的头像上传以及个人的各种信息等等。我们刚刚已经做好了我们的上传接口，那么我们现在就趁热打铁，将我们的头像上传功能解决一下。二、个人信息界面我们的个人信息界面由我们的头像以及我们的表格组成，那么就说明我们需要去获取我们用户的数据了我们之前是做过用户数据存储的，就是利用token来将我们用户的数据存放在我们的浏览器里面，然后利用来查找出我