SSM增删改查

最新推荐文章于 2024-04-10 06:31:04 发布
最新推荐文章于 2024-04-10 06:31:04 发布
阅读量819 收藏 1
点赞数
文章标签： maven java intellij-idea
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60375302/article/details/122452995
版权

目录

一、搭建环境

1、创建maven项目

2、配置maven，Tomcat

3、导入相关配置文件

二、后台开发

1、生成代码

2、OrderMapper.xml

3、OrderMapper.java

4、OrderService 

 5、IOrderService 

6、OrderController 

三、前台开发

1、orderList.jsp

2、action.js

一、搭建环境

1、创建maven项目

2、配置maven，Tomcat

3、导入相关配置文件

二、后台开发

1、生成代码

 

2、OrderMapper.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.zking.ssm.mapper.OrderMapper">
  <resultMap id="BaseResultMap" type="com.zking.ssm.model.Order">
    <id column="id" jdbcType="INTEGER" property="id" />
    <result column="order_desc" jdbcType="VARCHAR" property="orderDesc" />
    <result column="amount" jdbcType="FLOAT" property="amount" />
    <result column="cust_name" jdbcType="VARCHAR" property="custName" />
    <result column="cust_phone" jdbcType="VARCHAR" property="custPhone" />
    <result column="cust_addr" jdbcType="VARCHAR" property="custAddr" />
  </resultMap>
  <sql id="Base_Column_List">
    id, order_desc, amount, cust_name, cust_phone, cust_addr
  </sql>
  <select id="selectByPrimaryKey" parameterType="java.lang.Integer" resultMap="BaseResultMap">
    select 
    <include refid="Base_Column_List" />
    from t_order
    where id = #{id,jdbcType=INTEGER}
  </select>
 
  <select id="listOrders" resultType="com.zking.ssm.model.Order">
    select
    <include refid="Base_Column_List" />
    from t_order
    <where>
      <if test="orderDesc !=null and orderDesc != ''">
