SSM整合——增删改查

最近刚学完ssm,我从maven工程建完开始整合ssm并完成基于layui数据表格的增删改查,记录一下。

第一步 导入坐标 pom.xml

导入我们需要的坐标,包括spring、servlet、mysql、日志等。

 <dependencies>
    <!--spring相关-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-context</artifactId>
      <version>5.0.5.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.aspectj</groupId>
      <artifactId>aspectjweaver</artifactId>
      <version>1.8.7</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-jdbc</artifactId>
      <version>5.0.5.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-tx</artifactId>
      <version>5.0.5.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-test</artifactId>
      <version>5.0.5.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>5.0.5.RELEASE</version>
    </dependency>

    <!--servlet和jsp-->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>servlet-api</artifactId>
      <version>2.5</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet.jsp</groupId>
      <artifactId>jsp-api</artifactId>
      <version>2.0</version>
    </dependency>

    <!--mybatis相关-->
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis</artifactId>
      <version>3.4.5</version>
    </dependency>
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis-spring</artifactId>
      <version>1.3.1</version>
    </dependency>
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>8.0.26</version>
    </dependency>
    <dependency>
      <groupId>c3p0</groupId>
      <artifactId>c3p0</artifactId>
      <version>0.9.1.2</version>
    </dependency>

    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.12</version>
    </dependency>
    <dependency>
      <groupId>jstl</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-core</artifactId>
      <version>2.9.0</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.9.0</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-annotations</artifactId>
      <version>2.9.0</version>
    </dependency>
    <dependency>
      <groupId>commons-fileupload</groupId>
      <artifactId>commons-fileupload</artifactId>
      <version>1.3.1</version>
    </dependency>
    <dependency>
      <groupId>commons-io</groupId>
      <artifactId>commons-io</artifactId>
      <version>2.3</version>
    </dependency>
    <!-- 添加slf4j日志api -->
    <dependency>
      <groupId>org.slf4j</groupId>
      <artifactId>slf4j-api</artifactId>
      <version>1.7.20</version>
    </dependency>
    <!-- 添加logback-classic依赖 -->
    <dependency>
      <groupId>ch.qos.logback</groupId>
      <artifactId>logback-classic</artifactId>
      <version>1.2.3</version>
    </dependency>
    <!-- 添加logback-core依赖 -->
    <dependency>
      <groupId>ch.qos.logback</groupId>
      <artifactId>logback-core</artifactId>
      <version>1.2.3</version>
    </dependency>
  </dependencies>

 

第二步我习惯建数据库表,这里我用的是mysql 8.0.26。数据库ssm 表 student

这里id和num都是主键,id是自增的,num作为学号也是主键。

 

 

 第三步根据数据库表,建立domain包,并建立实体类Student

只对一个表进行增删改查,所以只创建了一个实体类。

package com.wjb.domain;

import java.util.Date;

public class Student {

    private int id;
    private String num;
    private String name;
    private String sex;
    private String birthday;

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getNum() {
        return num;
    }

    public void setNum(String num) {
        this.num = num;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getSex() {
        return sex;
    }

    public void setSex(String sex) {
        this.sex = sex;
    }

    public String getBirthday() {
        return birthday;
    }

    public void setBirthday(String birthday) {
        this.birthday = birthday;
    }

    @Override
    public String toString() {
        return "Student{" +
                "id=" + id +
                ", num='" + num + '\'' +
                ", name='" + name + '\'' +
                ", sex='" + sex + '\'' +
                ", birthday=" + birthday +
                '}';
    }
}

第三步 配置文件配置过程在resources下

 

一、Spring配置文件 ApplicationContext.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:aop="http://www.springframework.org/schema/aop"
       xmlns:tx="http://www.springframework.org/schema/tx"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans.xsd
http://www.springframework.org/schema/tx
http://www.springframework.org/schema/tx/spring-tx.xsd
http://www.springframework.org/schema/aop
http://www.springframework.org/schema/aop/spring-aop.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context.xsd">

