功能需求

用户在市场活动明细页面,点击"修改"市场活动备注的图标,弹出修改市场活动备注的模态窗口;

用户在修改市场活动备注的模态窗口,填写表单,点击"更新"按钮,完成修改市场活动备注的功能.

         *备注内容不能为空

         *修改成功之后,关闭模态窗口,刷新备注列表

         *修改失败,提示信息,模态窗口不关闭,列表也不刷新

流程图

 

 代码实现

一、ActivityRemarkMapper

1.ActivityRemarkMapper接口

    /**
     * 修改备注
     */
    int updateActivityRemark(ActivityRemark remark);

2.ActivityRemarkMapper映射文件

• 根据备注的id进行修改，修改的字段是

  note_content，edit_time，edit_by，edit_flag

    <!--int updateActivityRemark(ActivityRemark remark);-->
    <update id="updateActivityRemark">
        update tbl_activity_remark
        set note_content = #{noteContent},
            edit_time = #{editTime,jdbcType=CHAR},
            edit_by = #{editBy,jdbcType=VARCHAR},
            edit_flag = #{editFlag,jdbcType=CHAR}
        where id = #{id,jdbcType=CHAR}
    </update>

二、ActivityRemarkService

	/**
	 * 修改市场活动备注
	 */
	int saveEditActivityRemark(ActivityRemark remark);

	@Override
	public int saveEditActivityRemark(ActivityRemark remark) {
		return activityRemarkMapper.updateActivityRemark(remark);
	}

三、ActivityRemarkController

/**
	 * 修改市场活动备注
	 */
	@RequestMapping("/workbench/activity/saveEditActivityRemark.do")
	public @ResponseBody Object saveEditActivityRemark(ActivityRemark remark, HttpSession session){
		// 获取登录的user
		User user = (User) session.getAttribute(Contants.SESSION_USER);
		// 封装参数
		remark.setEditFlag(Contants.RETURN_OBJECT_CODE_SUCCESS);
		remark.setEditBy(user.getId());
		remark.setEditTime(DateUtils.formateDateTime(new Date()));
		// 调用service
		ReturnObject returnObject = new ReturnObject();
		try {
			int ret = activityRemarkService.saveEditActivityRemark(remark);
			if (ret>0) {
				// 成功
				returnObject.setCode(Contants.RETURN_OBJECT_CODE_SUCCESS);
				returnObject.setRetDate(remark);
			}else {
				// 失败
				returnObject.setCode(Contants.RETURN_OBJECT_CODE_FAIL);
				returnObject.setMessage("系统繁忙稍后再试");
			}
		} catch (Exception e) {
			e.printStackTrace();
			returnObject.setCode(Contants.RETURN_OBJECT_CODE_FAIL);
			returnObject.setMessage("系统繁忙稍后再试");
		}
		return returnObject;
	}

四、前端detail.jsp

1.点击”修改“，获取备注的id和content，并且向修改备注的模态窗口的id和content赋值

            // 修改打开模态窗口
            $("#remarkDivList").on("click", "a[name='editA']", function () {
                // 获取活动的id和content
                var id = $(this).attr("remarkId");
                var content = $("#div_" + id + " p").text();
                // 向模态窗口赋值
                $("#edit-id").val(id);
                $("#edit-noteContent").val(content);
                // 打开模态窗口
                $("#editRemarkModal").modal("show");
            });

2.点击更新按钮

            $("#updateRemarkBtn").click(function () {
                // 获取参数
                var id = $("#edit-id").val();
                var noteContent = $.trim($("#edit-noteContent").val());
                // 表单验证
                if (noteContent == "") {
                    alert("请输入备注内容");
                    return;
                }
                // 转发请求
                $.ajax({
                    url: 'workbench/activity/saveEditActivityRemark.do',
                    data: {id: id, noteContent: noteContent},
                    type: 'post',
                    dataType: 'json',
                    success: function (data) {
                        if (data.code == "1") {
                            $("#editRemarkModal").modal("hide");
                            // 刷新当前的备注数据
                            $("#div_" + id + " p").text(noteContent);
                            $("#div_" + id + " small").text("@${sessionScope.sessionUser.name}:" + data.retDate.editTime + "修改");
                        } else {
                            //失败
                            alert(data.message);
                        }
                    }
                });
            });