欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

X-admin2.2表单提交方式及注意事项

程序员文章站 2022-06-17 15:54:25
...

在做基于SpringBoot+Frammark+X-admin2.2的开发时,涉及到的表单提交处理逻辑,记录一下以备不时之需。

前端代码如下所示:

// 表单提交
form.on('submit(first1)', function (data) {
    var articleFrom = data.field;//获取数据集合;
    $.ajax({
        type:"POST",
        url:"/layui/user/addEdit",//提交数据接口
        data:articleFrom,
        dataType:"JSON",
        success:function (data) {
            if(data.flag){
              	 //关闭当前frame
				xadmin.close();
				// 可以对父窗口进行刷新 
				xadmin.father_reload();
            }
        }
    });
    return false;
});

最后return false防止页面刷(form表单提交后如果请求原来的页面尾后没有参数?id=之类的参数请求,可以不返回false)),

后端代码:

package com.mtons.mblog.web.controller.manage.authority.user;
import com.mtons.mblog.base.lang.Consts;
import com.mtons.mblog.web.controller.BaseController;
import net.sf.json.JSONObject;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import java.util.HashMap;
import java.util.Map;
/**
 * @author YingFan
 *
 */
@Controller()
@RequestMapping("/layui/user")
public classUserControllerextendsBaseController{
    // 获取日志记录器Logger,名字为本类类名
    private static final Logger log = LoggerFactory.getLogger(UserController.class);

    // 新增或保存用户信息;
    @RequestMapping("/addEdit")
    publicvoidaddEdit(User user, ModelMap model){
        log.info("保存用户信息;");
        Map<String, String> result = new HashMap<String, String>();
        result.put("sucess", "true");
        String json = JSONObject.fromObject(result).toString();
        System.out.println(json);
    }
}

相关阅读:

Spring Boot整合Java web项目

Spring Boot 踩坑系列之Error resolving template

Spring Boot集成X-admin2.2时,使用layui的字体图标时无法正常显示或乱码的解决办法

Maven项目中引入net.sf.json.JSONObject依赖jar包

X-admin2.2中switch开关的监听,以及属性值获取和更改状态等操作