商品添加 - 商品管理系统 - 常规

<p>&lt;%@ page language=&quot;java&quot; contentType=&quot;text/html; charset=UTF-8&quot;
pageEncoding=&quot;UTF-8&quot; %&gt;<!DOCTYPE html></p>
<html>
<head>
    <meta charset="UTF-8">
    <title>商品管理-商品列表-添加</title>
    <!--全局CSS-->
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/bootstrap-dialog.css" rel="stylesheet" type="text/css" />
    <link href="/css/bootstrapValidator.min.css" rel="stylesheet" type="text/css" />
    <link href="/static/plugins/bootstrap_table/Content/bootstrap-table.css" rel="stylesheet" type="text/css" />
    <!--全局JS-->
    <script src="/js/jquery-2.1.4.min.js" type="text/javascript"></script>
    <script src="/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="/static/plugins/bootstrap_table/Scripts/Bootstrap/ArbetTable.js" type="text/javascript"></script>
    <script src="/static/plugins/bootstrap_table/Scripts/Bootstrap/bootstrap-table.js" type="text/javascript"></script>
    <script src="/static/plugins/bootstrap_table/Scripts/Bootstrap/locale/bootstrap-table-zh-CN.js" type="text/javascript"></script>
    <script src="/js/bootstrap-dialog.js" type="text/javascript"></script>
    <script src="/js/bootstrapValidator.min.js" type="text/javascript"></script>
    <script src="/static/plugins/layer/layer.js" type="text/javascript"></script>
    <script src="/static/plugins/laydate/laydate.js" type="text/javascript"></script>
    <!-- 对等js -->
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/static/js/main/proMgr/bookList_add.js"></script>
</head>
<body>
<div class="loginbox registbox">
    <form id="bookList_add" style=" margin: auto;">
        <div class="form-group">
            <input placeholder="商品名称" class="form-control"
                   id="productName" name="name" style="width: 300px; margin: auto;"/>
        </div>
        <div class="form-group">
            <input placeholder="商品数量" type="text" class="form-control"
                   id="productCount" name="price" style="width: 300px; margin: auto;"/>
        </div>
        <div class="form-group">
            <input placeholder="商品积分价格" type="text" class="form-control"
                   id="productPrice" name="ddPrice" style="width: 300px; margin: auto;"/>
        </div>
        <div class="form-group">
            <input placeholder="商品描述" type="text" class="form-control"
                   id="productBrief" name="ddPrice" style="width: 300px; margin: auto;"/>
        </div>
        <div class="form-group" style="width: 300px; margin: auto;">
            <select id="productState" style="width: 300px;" class="form-control">
                <option value="0" selected="selected">上架</option>
                <option value="1">下架</option>
            </select>
        </div>
        <div class="form-group" style="line-height:80px;text-align: center;">
            <button name="submit" class="btn btn-primary" style="width: 300px;">保存</button>
        </div>
    </form>
</div>
</body>
<script type="text/javascript">
    window.addEventListener('message', function(event){
        if(event.data === 'closeWindow'){
            //关闭子窗口
            var index = layer.getFrameIndex(window.name);
            layer.close(index);
            //刷新父页面
            window.location.reload();
        }
    });
</script>
</html>
//初始化参数
var productName;
var productCount;
var productPrice;
var productBrief;
var productState;
<p>var ctx=&quot;http://localhost:6060/&quot;;</p>
<p>function closeWindow(){
//获取窗口索引
var index = parent.layer.getFrameIndex(window.name);
console.log(&quot;index: &quot;+index);
parent.layer.close(index);
//刷新父页面
window.parent.location.reload();
}</p>
<p>function closeWindow(){
//向父窗口发送消息
parent.postMessage('closeWindow', '*');
}</p>
<p>//全局加载
$(function () {
//选项验证
formValidator();
});</p>
<p>//参数值收集
function collectParams(){
productName = $(&quot;#productName&quot;).val();
productCount = $(&quot;#productCount&quot;).val();
productPrice = $(&quot;#productPrice&quot;).val();
productBrief = $(&quot;#productBrief&quot;).val();
productState = $(&quot;#productState&quot;).val();
}</p>
<p>//注册选项验证
function formValidator(){
$(&quot;#bookList_add&quot;).bootstrapValidator({
message: 'This value is not valid',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
name: {
validators: {
notEmpty: {
message: '该项为必填项'
},
}
},
imagePath: {
validators: {
notEmpty: {
message: '该项为必填项'
},
}
},
price: {
validators: {
notEmpty: {
message: '该项为必填项'
},
regexp : {
regexp : /^[0-9]+(.[0-9]{2})?$/,
message : '请输入纯数字，小数位2位'
}
}
},
ddPrice: {
validators: {
notEmpty: {
message: '该项为必填项'
},
regexp : {
regexp : /^[0-9]+(.[0-9]{2})?$/,
message : '请输入纯数字，小数位2位'
}
}
},
state: {
validators: {
notEmpty: {
message: '该项为必填项'
},
}
},
},
}).on('success.form.bv',function(e){
//参数收集
collectParams();
//发送Ajax
$.ajax({
url:ctx+'/product/add.do',
type:&quot;POST&quot;,
data:{&quot;productName&quot;:productName,&quot;productCount&quot;:productCount,&quot;productPrice&quot;:productPrice,
&quot;productBrief&quot;:productBrief,&quot;productState&quot;:productState},
success:function(data){
if(data == true){
layer.msg(&quot;添加成功！&quot;);
//延迟关闭子窗口
setTimeout(function(){
closeWindow();
}, 1000);
}
},
dataType:&quot;json&quot;
});</p>
<pre><code>});
</code></pre>
<p>}</p>
<pre><code></code></pre>