微服务和VUE入门教程(0): 着手搭建项目 微服务和VUE入门教程(1): 搭建前端登录界面 微服务和VUE入门教程(2): 注册中心 微服务和VUE入门教程(3): user微服务的搭建 微服务和VUE入门教程(4)：网关zuul的搭建 微服务和VUE入门教程(5)： 前后端交互 微服务和VUE入门教程(6)：连接数据库-mybatis 微服务和VUE入门教程(7):配置中心-config 微服务和VUE入门教程(8):前端主页的编写 微服务和VUE入门教程(9)： token验证-token后端生成以及前端获取 微服务和VUE入门教程(10)： token验证-前端登录拦截以及token过期提醒 微服务和VUE入门教程(11): mybatis 动态查询 微服务和VUE入门教程(12)：前端提示搜索框的实现 微服务和VUE入门教程(13)： token验证-zuul拦截与验证 微服务和VUE入门教程(14)： 热部署 微服务和VUE入门教程(15)： 课堂小知识 微服务和VUE入门教程(16)： zuul 熔断 微服务和VUE入门教程(17)： VUE 响应拦截器 微服务和VUE入门教程(18)： 前端接口模块化 微服务和VUE入门教程(19)： VUE组件化–子组件向父组件通信 微服务和VUE入门教程(20)： VUE组件化–父组件向子组件通信 微服务和VUE入门教程(21)： springboot中定时器-Schedule 微服务和VUE入门教程(22): 页面长时间未操作自动退出登录 微服务和VUE入门教程(23): 微服务之间的调用 微服务和VUE入门教程(24): 微服务之断路器 微服务和VUE入门教程(25): 微服务之Hystrix-dashboard 微服务和VUE入门教程(26): 微服务之turbine 微服务和VUE入门教程(27)：VUE前端工程打包

开发环境：

​ 后端：jdk1.8，IDEA , mysql5.5，node14.2.0

用到的技术：

​ 后端： SpringBoot， SpringCloud，MyBatis

​ 前端： VUE2，ElementUI

我想做一个学生信息管理系统，包括登录注册，学生信息的增删改查，学生照片的上传

微服务是一种思想，具体什么样的项目架构是微服务没有一个准确的定义，因为“微”的程度没有一个人或者一个公司给出一个具体的定义。

摘抄其他人的一个观点，满足以下两点的可以被看成微服务架构：

单一职责的。一个微服务应该都是单一职责的，这才是“微”的体现，一个微服务解决一个业务问题（注意是一个业务问题而不是一个接口）。

面向服务的。将自己的业务能力封装并对外提供服务，这是继承SOA的核心思想，一个微服务本身也可能使用到其它微服务的能力

微服务框架现在主流的有SpringCloud，阿里的Dubbo。考虑到SpringCloud全家桶的强大，我们使用SpringCloud。

SpringCloud五大组件：服务注册中心，网关，配置中心，负载均衡，熔断。接下来，我们会用到相关的技术。

打开IDEA，file-》new-》project，选择Maven。点击Next。

选择路径，填写名字即可。

这就是创建的Maven父项目，我们会在里面添加需要的组件以及微服务。

配置父项目中的pom.xml文件，主要配置两部分，parent和dependencyManagement，关于dependencies中的配置后面会加入。前提是已经配好了Maven。

（ps：我用的SpringBoot版本是2.1.6.RELEASE，其对应SpringCloud的版本是Greenwich.SR3。如果两个版本不对应，会出各种问题。）

ok，空的Maven父项目就这样。

选择vue的原因有很多，主要是公司现在的项目在用。建立vue项目需要把node装好，这里就不细讲了。可参考

https://www.runoob.com/vue2/vue-install.html（菜鸟教程）。

我已经配好了node，npm（阿里的镜像cnpm），全局安装了vue-cli。

在项目文件夹中，右键打开cmd。输入： vue init webpack my-project（项目名字）。

有两点需要注意的地方：

（1） Use ESLint to lint your code? 选择No。不然代码编写的时候会各种提示你代码不符合规范

（2） Should we run npm install for you after the project has been created? (recommended)

选择no。因为我们使用的是阿里镜像，运行语句为cnpm install。需要自己去运行。

其余选项默认即可。

这就是建好的vue工程目录。

若不报错成功，会在项目目录下出现node_modules文件夹。

成功。

接下来，我们先使用vue实现登录界面。