vscode 简单SSM框架Demo

心已赠人 2022-11-25 04:22 373阅读 0赞

### vscode 简单SSM框架Demo ###

*   *   *  项目结构
         *  配置文件
         *   *  pom.xml
             *  web.xml
             *  springmvc.xml
             *  applicationContext.xml.xml
         *  数据库文件
         *  分页工具类
         *  dao层
         *  service层
         *  controller层
         *  index.jsp

### 项目结构 ###

*  参考[vscode 搭建SSM项目环境][vscode _SSM]

### 配置文件 ###

#### pom.xml ####

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
      <modelVersion>4.0.0</modelVersion>
      <groupId>com.antrain</groupId>
      <artifactId>ssmdemo</artifactId>
      <packaging>war</packaging>
      <version>1.0-SNAPSHOT</version>
      <name>ssmdemo Maven Webapp</name>
      <description>一个简单的SSM（Spring+SpringMVC+Mybatis）demo</description>
      <url>http://maven.apache.org</url>
      
      <properties>
        <spring.version>5.2.2.RELEASE</spring.version>
        <servlet.version>3.1.0</servlet.version>
        <jsp.version>2.3.1</jsp.version>
        <jstl.version>1.2</jstl.version>
        <mysql.version>8.0.13</mysql.version>
        <mybatis.version>3.4.6</mybatis.version>
        <mybatis-spring.version>1.3.2</mybatis-spring.version>
        <druid.version>1.1.12</druid.version>
        <common.version>6.0.0</common.version>
        <fastjson.version>1.2.70</fastjson.version>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
        <maven.compiler.source>1.8</maven.compiler.source>
        <maven.compiler.target>1.8</maven.compiler.target>
      </properties>
    
      <dependencies>
        <dependency>
          <groupId>com.alibaba</groupId>
          <artifactId>fastjson</artifactId>
          <version>${fastjson.version}</version>
       </dependency>
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-webmvc</artifactId>
          <version>${spring.version}</version>
        </dependency>
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-orm</artifactId>
          <version>${spring.version}</version>
        </dependency>
        <dependency>
          <groupId>javax.servlet</groupId>
          <artifactId>javax.servlet-api</artifactId>
          <version>${servlet.version}</version>
          <scope>provided</scope>
        </dependency>
        <dependency>
          <groupId>javax.servlet.jsp</groupId>
          <artifactId>javax.servlet.jsp-api</artifactId>
          <version>${jsp.version}</version>
          <scope>provided</scope>
        </dependency>
        <dependency>
          <groupId>javax.servlet</groupId>
          <artifactId>jstl</artifactId>
          <version>${jstl.version}</version>
        </dependency>
        <dependency>
          <groupId>mysql</groupId>
          <artifactId>mysql-connector-java</artifactId>
          <version>${mysql.version}</version>
        </dependency>
        <dependency>
          <groupId>org.mybatis</groupId>
          <artifactId>mybatis</artifactId>
          <version>${mybatis.version}</version>
        </dependency>
        <dependency>
          <groupId>org.mybatis</groupId>
          <artifactId>mybatis-spring</artifactId>
          <version>${mybatis-spring.version}</version>
        </dependency>
        
        <dependency>
          <groupId>com.alibaba</groupId>
          <artifactId>druid</artifactId>
          <version>${druid.version}</version>
        </dependency>
        <dependency>
          <groupId>org.duracloud</groupId>
          <artifactId>common</artifactId>
          <version>${common.version}</version>
        </dependency>
    
      </dependencies>
      <build>
        <finalName>ssmdemo</finalName>
      </build>
    </project>