and order_desc like concat(#{orderDesc,jdbcType=VARCHAR},'%')
      </if>
    </where>
  </select>
 
  <delete id="deleteByPrimaryKey" parameterType="java.lang.Integer">
    delete from t_order
    where id = #{id,jdbcType=INTEGER}
  </delete>
  <insert id="insert" keyColumn="id" keyProperty="id" parameterType="com.zking.ssm.model.Order" useGeneratedKeys="true">
    insert into t_order (order_desc, amount, cust_name, 
      cust_phone, cust_addr)
    values (#{orderDesc,jdbcType=VARCHAR}, #{amount,jdbcType=FLOAT}, #{custName,jdbcType=VARCHAR}, 
      #{custPhone,jdbcType=VARCHAR}, #{custAddr,jdbcType=VARCHAR})
  </insert>
  <insert id="insertSelective" keyColumn="id" keyProperty="id" parameterType="com.zking.ssm.model.Order" useGeneratedKeys="true">
    insert into t_order
    <trim prefix="(" suffix=")" suffixOverrides=",">
      <if test="orderDesc != null">
        order_desc,
      </if>
      <if test="amount != null">
        amount,
      </if>
      <if test="custName != null">
        cust_name,
      </if>
      <if test="custPhone != null">
        cust_phone,
      </if>
      <if test="custAddr != null">
        cust_addr,
      </if>
    </trim>
    <trim prefix="values (" suffix=")" suffixOverrides=",">
      <if test="orderDesc != null">
        #{orderDesc,jdbcType=VARCHAR},
      </if>
      <if test="amount != null">
        #{amount,jdbcType=FLOAT},
      </if>
      <if test="custName != null">
        #{custName,jdbcType=VARCHAR},
      </if>
      <if test="custPhone != null">
        #{custPhone,jdbcType=VARCHAR},
      </if>
      <if test="custAddr != null">
        #{custAddr,jdbcType=VARCHAR},
      </if>
    </trim>
  </insert>
  <update id="updateByPrimaryKeySelective" parameterType="com.zking.ssm.model.Order">
    update t_order
    <set>
      <if test="orderDesc != null">
        order_desc = #{orderDesc,jdbcType=VARCHAR},
      </if>
      <if test="amount != null">
        amount = #{amount,jdbcType=FLOAT},
      </if>
      <if test="custName != null">
        cust_name = #{custName,jdbcType=VARCHAR},
      </if>
      <if test="custPhone != null">
        cust_phone = #{custPhone,jdbcType=VARCHAR},
      </if>
      <if test="custAddr != null">
        cust_addr = #{custAddr,jdbcType=VARCHAR},
      </if>
    </set>
    where id = #{id,jdbcType=INTEGER}
  </update>
  <update id="updateByPrimaryKey" parameterType="com.zking.ssm.model.Order">
    update t_order
    set order_desc = #{orderDesc,jdbcType=VARCHAR},
      amount = #{amount,jdbcType=FLOAT},
      cust_name = #{custName,jdbcType=VARCHAR},
      cust_phone = #{custPhone,jdbcType=VARCHAR},
      cust_addr = #{custAddr,jdbcType=VARCHAR}
    where id = #{id,jdbcType=INTEGER}
  </update>
</mapper>

3、OrderMapper.java

package com.zking.ssm.mapper;

import com.zking.ssm.model.Order;
import org.apache.ibatis.annotations.Param;
import org.springframework.stereotype.Repository;

import java.util.List;

@Repository
public interface OrderMapper {

    int deleteByPrimaryKey(Integer id);

    int insert(Order record);

    int insertSelective(Order record);

    Order selectByPrimaryKey(Integer id);

    int updateByPrimaryKeySelective(Order record);

    int updateByPrimaryKey(Order record);

    List<Order> listOrders(@Param("orderDesc") String orderDesc);
}

4、OrderService 

package com.zking.ssm.service;

import com.zking.ssm.mapper.OrderMapper;
import com.zking.ssm.model.Order;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class OrderService implements IOrderService {

    @Autowired
    private OrderMapper orderMapper;

    @Override
    public List<Order> listOrders(String orderDesc) {
        return orderMapper.listOrders(orderDesc);
    }

    @Override
    public void insert(Order record) {
        orderMapper.insert(record);
    }

    @Override
    public int deleteByPrimaryKey(Integer id) {
        return orderMapper.deleteByPrimaryKey(id);
    }

    @Override
    public int updateByPrimaryKey(Order record) {
        return orderMapper.updateByPrimaryKey(record);
    }

}

 5、IOrderService 

package com.zking.ssm.service;

import com.zking.ssm.model.Order;
import org.apache.ibatis.annotations.Param;

import java.util.List;

public interface IOrderService {

    List<Order> listOrders(@Param("orderDesc") String orderDesc);

    void insert(Order record);
    int deleteByPrimaryKey(Integer id);
    int updateByPrimaryKey(Order record);

}

6、OrderController 

package com.zking.ssm.controller;

import com.zking.ssm.model.Order;
import com.zking.ssm.service.IOrderService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;

import java.util.HashMap;
import java.util.List;
import java.util.Map;

@RestController
@RequestMapping("/order")
public class OrderController {

    @Autowired
    private IOrderService orderService;

    /**
     * 查询方法
     * @param o 前端参数封装
     * @return
     */
    @RequestMapping  ("/orders")
    public Object getOrders(Order o) {
        List<Order> orders = orderService.listOrders(o.getOrderDesc());
        Map<String, Object> data = new HashMap<>();
        data.put("code", 1);
        data.put("msg", "操作成功");
        data.put("data", orders);

        return data;
    }

    /**
     * 新增
     * @param order 前端参数封装
     * @return
     */
    @PostMapping("/insert")
    public Object insert(Order order) {

        Map<String,Object> data = new HashMap<>();
        try {
            orderService.insert(order);
            data.put("code", 1);
            data.put("msg", "操作成功");
            return  data;
        } catch (Exception e) {
            e.printStackTrace();
            data.put("code", -1);
            data.put("msg", "操作失败");
            return data;
        }
    }

    /**
     * 修改
     * @param order 前端参数封装
     * @return
     */
    @RequestMapping("/edit")
    public Object edit(Order order){
        orderService.updateByPrimaryKeySelective(order);
        Map<String, Object> data = new HashMap<>();
        data.put("code","修改成功");
        return data;
    }

    /**
     * 删除
     * @param order 前端参数封装
     * @return
     */
    @RequestMapping("/delete")
    public Object delete(Order order){
        orderService.deleteByPrimaryKey(order.getId());
        Map<String, Object> data = new HashMap<>();
        data.put("code","删除成功");
        return data;
    }


}

三、前台开发

1、orderList.jsp

<template>
	<div>
		
		<el-form :inline="true" :model="formInline" class="demo-form-inline">
			<el-form-item label="订单描述">
				<el-input v-model="formInline.orderDesc" placeholder="订单描述"></el-input>
			</el-form-item>

			<el-form-item>
				<el-button type="primary" @click="onSubmit">查询</el-button>
				<el-button type="primary" @click="add">新增</el-button>
			</el-form-item>
		</el-form>
		<el-table :data="tableData" border style="width: 100%">
			<el-table-column prop="id" v-model="tableData.id" label="ID">
			</el-table-column>
			<el-table-column prop="orderDesc" v-model="tableData.orderDesc" label="描述">
			</el-table-column>
			<el-table-column prop="amount" v-model="tableData.amount" label="金额">
			</el-table-column>
			<el-table-column prop="custName" v-model="tableData.custName" label="用户">
			</el-table-column>
			<el-table-column prop="custPhone" v-model="tableData.custPhone" label="手机号">
			</el-table-column>
			<el-table-column prop="custAddr" v-model="tableData.custAddr" label="地址">
			</el-table-column>
			<el-table-column label="操作">
				<template slot-scope="scope">
					<el-button type="primary" icon="el-icon-edit" circle @click="edit(scope.row)"></el-button>
					<el-button type="danger" icon="el-icon-delete" circle @click="deleteid(scope.row)"></el-button>
				</template>
			</el-table-column>




		</el-table>

		<el-dialog :title="title" :visible.sync="dialogFormVisible">
			<el-form :model="form">
				<el-form-item label="描述">
					<el-input v-model="form.orderDesc" autocomplete="描述"></el-input>
				</el-form-item>
				<el-form-item label="金额">
					<el-input v-model="form.amount" autocomplete="金额"></el-input>
				</el-form-item>
				<el-form-item label="手机号">
					<el-input v-model="form.custPhone" autocomplete="手机号"></el-input>
				</el-form-item>
				<el-form-item label="用户">
					<el-input v-model="form.custName" autocomplete="用户"></el-input>
				</el-form-item>
				<el-form-item label="地址">
					<el-input v-model="form.custAddr" autocomplete="地址"></el-input>
				</el-form-item>

			</el-form>
			<div slot="footer" class="dialog-footer">
				<el-button @click="dialogFormVisible = false">取 消</el-button>
				<el-button type="primary" @click="dialogFormVis">确 定</el-button>
			</div>
		</el-dialog>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				ts: new Date().getTime(),
				formInline: {},
				tableData: [],
				dialogFormVisible: false,
				form: {},
				title: '',
			};
		},
		created() {
			//初始化加载
			let url = this.axios.urls.ORDER_LIST;
			this.axios.post(url, '').then(resp => {
				console.log(resp)
				this.tableData = resp.data.data
			});
		},
		methods: {
			//模糊查询
			onSubmit() {
				let url = this.axios.urls.ORDER_LIST;
				this.axios.post(url, this.formInline).then(resp => {
					console.log(resp)
					this.tableData = resp.data.data
				});
			},
			// 新增
			add() {
				this.clear();
				this.dialogFormVisible = true;
				this.title = '新增界面';

			},
			//表单提交
			dialogFormVis() {
				let url;
				if (this.form.id == null) {
					alert('新增');
					url = this.axios.urls.ORDER_add;
				} else {
					alert('修改');
					url = this.axios.urls.ORDER_EDIT;
				}
				this.axios.post(url, this.form).then(resp => {
					this.onSubmit();
					this.dialogFormVisible = false;
				});

			},
			//删除
			deleteid(row) {
				let url = this.axios.urls.ORDER_DELETE;
				this.form.id=row.id;
				this.axios.post(url, this.form).then(resp => {
					this.onSubmit();
				});
				
			},
			// 修改
			edit(row) {
				this.clear();
				this.dialogFormVisible = true;
				this.title = '修改界面';
				this.form = row;
			},
			//清空弹出框表单
			clear() {
				this.form.id = null;
				this.form.orderDesc = null;
				this.form.amount = null;
				this.form.custPhone = null;
				this.form.custAddr = null;
				this.form.custName = null;
			}

		}
	}
