使用layer弹窗和layui表单实现新增功能

1.需求：使用layer在弹窗内完成新增，成功后提示并刷新页面（父页面，list页面）

2.实现

  a* 页面效果图  

b*页面代码

  --构建from表单

c*js代码

-创建layer弹窗

function onAddBtn(){
     //页面层-自定义
    layer.open({
 type: 1,
 title:"新建配置",
 closeBtn: false,
 shift: 2,
 area: ['400px', '300px'],
 shadeClose: true,
 // btn: ['新增', '取消'],
 // btnAlign: 'c',
 content: $("#add-main"),
 success: function(layero, index){},
 yes:function(){
 }
      });
  }

-核心提交方法

d*后台代码

- 

    
  @RequestMapping("/add1")
  @ResponseBody
  public ResultEntity addItem(ZkGolbal golbal) {
    ResultEntity res = new ResultEntity();
    try {
      golbal.setStatus("1");
      res.setData(golbalService.addItem(golbal));
      res.setSuccess("success");
      res.setMessage("新增成功");
    } catch (Exception e) {
      res.setMessage("操作失败");
      e.printStackTrace();
    }
    return res;  
  }

总结

以上所述是小编给大家介绍的使用layer弹窗和layui表单做新增功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！