31-vue_cli标准开发方式结合后端实现

1、快速构建springboot工程，检测是否可以正常运行。
发现端口8080被前端占用，修改端口为8081

2、引入项目依赖

 <!--druid-->
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>druid</artifactId>
            <version>1.2.6</version>
        </dependency>

        <!--mysql-->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.26</version>
        </dependency>

        <!--mybatis-->
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>2.2.0</version>
        </dependency>

3、编写yml配置文件

4、设置mapperscan扫描mapper接口所在的包

5、建立相应的包，然后再次启动测试，查看是否能正常进行开发

6、编写前端登录页面

7、编写后端pojo、mapper、service、controller
(1)pojo

(2)mapper、mapper.xml

(3)service、serviceImpl

(4)controller（注意路径跟后前端写的要一致）

8、按说我们这里应该把session的id作为token，然后最为键，把数据库取到的user作为值，放入redis中存储，我们这里未实现

9、编写前端，接收后端发过去的参数