静态资源展示
(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表
