基于Spring MVC + Spring + MyBatis的【网上购物系统】

阅读原文时间：2023年07月08日阅读：2

资源下载：https://download.csdn.net/download/weixin_44893902/45601185

练习点设计：修改、删除

一、语言和环境

实现语言：JAVA语言。
环境要求：MyEclipse/Eclipse + Tomcat + MySql。
使用技术：Jsp+Servlet+JavaBean或SpringMVC + Spring + Mybatis。

二、实现功能

随着网上购物越来越多，电子订单也日益增多，特需要网上购物系统：
1.首页默认显示所有订单信息，如图所示。

2.正确显示订单状态和对应操作：1是已下单,操作为“发货和删除”;2是已发货，操作为“确认收获和删除”; 3是已收货，操作只有“删除”，如图所示。

图2 订单状态及对应操作
3.用户点击删除，则弹出提示框，用户点击确定后，删除选中数据并显示最新数据，如图所示。

4.用户点击“发货”操作链接,修改数据库中订单信息,且页面跳转到列表页面展示最新数据，如图所示。

5.用户点击“确定收货”操作链接,修改数据库中订单信息,且页面跳转到列表页面展示最新数据，如图所示。

三、具体要求及推荐实现步骤

JSP版本的实现步骤如下：
（1）按以上数据库要求建库、建表，并添加测试数据。
（2）创建Web工程并创建各个包，导入工程所需的jar文件。
（3）创建实体类。
（4）创建Servlet获取用户不同的请求，并将这些请求转发至业务处理层相应的业务方法。
（5）创建业务处理层，在其中定义业务方法实现系统需求，在这些业务方法中需要执行DAO方法。
（6）创建BaseDAO工具类，使用JDBC完成数据表数据的查询、删除和添加。
（7）编写JSP页面，展示数据的查询结果。
SSM版本的实现步骤如下：
（1）创建数据库和数据表，添加测试数据（至少添加5条测试数据）。
（2）创建Web工程并创建各个包，导入工程所需的jar文件。
（3）添加相关SSM框架支持。
（4）配置项目所需要的各种配置文件（mybatis配置文件、spring配置文件、springMVC配置文件）。
（5）创建实体类。
（6）创建MyBatis操作数据库所需的Mapper接口及其Xml映射数据库操作语句文件。
（7）创建业务逻辑相应的接口及其实现类，实现相应的业务，并在类中加入对DAO/Mapper的引用和注入。
（8）创建Controller控制器类，在Controller中添加对业务逻辑类的引用和注入，并配置springMVC配置文件。
（9）创建相关的操作页面，并使用CSS对页面进行美化。
（10）实现页面的各项操作功能，并在相关地方进行验证，操作要人性化。
（11）调试运行成功后导出相关的数据库文件并提交。

四、数据库设计

1.创建数据库（Shops）。
2.创建数据表（shop_db），结构如下。

/*
Date: 06/08/2021 19:33:22
*/

SET NAMES utf8mb4;
SET FOREIGN_KEY_CHECKS = 0;

