⭐ 作者简介：码上言
⭐ 代表教程：Spring Boot + vue-element 开发个人博客项目实战教程
项目部署视频
https://www.bilibili.com/video/BV1sg4y1A7Kv/?vd_source=dc7bf298d3c608d281c16239b3f5167b
文章目录
一、Bug修改和插件安装
经过前面的代码接口测试，基本的功能都可以实现了，但是还是有存在的小错误，感谢读者给我提出来的，现在在这里更改一下，用户表里的手机字段设置的是11位，我们现在把那个11去掉，然后在User.java中把手机号的Integer类型改成String类型就可以了。
SQL语句更改为：
`phone` BIGINT NOT NULL DEFAULT 0 COMMENT '手机号',
User.java更改为：
/** * 手机号 */ private String phone;
接下来我们要安装一个关于Mybatis的插件，这个插件主要是方便我们快速从代码跳转到mapper及从mapper返回代码。
和以前安装插件一样，在IDEA软件中打开左上角的File中找到Setting，然后选择Plugins 进行搜索这个插件，安装完后重启IDEA即可。
安装完之后，再打开mapper包里面的类，多出来了一个绿色箭头。点击绿色箭头就能跳转到mapper.xml中的具体实现的sql语句中。如下图所示：
二、调试
这一篇我们不往下继续写，来讲一下在我们开发中很重要的一个流程，那就是debug调试程序，在我们写程序的时候难免会有很多的bug存在，有的是一眼就能看出来的报错，还有的是一些逻辑的问题或者是有异常等无法得到想要的结果，这时候靠我们去用眼看或者去一行一行读，这些也不一定能解决出问题，尤其是我们初学者，代码都看不懂读个毛线代码去找错误，这时候调试就突出了优越感，接下来我带大家一起来学习。
1、Debug启动项目
这个调试也要启动项目，但并不是我们平时起的按钮，启动debug是用甲壳虫起的，如下图所示，打开你的项目，在右上角有个甲壳虫样子的图标，点击这个就是debug启动。
点击这个小虫子按钮，等待项目启动。
项目启动起来之后，我们先测试一下添加的接口进行调试。
首先我们在接口的入口处打一个断点，也就是Controller层的地方，断点打在增加的方法里。出现了红色打钩的就是打断点。
然后在Controller调用的Service的实现类层的增加方法中打一个断点。
然后，我们看下控制台的数据，看这正是我们要传过来的数据，目前id和创建时间都是空，因为我们没有传值，都是数据表中自动加载的字段。以后我们调试的时候都是要注意这些请求数据的走向以及变化。
按F8或者下图的小图标，再往下走一步跳到我们Service的实现类中。
然后就跳到了这个类中，看着数据也过来了。
然后再往下走一步，神奇的事情发生了，id变成了2，说明数据可能插入成功了。
此时没有报错，再往下走一步，又跳到了Controller层中，返回结果。
再走一步，就跳到了这里。
到这里说明走完了流程。我们去看下数据库有没有数据。
id为2的是刚刚添加成功的，debug流程走完了。
我们这里没有刻意去测试错误的程序，今天就先熟悉一下调试debug的流程，以后还会再继续使用的，如何去发现错误等操作。
三、用户密码加密
我们现在的用户的密码都是明文存储的，这是非常不安全的，在正常的工作开发中，基本上公司都有自己的加密方式，我们这里都平常的学习或者登录自己的博客，没有什么商业价值类的东西，所以我们加密采用MD5加密，对于我们自己的博客来说也足够了。
在我们添加加密类的时候，我们先引入一个工具，非常的好用，以后开发的时候可以经常用到。
官方文档：https://www.hutool.cn/docs/#/
在我们的项目pom.xml依赖它的包。
<dependency> <groupId>cn.hutool</groupId> <artifactId>hutool-all</artifactId> <version>5.7.16</version> </dependency>
首先我们在项目的util包中新建一个 MD5Util.java类，里面有一个MD5方法，参数是我们要传的密码，代码的逻辑大家有时间可以研究研究。最下面还有一个main方法，可以自己测试一下，看看加密后的密码是多少。
package com.blog.personalblog.util; import cn.hutool.core.util.StrUtil; import java.security.MessageDigest; /** * @author: SuperMan * 欢迎关注我的公众号：码上言 * @create: 2021-11-14 */ public class MD5Util { public static String MD5(String s) { if (StrUtil.isEmpty(s) || StrUtil.isBlank(s)) { return null; } char hexDigits[] = { '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F' }; try { byte[] btInput = s.getBytes(); MessageDigest mdInst = MessageDigest.getInstance("MD5"); mdInst.update(btInput); byte[] md = mdInst.digest(); int j = md.length; char str[] = new char[j * 2]; int k = 0; for (int i = 0; i < j; i++) { byte byte0 = md[i]; str[k++] = hexDigits[byte0 >>> 4 & 0xf]; str[k++] = hexDigits[byte0 & 0xf]; } return new String(str); } catch (Exception e) { return null; } } public static void main(String[] args) { String str = "123789"; System.out.println(MD5(str)); } }
加密的方法有了，接下来我们要在我们项目中使用这个方法，我们将数据一进来就进行密码加密，所以在Controller类进行判断和加密，在添加和修改的时候进行加密存储，我们页面不展示用户名的密码。
代码如下：
/** * 添加用户 * @return */ @PostMapping("/create") public JsonResult<Object> userCreate(@RequestBody @Valid User user) { if (StrUtil.isEmpty(user.getPassWord())) { return JsonResult.error("密码为空，请填写密码！"); } //密码加密存储 user.setPassWord(MD5Util.MD5(user.getPassWord())); userService.createUser(user); return JsonResult.success(); } /** * * 修改用户 * @return */ @PostMapping("/update") public JsonResult<Object> userUpdate(@RequestBody @Valid User user) { if (StrUtil.isEmpty(user.getPassWord())) { return JsonResult.error("密码为空，请填写密码！"); } //密码加密存储 user.setPassWord(MD5Util.MD5(user.getPassWord())); userService.updateUser(user); return JsonResult.success(); }
此时就是对密码进行存储加密，写到此时完我又想起前几天一个粉丝说手机号的问题，我们这里也在加一个手机号验证的工具吧，我们在Util包中新建一个PhoneUtil.java类
package com.blog.personalblog.util; import java.util.regex.Matcher; import java.util.regex.Pattern; /** * @author: SuperMan * 欢迎关注我的公众号：码上言 * @create: 2021-11-14 */ public class PhoneUtil { /** * 验证手机号 * @param mobile * @return */ public static boolean checkMobile(String mobile){ String phone_regex = "^((13[0-9])|(14[1,2,3,5,7,8,9])|(15[0-9])|(166)|(191)|(17[0,1,2,3,5,6,7,8])|(18[0-9])|(19[8|9]))\\d{8}$"; if (mobile.length() != 11) { return false; } else { Pattern p = Pattern.compile(phone_regex); Matcher m = p.matcher(mobile); boolean isPhone = m.matches(); if (!isPhone) { return false; } return true; } } }
此时，我们再返回Controller层，进行手机号的验证，可以看出我们的工具类的实现流程，如果是正常的手机号会返回一个true，如果是错误的手机号会返回false。
完整代码如下：
package com.blog.personalblog.controller; import cn.hutool.core.util.StrUtil; import com.blog.personalblog.util.JsonResult; import com.blog.personalblog.entity.User; import com.blog.personalblog.service.UserService; import com.blog.personalblog.util.MD5Util; import com.blog.personalblog.util.PhoneUtil; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.*; import javax.validation.Valid; import java.util.List; /** * @author: SuperMan * 欢迎关注我的公众号：码上言 * @create: 2021-11-03 */ @RestController @RequestMapping("/user") public class UserController { @Autowired UserService userService; /** * 用户列表 * @return */ @PostMapping("/list") public JsonResult<Object> list() { List<User> userList = userService.findAll(); return JsonResult.success(userList); } /** * 添加用户 * @return */ @PostMapping("/create") public JsonResult<Object> userCreate(@RequestBody @Valid User user) { if (StrUtil.isEmpty(user.getPassWord())) { return JsonResult.error("密码为空，请填写密码！"); } //密码加密存储 user.setPassWord(MD5Util.MD5(user.getPassWord())); //判断手机号，这里用hutool工具类也可以 if (!PhoneUtil.checkMobile(user.getPhone())) { return JsonResult.error("手机号码格式错误！"); } userService.createUser(user); return JsonResult.success(); } /** * * 修改用户 * @return */ @PostMapping("/update") public JsonResult<Object> userUpdate(@RequestBody @Valid User user) { if (StrUtil.isEmpty(user.getPassWord())) { return JsonResult.error("密码为空，请填写密码！"); } //密码加密存储 user.setPassWord(MD5Util.MD5(user.getPassWord())); //判断手机号，这里用hutool工具类也可以 if (!PhoneUtil.checkMobile(user.getPhone())) { return JsonResult.error("手机号码格式错误！"); } userService.updateUser(user); return JsonResult.success(); } /** * 删除 * @return */ @PostMapping("/delete/{id}") public JsonResult<Object> userDelete(@PathVariable(value = "id") int id) { userService.deleteUser(id); return JsonResult.success(); } }
以上就是加了两个验证，大家可以先测试一下，手机号如果错误是否报错，添加的密码是否在数据库中加密。写完后，我们启动项目，打开Postman进行数据添加，首先验证密码是否加密存储。
然后再测试手机号错误是否给返回错误信息。我输了10位的手机号，请求接口就给了错误的返回信息，说明加的两个工具都是可以。