    <!--组件扫描 扫描service和mapper-->
    <context:component-scan base-package="com.wjb">
        <!--排除controller的扫描-->
        <context:exclude-filter type="annotation" expression="org.springframework.stereotype.Controller"></context:exclude-filter>
    </context:component-scan>

    <!--加载propeties文件-->
    <context:property-placeholder location="classpath:jdbc.properties"></context:property-placeholder>

    <!--配置数据源信息-->
    <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
        <property name="driverClass" value="${jdbc.driver}"></property>
        <property name="jdbcUrl" value="${jdbc.url}"></property>
        <property name="user" value="${jdbc.username}"></property>
        <property name="password" value="${jdbc.password}"></property>
    </bean>

    <!--配置sessionFactory-->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <property name="dataSource" ref="dataSource"></property>
        <!--加载mybatis核心文件-->
        <property name="configLocation" value="classpath:sqlMapConfig-spring.xml"></property>
    </bean>

    <!--扫描mapper所在的包 为mapper创建实现类-->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <property name="basePackage" value="com.wjb.mapper"></property>
    </bean>


    <!--声明式事务控制-->
    <!--平台事务管理器-->
    <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <property name="dataSource" ref="dataSource"></property>
    </bean>

    <!--配置事务增强-->
    <tx:advice id="txAdvice">
        <tx:attributes>
            <tx:method name="*"/>
        </tx:attributes>
    </tx:advice>

    <!--事务的aop织入-->
    <aop:config>
        <aop:advisor advice-ref="txAdvice" pointcut="execution(* com.wjb.service.impl.*.*(..))"></aop:advisor>
    </aop:config>

</beans>

二、springmvc配置 spring-mvc.xml

<?xml version="1.0" encoding="UTF-8" ?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans.xsd
http://www.springframework.org/schema/mvc
http://www.springframework.org/schema/mvc/spring-mvc.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context.xsd">

    <!--组件扫描  主要扫描controller-->
    <context:component-scan base-package="com.wjb.controller"></context:component-scan>
    <!--配置mvc注解驱动-->
    <mvc:annotation-driven></mvc:annotation-driven>
    <!--内部资源视图解析器-->
   <!-- <bean id="resourceViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/pages/"></property>
        <property name="suffix" value=".jsp"></property>
    </bean>-->
    <!--开发静态资源访问权限-->
    <mvc:default-servlet-handler></mvc:default-servlet-handler>


</beans>

三、Mybatis配置文件 sqlMapConfig.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>

    <!--定义别名-->
    <typeAliases>
        <!--<typeAlias type="com.itheima.domain.Account" alias="account"></typeAlias>-->
        <package name="com.wjb.domain"></package>
    </typeAliases>

</configuration>

四、日志配置文件 logback.xml

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <!--
        CONSOLE :表示当前的日志信息是可以输出到控制台的。
    -->
    <appender name="Console" class="ch.qos.logback.core.ConsoleAppender">
        <encoder>
            <pattern>[%level] %blue(%d{HH:mm:ss.SSS}) %cyan([%thread]) %boldGreen(%logger{15}) - %msg %n</pattern>
        </encoder>
    </appender>

    <logger name="com.itheima" level="DEBUG" additivity="false">
        <appender-ref ref="Console"/>
    </logger>


    <!--

      level:用来设置打印级别,大小写无关:TRACE, DEBUG, INFO, WARN, ERROR, ALL 和 OFF
     , 默认debug
      <root>可以包含零个或多个<appender-ref>元素,标识这个输出位置将会被本日志级别控制。
      -->
    <root level="DEBUG">
        <appender-ref ref="Console"/>
    </root>
</configuration>

五、数据库配置文件抽取 jdbc.properties

jdbc.driver=com.mysql.cj.jdbc.Driver   #8.0.26驱动
jdbc.url=jdbc:mysql://localhost:3306/ssm 
jdbc.username=root
jdbc.password
=root

 六、在WEB-INF下配置web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app  version="2.5"
         xmlns="http://java.sun.com/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
        http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">

  <!--spring 监听器-->
  <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>

  <!--springmvc的前端控制器-->
  <servlet>
    <servlet-name>DispatcherServlet</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:spring-mvc.xml</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>DispatcherServlet</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>