-- ----------------------------
-- Table structure for tb_dever
-- ----------------------------
DROP TABLE IF EXISTS `tb_dever`;
CREATE TABLE `tb_dever`  (
  `dev_id` int(11) NOT NULL AUTO_INCREMENT,
  `dev_name` varchar(50) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
  `dev_level` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
  `dev_work_year` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
  `dev_in_year` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
  PRIMARY KEY (`dev_id`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 8 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = Dynamic;

-- ----------------------------
-- Records of tb_dever
-- ----------------------------
INSERT INTO `tb_dever` VALUES (1, '张三', '高级', '40', '2021-08-02');
INSERT INTO `tb_dever` VALUES (2, '李四', '高级', '25', '2021-07-28');
INSERT INTO `tb_dever` VALUES (3, '王五', '中级', '40', '2020-11-13');
INSERT INTO `tb_dever` VALUES (4, '李梅', '高级', '35', '2021-05-12');
INSERT INTO `tb_dever` VALUES (5, '杨齐', '中级', '28', '2021-07-16');

SET FOREIGN_KEY_CHECKS = 1;

目录结构
Shops

JAR包：

src

com.controller

ShopController.java

package com.controller;

import java.util.List;

import javax.annotation.Resource;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import com.entity.TbOrder;
import com.service.impl.ShopService;

@Controller
public class ShopController {
    @Resource
    ShopService shoppService;

    @RequestMapping("/selectAll")
    // 查询所有订单
    public String shooplist(Model model) {
        List<TbOrder> selectAll = shoppService.selectAll();
        model.addAttribute("selectAll", selectAll);
        return "/shopOrder";
    }

    // 订单由已下单1变为已发货2
    @RequestMapping("/update1b2")
    public String updateShopp1b2(int id) {
        int updateShop = shoppService.update1b2(id);
        return "redirect:/selectAll.do";
    }

    // 订单由已发货2变为已收货3
    @RequestMapping("/update2b3")
    public String updateShopp2b3(int id) {
        int updateShop = shoppService.update2b3(id);
        return "redirect:/selectAll.do";
    }

    // 删除订单
    @RequestMapping("/del")
    public String deleteShopp(int id) {
        int deldeteShopp = shoppService.del(id);
        return "redirect:/selectAll.do";
    }
}

com.dao

TbOrderMapper.java

package com.dao;

import java.util.List;

import com.entity.TbOrder;

public interface TbOrderMapper {
    int deleteByPrimaryKey(Integer id);

    int insert(TbOrder record);

    TbOrder selectByPrimaryKey(Integer id);

    List<TbOrder> selectAll();

    int updateByPrimaryKey(TbOrder record);

    int update1b2(int id);

    int update2b3(int id);
}

TbOrderMapper.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.dao.TbOrderMapper">
    <resultMap id="BaseResultMap" type="com.entity.TbOrder">
        <id column="id" property="id" jdbcType="INTEGER" />
        <result column="goodName" property="goodname" jdbcType="VARCHAR" />
        <result column="goodPrice" property="goodprice" jdbcType="VARCHAR" />
        <result column="count" property="count" jdbcType="INTEGER" />
        <result column="total" property="total" jdbcType="VARCHAR" />
        <result column="orderDate" property="orderdate" jdbcType="VARCHAR" />
        <result column="userName" property="username" jdbcType="VARCHAR" />
        <result column="state" property="state" jdbcType="VARCHAR" />
    </resultMap>
    <delete id="del" parameterType="java.lang.Integer">
        delete from tb_order
        where id = #{id,jdbcType=INTEGER}
    </delete>
    <insert id="insert" parameterType="com.entity.TbOrder">
        insert into tb_order (id, goodName, goodPrice,
        count, total, orderDate,
        userName, state)
        values (#{id,jdbcType=INTEGER}, #{goodname,jdbcType=VARCHAR},
        #{goodprice,jdbcType=VARCHAR},
        #{count,jdbcType=INTEGER}, #{total,jdbcType=VARCHAR}, #{orderdate,jdbcType=VARCHAR},
        #{username,jdbcType=VARCHAR}, #{state,jdbcType=VARCHAR})
    </insert>
    <update id="updateByPrimaryKey" parameterType="com.entity.TbOrder">
        update tb_order
        set goodName = #{goodname,jdbcType=VARCHAR},
        goodPrice = #{goodprice,jdbcType=VARCHAR},
        count = #{count,jdbcType=INTEGER},
        total = #{total,jdbcType=VARCHAR},
        orderDate = #{orderdate,jdbcType=VARCHAR},
        userName = #{username,jdbcType=VARCHAR},
        state = #{state,jdbcType=VARCHAR}
        where id = #{id,jdbcType=INTEGER}
    </update>
    <select id="selectByPrimaryKey" resultMap="BaseResultMap"
        parameterType="java.lang.Integer">
        select id, goodName, goodPrice, count, total, orderDate, userName, state
        from tb_order
        where id = #{id,jdbcType=INTEGER}
    </select>
    <select id="selectAll" resultMap="BaseResultMap">
        select id, goodName, goodPrice, count, total, orderDate, userName, state
        from tb_order
    </select>
    <update id="update1b2" parameterType="com.entity.TbOrder">
        update tb_order
        <trim prefix="set" suffixOverrides=",">
            <if test="state=1">
                state=2,
            </if>

        </trim>
        where id = #{id,jdbcType=INTEGER}
    </update>
    <update id="update2b3" parameterType="com.entity.TbOrder">
        update tb_order
        <trim prefix="set" suffixOverrides=",">

            <if test="state=2">
                state=3,
            </if>
        </trim>
        where id = #{id,jdbcType=INTEGER}
    </update>
</mapper>

com.entity

TbOrder.java

package com.entity;

public class TbOrder {
    private Integer id;

    private String goodname;

    private String goodprice;

    private Integer count;

    private String total;

    private String orderdate;

    private String username;

    private String state;

    public Integer getId() {
        return id;
    }

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

    public String getGoodname() {
        return goodname;
    }

    public void setGoodname(String goodname) {
        this.goodname = goodname == null ? null : goodname.trim();
    }

    public String getGoodprice() {
        return goodprice;
    }

    public void setGoodprice(String goodprice) {
        this.goodprice = goodprice == null ? null : goodprice.trim();
    }

    public Integer getCount() {
        return count;
    }

    public void setCount(Integer count) {
        this.count = count;
    }

    public String getTotal() {
        return total;
    }

    public void setTotal(String total) {
        this.total = total == null ? null : total.trim();
    }

    public String getOrderdate() {
        return orderdate;
    }

    public void setOrderdate(String orderdate) {
        this.orderdate = orderdate == null ? null : orderdate.trim();
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username == null ? null : username.trim();
    }

    public String getState() {
        return state;
    }

    public void setState(String state) {
        this.state = state == null ? null : state.trim();
    }
}

com.service.impl

ShopService.java

package com.service.impl;

import java.util.List;

import com.entity.TbOrder;

public interface ShopService {
    //查询所有
    List<TbOrder> selectAll();
    // 订单由已下单1变为已发货2
    int update1b2(int id);
    // 订单由已发货2变为已收货3
    int update2b3(int id);
    // 删除订单
    int del(Integer id);
}

ShopServiceImpl.java

package com.service.impl;

import java.util.List;

import javax.annotation.Resource;

import org.springframework.stereotype.Service;

import com.dao.TbOrderMapper;
import com.entity.TbOrder;
@Service
public class ShopServiceImpl implements ShopService {

    @Resource
    TbOrderMapper mapper;
    // 查询所有订单
    @Override
    public List<TbOrder> selectAll() {
        List<TbOrder> listShopp=mapper.selectAll();
        return listShopp;
    }
    // 删除订单
    @Override
    public int del(Integer id) {
        int deleteShoop=mapper.deleteByPrimaryKey(id);
        return deleteShoop;
    }
    // 订单由已下单1变为已发货2
    @Override
    public int update1b2(int id) {
        int updateshopp=mapper.update1b2(id);
        return updateshopp;
    }
    // 订单由已发货2变为已收货3
    @Override
    public int update2b3(int id) {
        int updateshopp1=mapper.update2b3(id);
        return updateshopp1;
    }

}

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>
        <package name="com.entity"/>
    </typeAliases>
</configuration>

spring

applicationContext-dao.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xmlns="http://www.springframework.org/schema/beans"
        xmlns:context="http://www.springframework.org/schema/context"
        xmlns:aop="http://www.springframework.org/schema/aop"
        xmlns:tx="http://www.springframework.org/schema/tx"
        xmlns:mvc="http://www.springframework.org/schema/mvc"
        xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans-4.2.xsd
        http://www.springframework.org/schema/context
        http://www.springframework.org/schema/context/spring-context-4.2.xsd
        http://www.springframework.org/schema/aop
        http://www.springframework.org/schema/aop/spring-aop-4.2.xsd
        http://www.springframework.org/schema/tx
        http://www.springframework.org/schema/tx/spring-tx-4.2.xsd
        http://www.springframework.org/schema/mvc
        http://www.springframework.org/schema/mvc/spring-mvc-4.2.xsd ">
        <context:property-placeholder location="classpath:dataSource.properties"/>
        <!-- 数据源配置 -->
        <bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource">
            <property name="driverClassName" value="${db.driverClass}"></property>
            <property name="Url" value="${db.jdbcUrl}"></property>
            <property name="username" value="${db.user}"></property>
            <property name="password" value="${db.password}"></property>
        </bean>
        <!-- 配置SqlSessionFactory -->
        <bean class="org.mybatis.spring.SqlSessionFactoryBean">
            <!-- 设置MyBatis核心配置文件 -->
            <property name="configLocation" value="classpath:MyBatis/SqlMapConfig.xml"></property>
            <!-- 设置数据源 -->
            <property name="dataSource" ref="dataSource"></property>
        </bean>
        <!-- 配置Mapper扫描 -->
        <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
            <!-- 设置Mapper扫描包 -->
            <property name="basePackage" value="com.dao"></property>
        </bean>
</beans>

applicationContext-service.xml

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

    <!-- 配置Service层扫描 -->
    <context:component-scan base-package="com.service"></context:component-scan>
    <!-- 配置事务管理层 -->
    <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <property name="dataSource" ref="dataSource"></property>
    </bean>
    <!-- 开启注解方式管理AOP事务 -->
    <tx:annotation-driven transaction-manager="transactionManager"/>
</beans>

spring-mvc.xml

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

    <!-- 配置Controller层扫描包 -->
        <context:component-scan base-package="com.controller"></context:component-scan>
    <!-- 配置注解驱动 -->
    <mvc:annotation-driven></mvc:annotation-driven>
    <!-- 配置视图解析器 -->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" >
                <property name="prefix" value="/WEB-INF/jsp"></property>
                <property name="suffix" value=".jsp"></property>
    </bean>
</beans>

dataSource.properties

jdbc.url=jdbc:mysql://localhost:3306/shop_db?useUnicode=true&characterEncoding=UTF-8&useSSL=false
jdbc.username=root
jdbc.password=123456
jdbc.driver=com.mysql.jdbc.Driver

WebContent

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
  <display-name>com.ssm.one</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  <context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>classpath:spring/applicationContext-*.xml</param-value>
  </context-param>
  <listener>
    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  </listener>
  <servlet>
    <servlet-name>springmvc</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:spring/spring-mvc.xml</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>springmvc</servlet-name>
    <url-pattern>*.do</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>

JSP

index.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"
        +request.getServerPort()+path;
%>
<html>
<head>
<meta charset="utf-8">
<title>登录</title>
</head>
<body>
<script type="text/javascript">
    window.location.href="<%=basePath%>/selectAll.do";
</script>
</body>
</html>

shopOrder.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<head>
<meta charset="utf-8">
<title>网上购物系统</title>

<style type="text/css">
         h2{
            position:relative;
            left:40%;
        }
        table{

            text-align: center;

        }
        .foot{

            margin-right: 100px;
            float: right;
        }
        tr:hover{
        background: #EEEEEE;
         }
       a{
        text-decoration: none;
       }
      p{
        text-align: right;
    }
     </style>
</head>
<body>

<h2>订单管理</h2>
 <form action="shooplists.do" method="post">
    <table width="100%" border="1px" cellpadding="3" cellspacing="0">
              <tr style="background-color: #42B983;color:white">
                <th width="80px">订单编号</th>
                <th width="150px">商品名称</th>
                <th width="150px">商品价格</th>
                <th width="150px">购买数量</th>
                <th width="150px">商品总价</th>
                <th width="200px">下单时间</th>
                <th width="150px">下单用户</th>
                <th width="150px">订单状态</th>
                <th width="200px">操作</th>
              </tr>
              <c:forEach var="list" items="${selectAll }" varStatus="item" >
                <tr>
                    <td width="150px">${list.id}</td>
                    <td width="150px">${list.goodname}</td>
                    <td width="150px">${list.goodprice}</td>
                    <td width="150px">${list.count}</td>
                    <td width="150px">${list.total}</td>
                    <td width="150px">${list.orderdate}</td>
                    <td width="150px">${list.username}</td>
                    <td width="150px">
                        <c:if test="${list.state==1}">
                            已下单
                        </c:if>
                        <c:if test="${list.state==2}">
                            已发货
                        </c:if>
                        <c:if test="${list.state==3}">
                            已收货
                        </c:if>
                    </td>
                    <td width="160px">

                    <c:if test="${list.state==1}">
                        <a href="javascript:if(confirm('该订单确定发货吗?'))location='update1b2.do?id=${list.id}'">发货</a>
                         &nbsp; &nbsp; &nbsp; &nbsp;
                        <a href="javascript:if(confirm('确实要删除吗?'))location='del.do?id=${list.id}'">删除</a>
                    </c:if>
                    <c:if test="${list.state==2}">
                        <a href="javascript:if(confirm('确定收货吗?'))location='update2b3.do?id=${list.id}'">确认收货</a>
                           &nbsp; &nbsp; &nbsp; &nbsp;
                         <a href="javascript:if(confirm('确实要删除吗?'))location='del.do?id=${list.id}'">删除</a>
                    </c:if>
                    <c:if test="${list.state==3}">
                             <a href="javascript:if(confirm('确实要删除吗?'))location='del.do?id=${list.id}'">删除</a>
                    </c:if>
                    </td>
                 </tr>
              </c:forEach>
            </table>
</form>
</body>
</html>

手机扫一扫

移动阅读更方便

你可能感兴趣的文章

速率限制part3—基于Ambassador API网关实现Java速率限制服务

SpringBoot对接OpenAI

gitlab与LDAP 联调

MQTT vs. XMPP，哪一个才是IoT通讯协议的正解

一文解开主流开源变更数据捕获技术之Flink CDC的入门使用