layui+SSM的数据表的增删改（利用弹框添加、修改）

注： 以下前端代码都是利用layui的框架，后台是SSM
前端：

<%--
  Created by IntelliJ IDEA.
  User: SL
  Date: 2019/2/26
  Time: 14:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


    
    
    
    
    
    












<%--这里是弹出层表单（修改）--%>

    

        

            
新闻标题
                

                
            
            
新闻摘要
                

                
            
            
作者
                

                
            
            

                

                    确认修改
                    重置
                
            
        
    



<%--这里是弹出层表单（添加）--%>

    

        

            
新闻标题
                

                
            
            
新闻摘要
                

                
            
            
作者
                

                
            
            

                

                    确认添加
                    重置
                
            
        
    

后台：

package com.sl.controller;

import com.sl.model.NewsDetail;
import com.sl.service.NewsDetailService;
import com.sl.util.DateUtil;
import org.codehaus.jackson.map.ObjectMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;

import javax.servlet.http.HttpSession;
import java.io.IOException;
import java.time.format.DateTimeFormatter;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.util.Map;


@Controller
@RequestMapping("/news")
public class NewsDetailController {

    /*注入NewsDetailService*/
    /**
     *
     */
    @Autowired
    private NewsDetailService newsDetailService;

    @RequestMapping("/main")
    @ResponseBody
    private Map queryAll() {
        Map map = new HashMap<>();
        List list = newsDetailService.queryAll();
        int count = newsDetailService.queryAllCount();
        map.put("data", list);
        map.put("code", 0);
        map.put("count", count);

        return map;
    }


    @RequestMapping(value = "/delete", method = RequestMethod.POST, produces = "application/json")
    @ResponseBody
    private Map deleteById(@RequestBody HashMap map2) {
        Map map = new HashMap<>();
        int id = Integer.parseInt(map2.get("id"));
        int row = newsDetailService.deleteById(id);
        if (row == 1) {
            List list = newsDetailService.queryAll();
            int count = newsDetailService.queryAllCount();
            map.put("data", list);
            map.put("returnCode", "200");
            map.put("count", count);
            map.put("code", 0);
            return map;
        } else {
            map.put("code", 1);
            return map;
        }
    }

    @RequestMapping(value = "/mulDelete", method = RequestMethod.POST, produces = "application/json")
    @ResponseBody
    public Map mulDelete(@RequestBody HashMap map2){
        Map map = new HashMap<>();

        String ids = map2.get("ids");
        String mulid[] = ids.split(",");
        int row = 0;
        for(int i=0; i list = newsDetailService.queryAll();
            int count = newsDetailService.queryAllCount();
            map.put("code", 0);
            map.put("data", list);
            map.put("count", count);
            map.put("returnCode", "200");
            return map;
        } else {
            map.put("code", -1);
            return map;
        }
    }

    @RequestMapping(value = "/update", method = RequestMethod.POST, produces = "application/json")
    @ResponseBody
    public Map updateById(@RequestBody HashMap map2) throws IOException {
        Map map = new HashMap<>();

        int id = Integer.parseInt(map2.get("id"));
        String title = map2.get("newtitle");
        String summary = map2.get("newsummary");
        String author = map2.get("newauthor");
        /*System.out.println(id+" "+title +" "+summary+" "+author);
        System.out.println(1);
        System.out.println(new Date());
        System.out.println(DateUtil.getCurrentDateString());
        System.out.println(2);*/
        NewsDetail newsDetail = new NewsDetail();
        newsDetail.setId(id);
        newsDetail.setTitle(title);
        newsDetail.setSummary(summary);
        newsDetail.setAuthor(author);
        newsDetail.setCreateDate(DateUtil.formatDate(new Date(), "yyyy-MM-dd HH-mm-ss"));
        /*System.out.println(newsDetail.getCreateDate());
        System.out.println(DateUtil.formatDate(new Date(), "yyyy-MM-dd HH-mm-ss"));*/

        int row = newsDetailService.updateById(newsDetail);
        if (row == 1) {
            List list = newsDetailService.queryAll();
            int count = newsDetailService.queryAllCount();
            map.put("data", list);
            map.put("count", count);
            map.put("code", 0);
            map.put("returnCode", "200");
            return map;
        } else {
            map.put("code", 1);
            return map;
        }
    }

    @RequestMapping("/update2")
    @ResponseBody
    public Map update2(NewsDetail newsDetail) {
        Map map = new HashMap<>();
        /*newsDetail.setCreateDate(new Date());*/
        int row = newsDetailService.updateById(newsDetail);
        if (row == 1) {
            List list = newsDetailService.queryAll();
            int count = newsDetailService.queryAllCount();
            map.put("data", list);
            map.put("count", count);
            map.put("code", 0);
            return map;
        } else {
            map.put("code", 1);
            return map;
        }

    }

    @RequestMapping("/add")
    @ResponseBody
    public Map add(@RequestBody HashMap map2) {
        Map map = new HashMap<>();
        String title = map2.get("newtitle");
        String summary = map2.get("newsummary");
        String author = map2.get("newauthor");
        NewsDetail newsDetail = new NewsDetail();
        newsDetail.setTitle(title);
        newsDetail.setSummary(summary);
        newsDetail.setAuthor(author);
        newsDetail.setCreateDate(DateUtil.formatDate(new Date(), "yyyy-MM-dd HH-mm-ss"));
        boolean row = newsDetailService.addNews(newsDetail);
        if (row) {
            List list = newsDetailService.queryAll();
            int count = newsDetailService.queryAllCount();
            map.put("data", list);
            map.put("count", count);
            map.put("returnCode", "200");
            map.put("code", 0);
            return map;
        } else {
            map.put("code", 1);
            return map;
        }
    }

}

亲测有效，希望大家提出不足！谢谢！另外后台里面有一个时间转换的类（DateUtil.formatDate（）），前端有一个例如url: '${ctx}/news/update/'，其中的${cxt}是一个指定的路径，后台写了一个类，这些有需要的，可以看我的博客，谢谢！