  <!--乱码过滤器-->
  <filter>
    <filter-name>CharacterEncodingFilter</filter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
    <init-param>
      <param-name>encoding</param-name>
      <param-value>UTF-8</param-value>
    </init-param>
  </filter>
  <filter-mapping>
    <filter-name>CharacterEncodingFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>

</web-app>

 

第四步 项目代码

项目结构

 

 这里面需要用到layui的包,引用了layui的样式和js,需要jQuery的包。

一、前端页面 index.html

在一个数据表格中完成增删改查操作,所以只有一个页面就够了

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>学生信息表</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script type="text/javascript" src="js/vue.min.js"></script>
    <script src="js/jquery-3.3.1.js"></script>
    <script src="layui/layui.js" charset="utf-8"></script>
    <link rel="stylesheet" href="layui/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css"  media="all">
</head>
<body>
<style>
    .layertest{
        display: none;
    }
</style>
<div class="layertest" id="layertest">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>添加学生信息</legend>
</fieldset>
<div class="layui-form" lay-filter="dataPage">

    <div class="layui-form-item">
        <label class="layui-form-label">学号</label>
        <div class="layui-input-inline">
            <input type="text" name="num" id="num" required  lay-verify="required" placeholder="请输入学生学号" autocomplete="off" class="layui-input">
        </div>
        <div class="layui-form-mid layui-word-aux">八位数学号</div>

        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">姓名</label>
        <div class="layui-input-inline">
            <input type="text" id="name"  name="name" required lay-verify="required" placeholder="请输入学生姓名" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">性别</label>
        <div class="layui-input-inline">
            <input type="text" id="sex"  name="sex" required lay-verify="required" placeholder="请输入学生性别" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">生日</label>
        <div class="layui-input-inline">
            <input type="text" name="birthday" id="birthday"  required lay-verify="required" placeholder="请输入学生生日" autocomplete="off" class="layui-input">
        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn"  value="立即提交" id="add">立即提交</button>
            <button class="layui-btn layui-btn-primary"  value="重置" id="reset">重置</button>
        </div>
    </div>
</div>
</div>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
    <legend>学生信息表</legend>
</fieldset>

<table class="layui-hide" id="test" lay-filter="test">

</table>

<script type="text/html" id="toolbarDemo">

