2021-11-21_学习B站Spring Boot+vue项目step005

今天学习内容为，从视频P2的36:14继续学习，学习内容为业务层（service）的编写格式及几个注解。下一步的学习计划是视频P3，前后台axios交互。

参考 https://www.jianshu.com/p/62bc1d77111a 学习创建mapper、service、serviceImpl。

3.2.3.3 mapper

/**
 * UserMapper继承com.baomidou.mybatisplus.core.mapper.BaseMapper<T>类。
 * BaseMapper提供了一些常用的功能，可以实现单表的增删改查。
 * BaseMapper传入泛型<User>
 * @author konglc
 * @date 2021/11/21 16:53
 */
public interface UserMapper extends BaseMapper<User> {
}

3.2.3.4 service

/**
 * UserService继承com.baomidou.mybatisplus.extension.service.IService<T>类。
 * @author konglc
 * @date 2021/11/21 17:06
 */
public interface UserService extends IService<User> {
}

3.2.3.5 serviceImpl

/**
 * UserService的实现类UserServiceImpl，继承com.baomidou.mybatisplus.extension.service.impl.ServiceImpl类。
 * 注解@Service，对应的是业务层bean。 https://www.cnblogs.com/diandianquanquan/p/11334091.html
 * @author konglc
 * @date 2021/11/21 17:07
 */
@Service
public class UserServiceImpl extends ServiceImpl<UserMapper, User> implements UserService {
}

3.2.3.6 controller

/**
 * 用户 控制器
 * 注解@RestController，定义这是一个返回JSON的controller，专门用来返回JSON数据。
 * 注解@RequestMapping，定义一个路由，/user是接口统一的路由
 * @author konglc
 * @date 2021/11/20 23:15
 */
@RestController
@RequestMapping("/user")
public class UserController {

    @Autowired
    private UserService userService;

    /**
     * 注解@PostMapping定义一个post接口。如果要定义一个post接口，直接写一个@PostMapping这样的注解就可以了。
     * 它的路由就是/user
     *
     * 注解@RequestBody：把前台传过来的JSON转换成java对象。
     * 当前台传过来一个JSON对象，把它映射成后台java实体，就是这个user。
     */
    @PostMapping
    public Result<?> save(@RequestBody User user){
        userService.save(user);
        return Result.success();
    }
}

3.3 前台完善

<!--      如果后台数据库是下划线的话，对应的前台代码会自动转换成驼峰。当我们查询出来后，会自动变为驼峰，这是mybatis-plus框架帮我们做的-->
      <el-table-column prop="nickName" label="昵称" />

/**
     * 在save方法中把form对象传到后台去。
     * 传到后台之前，需要有一个进行数据交互的API，来进行操作。
     * 常规的API有axios、Ajax、fetch，其中比较常规、常用的是axios。[æk'siəʊ:s]
     */
    save() {
      // TODO
    },