VUE+SSM框架增删改查（CRUD）

已于 2022-09-29 14:00:28 修改
阅读量3.1k 收藏
点赞数 1
分类专栏： vue idea 文章标签： mybatis java 开发语言
于 2022-09-21 20:32:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_66924116/article/details/126977947
版权

目录

一、后台工作

 1.导入依赖

 2.Web.xml

3.配置文件：

 4.工具类：

5、数据库访问层、业务逻辑层、控制层

BookMapper.xml

二、前端工作 

 新建test02项目 使用工具HBuilder X

 下载命令运行

修改端口号

一、后台工作

 后台创建新项目工具---IDEA

 创建maven项目时注意：

 1.导入依赖

 <?xml version="1.0" encoding="UTF-8"?>
 
<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/xsd/maven-4.0.0.xsd">
    <parent>
        <artifactId>20220915</artifactId>
        <groupId>org.example</groupId>
        <version>1.0-SNAPSHOT</version>
    </parent>
    <modelVersion>4.0.0</modelVersion>
 
    <artifactId>untitled</artifactId>
    <packaging>war</packaging>
 
    <name>untitled Maven Webapp</name>
    <!-- FIXME change it to the project's website -->
    <url>http://www.example.com</url>
 
    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <maven.compiler.source>1.8</maven.compiler.source>
        <maven.compiler.target>1.8</maven.compiler.target>
        <maven.compiler.plugin.version>3.7.0</maven.compiler.plugin.version>
 
        <!--添加jar包依赖-->
        <!--1.spring 5.0.2.RELEASE相关-->
        <spring.version>5.0.2.RELEASE</spring.version>
        <!--2.mybatis相关-->
        <mybatis.version>3.4.5</mybatis.version>
        <!--mysql-->
        <mysql.version>5.1.44</mysql.version>
        <!--pagehelper分页jar依赖-->
        <pagehelper.version>5.1.2</pagehelper.version>
        <!--mybatis与spring集成jar依赖-->
        <mybatis.spring.version>1.3.1</mybatis.spring.version>
        <!--3.dbcp2连接池相关 druid-->
        <commons.dbcp2.version>2.1.1</commons.dbcp2.version>
        <commons.pool2.version>2.4.3</commons.pool2.version>
        <!--4.log日志相关-->
        <log4j2.version>2.9.1</log4j2.version>
        <!--5.其他-->
        <junit.version>4.12</junit.version>
        <servlet.version>4.0.0</servlet.version>
        <lombok.version>1.18.2</lombok.version>
 
    </properties>
 
    <dependencies>
        <!--1.spring相关-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-context</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-orm</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-tx</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-aspects</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-web</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-test</artifactId>
            <version>${spring.version}</version>
        </dependency>
 
        <!--2.mybatis相关-->
        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis</artifactId>
            <version>${mybatis.version}</version>
        </dependency>
        <!--mysql-->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>${mysql.version}</version>
        </dependency>
        <!--pagehelper分页插件jar包依赖-->
        <dependency>
            <groupId>com.github.pagehelper</groupId>
            <artifactId>pagehelper</artifactId>
            <version>${pagehelper.version}</version>
        </dependency>
        <!--mybatis与spring集成jar包依赖-->
        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis-spring</artifactId>
            <version>${mybatis.spring.version}</version>
        </dependency>
 
        <!--3.dbcp2连接池相关-->
        <dependency>
            <groupId>org.apache.commons</groupId>
            <artifactId>commons-dbcp2</artifactId>
            <version>${commons.dbcp2.version}</version>
        </dependency>
        <dependency>
            <groupId>org.apache.commons</groupId>
            <artifactId>commons-pool2</artifactId>
            <version>${commons.pool2.version}</version>
        </dependency>
 
        <!--4.log日志相关依赖-->
        <!--核心log4j2jar包-->
        <dependency>
            <groupId>org.apache.logging.log4j</groupId>
            <artifactId>log4j-core</artifactId>
            <version>${log4j2.version}</version>
        </dependency>
        <dependency>
            <groupId>org.apache.logging.log4j</groupId>
            <artifactId>log4j-api</artifactId>
            <version>${log4j2.version}</version>
        </dependency>
        <!--web工程需要包含log4j-web，非web工程不需要-->
        <dependency>
            <groupId>org.apache.logging.log4j</groupId>
            <artifactId>log4j-web</artifactId>
            <version>${log4j2.version}</version>
        </dependency>
 
        <!--5.其他-->
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>${junit.version}</version>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>${servlet.version}</version>
            <scope>provided</scope>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>${lombok.version}</version>
            <scope>provided</scope>
        </dependency>
 
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>${spring.version}</version>
        </dependency>
 
        <dependency>
            <groupId>jstl</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>
        <dependency>
            <groupId>taglibs</groupId>
            <artifactId>standard</artifactId>
            <version>1.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>
 
 
    </dependencies>
 
    <build>
        <finalName>20220915</finalName>
 
        <resources>
            <!--解决mybatis-generator-maven-plugin运行时没有将XxxMapper.xml文件放入target文件夹的问题-->
            <resource>
                <directory>src/main/java</directory>
                <includes>
                    <include>**/*.xml</include>
                </includes>
            </resource>
            <!--解决mybatis-generator-maven-plugin运行时没有将jdbc.properites文件放入target文件夹的问题-->
            <resource>
                <directory>src/main/resources</directory>
                <includes>
                    <include>jdbc.properties</include>
                    <include>*.xml</include>
                </includes>
            </resource>
        </resources>
 
 
 
        <pluginManagement><!-- lock down plugins versions to avoid using Maven defaults (may be moved to parent pom) -->
            <plugins>
 
 
                <plugin>
                    <groupId>org.apache.maven.plugins</groupId>
                    <artifactId>maven-compiler-plugin</artifactId>
                    <version>${maven.compiler.plugin.version}</version>
                    <configuration>
                        <source>${maven.compiler.source}</source>
                        <target>${maven.compiler.target}</target>
                        <encoding>${project.build.sourceEncoding}</encoding>
                    </configuration>
                </plugin>
                <plugin>
                    <groupId>org.mybatis.generator</groupId>
                    <artifactId>mybatis-generator-maven-plugin</artifactId>
                    <version>1.3.2</version>
                    <dependencies>
                        <!--使用Mybatis-generator插件不能使用太高版本的mysql驱动 -->
                        <dependency>
                            <groupId>mysql</groupId>
                            <artifactId>mysql-connector-java</artifactId>
                            <version>${mysql.version}</version>
                        </dependency>
                    </dependencies>
                    <configuration>
                        <overwrite>true</overwrite>
                    </configuration>
                </plugin>
 
 
 
                <plugin>
                    <artifactId>maven-clean-plugin</artifactId>
                    <version>3.1.0</version>
                </plugin>
                <!-- see http://maven.apache.org/ref/current/maven-core/default-bindings.html#Plugin_bindings_for_war_packaging -->
                <plugin>
                    <artifactId>maven-resources-plugin</artifactId>
                    <version>3.0.2</version>
                </plugin>
                <plugin>
                    <artifactId>maven-compiler-plugin</artifactId>
                    <version>3.8.0</version>
                </plugin>
                <plugin>
                    <artifactId>maven-surefire-plugin</artifactId>
                    <version>2.22.1</version>
                </plugin>
                <plugin>
                    <artifactId>maven-war-plugin</artifactId>
                    <version>3.2.2</version>
                </plugin>
                <plugin>
                    <artifactId>maven-install-plugin</artifactId>
                    <version>2.5.2</version>
                </plugin>
                <plugin>
                    <artifactId>maven-deploy-plugin</artifactId>
                    <version>2.8.2</version>
                </plugin>
            </plugins>
        </pluginManagement>
    </build>
</project>

 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_3_1.xsd"
         version="3.1">
  <display-name>Archetype Created Web Application</display-name>
  <context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>classpath:applicationCotext.xml</param-value>
  </context-param>
  <!-- 读取Spring上下文的监听器 -->
  <listener>
    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  </listener>


  <!-- Spring MVC servlet -->
  <servlet>
    <servlet-name>SpringMVC</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <!--此参数可以不配置，默认值为：/WEB-INF/springmvc-servlet.xml-->
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>/WEB-INF/springmvc-servlet.xml</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
    <!--web.xml 3.0的新特性，是否支持异步-->
    <async-supported>true</async-supported>
  </servlet>
  <servlet-mapping>
    <servlet-name>SpringMVC</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>

  <!-- 中文乱码处理 -->
  <filter>
    <filter-name>encodingFilter</filter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
    <!--web.xml 3.0的新特性，是否支持异步-->
    <async-supported>true</async-supported>
    <init-param>
      <param-name>encoding</param-name>
      <param-value>UTF-8</param-value>
    </init-param>
  </filter>
  <filter-mapping>
    <filter-name>encodingFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>

  <!-- 解决cors跨域问题过滤器 -->
  <filter>
    <filter-name>corsFilter</filter-name>
    <filter-class>com.liu.util.CorsFilter</filter-class>
  </filter>
  <filter-mapping>
    <filter-name>corsFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>

</web-app>

3.配置文件：

generatorConfig.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE generatorConfiguration PUBLIC "-//mybatis.org//DTD MyBatis Generator Configuration 1.0//EN"
        "http://mybatis.org/dtd/mybatis-generator-config_1_0.dtd" >
<generatorConfiguration>
    <!-- 引入配置文件 -->
    <properties resource="jdbc.properties"/>

    <!--指定数据库jdbc驱动jar包的位置-->
    <classPathEntry location="F:\\lx_mvn_localRespository\\mysql\\mysql-connector-java\\5.1.44\\mysql-connector-java-5.1.44.jar"/>

    <!-- 一个数据库一个context -->
    <context id="infoGuardian">
        <!-- 注释 -->
        <commentGenerator>
            <property name="suppressAllComments" value="true"/><!-- 是否取消注释 -->
            <property name="suppressDate" value="true"/> <!-- 是否生成注释代时间戳 -->
        </commentGenerator>

        <!-- jdbc连接 -->
        <jdbcConnection driverClass="${jdbc.driver}"
                        connectionURL="${jdbc.url}" userId="${jdbc.username}" password="${jdbc.password}"/>

        <!-- 类型转换 -->
        <javaTypeResolver>
            <!-- 是否使用bigDecimal， false可自动转化以下类型（Long, Integer, Short, etc.） -->
            <property name="forceBigDecimals" value="false"/>
        </javaTypeResolver>

        <!-- 01 指定javaBean生成的位置 -->
        <!-- targetPackage：指定生成的model生成所在的包名 -->
        <!-- targetProject：指定在该项目下所在的路径  -->
        <javaModelGenerator targetPackage="com.liu.model"
                            targetProject="src/main/java">
            <!-- 是否允许子包，即targetPackage.schemaName.tableName -->
            <property name="enableSubPackages" value
最低0.47元/天 解锁文章
白敬亭的鞋44ma
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-ssm项目从建项目开始完成CRUD详细教程
每日一记，每周一结。
06-03 1592
el-button type="danger" icon="el-icon-delete" size="small" @click="mydel(scope.row.sid)">删除。删除。
SSM(Vue3+ElementPlus+Axios+SSM前后端分离)-架子搭建
业精于勤，荒于嬉
05-13 2764
1) 梳理Vue3 最重要的路由机制, 理解后就清晰很多因为我们是前后端分离 tomato需要8080这里我们就更改VUE的端口了。技术栈 说明: 前后端分离开发, 前端框架Vue + 后端框架SSM 前端框架Vue。 后台框架-SSM（SpringMVC+Spring+MyBatis） 数据库-MySQL。使用逆向工程生成Bean、XxxMapper 和XxxMapper.xmlSSM(Vue3+ElementPlus+Axios+SSM前后端分离)--架子搭建 vue3的结构 和介绍以及使用和解决了中文
使用SSM+Vue前后端分离开发实现增删改查（超详细）_ssm+vue增删改查代码
2401_84447149的博客
05-09 580
我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。首先，技术面试是一个 认识自己 的过程，知道自己和外面世界的差距。更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。找工作无非就是看三点：和什么人、做什么事、给多少钱，要给这三者在自己的心里划分一个比例。
基于SSM+Vue的图书管理系统
xwwwwww903的博客
02-25 1619
基于SSM和Vue开发的前后端分离的图书管理系统，实现了图书用户增删改查功能，借阅归还图书和借阅归还信息查询
vue+elementui+axios+ssm实现增删改查(保姆级步骤-适合小白)
不惧困难 顽强拼搏
05-14 1600
vue+element+ssm--增删改查
SSM(Vue3+ElementPlus+Axios+SSM前后端分离)【四】
m0_73557631的博客
08-03 327
- 创建furns_ssm-- 创建家居表`name` VARCHAR(64) NOT NULL, ## 家居名`maker` VARCHAR(64) NOT NULL, ## 厂商`price` DECIMAL(11,2) NOT NULL, ## 价格`sales` INT(11) NOT NULL, ## 销量`stock` INT(11) NOT NULL, ## 库存`img_path` VARCHAR(256) NOT NULL ## 照片路径。
ssm简单增删改查小系统
06-30
这个“ssm简单增删改查小系统”是一个适合初学者练习和学习的基础项目，涵盖了SSM框架的基本使用和数据库操作。 1. **Spring框架**：Spring是Java企业级应用开发的核心框架，提供了依赖注入（DI）和面向切面编程...
基于Vue+ssm框架的汇美食电子商城.zip
04-01
《构建基于Vue+SSM框架的“汇美食”电子商城》 在当今互联网时代，电商平台已经成为日常生活不可或缺的一部分。本文将详细介绍一个使用Vue.js前端框架与SSM（Spring、SpringMVC、MyBatis）后端框架相结合，构建的...
基于VUE+SSM框架的在线宠物商城.zip
04-05
这是一个基于Vue.js前端框架和Spring Boot（SSM）后端框架构建的在线宠物商城项目。Vue.js是一个轻量级的JavaScript库，它以其组件化、响应式的数据绑定和易用性而闻名，常用于构建用户界面。Spring Boot是Java开发...
vue+ssm+springboot外卖点餐系统【源码+PPT+视频讲解】.rar
04-25
Vue.js 是一款轻量级的前端JavaScript框架，以其组件化开发模式、易用性和高性能而备受开发者喜爱。SSM（Spring、SpringMVC、MyBatis）是Java后端开发中常用的三大框架组合，用于构建服务层、控制层以及持久层。...
基于vue+ssm的购物商场系统源码数据库文档.zip
04-18
该压缩包文件“基于vue+ssm的购物商场系统源码数据库文档.zip”包含了构建一个完整电子商务平台所需的关键技术和资源，主要围绕前端Vue.js框架、后端SSM（Spring、SpringMVC、MyBatis）架构以及可能涉及的微信小程序...
SpringBoot+Thymeleaf+SSM+Vue.js实现简单的增删改查
01-27
SpringBoot配置SSM实现简单的增删改查Demo，SQL文件导入可直接运行，用于学习。
前端Vue、后端SSM、前后端分离项目服务器部署实战
Robot Kevin的世界
07-30 5729
->欢迎访问我搭建的博客 开端 最近我人生中的第一个项目写完了，这是一个历经 6 个多月，9000 多行代码的前后端分离项目。之前尝试过将项目部署到服务器上，踩了不少坑，出了不少 bug， 问了不少人，最后都没有部署成功。很多个晚上，我辗转反侧，思考为什么不能成功部署，一大早起来饭也不吃就又开始了部署。 失败过，绝望过，就在今天中午，它突然成了！激动的心，颤抖的手，指向把这一伟大的事儿给记录下来，方便下次部署项目，也算是给其他人一个方案。我相信项目部署这块并不是谁都能一次成功的，特别是像我这样 Lin
vue+ssm实现登录页面和部门管理
Liu_wen_wen的博客
09-28 1366
前后端分离项目:员工&部门管理0927_ssm_vue_KTLX
SSM项目怎么与vue结合
热门推荐
ssdssa的博客
01-16 1万+
SSM写完后与前端vue对接 没有经验鼓捣了一天才弄好… 我用的idea+maven写的 首先idea中加上这个识别vue的插件 2.结合vue之前 要先下载好相应nodejs环境 然后配npm cnpm 然后脚手架 最后用webpack打包vue项目 这些网上教程很详细跟着做完就好了 最后打包完vue会生成一个dist文件夹 因为vue是无法被浏览器直接识别的 所以打包完后的dist里面就是把vue转成了css js和一个index.html页面，直接把这个文件夹拖进项目的webapp下目录就就可以了
SSM-CRUD SSM+VUE版本 (尚硅谷教程)
CrazyAugust的博客
02-14 1528
SSM-CRUD SSM+VUE版本 (尚硅谷教程) 项目说明: 后端: Spring、SpringMVC、Mybatis、Tomcat9 前端: Vue3、Element-plus 工具:IDEA2021、Navicat 1.创建Maven项目 2.整合SSM 见ssm整合步骤_CrazyAugust的博客-CSDN博客! 3.CRUD 项目搭建 1.后端代码 1.导入相关依赖 pom.xml <?xml version="1.0" encoding="UTF-8"?> <projec
SSM聚合工程+ Vue+Axios前后端分离CRUD实战-----第一章
qq_37831937的博客
09-29 287
统一工具类配置： SpringRedisTemplate配置： redis.properties: redis.xml: 前端页面：
40个高质量ssm+vue毕设项目分享【源码+论文】（一）
mojikopi的博客
12-05 1817
40个高质量ssm+vue毕设项目分享【源码+论文】（一）
【框架回顾】SSM+Vue
HappyCode
05-02 4268
文章目录框架复习一、Maven1. 概念2. 环境配置3. IDEA+Maven4. 配置Tomcat5. pom.xml 下载依赖二、Mybatis1. 概念2. 使用Mybatis3. 注解开发4. 一对多 和 多对一5. 动态sql6. 缓存三、Spring1. 概念2. IOC3. 使用spring4. 依赖注入5. 自动装配6. 使用注解开发7. AOP8. 与Mybatis 整合9. 事务四、springMVC1. 使用springMVC2. 注解开发SpringMVC3. RestFul风格4
vue+springboot 双表增删改查
最新发布
06-21
在这样的架构中，对于双表（两个关联数据库表）的增删改查操作，你可以按照以下步骤进行： 1. **模型映射**: - 在 Vue.js 中，创建数据模型（如 User 和 Post），通过 Vue 的 `axios` 或者官方的 `vue-resource` ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值