SpringMVC实现数据的增删改查

最新推荐文章于 2023-09-09 08:00:00 发布
最新推荐文章于 2023-09-09 08:00:00 发布
阅读量290 收藏 3
点赞数
文章标签： spring spring boot maven
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46060794/article/details/120463621
版权

资源配置

1.引入pom.文件

    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.11</version>
      <scope>test</scope>
    </dependency>
    <dependency>
      <groupId>org.projectlombok</groupId>
      <artifactId>lombok</artifactId>
      <version>1.18.12</version>
      <scope>provided</scope>
    </dependency>
    <!-- https://mvnrepository.com/artifact/org.springframework/spring-core -->
    <!-- https://mvnrepository.com/artifact/org.springframework/spring-core -->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-core</artifactId>
      <version>5.3.5</version>
    </dependency>

    <!-- https://mvnrepository.com/artifact/org.springframework/spring-beans -->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-beans</artifactId>
      <version>5.3.5</version>
    </dependency>


    <!-- https://mvnrepository.com/artifact/org.springframework/spring-context -->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-context</artifactId>
      <version>5.3.5</version>
    </dependency>
    <!-- https://mvnrepository.com/artifact/org.springframework/spring-aop -->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-aop</artifactId>
      <version>5.3.5</version>
    </dependency>
    <!-- https://mvnrepository.com/artifact/org.aspectj/aspectjrt -->


    <dependency>
      <groupId>org.aspectj</groupId>
      <artifactId>aspectjtools</artifactId>
      <version>1.9.5</version>
    </dependency>

    <dependency>
      <groupId>aopalliance</groupId>
      <artifactId>aopalliance</artifactId>
      <version>1.0</version>
    </dependency>

    <dependency>
      <groupId>org.aspectj</groupId>
      <artifactId>aspectjweaver</artifactId>
      <version>1.9.0</version>
    </dependency>

    <dependency>
      <groupId>com.google.protobuf</groupId>
      <artifactId>protobuf-java</artifactId>
      <version>2.4.1</version>
      <scope>compile</scope>
    </dependency>
    <!-- https://mvnrepository.com/artifact/junit/junit -->
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.13.1</version>
      <scope>test</scope>
    </dependency>
    <!-- https://mvnrepository.com/artifact/com.alibaba/druid -->
    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>druid</artifactId>
      <version>1.2.6</version>
    </dependency>

    <!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>8.0.25</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-aop</artifactId>
      <version>5.3.5</version>
    </dependency>

    <!--Spring事物依赖 -->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-tx</artifactId>
      <version>5.3.5</version>
    </dependency>

    <dependency>
      <groupId>org.aspectj</groupId>
      <artifactId>aspectjtools</artifactId>
      <version>1.9.5</version>
    </dependency>

    <dependency>
      <groupId>aopalliance</groupId>
      <artifactId>aopalliance</artifactId>
      <version>1.0</version>
    </dependency>

    <dependency>
      <groupId>org.aspectj</groupId>
      <artifactId>aspectjweaver</artifactId>
      <version>1.9.0</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-jdbc</artifactId>
      <version>5.3.5</version>
    </dependency>

    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis-spring</artifactId>
      <version>1.3.2</version>
    </dependency>
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis</artifactId>
      <version>3.4.6</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>5.3.9</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
      <scope>provided</scope>
    </dependency>

    <!-- https://mvnrepository.com/artifact/javax.servlet/jstl -->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>

    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.12.1</version>
    </dependency>

2.配置web.xml文件

<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">

<!--  防止乱码-->
  <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>

<!--  添加过滤器-->
  <filter>
    <filter-name>HiddenHttpMethodFilter</filter-name>
    <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
  </filter>

  <filter-mapping>
    <filter-name>HiddenHttpMethodFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>

<!--  视图解析器-->
  <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:SpringMVC.xml</param-value>
    </init-param>
   <param-name>contextConfigLocation</param-name>
      <!-- 此处使用 Spring 资源路径的方式进行指定，即 classpath:springmvc-servlet.xml -->
      <param-value>classpath:springMVC.xml</param-value>
    </init-param>
    <!--将DispatcherServlet的初始化时间提前到服务器启动时-->
  <load-on-startup>1</load-on-startup>
  </servlet>

  <!-- 处理所有URL请求 -->
  <servlet-mapping>
    <servlet-name>DispatcherServlet</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>

</web-app>