#### web.xml ####

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" version="4.0">
        
        <context-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:applicationContext.xml</param-value>
        </context-param>
        <listener>
            <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
        </listener>
        
        <filter>
            <filter-name>charsetFilter</filter-name>
            <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
            <init-param>
                <param-name>forceRequestEncoding</param-name>
                <param-value>true</param-value>
            </init-param>
            <init-param>
                <param-name>forceResponseEncoding</param-name>
                <param-value>true</param-value>
            </init-param>
            <init-param>
                <param-name>encoding</param-name>
                <param-value>UTF-8</param-value>
            </init-param>
        </filter>
        <filter-mapping>
            <filter-name>charsetFilter</filter-name>
            <url-pattern>/*</url-pattern>
        </filter-mapping>
        
        
        <servlet>
            <servlet-name>mvc</servlet-name>
            <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
            <init-param>
                <param-name>contextConfigLocation</param-name>
                <param-value>classpath:springmvc.xml</param-value>
            </init-param>
            <load-on-startup>1</load-on-startup>
        </servlet>
        <servlet-mapping>
            <servlet-name>mvc</servlet-name>
            <url-pattern>/</url-pattern>
        </servlet-mapping>
    </web-app>

#### springmvc.xml ####

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p" xmlns:context="http://www.springframework.org/schema/context" xmlns:util="http://www.springframework.org/schema/util" xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:tx="http://www.springframework.org/schema/tx" xmlns:aop="http://www.springframework.org/schema/aop" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util-4.0.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd ">
        
        <mvc:annotation-driven>
            <mvc:message-converters register-defaults="true">
                
                <bean id="fastJsonHttpMessageConverter" class="com.alibaba.fastjson.support.spring.FastJsonHttpMessageConverter">
                    <property name="supportedMediaTypes">
                        <list>
                            <value>application/json;charset=UTF-8</value>
                        </list>
                    </property>
                </bean>
            </mvc:message-converters>
        </mvc:annotation-driven>
        <mvc:default-servlet-handler></mvc:default-servlet-handler>
        
        <context:component-scan base-package="com.antrain.ssm.controller" ></context:component-scan>
        
        <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
            <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"></property>
            <property name="prefix" value="/WEB-INF/pages/"></property>
            <property name="suffix" value=".jsp"></property>
        </bean>
    </beans>

#### applicationContext.xml.xml ####

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p" xmlns:context="http://www.springframework.org/schema/context" xmlns:util="http://www.springframework.org/schema/util" xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:tx="http://www.springframework.org/schema/tx" xmlns:aop="http://www.springframework.org/schema/aop" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util-4.0.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd ">
        <context:component-scan base-package="com.antrain.ssm.service"></context:component-scan>
        
        <bean id="datasource" class="com.alibaba.druid.pool.DruidDataSource">
            
            <property name="driverClassName" value="com.mysql.cj.jdbc.Driver"></property>
            <property name="url" value="jdbc:mysql://127.0.0.1:3306/test?useUnicode=false&characterEncoding=utf8&serverTimezone=Asia/Shanghai"></property>
            <property name="username" value="root"></property>
            <property name="password" value="654321"></property>
            <property name="minIdle" value="8"></property>
            <property name="maxActive" value="20"></property>
        </bean>
    
        
        <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
            
            <property name="dataSource" ref="datasource"></property>
            
            <property name="typeAliasesPackage" value="com.antrain.ssm.pojo"></property>
            
    		<property name="mapperLocations" value="classpath:mapper/*.xml" />
        </bean>
       
        
        <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
            
            <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory" />
            
            <property name="basePackage" value="com.antrain.ssm.mapper"></property>
        </bean>
    </beans>

### 数据库文件 ###

CREATE DATABASE IF NOT EXISTS  `test`;
    USE `test`;
    
    -- 用户表
    DROP TABLE IF EXISTS `user`;
    
    CREATE TABLE `user`
    (
        `id` INT  NOT NULL AUTO_INCREMENT COMMENT '用户id',
        `username` VARCHAR(20)  NOT NULL COMMENT '账户名',
        `password` VARCHAR(20) NOT NULL COMMENT '密码',
        `sex` CHAR(1) DEFAULT 'M' COMMENT '性别M nan F 女',
        `birth` DATE COMMENT '出生日期',
        PRIMARY KEY `pk_uid` (`id`)
    ) ENGINE = InnoDB;
    
    insert into `user` (id, username, password, sex, birth) values (1, 'cogles0', 'g9saZ4BJ9Xn', 'M', '2009-06-11');
    insert into `user` (id, username, password, sex, birth) values (2, 'kboor1', 'QxTltEzxz', 'F', '2005-06-23');
    insert into `user` (id, username, password, sex, birth) values (3, 'llongfield2', '5e7TH6lplp', 'F', '2006-05-16');
    insert into `user` (id, username, password, sex, birth) values (4, 'drosentholer3', 'g4f0ZKImxv', 'F', '2016-10-05');
    insert into `user` (id, username, password, sex, birth) values (5, 'asilverthorne4', 'Z5UjjX3', 'M', '2011-11-24');
    insert into `user` (id, username, password, sex, birth) values (6, 'ndigan5', 'UC7pnoJW', 'M', '2013-01-09');
    insert into `user` (id, username, password, sex, birth) values (7, 'mbriddock6', '8Ujnm0c0', 'F', '2019-06-30');
    insert into `user` (id, username, password, sex, birth) values (8, 'dsueter7', 'LpluQlPoN2kl', 'F', '2018-02-08');
    insert into `user` (id, username, password, sex, birth) values (9, 'eberzons8', 'GsEG3O1USej', 'F', '2017-08-27');
    insert into `user` (id, username, password, sex, birth) values (10, 'mkelmere9', 'gjyWR8f9f9', 'M', '2010-06-19');

### 分页工具类 ###

*  PageUtil.java

package com.antrain.ssm.util;
    
    import java.util.LinkedHashMap;
    import java.util.Map;
    
    import org.springframework.util.StringUtils;
    
    public class PageUtil extends LinkedHashMap<String, Object> { 
        private static final long serialVersionUID = 1338109828120563146L;
        // 当前页码 默认值为1
        private int page=1;
        // 每页条数 默认值为3
        private int limit=3;
    
        public PageUtil(Map<String, Object> params) { 
            this.putAll(params);
            if(!StringUtils.isEmpty(params.get("page"))){ 
                this.page = Integer.parseInt(params.get("page").toString());
            }
            if(!StringUtils.isEmpty(params.get("limit"))){ 
                this.limit = Integer.parseInt(params.get("limit").toString());
            }
            //分页参数
            this.put("start", (page - 1) * limit);
            this.put("page", page);
            this.put("limit", limit);
        }
    
    
        public int getPage() { 
            return page;
        }
    
        public void setPage(int page) { 
            this.page = page;
        }
    
        public int getLimit() { 
            return limit;
        }
    
        public void setLimit(int limit) { 
            this.limit = limit;
        }
    
        @Override
        public String toString() { 
            return "PageUtil{" +
                    "page=" + page +
                    ", limit=" + limit +
                    '}';
        }
    }

*  PageResult.java

package com.antrain.ssm.util;
    
    import java.util.List;
    
    public class PageResult  { 
    
        private int totalCount; //总记录数
        private int pageSize; //每页记录数
        private int totalPage;//总页数
        private int currPage;//当前页数
        private List<?> list;//列表数据
        /** * 分页 * * @param list 列表数据 * @param totalCount 总记录数 * @param pageSize 每页记录数 * @param currPage 当前页数 */
        public PageResult(List<?> list, int totalCount, int pageSize, int currPage) { 
            this.list = list;
            this.totalCount = totalCount;
            this.pageSize = pageSize;
            this.currPage = currPage;
            this.totalPage = (int) Math.ceil((double) totalCount / pageSize);
        }
    
        public int getTotalCount() { 
            return totalCount;
        }
    
        public void setTotalCount(int totalCount) { 
            this.totalCount = totalCount;
        }
    
        public int getPageSize() { 
            return pageSize;
        }
    
        public void setPageSize(int pageSize) { 
            this.pageSize = pageSize;
        }
    
        public int getTotalPage() { 
            return totalPage;
        }
    
        public void setTotalPage(int totalPage) { 
            this.totalPage = totalPage;
        }
    
        public int getCurrPage() { 
            return currPage;
        }
    
        public void setCurrPage(int currPage) { 
            this.currPage = currPage;
        }
    
        public List<? extends Object> getList() { 
            return list;
        }
    
        public void setList(List<?> list) { 
            this.list = list;
        }
    
        @Override
        public String toString() { 
            return "PageResult{" +
                    "totalCount=" + totalCount +
                    ", pageSize=" + pageSize +
                    ", totalPage=" + totalPage +
                    ", currPage=" + currPage +
                    ", list=" + list +
                    '}';
        }
    }

