springboot+vue项目小结

最新推荐文章于 2023-12-03 11:55:22 发布

Kingtogh

最新推荐文章于 2023-12-03 11:55:22 发布

阅读量650

点赞数

分类专栏：经验积累文章标签： vue.js spring boot java

本文链接：https://blog.csdn.net/Kingtogh/article/details/126673927

版权

经验积累专栏收录该内容

7 篇文章 0 订阅

订阅专栏

项目小结

1、spring boot +vue项目

（1）首先要根据页面提示的接口信息去找到本地的接口并查看改接口的实现方法；
（2）vue项目需要装Vue.Devtools ,装了Vue.Devtools后在网页的标签栏上就会出现vue的这一栏，我们点击就可以查看该页面的vue信息。使用这个方法可以是我们更快捷的找到我们需要的页面和数据。
在这里插入图片描述

（3）在idea中使用热部署的时候需要将安装JRebel and XRebel 和JRebel MybatisPlus extension这两个插件，然后重启idea即可看到下面的按钮

将所有文件都勾选上然后才能实现热部署，热部署就是可以在不重启项目的前提下更新代码，快捷键ctrl+f9，提高开发效率。在这里插入图片描述
（4）、简单的查询语句不需要编写sql，只需要编写数据库字段的实体类、controller层、service层，并在serviceImpl层中编写查询语句即可。
实体类：

@Data
@Accessors(chain = true)
@TableName("user")
@ToString(callSuper = true)
public class UserEntity {

    @ApiModelProperty(notes = "用户id")
    private String userId;

    @ApiModelProperty(notes = "用户姓名")
    private String userName;

    @ApiModelProperty(notes = "年龄")
    private Integer age;
}

controller层：

@GetMapping("/userInfo")
    public R<UserEntity> getById(@PathVariable("id") String id) {
        UserEntity user = userService.getById(id);
        if (user == null) {
            return R.error("用户不存在");
        }
        return success(user);
    }

service层：

UserEntity getById(String id);

serviceImpl层：

@Override
    public UserEntity getById(String id) {

        UserEntity user = starterCache.get(UserEntity.class, id, UserEntity.class);
        if (user == null) {
            user = this.baseMapper.getById(id);
            if (user == null) {
                return null;
            }
            UserEntity userEntity = UserService.getByUserId(id);
            if (userEntity != null) {
                user.setUserName(userEntity.getUserName());
                user.setAge(userEntity.getAge());
            }
        return user;
    }