3.配置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:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
       http://www.springframework.org/schema/beans/spring-beans.xsd
       http://www.springframework.org/schema/context
       https://www.springframework.org/schema/context/spring-context.xsd
       http://www.springframework.org/schema/mvc
       https://www.springframework.org/schema/mvc/spring-mvc.xsd">


        <context:component-scan base-package="com.cqucc"></context:component-scan>
        <mvc:default-servlet-handler/>

    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/views/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

        <mvc:view-controller path="/" view-name="welcome"></mvc:view-controller>
        <mvc:view-controller path="/users" view-name="user"></mvc:view-controller>
        <mvc:annotation-driven/>

</beans>

页面书写

1.过度界面

登入后需要先经过过度过度界面后，才能查看数据

<input type="button" value="常看员工信息" onclick="location='${pageContext.request.contextPath}/users'">

 

jsp页面的源码


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/css/bootstrap.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/js/bootstrap.js"></script>
</head>
<body>
    <h1>员工信息</h1>

    <div id="con">
        <table class="table table-striped" title="table">
            <tr>
                <td>员工编号</td>
                <td>员工姓名</td>
                <td>员工性别</td>
                <td>员工电话</td>
                <td>操作</td>
            </tr>
        </table>
        <input type="button" value="添加" title="test">
    </div>


    <!-- Button trigger modal -->
    <button type="button" title="titiladd" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
        添加
    </button>

    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">

            <input type="text" name="userid">

            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">员工信息添加</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label for="name" class="col-sm-2 control-label">员工姓名</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="username" id="name" placeholder="Username">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="phont" class="col-sm-2 control-label">员工性别</label>
                            <div class="col-sm-10">
                                <input type="radio" name="usersex" value="男" title="male">男
                                <input type="radio" name="usersex" value="女" title="female">女

                            </div>
                        </div>
                        <div class="form-group">
                            <label for="phont" class="col-sm-2 control-label">员工电话</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="userphont" id="phont" placeholder="userphont">
                            </div>
                        </div>

                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">退出</button>
                    <button type="button" class="btn btn-primary" title="save">确认</button>
                </div>
            </div>
        </div>
    </div>


</body>

<script>
    $(function () {
            $.ajax({
                type:"GET",
                url: "${pageContext.request.contextPath}/user",
                // data:"name=John&location=Boston",
                dataType:"json",
                success:function (json) {
                    console.log(json);
                    $(json).each(function (index,value) {
                        var op =$("<tr><td>"+value.userid+"</td>" +
                            "<td>"+value.username+"</td>" +
                            "<td>"+value.usersex+"</td>" +
                            "<td>"+value.userphont+"</td>" +
                            "<td><input type='button' value='修改' title='preupdate' class='btn btn-success'>" +
                            "<input type='button' value='删除' title='delete' class='btn btn-danger'></td></tr>");
                        $("[title='table']").append(op);
                    });
                }
            });
            $("#con").on('click','[title="preupdate"]',function () {
                var userid = $(this).parents("tr").find("td:first").html();
                $(this).attr("data-toggle","modal");
                $(this).attr("data-target","#myModal");
                $.ajax({
                    type:"GET",
                    url: "${pageContext.request.contextPath}/user/"+userid,

                    dataType:"json",
                    success:function (info) {
                        $("#name").val(info.username);
                        $("#phont").val(info.userphont);
                        // data-toggle="modal" data-target="#myModal"
                        if (info.usersex=="男"){
                            $("[title='male']").get(0).checked=true;
                        }else{
                            $("[title='female']").get(0).checked=true;
                        }
                        $("[name='userid']").val(info.userid);
                    }
                });
            });
            $("#con").on('click','[title="delete"]',function () {
                var userid = $(this).parents("tr").find("td:first").html();
                // alert(userid);
                $.ajax({
                    type:"POST",
                    url: "${pageContext.request.contextPath}/user/"+userid,
                    data:"_method=delete",
                    // dataType:"json",
                    success:function (info) {
                        // alert(info);
                        if (info=='success'){
                            // alert();
                            window.location.reload();
                        }
                    }
                });
            });

            $("[title='titleadd']").click(function () {
                $("[name='userid']").val('');
            });

            $("[title='save']").click(function () {
                var sex ="男";
                if ($("[title='female']").get(0).checked){
                    sex='女';
                }
                var user = $("[name='userid']").val();
                if(user==''){
                    $.ajax({
                        type:"POST",
                        url: "${pageContext.request.contextPath}/user/",
                        data:"username="+$("[name='username']").val()+
                            "&userphont="+$("[name='userphont']").val()+"&usersex="+sex,
                        // dataType:"json",
                        success:function (info) {
                            // alert(info);
                            if (info=='success'){
                                // alert();
                                window.location.reload();
                            }
                        }
                    });
                }else{
                    var op = "username="+$("[name='username']").val()+
                        "&userphont="+$("[name='userphont']").val()+
                        "&usersex="+sex+"&userid="+user+"&_method=PUT";
                    // alert("修改");
                    // alert(user);
                    $.ajax({
                        type:"POST",
                        url: "${pageContext.request.contextPath}/user/",
                        data:op,
                        // dataType:"json",
                        success:function (info) {
                            // alert(info);
                            if (info=='success'){
                                // alert();
                                window.location.reload();
                            }
                        }
                    });
                }

                // window.location.reload();
            })
        });