### dao层 ###

*  UserMapper.java

package com.antrain.ssm.mapper;
    
    import java.util.List;
    import java.util.Map;
    
    import com.antrain.ssm.pojo.User;
    
    import org.apache.ibatis.annotations.Delete;
    import org.apache.ibatis.annotations.Insert;
    import org.apache.ibatis.annotations.Select;
    import org.apache.ibatis.annotations.Update;
    
    @SuppressWarnings("rawtypes")
    public interface UserMapper  { 
    
        @Insert("insert into "+
                " user(id, username, password, sex, birth)"+
                "values (null, #{username,jdbcType=VARCHAR}, " +
                "#{password,jdbcType=VARCHAR}, #{sex,jdbcType=CHAR},#{birth, jdbcType=DATE} );")
        int insert(User user);
    
        @Delete("DELETE FROM user WHERE id=#{id};")
        int del(int id);
    
        @Update("UPDATE user SET username=#{username,jdbcType=VARCHAR}, password=#{password,jdbcType=VARCHAR} ,"+
                " sex= #{sex,jdbcType=CHAR},birth=#{birth,jdbcType=DATE} WHERE id=#{id,jdbcType=INTEGER};")
        int update(User user);
    
        @Select("SELECT * FROM user WHERE id=#{id};")
        User queryById(int id);
    
     
        List<User> getLists(Map params);
    
        int getTotal(Map params);
    }

