Springboot+Bootstrap实现增删改查实战

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

https://gitee.com/indexman/bootstrap_curd

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

软件架构

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

前端

  
  
  
  
  

  
    .container {
      padding: 20px;
    }

    .search {
      padding-bottom: 20px;
      border-bottom: 1.5px solid #ddd;
    }

    #add {
      margin-right: 5em;
    }

    #search {
      margin-left: 0.5em;
    }

    .pagination {
      display: flex;
      padding-left: 0;
      margin: 20px 0;
      border-radius: 4px;
    }

    .pagination>li:last-child>a, .pagination>li:last-child>span {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
    }

    .pagination>li:first-child>a, .pagination>li:first-child>span {
      margin-left: 0;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
    }

    .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
      z-index: 3;
      color: #fff;
      cursor: default;
      background-color: #337ab7;
      border-color: #337ab7;
    }

    .pagination>li>a, .pagination>li>span {
      position: relative;
      float: left;
      padding: 6px 12px;
      margin-left: -1px;
      line-height: 1.42857143;
      color: #337ab7;
      text-decoration: none;
      background-color: #fff;
      border: 1px solid #ddd;
      cursor: pointer;
    }
  



  
  
    
      
 添加
      
      
      
					
																		查询
					
			
    
  

  
    
      
 
   

     

     

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

     
   
 
      
    
  
  
    
      
      

    
  




  
    
      
 
修改用户
 
   ×
 
      
      
 
 
   用户名：
   
 
 
   邮箱：
   
 
 
   姓名：
   
 
      
      
 关闭
 提交
      
    
    
  
  

后端

@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);
  }

  
  @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增删改查内容请搜索考高分网以前的文章或继续浏览下面的相关文章希望大家以后多多支持考高分网！