</script>
</html>

 控制类

@Controller
public class UserController {

    @Autowired
    @Qualifier("userDaoImpl")
    private UserDao userDao;


    @RequestMapping(value = "/user/{id}",method = RequestMethod.GET)
    @ResponseBody
    public User selectUser(@PathVariable("id") Integer userid){
        User user = userDao.selectById(userid);
        System.out.println(user.getUsersex()+"\t"+user.getUsername());
        return user;
    }

    @GetMapping("/user")
    @ResponseBody
    public List<User> selectAll(){
        return userDao.selectAll();
    }

    @DeleteMapping("/user/{id}")
    @ResponseBody
    public String delete(@PathVariable("id") Integer userid){
        System.out.println("delete"+userid);
        userDao.delete(userid);
        return "success";
    }


    @PostMapping("/user")
    @ResponseBody
    public  String save(User user){
        System.out.println(user.getUsersex()+"\t"+user.getUserphont()+"\t"+user.getUserid());
        userDao.saveOrUpdate(user);
        return "success";
    }

    @PutMapping("/user")
    @ResponseBody
    public  String update(User user){
        System.out.println(user.getUsersex()+"\t"+user.getUserphont()+"\t"+user.getUserid()+"++++++++++++++");
        userDao.saveOrUpdate(user);
        return "success";
    }

}

实现界面 

 

 