    <div class="demoTable">
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
        <input class="layui-btn layui-btn-sm" type="button" id="add_btn"  value="添加"></input>
        <input class="layui-btn layui-btn-sm" type="button" id="deleteAll_btn"  value="删除"></input>
        &nbsp
        搜索ID:
        <div class="layui-inline">
            <input class="layui-input" name="id" id="demoReload" autocomplete="off">
        </div>
        <button class="layui-btn" type="button" id="search_btn" data-type="reload">搜索</button>
    </div>

</script>

<script type="text/html" id="barDemo">
<!--    <a class="layui-btn layui-btn-xs" lay-event="add">添加</a>-->
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>



<script>
    layui.use('table', function(){
        var table = layui.table;
        var $  = layui.jquery;
        table.render({
            elem: '#test'
            ,url:'student/findAll'
            ,toolbar: '#toolbarDemo' //开启头部工具栏,并为其绑定左侧模板
            ,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可
                title: '提示'
                ,layEvent: 'LAYTABLE_TIPS'
                ,icon: 'layui-icon-tips'
            }]
            ,title: '用户数据表'
            ,id: 'test'
            ,cols: [[
                {type: 'checkbox', fixed: 'left'}
                ,{field:'id', title:'ID', width:320,  unresize: true, sort: true}
                ,{field:'num', title:'学号', width:320,  unresize: true, sort: true}
                ,{field:'name', title:'姓名',  width:320, edit: 'text'}
                ,{field:'sex', title:'性别', width:320, edit: 'text'}
                ,{field:'birthday', title:'出生日期',  width:320,edit: 'text'}
                ,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:200}
            ]]
            ,page: false
        });

        $('#reset').on('click', function () {
            var num = $("#num").val("");
            var name = $("#name").val("");
            var sex = $("#sex").val("");
            var birthday = $("#birthday").val("");

        });


        $('#add').on('click', function () {
            var num = $("#num").val();
            var name = $("#name").val();
            var sex = $("#sex").val();
            var birthday = $("#birthday").val();
            console.log(num);
            console.log(name);
            console.log(sex);
            console.log(birthday);
            if (num==undefined||num==''){
                console.log('学号不能为空!');
                layer.msg('学号不能为空!',function() {time:2000});
                return false;
            }
            if (name==undefined||name==''){
                console.log('姓名不能为空!');
                layer.msg('姓名不能为空!',function() {time:2000});
                return false;
            }
            if (sex==undefined||sex==''){
                console.log('性别不能为空!');
                layer.msg('性别不能为空!',function() {time:2000});
                return false;
            }
            if (birthday==undefined||birthday==''){
                console.log('生日不能为空!');
                layer.msg('生日不能为空!',function() {time:2000});
                return false;
            }
            $.ajax({
                url: "student/add",
                type: "POST",
                data: {"num":num,"name":name,sex:sex,birthday:birthday},
                success: function (data) {
                    console.log(data);
                    if(data=="ok") {//ok说明登录成功
                        layer.close(layer.index);
                        layer.msg('添加成功!',function() {time:2000});
                         $("#num").val("");
                         $("#name").val("");
                         $("#sex").val("");
                         $("#birthday").val("");
                        table.reload('test',{

                            url:'student/findAll'
                            ,
                            page: {
                                curr:1
                            }
                        });

                    }
                },//响应成功后的回调函数
                error: function () {
                    layer.msg('添加失败!',function() {time:2000});
                },//表示如果请求响应出现错误,会执行的回调函数
                //dataType: "json"//设置接受到的响应数据的格式
            });
        });

        $(document).on('click','#search_btn',function (data) {
            var search =  $('#demoReload');
            table.reload('test',{
                where:{
                    num : search.val()
                },
                url:'student/findByNum',
                page: {
                    curr:1
                }
            });
            
        });

        //添加
        $(document).on('click','#add_btn',function (data) {
            layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                area: ['600px', '450px'], //宽高
                content: $('#layertest')
            });

            table.reload('test',{

                url:'student/findAll'
                ,
                page: {
                    curr:1
                }
            });
        });
        //批量删除
        $(document).on('click','#deleteAll_btn',function (data) {

            var checkStatus = table.checkStatus('test'),
                data = checkStatus.data,
                nums = "";
            if (data.length > 0) {
                for (var i in data) {
                    nums += data[i].num + ",";
                }
                console.log(nums);
                layer.confirm('确定删除选中的用户?', {icon: 3, title: '提示信息'}, function (index) {
                $.ajax({
                    url: "student/deleteByNum",
                    type: "POST",
                    data: {num: nums},
                    success: function (msg) {
                        console.log(msg)
                        if (msg == "ok") {

                            layer.msg('删除成功!',function() {time:2000})
                            table.reload('test',{

                                url:'student/findAll',
                                page: {
                                    curr:1
                                }
                            });
                        } else {
                            layer.msg("删除失败", function() {time:2000});
                        }
                    }
                });
                });
            } else {
                layer.msg("请选择需要删除的用户");
            }
        });


        //头工具栏事件
        table.on('toolbar(test)', function(obj){
            var checkStatus = table.checkStatus(obj.config.id);
            switch(obj.event){
                case 'getCheckData':
                    var data = checkStatus.data;
                    layer.alert(JSON.stringify(data));
                    break;
                case 'getCheckLength':
                    var data = checkStatus.data;
                    layer.msg('选中了:'+ data.length + '');
                    break;
                case 'isAll':
                    layer.msg(checkStatus.isAll ? '全选': '未全选');
                    break;

                //自定义头工具栏右侧图标 - 提示
                case 'LAYTABLE_TIPS':
                    layer.alert('这是工具栏右侧自定义的一个图标按钮');
                    break;
            };
        });



        //监听行工具事件 del
        table.on('tool(test)', function(obj){
            var data = obj.data;
            console.log(obj.data.num);
            console.log(obj.data.name);
            console.log(obj.data.sex);
            console.log(obj.data.birthday);
            //console.log(obj)
            if(obj.event === 'del'){
                layer.confirm('删除以下信息<br>'+ '<br>学号: '+ data.num+ '<br>姓名: '+ data.name +'<br>性别: ' +data.sex +'<br>出生日期: ' +data.birthday, function(index){
                    $.ajax({
                        url: "student/deleteByNum",
                        type: "POST",
                        data: {num: data.num},
                        success: function (msg) {
                                if (msg == "ok") {
                                //删除这一行
                                obj.del();
                                //关闭弹框
                                layer.close(index);
                                    layer.msg('删除成功!',function() {time:2000})
                            } else {
                                layer.msg("删除失败", function() {time:2000});
                            }
                        }
                    });
                    return false;
                });
            } else if(obj.event === 'edit'){
                layer.confirm('更改为以下信息<br>'+ '<br>姓名: '+ data.name +'<br>性别: ' +data.sex +'<br>出生日期: ' +data.birthday, function(index){
                    $.ajax({
                        url: "student/updateByNum",
                        type: "POST",
                        data: {num: data.num,name: data.name,sex: data.sex,birthday: data.birthday},
                        success: function (msg) {
                            if (msg == "ok") {
                                //删除这一行

                                //关闭弹框
                                layer.close(index);
                                layer.msg('修改成功!',function() {time:2000})
                            } else {
                                layer.msg("修改失败", function() {time:2000});
                            }
                        }
                    });
                    return false;
                });
            }

            else if(obj.event === 'add'){
                layer.open({
                    type: 1,
                    skin: 'layui-layer-rim', //加上边框
                    area: ['600px', '450px'], //宽高
                    content: $('#layertest')
                });

                table.reload('test',{

                    url:'student/findAll'
                    ,
                    page: {
                        curr:1
                    }
                });
            }

        });
    });
