1、vue创建jt模板
2、点击启动app
?3、用HBuilderX打开vue目录下的jt，更改App.vue里面的内容
?4、删除默认路由
?5、删除默认Hello组件
6、用户登录模块准备，创建文件?
?
?7、编辑路由文件
?8、指定路由占位符
?9、显示有2处报错，关闭校验
?10、路由测试
?11、设定默认路径跳转，当用户访问根目录时，重定向到登陆组件
?12、检查node js版本：node -v
? ? ? ? ?检查npm版本号：npm -v
? ? ? ? ?在其他路径下执行上面两个指令，也没有问题
? ? ? ? ?切换淘宝npm库：npm config set registry https://registry.npm.taobao.org
? ? ? ? ?检查镜像配置是否生效：npm config list
13、安装插件
?14、配置插件，选择Import on demand
15、安装axios运行依赖
16、安装开发依赖less-loader，版本不宜太高，项目根目录：npm install less-loader@5.0.0
?
?17、安装开发依赖 less
?18、安装运行时依赖 vue-quill-editor，富文本编辑器
?19、安装之后的效果
20、安装运行时依赖 echarts
21、删掉src
22、复制到之前的jt目录下
23、重启
?24、定义表单校验规则 Login.vue
25、定义校验规则JS
?26、效果展现
27、当点击重置按钮时，应该清空数据
?
?
28、登录数据校验
?
??
?29、导入axios组件，在main.js中添加
?
?30、发送Ajax请求
?
?31、创建jt项目，New Project Maven
?
32、Next，填写页面，Finish
?
?33、项目最初形式
?
34、maven配置
?
35、设置作者和时间
36、创建UserController
?
?37、加依赖，之后点击右侧的Maven，刷新
<!--引入父级工程-->
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>2.5.0</version>
<relativePath/>
</parent>
<properties>
<java.version>1.8</java.version>
<!--跳过测试类加载-->
<skipTests>true</skipTests>
</properties>
<dependencies>
<!--SpringMVCjar包文件-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<!-- 引入aop支持 -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-aop</artifactId>
</dependency>
<!--热部署工具-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-devtools</artifactId>
<scope>runtime</scope>
<optional>true</optional>
</dependency>
<!--lombok插件-->
<dependency>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
<optional>true</optional>
</dependency>
<!--测试包-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
</dependency>
<!--引入jdbc包-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-jdbc</artifactId>
</dependency>
<!--引入数据库驱动 -->
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<scope>runtime</scope>
</dependency>
<!--spring整合mybatis-plus -->
<dependency>
<groupId>com.baomidou</groupId>
<artifactId>mybatis-plus-boot-starter</artifactId>
<version>3.4.2</version>
</dependency>
</dependencies>
<!--maven通过插件对maven版本的springboot进行管理
体现: 项目打包/发布/测试等相关操作.
-->
<build>
<plugins>
<!--springboot专门为springboot的工程开发了一款项目管理插件-->
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build>38、编辑UserController
/**
* 需求:根据用户名和密码查询数据，实现登陆，要求返回token
* URL:/user/login
* 请求参数:post JSON{username:"xxx",password:"xxxx"}
* 返回值:SysResult对象（token）
*/
@PostMapping("/login")
public SysResult login(@RequestBody User user){
//执行后端登陆操作，要求返回token密钥
String token = userService.login(user);
//判断token返回值是否有效
if(StringUtils.hasLength(token)){
//如果访问正确，则返回有效的token信息
return SysResult.success(token);
}else{
//登陆失败
return SysResult.fail();
}
}39、编辑UserService