添加一个产品

最新推荐文章于 2024-04-15 10:43:12 发布

IT界的大孩子

最新推荐文章于 2024-04-15 10:43:12 发布

阅读量841

点赞数

分类专栏：亲测可见

本文链接：https://blog.csdn.net/wumingxuan1/article/details/53433363

版权

13 篇文章 0 订阅

订阅专栏

 
 1.product-view.jsp 

  <div class="page-container" style="padding-top: 15px; padding-left: 25px; padding-right: 25px;"> 

  <div class="cl pd-5 bg-1 bk-gray mt-20 radius"> 

  <span class="l"><a href="javascript:;" οnclick="add()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe604;</i> 添加产品</a> 

  <a href="javascript:;" οnclick="removes()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> </span> 

  </div> 

 
 2.脚本 

  /*添加产品*/ 

  function add(){ 

  layer.open({ 

  type: 2, 

  title: '添加用户', 

  maxmin: true, 

  shadeClose: true, //点击遮罩关闭层 

  area : ['800px' , '520px'], 

  content: 'product-create.jsp', 

  end: function () { 

  table.ajax.reload(); 

}

});

}

 
 3.product-create.jsp 

  <%@ page language="java" contentType="text/html; charset=UTF-8" 

  pageEncoding="UTF-8"%> 

  <!DOCTYPE html> 

  <html> 

  <head> 

  <%@ include file="Common.jsp" %> 

  <title>添加产品</title> 

  </head> 

  <body > 

  <div class="container-fluid"> 

  <div class="col-xs-4"></div> 

  <div class="col-xs-4"> 

  <form class="ml-15" id="form-add" > 

  <div class="mt-20"> 

  <label for="ProductName"><span class="c-red">*</span>产品名：</label> 

  <div class="formControls"> 

  <input type="text" class="input-text radius" name="ProductName" id="ProductName"> 

  </div> 

  </div> 

  <div class="mt-20"> 

  <label for="Price"><span class="c-red">*</span>产品价格：</label> 

  <div class="formControls"> 

  <input type="text" class="input-text radius" name="Price" id="Price" placeholder="价格不能为空"> 

  </div> 

  </div> 

  <div class="mt-20"> 

  <label for="Repertory"><span class="c-red">*</span>产品库存：</label> 

  <div class="formControls"> 

  <input type="text" class="input-text radius" name="Repertory" id="Repertory" placeholder="库存不能为空"> 

  </div> 

  </div> 

  <div class="mt-20"> 

  <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;"> 

  </div> 

  </form> 

  <br> 

  </div> 

  <div class="col-xs-4"></div> 

  </div> 

  <!--_footer 作为公共模版分离出去--> 

  <script type="text/javascript" src="/web10-7/H-ui_v2.2.1/lib/jquery.validation/1.14.0/jquery.validate.min.js"></script> 

  <script type="text/javascript" src="/web10-7/H-ui_v2.2.1/lib/jquery.validation/1.14.0/validate-methods.js"></script> 

  <script type="text/javascript" src="/web10-7/H-ui_v2.2.1/lib/jquery.validation/1.14.0/messages_zh.min.js"></script> 

  <!--/_footer /作为公共模版分离出去--> 

 
 4.脚本 

  <script type="text/javascript"> 

  //validate表单验证 

  $("#form-add").validate({ 

  rules:{ 

  ProductName:{ 

  required:true, 

},

  Price:{ 

  required:true, 

},

  Repertory:{ 

  required:true, 

}

},

  messages:{ 

  ProductName:{ 

  required:"请输入用户名", 

},

  Price:{ 

  required:"请输入价格", 

},

  Repertory:{ 

  required:"请输入库存", 

}

},

  onkeyup:false, 

  focusCleanup:true, 

  success:"valid", 

  submitHandler:function(form){ 

  formSubmit(); 

}

});

  //表单异步提交 

  function formSubmit(){ 

  var formData = new FormData($('#form-add')[0]); 

  $.ajax({ 

  'url' : '/web10-7/product/add', 

  'type' : 'post', 

  'data': formData, 

  'dataType' : 'json', 

  'async': false, 

  'cache':false, 

  'processData': false, // 告诉jQuery不要去处理发送的数据 

  'contentType': false, // 告诉jQuery不要去设置Content-Type请求头 

  'success': function(data,statusText) { 

  if(data.status){ 

  layer.msg("添加成功！"); 

  }else{ 

  layer.msg("添加失败！"); 

}

  window.setTimeout(function(){ 

  var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 

  parent.layer.close(index); 

  },1000); 

},

  'error':function(xhr,e2,e2){ 

  layer.msg("系统错误"); 

}

});

  return false; 

}

  </script> 

  <!--/请在上方写此页面业务相关的脚本--> 

  </body> 

  </html> 

 
 5.ProductAction.java 

/**

  * 添加产品 

*/

  @ResponseBody 

  @RequestMapping("/add") 

  public CallbackResult add(HttpServletRequest request){ 

  String name=request.getParameter("ProductName"); 

  String price=request.getParameter("Price"); 

  double price2=Double.parseDouble(price); 

  String repertory=request.getParameter("Repertory"); 

  int repertory2=Integer.parseInt(repertory); 

  String id = UUIDUtil.getInstance().getUUID(); 

  int status=1; 

  Product product=new Product(); 

  product.setId(id); 

  product.setName(name); 

  product.setPrice(price2); 

  product.setRepertory(repertory2); 

  product.setStatus(status); 

  CallbackResult callbackResult = new CallbackResult(); 

  callbackResult.setStatus(productService.add(product)); 

  return callbackResult; 

}

关注

专栏目录