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

十点数据 1年前 ⋅ 2996 阅读

在做基于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 class UserController extends BaseController {
    // 获取日志记录器Logger,名字为本类类名
    private static final Logger log = LoggerFactory.getLogger(UserController.class);

    // 新增或保存用户信息;
    @RequestMapping("/addEdit")
    public void addEdit(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开关的监听,以及属性值获取和更改状态等操作

全部评论: 0

    我有话说: