商品管理-商品列表-修改
<div class='loginbox registbox'>
<!-- 隐藏域 -->
<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='productImage' name='price' 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='padding-top:10px;line-height:80px;text-align: center;'>
<button onclick='submit()' type='submit' name='submit' class='btn btn-primary' style='width: 300px;'>保存</button>
</div>
</div>
<script type='text/javascript'>
//初始化参数
var proudctId;
var productName;
var productImage;
var productCount;
var productPrice;
var productBrief;
var productState;
<p>var ctx='http://localhost:6060/';</p>
<p>function closeWindow(){
//获取窗口索引
var index = parent.layer.getFrameIndex(window.name);
console.log('index: '+index);
parent.layer.close(index);
//刷新父页面
window.parent.location.reload();
}</p>
<p>function closeWindow(){
//向父窗口发送消息
parent.postMessage('closeWindow', '*');
}</p>
<p>//全局加载
$(function () {
//获取layer父窗口参数
var data = parent.layer.methodConfig.data;
//回显
$('#proudctId').val(data.proudctId);
$('#productName').val(data.productName);
$('#productImage').val(data.productImage);
$('#productCount').val(data.productCount);
$('#productPrice').val(data.productPrice);
$('#productBrief').val(data.productBrief);
$('#productState').val(data.productState);
});</p>
<p>//参数值收集
function collectParams(){
proudctId = $('#proudctId').val();
productName = $('#productName').val();
productImage = $('#productImage').val();
productCount = $('#productCount').val();
productPrice = $('#productPrice').val();
productBrief = $('#productBrief').val();
productState = $('#productState').val();
}</p>
<p>//用户修改
function submit(){
//参数值收集
collectParams();
//发送Ajax
$.ajax({
url:ctx+'/product/edit.do',
type:'POST',
data:{"proudctId':proudctId,'productName':productName,'productImage':productImage,
'productCount':productCount,'productPrice':productPrice,
'productBrief':productBrief,'productState':productState,},
success:function(data){
//成功操作
if(data == true){
layer.msg('修改成功!');
//延迟关闭子窗口
setTimeout('closeWindow()', 1000);
}
//失败操作
else{
layer.msg('抱歉,修改失败!');
}
},
dataType:'json'
});</p>
<p>}</p>
<p>//修改
@RequestMapping('/product/edit.do')
@ResponseBody
@CrossOrigin(origins = '*', maxAge = 3600)
public boolean updateProudct(String productName,String proudctImage, Integer productCount, double productPrice, String productBrief,
int productState,int proudctId) {
boolean b = productService.updateProductById(productName, proudctImage, productCount, productPrice,
productBrief, productState, proudctId);
return b;
}
</script></p>
</html>
原文地址: https://www.cveoy.top/t/topic/nkd1 著作权归作者所有。请勿转载和采集!