Springboot+Bootstrap实现增删改查实战

说明

最近有朋友问我有没有Springboot+Bootstrap实现增删改查的DEMO，当时没有，现在他来了！

实现效果

代码地址

https://gitee.com/indexman/bootstrap_curd

水平一般能力有限，觉得有用的朋友给我来个一键三连或捐助：）

软件架构

前端：bootstrap4.5+thymeleaf+分页插件
后端：spring boot+mybatisPlus
数据库：mysql

核心功能代码

前端

  
  
  
  
  

  



  
  

    

      
        添加
      
      
      
					
																		查询
					
			
    
  

  

    

      

        

          

            

            

              
用户名
              
邮箱
              
姓名
              
创建时间
              
操作
            
            
            

            
          
        
      
    
  
  

    

      
      

    
  




  

    

      

        
修改用户
        
          ×
        
      
      

        
        

          用户名：
          
        
        

          邮箱：
          
        
        

          姓名：
          
        
      
      

        关闭
        提交
      
    
    
  
  

后端

@RequestMapping("/user")
@Controller
public class UserController {
  @Autowired
  private UserService userService;

  @RequestMapping
  public String user(){
    return "user";
  }

  @GetMapping("/{id}")
  @ResponseBody
  public Result get(@PathVariable Integer id){
    User user = userService.getById(id);

    return ResultUtil.ok(user);
  }

  /**
   * 分页查询
   * @param username
   * @param pageNo
   * @param pageSize
   * @return
   */
  @PostMapping("/list")
  @ResponseBody
  public Result> list(@RequestParam(value = "username", required = false) String username,
               @RequestParam(defaultValue = "1") Integer pageNo,
               @RequestParam(defaultValue = "10") Integer pageSize){
    // 构造查询条件
    QueryWrapper queryWrapper = new QueryWrapper<>();
    if(!StringUtils.isEmpty(username)){
      queryWrapper.like("username",username);
      queryWrapper.orderByDesc("create_time");
    }
    Page page = new Page<>(pageNo,pageSize);

    IPage result = userService.page(page, queryWrapper);
    // 设置总记录数
    result.setTotal(userService.count(queryWrapper));

    return ResultUtil.ok(result);
  }

  @PostMapping("/add")
  @ResponseBody
  public Result add(@RequestBody User user){
    userService.save(user);

    return ResultUtil.ok("添加成功！");
  }

  @PostMapping("/modify")
  @ResponseBody
  public Result modify(@RequestBody User user){
    userService.saveOrUpdate(user);

    return ResultUtil.ok("修改成功！");
  }

  @PostMapping("/remove")
  @ResponseBody
  public Result remove(@RequestParam Integer id){
    userService.removeById(id);

    return ResultUtil.ok("删除成功！");
  }
}

到此这篇关于Springboot+Bootstrap实现增删改查实战的文章就介绍到这了,更多相关Springboot+Bootstrap增删改查内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！