</script>

</body>
</html>

二、编写controller层,书写对应的方法。

controller层的作用就是接受或返回前端值,和前端进行交互,并且调用service业务层的对象来进行处理。

StudentController.java

package com.wjb.controller;

import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.wjb.domain.Student;
import com.wjb.service.StudentService;
import org.apache.ibatis.annotations.Param;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.HttpRequest;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;

import javax.servlet.http.HttpServletRequest;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

@Controller
@RequestMapping("/student")  //Mapping 中的value值对应前端界面的url
@ResponseBody //不进行跳转
public class StudentController {

    @Autowired
    private StudentService studentService;
    //添加学生信息
    @RequestMapping(value = "/add",produces = "html/text;charset=UTF-8",method = {RequestMethod. POST , RequestMethod. GET })
    @ResponseBody
    public String add(Student student){
        studentService.add(student);
        System.out.println(student);
        System.out.println("添加成功!");
        return "ok";
    }

    //修改学生信息
    @RequestMapping(value = "/updateByNum",produces = "html/text;charset=UTF-8",method = {RequestMethod. POST , RequestMethod. GET })
    @ResponseBody
    public String updateByNum(Student student){
        studentService.updateByNum(student);
        System.out.println(student);
        System.out.println("修改成功!");
        return "ok";
    }

    @RequestMapping(value = "/deleteByNum",produces = "html/text;charset=UTF-8",method = {RequestMethod. POST , RequestMethod. GET })
    @ResponseBody
    public String deleteByNum(HttpServletRequest request){
        String num = request.getParameter("num");
        System.out.println(num);
        String[] nums=num.split(",");  //分割id,成一个字符串数组
        studentService.deleteByNums(nums);
        System.out.println("删除成功!");
        return "ok";

    }


    //查询学生信息
    @GetMapping(value = "/findByNum",produces = "text/html; charset=utf-8")
    @ResponseBody
    public String findByNum(HttpServletRequest request) throws JsonProcessingException {
        String num = request.getParameter("num");
        System.out.println(num);
        List<Student> studentList = studentService.findByNum(num);
        int count1 = studentList.size();
        String count = ""+ count1;
        System.out.println(count);
        Map<String, Object> result = new HashMap<String, Object>();
        //System.out.println(paperslist);
        result.put("code", 0);
        result.put("msg", "");
        result.put("count",count);
        result.put("data",studentList);
        System.out.println(result);
        ObjectMapper mapper = new ObjectMapper();
        String json = mapper.writeValueAsString (result);
        return json;
    }

