idea增删改查之 修改

修改
{title:'操作',field:'s',formatter:function(value,row,index){
return "<input class='btn btn-default glyphicon glyphicon-plus' type='button' onclick='delUser("+row.man+")' value='删除'>"+"<input class='btn btn-default glyphicon glyphicon-plus' onclick='updateStu(""+row.couId+"")' value='修改' type='button'>";
}
},

addDia = null;
msgDia = null;
//修改
function updateStu(couId){
addDia =BootstrapDialog.show({
title: '修改优惠券信息',
message: $('<div></div>').load('../ysq/toupdateCou?couId='+couId), //跳页面做修改
buttons: [{
label: '保存',
action: function(dialog) {
$.ajax({
type:"post",
url:"../ysq/upCoupon?couId="+couId, //去后台做修改
data:$("#xg").serialize(),
success:function(msg){
msgDia = BootstrapDialog.show({
message:"保存成功"
})
//searchUser();
location.reload();
setTimeout(function(){
msgDia.close();
addDia.close();
}, 2000)
}
})
}
}, {
label: '取消',
action: function(dialog) {
//更改弹框标题
// dialog.setTitle('Title 2');
dialog.close();
}
}]
});
}

//跳页面做修改
controller
@RequestMapping("toupdateCou")
public String toupdateStu(Integer couId, Coupon ss, Model model){
　　ss = ysqService.toupdateStu(couId);
　　model.addAttribute("w",ss);
　　return "/ysq/updateCou";
}

service实现类
@Override
public Coupon toupdateStu(Integer couId) {

return ysqMapper.toupdateStu(couId);
}
mapper
<select id="toupdateStu" resultType="com.jk.entity.Coupon">
select * from coupon where couId = #{couId}
</select>

//去后台做修改
controller
@RequestMapping("upCoupon")
@ResponseBody
public void upCoupon(Coupon cc,Integer couId){

ysqService.upCoupon(cc,couId);
}

service
@Override
public void upCoupon(Coupon cc,Integer couId) {

ysqMapper.upCoupon(cc,couId);
}

dao
void upCoupon(@Param("cc") Coupon cc,@Param("couId") Integer couId);

mapper
<update id="upCoupon" >
update coupon set couName=#{cc.couName},couPrice=#{cc.couPrice},couType=#{cc.couType},man=#{cc.man},jiange=#{cc.jiange},couDate=#{cc.couDate},couendDate=#{cc.couendDate},couimg=#{cc.couimg} where couId=#{cc.couId}
</update>

修改的页面
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>Title</title>
不需要上传图片的js
<!-- Bootstrap 插件 css -->
<link href="../ysq/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
<!-- Bootstrap 核心css -->
<link href="../ysq/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap TreeView css -->
<link href="../ysq/bootstrap-treeview/dist/bootstrap-treeview.min.css" rel="stylesheet">

<!-- Bootstrap addTabs css -->
<link href="../ysq/bootStrap-addTabs/bootstrap.addtabs.css" rel="stylesheet">

<!-- Bootstrap table css -->
<link href="../ysq/bootstrap-table/dist/bootstrap-table.css" rel="stylesheet">
<!-- bootstrap-datetimepicker css -->
<link href="../ysq/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css" rel="stylesheet">

<!-- bootstrap-dialog css -->
<link href="../ysq/bootstrap-dialog/dist/css/bootstrap-dialog.css" rel="stylesheet">
<!-- bootstrap-fileinput css -->
<link href="../ysq/bootstrap-fileinput/css/fileinput.css" rel="stylesheet">


<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

需要上传图片的js
<!-- 引入jquery -->
<script type="text/javascript" src="../jss/jquery-1.9.1.min.js"></script>
<!-- 引入bootstrap的css、js -->
<link rel="stylesheet" href="../jss/bootstrap3/css/bootstrap.css">
<script type="text/javascript" src="../jss/bootstrap3/js/bootstrap.js"></script>
<!-- 引入tree的js、css -->
<link rel="stylesheet" href="../js/bootstrap-treeview/bootstrap-treeview.min.css">
<script type="text/javascript" src="../jss/bootstrap-treeview/bootstrap-treeview.min.js"></script>
<!-- 引入选项卡的js、css -->
<link rel="stylesheet" href="../js/bootStrap-addTabs/bootstrap.addtabs.css">
<script type="text/javascript" src="../jss/bootStrap-addTabs/bootstrap.addtabs.min.js"></script>
<!-- 引入table的css、js -->
<link rel="stylesheet" href="../jss/bootstrap-table/bootstrap-table.css">
<script type="text/javascript" src="../jss/bootstrap-table/bootstrap-table.js"></script>
<script type="text/javascript" src="../jss/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<!-- 引入删除提示框 -->
<script type="text/javascript" src="../jss/bootbox/bootbox.min.js"></script>
<!-- 引入时间的css、js -->
<link rel="stylesheet" href="../jss/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css">
<script src="../jss/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script src="../jss/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<!-- 引入文件上传的css、js -->
<link rel="stylesheet" href="../jss/bootstrap-fileinput/css/fileinput.css">
<script type="text/javascript" src="../jss/bootstrap-fileinput/js/fileinput.js"></script>
<script type="text/javascript" src="../jss/bootstrap-fileinput/js/locales/zh.js"></script>
<style type="text/css">
.myrow{
margin-bottom:10px
}
</style>
</head>
<body>

