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"></i> 添加产品</a>
<a href="javascript:;" οnclick="removes()" class="btn btn-danger radius"><i class="Hui-iconfont"></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=" 提交 ">
</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;
}
转载请注明原文地址: https://ju.6miu.com/read-962919.html