weixin_46060794
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
spring boot+spring mvc+mybatis+thymeleaf整合开发学生成绩信息管理系统
04-19
项目描述 学生成绩管理系统，有三个用户，学生，管理员，教师。管理员可以对学生、教师信息增删改查。教师可以批改学生作业，并且通过echartjs对学生成绩汇总统计，横向比较可以查看某个班级某门课及格、优秀等成绩段占比。纵向比较可以查看某年级某门课程不同班级每个班级的平均值，最大值，中值。学生可以查看教师已经批阅的成绩。 运行环境 jdk8+tomcat8+mysql5.6+eclipse(idea)+maven 项目技术(必填) spring boot+spring mvc+mybatis+layui+jquery+thymeleaf http://localhost:8080/Sys/loginView 管理员账号 admin admin 老师登录 2020031920 111111 学生账号登录 20200319 111111
简单易学的springmvc增删改查
byg
10-07 620
springmvc入门 什么是springMVC? Spring Web MVC是一种基于Java的实现了MVC设计模式的、请求驱动类型的、轻量级Web框架。 二、 SpringMVC处理请求的流程 a、首先用户发送请求–>DispatherServlet b、 DispatcherServlet–>HandlerMapping c、 DispatcherServlet–>Han...
SpringMVC实现数据的增删改查（源码）
cout_s的博客
09-23 2717
SpringMVC实现数据增删改查 SpringMVC理解与环境配置 SpringMVC替换了Servlet的职能，降低了web层的耦合性。在 Spring MVC 框架中，Controller 替换 Servlet 来担负控制器的职责，用于接收请求，调用相应的 Model 进行处理，处理器完成业务处理后返回处理结果。Controller 调用相应的 View 并对处理结果进行视图渲染，最终客户端得到响应信息。 springmvc的优点： 1.清晰地角色划分，Spring MVC 在 Model、View
springmvc之增删改查
m0_67514201的博客
07-29 280
2.3新建文件上传页面uploadBook.jsp，表单提交方式为method="post"enctype="multipart/form-data""iso-8859-1");//如果没有抛出异常，则开始下载，返回的状态是ok，使用的是浏览器默认的下载模式。--必须和用户JSP的pageEncoding属性一致，以便正确解析表单的内容-->--resolveLazily属性启用是为了推迟文件解析，以便捕获文件大小异常-->--文件最大大小(字节)1024*1024*50=50M-->...
SpringMVC增删改查（CRUD）的实现
最新发布
weixin_74268571的博客
09-09 553
Spring MVC是一种基于Java的Web框架，我们将详细讲解如何使用Spring MVC来实现增删改查功能。我们将从基本概念开始，逐步介绍每个步骤，并提供示例代码来帮助您更好地理解和应用这些概念。
使用Spring MVC实现账户的增删查改功能
05-29
使用Spring MVC实现账户的增删查改功能 打开系统欢迎页面（index.jsp），点击“进入账户管理”页面。在账户管理页面列出所有账户信息，可以 1.点击“添加账户”，打开一个账户信息录入界面，点击“确定”，将录入的信息保存到数据库中，并且回到账户管理页面，用户会看到已经添加的账户。 2.在对应账户点击“修改”，将打开一个账户信息修改界面，点击确定，将修改数据库中的账户信息，并且回到账户管理页面，用户会看到已经修改的账户。 3.在对应账户点击“删除”，将在数据库中删除该账户，账户管理页面将看不到这个账户信息。
SpringMVC的增删改查的案例
m0_73647713的博客
09-08 504
我们今天来学习研究SpringMVC的增删改查，希望这篇博客能够帮助正在学习，工作的你们！！！
SpringMVC实现增删改查
热门推荐
songwt930的博客
04-28 1万+
SpringMVC项目实现增删改查 一、创建MAVEN项目 二、把项目设置成WEB项目 选择项目–>右键–>Add Framework Support 选中Web Application 点击确定 有这个web/WEB-INF文件夹说明创建成功 三、打开pom.xml添加依赖，静态资源导出 依赖：junit，数据库驱动，连接池，servlet，jsp，mybatis，mybatis-spring，spring <dependencies> <!--juni
springmvc实现增删改查(创建一个BookStore数据库)完整开源代码
H-rosy的博客
10-01 3531
在数据库创建一个名为BookStore的数据库，在BookStore数据库中添加一个BookInfo表用于存储图书信息表，再往表里面添加一些测试数据、前端页面以表格形式显示所有图书信息、并完成增加添加书籍、修改书籍、删除书籍的功能。 技术要求:1.必须用JSP和SpringMVC⒉数据库连接和请求必须要SpringJDBC。使用springmvc实现数据库的增删改查
SpringMVC---简单的增删改查
zhiguo98的博客
11-30 986
学了几天的SpringMVC，发现他和Servlet是一模一样的，就是对Servlet的封装，所以学起来还是很简单的，最后自己写一个增删改查的小栗子来结束springMVC的学习。 本以为这个小小的demo很简单，但是自己还是搞了2个多小时，都是知道的知识点，可是不经意间就会由一个没有见到过的错误。。。 来说说demo需求：实现一个学生信息的增删改查 所用技术：Jsp BootStrap ...
spring-mvc的增删改查（crud）的实现
09-02
RESTful风格的CRUD，静态资源存储，导入myeclipse即可运行使用
Spring MVC实现mysql数据库增删改查完整实例
08-28
主要介绍了Spring MVC实现mysql数据库增删改查完整实例，从创建一个web项目开始，分享了项目结构以及具体Java代码和前端页面等相关内容，具有一定借鉴价值，需要的朋友可以了解下。
spring mvc 增删改查小项目
05-06
spring mvc 增删改查小项目
SpringMVC实现的简单的增删改查
01-21
SPRINGMVC+HIBRITE+SPRING实现的简单实例
Spring MVC+Mybatis整合实现用户登录以及增删改查功能
03-31
SpringMVC和Extjs一起使用，为以后做一个好看的页面做铺垫
spring+mybatis实现数据增删改查
10-09
spring+mybatis实现数据增删改查，数据库很简单，只有一个用户表，一个，phone表，请自行建立
maven +mabatis+springmvc 实现web增删改查
03-15
注意添加数据时候需要按数据库格式添加数据不然会报错
EL表达式及JSTL里三个主要标签实现表的增删改查
08-23
EL表达式及JSTL里三个主要标签实现表的增删改查
Spring+mybatis+layui实现增删改查，分页，导入导出功能源代码
04-10
本套源代码实现了Spring 和 mybatis 和 layui 集成情况下的基础操作，包括： 增删改查、分页、导入导出等功能。数据库为mysql，脚本在源代码根目录下，mybatis_crud.sql
springmvc实现增删改查
04-22
SpringMVC可以通过使用注解来实现增删改查（CRUD）操作。具体来说，可以使用@RequestMapping注解来映射HTTP请求到相应的处理程序方法，并使用@ModelAttribute注解来绑定请求参数到模型对象中，以便在视图中渲染。在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值