<!--jQuery核心js -->
<script src="../ysq/jquery.min.js"></script>
<!-- bootstrap 核心js文件 -->
<script src="../ysq/bootstrap/js/bootstrap.min.js"></script>
<!-- bootStrap TreeView -->
<script src="../ysq/bootstrap-treeview/dist/bootstrap-treeview.min.js"></script>
<!-- bootStrap addTabs -->
<script src="../ysq/bootStrap-addTabs/bootstrap.addtabs.js"></script>
<!-- bootStrap table -->
<script src="../ysq/bootstrap-table/dist/bootstrap-table.js"></script>
<!-- bootStrap table 语言包中文-->
<script src="../ysq/bootstrap-table/dist/locale/bootstrap-table-zh-CN.js"></script>
<!-- bootstrap-datetimepicker -->
<script src="../ysq/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script src="../ysq/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<!-- bootstrap-dialog -->
<script src="../ysq/bootstrap-dialog/dist/js/bootstrap-dialog.js"></script>
<!-- bootstrap-fileinput -->
<script src="../ysq/bootstrap-fileinput/js/fileinput.js"></script>
<script src="../ysq/bootstrap-fileinput/js/locales/zh.js"></script>


<div class="row clearfix">
<div class="col-md-12 column">
<h2>修改优惠券信息</h2><br>
<form id="xg">
<div class="form-group"><!--col-md-7 column-->
<input type="hidden" name="couId" value="${w.couId}" style="display:none">
优惠券名称:&nbsp&nbsp&nbsp<input type="text" name="couName" th:value="${w.couName}" placeholder="名称">
</div>
<div class="form-group">
优惠券个数:&nbsp&nbsp&nbsp<input type="text" th:value="${w.couPrice}" name="couPrice" >
</div>
<div class="form-group">
优惠券类型:&nbsp&nbsp&nbsp
<select id="bb" name="couType" >
<option value="1" th:selected="${w.couType==1?'true':'false'}">满减券</option>
<option value="2" th:selected="${w.couType==2?'true':'false'}" >体验券</option>
<option value="3" th:selected="${w.couType==3?'true':'false'}">折扣券</option>
</select>
</div>
<div class="form-group">
优惠券设置:&nbsp&nbsp&nbsp满<input type="text" th:value="${w.man}" name="man" style=" 80px";>元,减<input type="text" th:value="${w.jiange}" name="jiange" style=" 80px" >元
</div>
<div class="form-group">
过期时间:&nbsp&nbsp&nbsp<input type="date" id="couDate" th:value="${w.couDate}" name="couDate" onblur="testStartDate()" >至<input type="date" id="couendDate" th:value="${w.couendDate}" name="couendDate" onblur="testEndDate()" >
</div>
<div class="form-group">
<div>
<label for="headImg">优惠券图片:</label>&nbsp&nbsp&nbsp
<img th:src="${w.couimg}" width="100px" height="100px">
<input type="text" id="testimg" th:value="${w.couimg}" name="couimg" /><br>

<input type="file" class="projectfile" name="couimg" id="headImg">
</div>
</div>
</form>
</div>
</div>
</div>

<script>

$(function () {
uploadImg();
})
function uploadImg(couimg){
$('#headImg').fileinput({
language: 'zh', //设置语言
uploadUrl: '/ysq/updaloadImg', //上传的地址
allowedFileExtensions: ['jpg', 'gif', 'png'],//接收的文件后缀
showUpload: true, //是否显示上传按钮
showCaption: false,//是否显示标题
browseClass: "btn btn-primary", //按钮样式
dropZoneEnabled: false,//是否显示拖拽区域
//minImageWidth: 50, //图片的最小宽度
//minImageHeight: 50,//图片的最小高度
//maxImageWidth: 1000,//图片的最大宽度
//maxImageHeight: 1000,//图片的最大高度
//maxFileSize: 0,//单位为kb，如果为0表示不限制文件大小
//minFileCount: 0,
maxFileCount: 2, //表示允许同时上传的最大文件个数
enctype: 'multipart/form-data',
validateInitialCount:true,
previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}！",

}).on('fileuploaded', function(event, data, previewId, index) {
var imgval = $('#testimg').val();
/* if(imgval == null || imgval == "" || imgval == undefined){
imgval = data.response;//.responseText;
alert(imgval);
}*/
imgval = data.response;//.responseText;
$('#testimg').val(imgval);
// alert(imgval);
// alert($('#testimg').val());
});
}

//测试开始时间
function testStartDate() {
var couDate = $("#couDate").val();//获取开始时间
var date = new Date("2019-12-18").getTime()
var time = new Date(couDate).getTime();
if (time < date) {
$("#couDate").val("");
alert("优惠券日期不能小于当前时间！");
}
}

//测试结束时间
function testEndDate() {
var couendDate = $("#couendDate").val();//获取结束时间
var couDate = $("#couDate").val();//获取开始时间
if (new Date(couendDate).getTime() < new Date().getTime() && couendDate<couDate) {
$("#couendDate").val("");
alert("优惠券过期时间不能小于开始时间!")
}
}

</script>

</body>
</html>

【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/yu72732/p/12621136.html