    //遍历
    @GetMapping(value = "/findAll",produces = "text/html; charset=utf-8")
    @ResponseBody
    public String findAll() throws JsonProcessingException {
        List<Student> studentList = studentService.findAll();
        int count1 = studentList.size();
        String count = ""+ count1;
        Map<String, Object> result = new HashMap<String, Object>();
        result.put("code", 0);
        result.put("msg", "");
        result.put("count",count);
        result.put("data",studentList);
        System.out.println(result);
        ObjectMapper mapper = new ObjectMapper();
        String json = mapper.writeValueAsString (result);
        return json;
    }

}

三、编写业务层接口以及接口的实现。

service层是接受controller层的数据,最后交给mapper层处理,执行sql。

在service包下建立StudentService.java,这是一个接口interface

package com.wjb.service;

import com.wjb.domain.Student;

import java.util.List;

public interface StudentService {

    public void add(Student student);

    public void updateByNum(Student student);

    public List<Student> findAll();

    public List<Student> findByNum(String num);

    public void deleteByNums(String[] nums);
}

 

在service包下建立impl包,在impl下编写对应接口的实现。

StudentServiceImpl.java

package com.wjb.service.impl;

import com.wjb.domain.Student;
import com.wjb.mapper.StudentMapper;
import com.wjb.service.StudentService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service("studentService")
public class StudentServiceImpl implements StudentService {

    @Autowired
    private StudentMapper studentMapper;
    @Override
    public void add(Student student) {
        studentMapper.add(student);
    }

    @Override
    public void updateByNum(Student student) {
        studentMapper.updateByNum(student);
    }

    @Override
    public List<Student> findAll() {
        return studentMapper.findAll();
    }

    @Override
    public List<Student> findByNum(String num) {
        return studentMapper.findByNum(num);
    }

    @Override
    public void deleteByNums(String[] nums) {
        studentMapper.deleteByNums(nums);
    }


}

 

四、编写Mapper层。

这里也是一个接口,这里的mapper会调用xml中的mapper中的SQL。

Student.mapper.java

package com.wjb.mapper;

import com.wjb.domain.Student;
import org.apache.ibatis.annotations.Param;

import java.util.List;

public interface StudentMapper {

    public void add(Student student);

    public void updateByNum(Student student);

    public List<Student> findAll();

    public List<Student> findByNum(String num);

    public void deleteByNums(@Param("nums") String[] nums);

}

五、在resources下建立StudentMapper.xml.

创建的路径一定是com\wjb\mapper 这里不能用.

这个xml中对应着增删改查的SQL,其中id对应着mapper层的方法名。

StudentMapper.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.wjb.mapper.StudentMapper">
    <insert id="add" parameterType="student"  useGeneratedKeys="true" keyProperty="id"  keyColumn="id">  #  返回自增主键id
        insert into student values(#{id},#{num},#{name},#{sex},#{birthday})
    </insert>

    <update id="updateByNum" parameterType="student">
        update student
            set name = #{name},
                sex = #{sex},
                birthday = #{birthday}
            where num = #{num}
    </update>
    <select id="findAll" resultType="student">
        select * from student
    </select>

    <select id="findByNum" resultType="student">
        select * from student where num=#{num}
    </select>

    <delete id="deleteByNums">
        delete
        from student
        where num in
        <foreach collection="nums" item="num" separator="," open="(" close=")">
            #{num}
        </foreach>
        ;
    </delete>
</mapper>

 

第五步,运行展示

 

 

 

 

 

 

 

 

 

 

目前功能只有简单的增删改查,不过用到了ajax的异步局部刷新,并且有批量删除功能。因为这是第一次整合ssm框架,肯定存在着很多不足,需要大佬指点指点,如果需要相关文件的可以私聊我,记得点个赞哦!

posted @ 2022-08-04 22:53  权。  阅读(660)  评论(0编辑  收藏  举报