SpringBoot+MyBatis Plus+PageHelper+vue+mysql 实现用户信息增删改查功能

静态资源展示

(1)静态资源下载

(2)下载后文件放到resources/static 目录下

(3) main函数启动项目访问对应文件,http://127.0.0.1:8080/user-list.html


数据库添加表和数据

sql 复制代码
SET FOREIGN_KEY_CHECKS=0;

-- ----------------------------
-- Table structure for t_user
-- ----------------------------
DROP TABLE IF EXISTS `t_user`;
CREATE TABLE `t_user` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(255) DEFAULT NULL,
  `sex` int(1) DEFAULT NULL,
  `phone` varchar(20) DEFAULT NULL,
  `email` varchar(255) DEFAULT NULL,
  `status` int(1) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8mb4;

-- ----------------------------
-- Records of t_user
-- ----------------------------
INSERT INTO `t_user` VALUES ('1', '赵雨晴', '1', '13812345678', '[email protected]', '0');
INSERT INTO `t_user` VALUES ('2', '林志远', '0', '13987654321', '[email protected]', '1');
INSERT INTO `t_user` VALUES ('3', '周思敏', '1', '13567891234', '[email protected]', '2');
INSERT INTO `t_user` VALUES ('4', '郑建国', '0', '13345678901', '[email protected]', '0');

项目结构

bash 复制代码
src/main/java/com/example/demo/
├── controller
│   └── UserController.java
├── entity
│   └── User.java
├── mapper
│   └── UserMapper.java
└── service
    ├── IUserService.java
    └── impl
        └── UserServiceImpl.java

添加依赖

在 pom.xml 中添加必要的依赖:

yaml 复制代码
		<dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>

        <dependency>
            <groupId>com.mysql</groupId>
            <artifactId>mysql-connector-j</artifactId>
            <scope>runtime</scope>
        </dependency>

        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.4.0</version>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <scope>provided</scope>
        </dependency>

        <dependency>
            <groupId>com.github.pagehelper</groupId>
            <artifactId>pagehelper</artifactId>
            <version>5.1.10</version>
        </dependency>

配置数据库

yaml 复制代码
spring:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/springboot04?characterEncoding=utf-8&serverTimezone=Asia/Shanghai
    username: root
    password: root

# 开启SQL日志
mybatis-plus:
  configuration:
    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl

创建实体类

实体类和数据库t_user字段做映射。

java 复制代码
@TableName("t_user")
@Data
public class User {
    @TableId(value = "id",type = IdType.AUTO)
    private Long id;
    private String name;
    private Integer sex;
    private String phone;
    private String email;
    private Integer status;
}

创建Mapper接口

java 复制代码
@Mapper
public interface UserMapper extends BaseMapper<User> {
 // 继承BaseMapper后,已经包含了基本的CRUD方法
}

创建Service层

java 复制代码
public interface IUserService extends IService<User> {
	// 可以在这里定义额外的业务方法
}

Service实现类

java 复制代码
@Service
public class UserServiceImpl extends ServiceImpl<UserMapper, User>  implements IUserService{
	// 继承了ServiceImpl后,已经实现了IService接口的所有方法
}

创建Controller

根据静态页面中JS的url和参数编写controller方法

java 复制代码
@RestController
public class UserController {

    @Autowired
    private IUserService userService;

    @GetMapping("/user/list")
    public PageInfo<User> list(Integer pageNum) {
        PageHelper.startPage(pageNum, 5);
        List<User> list = userService.list();
        PageInfo<User> userPageInfo = new PageInfo<>(list);
        return userPageInfo;
    }

    @GetMapping("/user/search")
    public PageInfo<User> search(String text) {
        PageHelper.startPage(1,99);
        QueryWrapper<User> query = new QueryWrapper<User>()
                .like("name", text)
                .or()
                .like("id", text);
        List<User> list = userService.list(query);
        PageInfo<User> userPageInfo = new PageInfo<>(list);
        return userPageInfo;
    }

    @PostMapping("/user/add")
    public String add(User user){
        userService.save(user);
        return "添加用户成功:"+user;
    }

    @PostMapping("/user/edit")
    public String edit(User user){
        userService.saveOrUpdate(user);
        return "更新用户成功:"+user;
    }

    @GetMapping("/getUserById")
    public User getUserById(String id){
        return userService.getById(id);
    }

    @PostMapping("/user/delete")
    public void delete(String id){
        userService.removeById(id);
    }

}

运行效果

列表

添加用户


编辑用户


数据库t_user表

相关推荐
hxung5 小时前
springboot项目中常用的工具类和api
数据库·spring boot·后端
唐人街都是苦瓜脸5 小时前
SpringBoot的简单介绍
java·spring boot·后端
菜鸟起航ing5 小时前
【Java面试系列】Spring Boot微服务架构下的分布式事务处理与Seata框架实现原理详解 - 3-5年Java开发必备知识
java·spring boot·微服务·seata·分布式事务
xq5148635 小时前
Spring Boot 自动装配原理
java·spring boot·后端
呆萌很5 小时前
基于 Spring Boot 瑞吉外卖系统开发(一)
spring boot
七月的尾巴←_←7 小时前
Java8+Spring Boot + Vue + Langchain4j 实现阿里云百炼平台 AI 流式对话对接
vue.js·spring boot·阿里云
小杨4048 小时前
springboot框架项目实践应用十六(nacos管理控制台)
spring boot·后端·spring cloud
-天凉好秋-10 小时前
Springboot 同时支持不同的数据库,Oracle,Postgresql
数据库·spring boot·oracle
一切皆有迹可循10 小时前
IDEA中Spring Boot项目接入MySQL数据库:从配置到CRUD实战
spring boot·mysql·intellij-idea
创码小奇客10 小时前
Spring Boot 分布式事务高阶玩法:从入门到精通
java·spring boot·trae