SSM框架的Ajax实现批量删除

最新推荐文章于 2022-01-05 23:44:32 发布

原创最新推荐文章于 2022-01-05 23:44:32 发布 · 344 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#SSM

本文介绍了如何在项目中配置Jquery并集成Spring Security进行用户认证及权限管理，包括页面布局、菜单设置以及数据库操作等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先配置一些Jquery的导包项目，这里给出源码和版本

先给出aside配置，这样就可以先配置header，然后在中间就可以完成对用户姓名等参数的一系列配置和显示。

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false" %>
<%@taglib prefix="security" uri="http://www.springframework.org/security/tags" %>
<aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
        <!-- Sidebar user panel -->
        <div class="user-panel">
            <div class="pull-left image">
                <img src="${pageContext.request.contextPath}/img/user2-160x160.jpg"
                     class="img-circle" alt="User Image">
            </div>
            <div class="pull-left info">
                <p>
                <security:authentication property="principal.username"></security:authentication>
            </p>
                <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
            </div>
        </div>

        <!-- sidebar menu: : style can be found in sidebar.less -->
        <ul class="sidebar-menu">
            <li class="header">菜单</li>
            <li id="admin-index"><a
                    href="#"><i
                    class="fa fa-dashboard"></i> <span>首页</span></a></li>

            <li class="treeview"><a href="#"> <i class="fa fa-cogs"></i>
                <span>系统管理</span> <span class="pull-right-container"> <i
                        class="fa fa-angle-left pull-right"></i>
				</span>
            </a>
                <ul class="treeview-menu">
                    <li id="system-setting">
                        <a
                                href="${pageContext.request.contextPath}/user/findAll.do?page=1&size=5"> <i
                                class="fa fa-circle-o"></i> 用户管理
                        </a>
                    </li>
                    <li id="system-setting"><a
                            href="#"> <i
                            class="fa fa-circle-o"></i> 角色管理
                    </a></li>

                </ul>

            </li>


        </ul>
    </section>
    <!-- /.sidebar -->
</aside>

header.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false" %>
<%@taglib prefix="security" uri="http://www.springframework.org/security/tags" %>
<aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
        <!-- Sidebar user panel -->
        <div class="user-panel">
            <div class="pull-left image">
                <img src="${pageContext.request.contextPath}/img/user2-160x160.jpg"
                     class="img-circle" alt="User Image">
            </div>
            <div class="pull-left info">
                <p>
                <security:authentication property="principal.username"></security:authentication>
            </p>
                <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
            </div>
        </div>

        <!-- sidebar menu: : style can be found in sidebar.less -->
        <ul class="sidebar-menu">
            <li class="header">菜单</li>
            <li id="admin-index"><a
                    href="#"><i
                    class="fa fa-dashboard"></i> <span>首页</span></a></li>

            <li class="treeview"><a href="#"> <i class="fa fa-cogs"></i>
                <span>系统管理</span> <span class="pull-right-container"> <i
                        class="fa fa-angle-left pull-right"></i>
				</span>
            </a>
                <ul class="treeview-menu">
                    <li id="system-setting">
                        <a
                                href="${pageContext.request.contextPath}/user/findAll.do?page=1&size=5"> <i
                                class="fa fa-circle-o"></i> 用户管理
                        </a>
                    </li>
                    <li id="system-setting"><a
                            href="#"> <i
                            class="fa fa-circle-o"></i> 角色管理
                    </a></li>

                </ul>

            </li>


        </ul>
    </section>
    <!-- /.sidebar -->
</aside>

然后我们在数据库这里刷新sql语句

    <delete id="deleteAll" parameterType="list">
        delete from userinfo where id in
        <foreach collection="list" item="id" open="(" close=")" separator=",">
            #{id}
        </foreach>
    </delete>

我们仍然采用xml-controller-sql这样的模式来完成这样的操作，service中的操作和DAO层当中的操作我们就不赘述了，只给出controller中的函数操作。

    @RequestMapping("/deleteAll.do")
    @ResponseBody
    public String deleteAll(String userList){
        String[] strs=userList.split(",");
        List<Integer> ids=new ArrayList<>();
        for(int i=0;i<strs.length;i++){
            ids.add(Integer.parseInt(strs[i]));
        }
        userInfoService.deleteAll(ids);
        return "";
    }

然后我们来展示一下效果。