</script>

<style>
</style>

2、action.js

/**
 * 对后台请求的地址的封装，URL格式如下：
 * 模块名_实体名_操作
 */
export default {
	//服务器
	'SERVER': 'http://localhost:8080/ssm',
 
  // 获取订单
   'ORDERMSG_REQ':'/orders',
 
   //增加
   'ORDERMSG_ADD' : '/insert',
   //删除
   'ORDERMSG_DEL' : '/del',
   //修改
   'ORDERMSG_UPDATE' : '/update',
 
	//获得请求的完整地址，用于mockjs测试时使用
	'getFullPath': k => {
		return this.SERVER + this[k];
	}
}

小白不黑哦
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IDEA+Maven 整合SSM框架实现简单的增删改查
weixin_43677806的博客
06-28 700
IDEA+Maven 整合SSM框架实现简单的增删改查 工具 IntelliJ IDEA Ultimate 2018.2.2 tomcat 7.0 JDK 1.8.0_121 MySQL 5.5 Maven 3.6+maven仓库 素材下载包 链接：https://pan.baidu.com/s/1nD1At3SakzgAIJg4N04_-w 提取码：obgr 1.工程的创建 （1）点击file,...
ssm 框架实现增删改查CRUD操作（Spring + SpringMVC + Mybatis 实现增删改查）
zzvar的博客
06-22 2770
ssm 框架实现增删改查SpringBoot 项目整合一、项目准备1.1 ssm 框架环境搭建1.2 项目结构图如下1.3 数据表结构图如下1.4 运行结果二、项目实现1. EmployeeController 控制器2. IDepartmentService 接口3. DepartmentServiceImpl 接口实现类4. DepartmentMapper 接口5. DepartmentMapper.xml6. list.ftl 页面（可以不使用 FreeMarker 模板，自己定义）总结 Sprin
IDEA搭建SSM实现登录、注册，增删改查功能
04-18
IDEA搭建SSM实现登录、注册，增删改查功能.IDEA搭建SSM实现登录、注册，增删改查功能
SSM整合实现增删改查操作【保姆式教学】，2024年最新web前端开发主要学哪些技术
最新发布
AUZKAY的博客
04-10 980
UTF-8/*
基于SSM框架的 增 删 改 查
qq_51764257的博客
04-11 4841
基于SSM框架编写的增删改查
idea使用maven搭建SSM框架实现简单的增删改查crud（spring，springMVC，MyBatis ，mysql数据库）
weixin_44912627的博客
12-22 1007
1.使用框架为SSM（spring，springMVC，MyBatis）框架集由Spring、MyBatis两个开源框架整合而成（SpringMVC是Spring中的部分内容）。常作为数据源较简单的web项目的框架。 Spring 　　Spring就像是整个项目中装配bean的大工厂，在配置文件中可以指定使用特定的参数去调用实体类的构造方法来实例化对象。也可以称之为项目中的粘合剂。 　　Spring的核心思想是IoC（控制反转），即不再需要程序员去显式地new一个对象，而是让Spring框架帮你来完成这一切
ssm增删改查
01-16
一个简单的ssm框架的增删改查，适合刚学ssm框架的人观看。
Eclipse MavenSSM 增删改查示例
04-23
Eclipse +Maven+Spring+SpringMvc+Mybatis 增删改查示例
Maven+SSM框架实现简单的增删改查
yaohong
10-16 948
Spring介绍: spring 使用基本的 JavaBean 来完成以前只可能由 EJB 完成的事情。然而， Spring的用途不仅限于服务器端的开发。从简单性、可测试性和松耦合的角度而言，任何Java 应用都可以从 Spring 中受益。 简单来说， Spring 是一个轻量级的控制反转（IoC ）和面向切面（ AOP ）的容器框架。 SpringMVC介绍 Spring MV...
简易版的SSM框架maven项目实现CRUD【增Create、查Retrieve、改Update、删Delete】
座山的博客
10-14 410
一、SSM项目【Spring+Springmvc+MyBatis】 1.创建maven项目 create maven project. 下一步 next 继续 下一步next，Catalog选择你的maven安装路径的archetype-catalog.xml,尽量不要选All Catalogs...
SSM框架实现用户登录注册,增删改查，分页查询，拦截器等技术
01-12
主要使用到的技术：Spring+SpringMVC+MyBatis+MySql+BootStrap+Ajax校验用户名密码+拦截器+文件上传+日期转换。使用的jdk是1.8.0+Tomcat7，都很常用，jar包都在压缩包里面，导进项目，配置jdk，Tomcat就能运行。
基于ssm实现登录注册个人中心增删改查的校园快递系统
07-15
基于ssm实现登录注册个人中心增删改查的校园快递系统 不含sql
Maven项目构建SSM框架实现增删查改
qq_41474660的博客
06-28 392
SSM框架为Spring+SpringMVC+MyBatis， 1.新建一个MAVEN项目： 选择新建webapp。 输入相关名称。 选择在“Maven home directory”中选择maven文件夹的位置，“User settings file”中勾选“Override”选择maven文件夹中的settings.xml文件。 点击“+”新建一个Maven Property。 输入项目名，...
ssm+maven实现简单的登录及增删改查功能学习案例代码
java老哥优质源码
01-28 1992
本项目使用ssm+maven+mysql，代码完整无误，逻辑清晰，数据库分为两个表，一个是用户表，一个是课程信息表,完整代码可异步下方电子名片 用户登录系统后可以实现对课程信息的增删改查 登录界面如： 课程信息增删改查操作 数据库文件代码如下 CREATE TABLE `courseinfo` ( `courseid` int(11) NOT NULL AUTO_INCREMENT, `coursename` varchar(64) NOT NULL, `course
SSM实现增删改查代码篇超级详细
ct341688的博客
08-23 2900
ssm全称Spring+SpringMVC+MyBatis，是目前比较主流的Java EE企业级框架，适用于搭建各种大型的企业级应用系统。
基于SSM框架实现一个用户系统（登录，用户列表，分页，增删改查，用户角色管理功能）
小孙不够睡的博客
07-08 5243
首先搭建一个Maven工程，配置好Tomcat，mybatis等 数据库 tb_role tb_user user_role(这里只给了第一个用户管理员限权，可以对其他用户添加管理员，必须要用第一个用户登录) bean 这三个就不用多说了，直接按照数据库字段的打。 为了实现分页功能，我们需要引入一个类叫PageInfo，代码如下 package com.zhongruan.bean; import java.util.List; public class PageInfo<T> {..
ssm框架下实现登录和用户增删改查
从零到1%
07-01 4524
mysql 5.7版本 mysql中创建sx的数据库，在sx数据库中有一张tb_user的表 tb_user的表中有id，username，password 三个字段 Tomcat 9.0版本 项目结构 pom.xml 这边是要用到的依赖和版本号 <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <maven.compi
使用SSM框架实现简单的增删改查
JIAXY0705的博客
06-30 1557
使用SSM框架实现简单的增删改查 搭建SSM框架请看博客https://blog.csdn.net/JIAXY0705/article/details/94290581 1.在pom.xml中配置需要的jar包 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值