SDU项目实训——后台搭建——SpringBoot+Vue学习（一）

项目初期，要先搭建起一个框架，采用迭代增量的方法不断完善功能，我负责搭建一个后台管理系统，我的选择是vue和springboot。本篇博客我将记录我学习vue的过程。
1、什么是vue？
vue是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架；Vue所关注的核心是MVC模式中的视图层，同时，它也能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互。
2、软件版本

• jdk 1.8
• mysql5.7
• node14.16.0
• navicat
• idea2021.3

3、安装指令
vue-cli安装采用指令npm install -g @vue/cli
npm设置淘宝镜像加速：
npm config set registry https://registry.npm.taobao.org
创建vue项目：vue create vue
运行vue项目：

cd vue
npm run serve

安装ElementUI：npm i element-ui -S
运行npm run serve即可得到一个网址，打开后就是一个属于自己的网页了，在此网页上进行整改。

4、搭建界面
进入vue官网，可以看到很多不同的组件的代码，可以用这些对界面进行微调。过程比较琐碎，比如添加按钮、调整页面大小、换颜色等等，这里就不一一赘述，我参考了青戈的视频，最后搭建好的后台界面如下。