layui的简单操作

目录

• 1. 准备工作
• • 1.1 创建springboot项目，引入相关依赖
  • 1.2. 在配置文件中编写连接数据库信息
  • 1.3. 在application.yml中配置视图解析器
  • 1.4. 下载layui包放在static目录下
• 2. 创建实体类
• 3. 创建mapper文件
• 4. 创建vo类来转变数据
• 5. 创建service接口及其实现类
• 6. 创建配置类用来实现分页操作
• 7.创建控制类
• 8. 运行测试数据库连接及数据库数据
• 9. 创建table文件放在templates文件夹下
• 10. 运行测试

1. 准备工作 1.1 创建springboot项目，引入相关依赖

    
        
            com.baomidou
            mybatis-plus-boot-starter
            3.4.2
        
        
        
            com.alibaba
            druid-spring-boot-starter
            1.1.10
        
        
            org.springframework.boot
            spring-boot-starter-thymeleaf
        
        
            org.springframework.boot
            spring-boot-starter-web
        

        
            mysql
            mysql-connector-java
            runtime
        
        
            org.projectlombok
            lombok
            true
        
        
            org.springframework.boot
            spring-boot-starter-test
            test
        
    

1.2. 在配置文件中编写连接数据库信息

spring.datasource.druid.url=jdbc:mysql://opd-gmsdk-30150-m.hz.dumbo.nie.netease.com:3306/gmsdk_test?characterEncoding=utf8&noDatetimeStringSync=true&zeroDateTimeBehavior=convertToNull&autoReconnect=true&tinyInt1isBit=false&useSSL=false
spring.datasource.druid.username=gmsdk_test
spring.datasource.druid.password=xxx
spring.datasource.druid.initialSize=1
spring.datasource.druid.minIdle=5
spring.datasource.druid.maxActive=10
spring.datasource.druid.maxWait=3000

1.3. 在application.yml中配置视图解析器

#    页面放在static里面不需要配，如果放在templates里面需要配置视图解析器
spring:
  thymeleaf:
    prefix: classpath:/templates/
    suffix: .html

1.4. 下载layui包放在static目录下

2. 创建实体类

@Data
@TableName(value = "szp_user_test")
public class User {
    private Integer id;
    private String username;
    private String realname;
    private String password;
    private String createDate;
    private String lastLoginTime;
    private Integer enabled;
    private Integer accountNonExpired;
    private Integer accountNonLocked;
    private Integer credentialsNonExpired;
}

3. 创建mapper文件

@Mapper
public interface UserMapper extends baseMapper {
}

4. 创建vo类来转变数据

@Data
public class DataVO {
    private Integer code;
    private String msg;
    private Long count;
    private List data;
}

5. 创建service接口及其实现类

public interface UserService {
    DataVO findData(Integer page,Integer limit);
}

@Service
public class UserServiceImpl implements UserService {

    @Autowired
    private UserMapper userMapper;

    @Override
    public DataVO findData(Integer page,Integer limit) {
        DataVO dataVO = new DataVO();
        dataVO.setCode(0);
        dataVO.setMsg("");


        //分页操作。layui请求参数中会自带分页信息 http://localhost:8080/findData?page=1&limit=10
        IPage userIPage = new Page<>(page,limit);
        IPage result = userMapper.selectPage(userIPage, null);
        List userList = result.getRecords();
        dataVO.setCount(result.getTotal());
        dataVO.setData(userList);
        return dataVO;
    }
}

6. 创建配置类用来实现分页操作

@Configuration
public class MyBatisPlusConfig {
    //没有这个配置类无法进行分页处理
    @Bean
    public PaginationInterceptor paginationInterceptor(){
        return new PaginationInterceptor();
    }
}

7.创建控制类

@Controller
public class UserController {

    @Autowired
    UserService userService;

    @RequestMapping("/list")
    public String test(){
        return "table";
    }

    @ResponseBody
    @GetMapping("/findData")
    public DataVO findData(Integer page,Integer limit){
        return userService.findData(page,limit);
    }
}

8. 运行测试数据库连接及数据库数据

9. 创建table文件放在templates文件夹下

10. 运行测试