*  UserMapper.xml

<?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
    <mapper namespace="com.antrain.ssm.mapper.UserMapper">
    
        
        <select id="getLists" resultType="user" parameterType="map">
            select * from user
            <where>
                <if test="name!=null and name!=''">
                    username like CONCAT('%',#{name},'%')
                </if>
            </where>
            limit #{start},#{limit} ;
        </select>
    
    
       <select id="getTotal" parameterType="map" resultType="int">
            select count(*) from user
            <where>
                <if test="name!=null and name!=''">
                    username like CONCAT('%',#{name},'%')
                </if>
            </where>
       </select>
    
    </mapper>

### service层 ###

package com.antrain.ssm.service.impl;
    
    import org.springframework.stereotype.Service;
    
    import com.antrain.ssm.mapper.UserMapper;
    import com.antrain.ssm.pojo.User;
    import com.antrain.ssm.service.UserService;
    import com.antrain.ssm.util.PageResult;
    import com.antrain.ssm.util.PageUtil;
    
    import java.util.List;
    
    import javax.annotation.Resource;
    
    @Service
    public class UserServiceImpl implements UserService { 
    
        @Resource
        private UserMapper userMapper;
    
    
        public int insert(User user) { 
            return userMapper.insert(user);
        }
    
       
        public int del(int id) { 
            return userMapper.del(id);
        }
    
        
        public int update(User user) { 
            return userMapper.update(user);
        }
    
       
        public User queryById(int id) { 
            return userMapper.queryById(id);
        }
    
        
        public PageResult queryUsers(PageUtil pageUtil) { 
            List<User> users = userMapper.getLists(pageUtil);
            int total = userMapper.getTotal(pageUtil);
            PageResult pageResult = new PageResult(users, total, pageUtil.getLimit(), pageUtil.getPage());
            return pageResult;
        }
    }

### controller层 ###

package com.antrain.ssm.controller;
    
    import java.util.Map;
    
    import javax.annotation.Resource;
    
    import com.antrain.ssm.pojo.User;
    import com.antrain.ssm.service.UserService;
    import com.antrain.ssm.util.PageResult;
    import com.antrain.ssm.util.PageUtil;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.GetMapping;
    import org.springframework.web.bind.annotation.PostMapping;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RequestParam;
    import org.springframework.web.bind.annotation.ResponseBody;
    
    @Controller
    public class UserController { 
    
        @Resource
        private UserService userService;
    
        /** * 初始显示数据 * @param params 包含分页参考 （page 默认1 limit 默认3） * @param model 封装处理的结果 * @return 视图名 */
        @GetMapping({ "/","/index","/list"})
        public String index(@RequestParam Map<String, Object> params,Model model){ 
            PageResult pageResult = userService.queryUsers(new PageUtil(params));
            model.addAttribute("data", pageResult);
            if(params.get("name")!=null){ 
                model.addAttribute("name", params.get("name"));
            }else{ 
                model.addAttribute("name", "");
            }
            return "index";
        }
    
        @ResponseBody
        @GetMapping("/test")
        public PageResult test(@RequestParam(required = false) Map<String, Object> params){ 
            PageResult pageResult = userService.queryUsers(new PageUtil(params));
            System.out.println(pageResult.toString());
            return pageResult;
        }
    
        @RequestMapping("/del")
        public String del(Integer id) { 
            userService.del(id);
            return "redirect: /ssmdemo/list";
        }
    
        @ResponseBody
        @RequestMapping("/get")
        public User get(Integer id) { 
            return userService.queryById(id);
        }
    
        @PostMapping("/add")
        public String add(User user) { 
            userService.insert(user);
            return "redirect: /ssmdemo/list";
        }
    
        @PostMapping("/update")
        public String update(User user) { 
            userService.update(user);
            return "redirect: /ssmdemo/list";
        }
    }

### index.jsp ###

<%@ page contentType="text/html;charset=UTF-8" language="java" %> 
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>SSMDemo</title>
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
        
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" />
    
        
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous" ></script>
        <style> .container { margin-top: 100px; } table { margin-top: 10px; } </style>
      </head>
    
      <body>
        <div class="container center-block">
          <div class="row">
            <div class="span2"></div>
            <div class="span6">
              <div class="alert alert-info" role="alert">简单的增删改查操作</div>
              <form class="form-search form-inline" action="/ssmdemo/list">
                <input class="input-medium search-query" type="text" name="name" placeholder="请输入需要查询的用户名" value="${name}" />
                <button type="submit" class="btn">查找</button>
              </form>
              <button type="button" class="btn btn-primary" onclick="add()">
                添加
              </button>
              <table class="table table-bordered table-striped">
                <thead>
                  <tr>
                    <th>编号</th>
                    <th>用户名</th>
                    <th>性别</th>
                    <th>出生日期</th>
                    <th>操作</th>
                  </tr>
                </thead>
                <tbody>
                  <c:forEach items="${data.list}" var="user" varStatus="status">
                    <tr>
                      <td>${status.count}</td>
                      <td>${user.username}</td>
                      <td>${user.sex=='M'?'男':'女'}</td>
                      <td>${user.birth}</td>
                      <td>
                        <button type="button" class="btn btn-info" onclick="edit('${user.id}')" >
                          编辑
                        </button>
                           
                        <button type="button" class="btn btn-danger" onclick="del('${user.id}','${user.username}')" >
                          删除
                        </button>
                      </td>
                    </tr>
                  </c:forEach>
                </tbody>
              </table>
              <nav aria-label="Page navigation pull-right">
                <ul class="pagination pagination-lg">
                  <c:if test="${data.currPage==1}" var="flag">
                    <li class="disabled">
                      <a href="#" aria-label="Previous">
                        <span aria-hidden="true">«</span>
                      </a>
                    </li>
                  </c:if>
                  <c:if test="${not flag}">
                    <li>
                      <a href="/ssmdemo/list?$?page=${data.currPage-1}&name=${name}" aria-label="Previous" >
                        <span aria-hidden="true">«</span>
                      </a>
                    </li>
                  </c:if>
    
                  <c:forEach var="i" begin="1" end="${data.totalPage}">
                    <c:choose>
                      <c:when test="${i==data.currPage}">
                        <li class="active"><a href="#">${i}</a></li>
                      </c:when>
                      <c:otherwise>
                        <li><a href="/ssmdemo/list?page=${i}&name=${name}">${i}</a></li>
                      </c:otherwise>
                    </c:choose>
                  </c:forEach>
    
                  <c:if test="${data.currPage==data.totalPage}" var="endflag">
                    <li class="disabled">
                      <a href="#" aria-label="Next">
                        <span aria-hidden="true">»</span>
                      </a>
                    </li>
                  </c:if>
    
                  <c:if test="${not endflag}">
                    <li>
                      <a href="/ssmdemo/list?page=${data.currPage+1}&name=${name}" aria-label="Next" >
                        <span aria-hidden="true">»</span>
                      </a>
                    </li>
                  </c:if>
                </ul>
              </nav>
            </div>
            <div class="span4"></div>
          </div>
        </div>
    
        
        <div class="modal fade" tabindex="-1" role="dialog" id="addModel">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" >
                  <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="modelTitle">添加用户</h4>
              </div>
              <div class="modal-body">
                <form class="form-horizontal" action="/ssmdemo/add" method="post" id="formModel" >
                  <div class="form-group">
                    <label for="username1" class="col-sm-2 control-label" >用户名</label >
                    <div class="col-sm-10">
                      <input type="text" class="form-control" id="username1" placeholder="请输入用户名" name="username" />
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="password1" class="col-sm-2 control-label" >密码</label >
                    <div class="col-sm-10">
                      <input type="password" class="form-control" id="password1" name="password"/>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-sm-2 control-label" >性别</label>
                    <div class="col-sm-10">
                      <select name="sex" id="sex1">
                        <option value="M">男</option>
                        <option value="F">女</option>
                      </select>
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="birth1" class="col-sm-2 control-label" >出生日期</label>
                    <div class="col-sm-10">
                      <input type="date" name="birth" id="birth1" />
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                      <button type="submit" class="btn btn-default" id="modelBtn">添加</button>
                    </div>
                  </div>
                </form>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                  关闭
                </button>
              </div>
            </div>
            
          </div>
          
        </div>
        
      </body>
      <script> function edit(id) { $.ajax({ dataType: "json", //预期服务器返回的数据类型 url: "/ssmdemo/get?id="+id, contentType: "application/json; charset=utf-8", success: function (user) { $formModel = $("#formModel"); $formModel.attr("action", "/ssmdemo/update?id="+user.id); $("#username1").val(user.username); $("#password1").val(user.password); $("#sex1").val(user.sex); $("#birth1").val(user.birth); $("#addModel").modal("show"); $("#modelTitle").text("编辑用户"); $("#modelBtn").text("修改"); }, error: function () { console.log("接口异常，现在联系管理员处理"); return; }, }); } function del(id, username) { if (window.confirm("是否要删除 " + username +" 该用户")) { window.location.href = "/ssmdemo/del?id=" + id; } } function add() { $("#addModel").modal("show"); } </script>
    </html>

[vscode _SSM]: https://blog.csdn.net/qq_41146650/article/details/107834262