AI 助理
备案控制台
开发者社区 数据库 文章 正文

【Spring Boot+Thymeleaf+MyBatis+mysql】实现电子商务平台实战（附源码）持续更新~~ 包括sql语句、java、html代码

2023-12-19 215
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
本文涉及的产品
RDS MySQL Serverless 基础系列，0.5-2RCU 50GB
推荐场景：
学生管理系统数据库设计 搭建个人博客
云数据库 RDS MySQL，集群系列 2核4GB
推荐场景：
搭建个人博客
云数据库 RDS MySQL，高可用系列 2核4GB
简介： 【Spring Boot+Thymeleaf+MyBatis+mysql】实现电子商务平台实战（附源码）持续更新~~ 包括sql语句、java、html代码

源码请点赞关注收藏后评论区留言和私信博主

开发环境：Web服务器使用Servlet容器，数据库采用mysql，集成开发环境为Spring Tool Suite（STS)

一、系统设计

电子商务平台分为两个子系统 一个是后台管理系统 一个是电子商务系统，下面分别讲解着两个子系统的功能需要与模块划分

系统功能需求

1：后台管理子系统

要求管理员登录成功后，才能对商品进行管理，包括添加商品，查询商品，修改商品以及删除商品，除商品管理外，管理员还需要对商品类型，注册用户以及用户的订单等进行管理

2：电子商务子系统

（1）：非注册用户

具有浏览首页，查看商品详情以及搜索商品的功能

（2）：注册用户

还可以购买商品，查看购物车，收藏商品，查看订单等等

系统模块划分

1：后台管理子系统

模块划分如下

2：电子商务子系统

模块划分如下

二、数据库设计

系统采用加载纯Java数据库驱动程序的方式连接MYSQL数据库，创建数据库shop并创建8张系统表 数据库E-R图如下

建表的sql语句此处省略 需要请点赞关注收藏后私信博主

部分sql语句如下

/*
Navicat MySQL Data Transfer
Source Server         : testSpringMVC
Source Server Version : 50519
Source Host           : localhost:3306
Source Database       : shop
Target Server Type    : MYSQL
Target Server Version : 50519
File Encoding         : 65001
Date: 2019-10-08 07:41:20
*/
SET FOREIGN_KEY_CHECKS=0;
-- ----------------------------
-- Table structure for `ausertable`
-- ----------------------------
DROP TABLE IF EXISTS `ausertable`;
CREATE TABLE `ausertable` (
  `aname` varchar(50) COLLATE utf8_unicode_ci NOT NULL,
  `apwd` varchar(50) COLLATE utf8_unicode_ci NOT NULL,
  PRIMARY KEY (`aname`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
-- ----------------------------
-- Records of ausertable
-- ----------------------------
INSERT INTO ausertable VALUES ('admin', 'admin');
-- ----------------------------
-- Table structure for `busertable`
-- ----------------------------
DROP TABLE IF EXISTS `busertable`;
CREATE TABLE `busertable` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `bemail` varchar(50) COLLATE utf8_unicode_ci NOT NULL,
  `bpwd` varchar(32) COLLATE utf8_unicode_ci NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=9 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
-- ----------------------------
-- Records of busertable
-- ----------------------------
INSERT INTO busertable VALUES ('6', 'chenhengdl@126.com', '78f8a7ae700c91db09facb05a675432b');
-- ----------------------------
-- Table structure for `carttable`
-- ----------------------------
还没弄
DROP TABLE IF EXISTS `carttable`;
CREATE TABLE `carttable` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `busertable_id` int(11) NOT NULL,
  `goodstable_id` int(11) NOT NULL,
  `shoppingnum` int(11) NOT NULL,
  PRIMARY KEY (`id`),
  KEY `bid` (`busertable_id`),
  KEY `gno` (`goodstable_id`),
  CONSTRAINT `bid` FOREIGN KEY (`busertable_id`) REFERENCES `busertable` (`id`),
  CONSTRAINT `gno` FOREIGN KEY (`goodstable_id`) REFERENCES `goodstable` (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
-- ----------------------------
-- Records of carttable
-- ----------------------------
-- ----------------------------
-- Table structure for `focustable`
-- ----------------------------
还没弄
DROP TABLE IF EXISTS `focustable`;
CREATE TABLE `focustable` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `goodstable_id` int(11) NOT NULL,
  `busertable_id` int(11) NOT NULL,
  `focustime` datetime DEFAULT NULL,
  PRIMARY KEY (`id`),
  KEY `gno1` (`goodstable_id`),
  KEY `bid1` (`busertable_id`),
  CONSTRAINT `bid1` FOREIGN KEY (`busertable_id`) REFERENCES `busertable` (`id`),
  CONSTRAINT `gno1` FOREIGN KEY (`goodstable_id`) REFERENCES `goodstable` (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
-- ----------------------------
-- Records of focustable
-- ----------------------------
INSERT INTO focustable VALUES ('5', '29', '6', '2019-10-05 14:55:51');
-- ----------------------------
-- Table structure for `goodstable`
-- ----------------------------
还没弄
DROP TABLE IF EXISTS `goodstable`;
CREATE TABLE `goodstable` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `gname` varchar(50) COLLATE utf8_unicode_ci DEFAULT NULL,
  `goprice` double DEFAULT NULL,
  `grprice` double DEFAULT NULL,
  `gstore` int(11) DEFAULT NULL,
  `gpicture` varchar(50) COLLATE utf8_unicode_ci DEFAULT NULL,
  `isRecommend` tinyint(2) DEFAULT NULL,
  `isAdvertisement` tinyint(2) DEFAULT NULL,
  `goodstype_id` int(11) DEFAULT NULL,
  PRIMARY KEY (`id`),
  KEY `typeid` (`goodstype_id`),
  CONSTRAINT `typeid` FOREIGN KEY (`goodstype_id`) REFERENCES `goodstype` (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=36 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
-- ----------------------------
-- Records of goodstable
-- ----------------------------
INSERT INTO goodstable VALUES ('26', '广告商品4', '90', '80', '1000', '201910274135059473.jpg', '0', '1', '2');
INSERT INTO goodstable VALUES ('27', '广告商品5', '80', '30', '122', '201910274135126352.jpg', '0', '1', '3');
INSERT INTO goodstable VALUES ('28', '抱枕11号', '100', '20', '200', '201910274135150096.jpg', '1', '0', '14');
INSERT INTO goodstable VALUES ('29', '抱枕22号', '300', '200', '180', '201910274135212497.jpg', '1', '0', '15');
INSERT INTO goodstable VALUES ('32', '抱枕99', '80', '70', '80', '201910280135330014.jpg', '1', '0', '14');
DROP TABLE IF EXISTS `orderdetail`;
CREATE TABLE `orderdetail` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `orderbasetable_id` int(11) NOT NULL,
  `goodstable_id` int(11) NOT NULL,
  `shoppingnum` int(11) NOT NULL,
  PRIMARY KEY (`id`),
  KEY `odsn` (`orderbasetable_id`),
  KEY `gno3` (`goodstable_id`),
  CONSTRAINT `gno3` FOREIGN KEY (`goodstable_id`) REFERENCES `goodstable` (`id`),
  CONSTRAINT `odsn` FOREIGN KEY (`orderbasetable_id`) REFERENCES `orderbasetable` (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=7 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
-- ----------------------------
-- Records of orderdetail
-- ----------------------------
INSERT INTO orderdetail VALUES ('5', '3', '29', '20');
INSERT INTO orderdetail VALUES ('6', '4', '33', '20');

建表后效果如下

 

三、系统管理

1：添加相关依赖

在pom.xml文件中添加如下代码

<!-- 添加MySQL依赖 -->
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>5.1.45</version>
<!-- MySQL8.x时，请使用8.x的连接器 -->
</dependency>
<!-- MyBatis-Spring，Spring Boot应用整合MyBatis框架的核心依赖配置 -->
<dependency>
<groupId>org.mybatis.spring.boot</groupId>
<artifactId>mybatis-spring-boot-starter</artifactId>
<version>2.1.0</version>
</dependency>
<dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<!-- 由于commons-fileupload组件不属于Spring Boot，所以需要加上版本 -->
<version>1.3.3</version>
</dependency>

应用的目录结构如下

 

 

在配置文件application.properties中添加如下代码

server.servlet.context-path=/eBusiness
###
##数据源信息配置
###
#数据库地址
spring.datasource.url=jdbc:mysql://localhost:3306/shop?characterEncoding=utf8
#数据库MySQL为8.x时，url为jdbc:mysql://localhost:3306/springbootjpa?useSSL=false&serverTimezone=Asia/Beijing&characterEncoding=utf-8
#数据库用户名
spring.datasource.username=root
#数据库密码
spring.datasource.password=root
#数据库驱动
spring.datasource.driver-class-name=com.mysql.jdbc.Driver
#设置包别名（在Mapper映射文件中直接使用实体类名）
mybatis.type-aliases-package=com.ch.ebusiness.entity
#告诉系统在哪里去找mapper.xml文件（映射文件）
mybatis.mapperLocations=classpath:mappers/*.xml
#在控制台输出SQL语句日志
logging.level.com.ch.ebusiness.repository=debug
#关闭Thymeleaf模板引擎缓存（使页面热部署），默认是开启的
spring.thymeleaf.cache=false
#上传文件时，默认单个上传文件大小是1MB，max-file-size设置单个上传文件大小
spring.servlet.multipart.max-file-size=50MB
#默认总文件大小是10MB，max-request-size设置总上传文件大小
spring.servlet.multipart.max-request-size=500MB

四、组件设计

包括 管理员登录权限验证 前台用户登录权限验证 验证码 统一异常处理 工具类等等

五、后台管理子系统的实现

管理员登录界面如下

代码如下

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>管理员登录页面</title>
<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}" />
<body>
  <div class="container">
      <div class="bg-primary"  style="width:70%; height: 60px;padding-top: 1px;">
         <h3 align="center">管理员登录</h3>
     </div>
    <br>
    <br>
    <form th:action="@{/admin/login}" name="myform" method="post" th:object="${aUser}"  class="form-horizontal" role="form" >
      <div class="form-group has-success">
        <label class="col-sm-2 col-md-2 control-label">用户名</label>
        <div class="col-sm-4 col-md-4">
          <input type="text" class="form-control"
           placeholder="请输入管理员名"
          th:field="*{aname}"/>
          <span th:errors="*{aname}"></span>
        </div>
      </div>
      <div class="form-group has-success">
          <label class="col-sm-2 col-md-2 control-label">密码</label>
          <div class="col-sm-4 col-md-4">
              <input type="password" class="form-control"
           placeholder="请输入您的密码" th:field="*{apwd}"/>
           <span th:errors="*{apwd}"></span>
          </div>
       </div>
      <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
          <button type="submit"class="btn btn-success" >登录</button>
          <button type="reset" class="btn btn-primary" >重置</button>
        </div>
      </div>
      <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
          <font size="6" color="red">
            <span th:text="${errorMessage }"></span>
          </font>
        </div>
      </div>
    </form>
  </div>
</body>
</html>

类型管理界面如下 包括增删改查

添加类型页面代码如下

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>商品类型添加页面</title>
<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}" />
<body>
  <div th:include="admin/header"></div>
  <br><br><br>
  <div class="container">
    <div class="bg-primary"  style="width:70%; height: 60px;padding-top: 0.5px;">
         <h3 align="center">添加类型</h3>
     </div><br>
    <form th:action="@{/type/addType}" name="myform" method="post" th:object="${goodsType}"  class="form-horizontal" role="form" >
      <div class="form-group has-success">
        <label class="col-sm-2 col-md-2 control-label">类型名称</label>
        <div class="col-sm-4 col-md-4">
          <input type="text" class="form-control"
           placeholder="请输入类型名"
          th:field="*{typename}"/>
        </div>
      </div>
      <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
          <button type="submit"class="btn btn-success" >添加</button>
          <button type="reset" class="btn btn-primary" >重置</button>
        </div>
      </div>
    </form>
  </div>
</body>
</html>

添加商品效果如下

代码如下

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>商品类型添加页面</title>
<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}" />
<body>
  <div th:include="admin/header"></div>
  <br><br><br>
  <div class="container">
    <div class="bg-primary"  style="width:70%; height: 60px;padding-top: 0.5px;">
         <h3 align="center">添加商品</h3>
     </div><br>
    <form th:action="@{/goods/addGoods?act=add}"
     name="myform" method="post" 
     th:object="${goods}"  
     class="form-horizontal" 
     enctype="multipart/form-data" >
      <div class="form-group has-success">
        <label class="col-sm-2 col-md-2 control-label">商品名称</label>
        <div class="col-sm-4 col-md-4">
          <input type="text" class="form-control"
           placeholder="请输入商品名"
          th:field="*{gname}"/>
        </div>
      </div>
      <div class="form-group has-success">
        <label class="col-sm-2 col-md-2 control-label">商品原价</label>
        <div class="col-sm-4 col-md-4">
          <input type="number" class="form-control"
           placeholder="请输入商品原价"
          th:field="*{goprice}"/>
        </div>
      </div>
      <div class="form-group has-success">
        <label class="col-sm-2 col-md-2 control-label">商品折扣价</label>
        <div class="col-sm-4 col-md-4">
          <input type="number" class="form-control"
           placeholder="请输入商品折扣价"
          th:field="*{grprice}"/>
        </div>
      </div>
      <div class="form-group has-success">
        <label class="col-sm-2 col-md-2 control-label">商品库存</label>
        <div class="col-sm-4 col-md-4">
          <input type="number" class="form-control"
           placeholder="请输入商品库存"
          th:field="*{gstore}"/>
        </div>
      </div>
      <div class="form-group has-success">
          <label class="col-sm-2 col-md-2 control-label">商品图片</label>
          <div class="col-sm-4 col-md-4">
              <input type="file" placeholder="请选择商品图片"  class="form-control" name="fileName"/>
          </div>
       </div>
      <div class="form-group has-success">
        <label class="col-sm-2 col-md-2 control-label">是否推荐</label>
        <div class="col-sm-4 col-md-4 radio">
          <label> 
            <input type="radio" th:field="*{isRecommend}" value="1">是
          </label>
          <label> 
            <input type="radio"  th:field="*{isRecommend}" value="0">否
          </label>
        </div>
      </div>
      <div class="form-group has-success">
        <label class="col-sm-2 col-md-2 control-label">是否广告</label>
        <div class="col-sm-4 col-md-4 radio">
          <label> 
            <input type="radio" th:field="*{isAdvertisement}" value="1">是
          </label>
          <label> 
            <input type="radio"    th:field="*{isAdvertisement}"s  value="0">否
          </label>
        </div>
      </div>
      <div class="form-group has-success">
        <label class="col-sm-2 col-md-2 control-label">商品类型</label>
        <div class="col-sm-4 col-md-4">
          <select class="form-control" th:field="*{goodstype_id}">
                        <option th:each="gty:${goodsType}" th:value="${gty.id}" th:text="${gty.typename}">
          </select>
        </div>
      </div>
      <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
          <button type="submit"class="btn btn-success" >添加</button>
          <button type="reset" class="btn btn-primary" >重置</button>
        </div>
      </div>
    </form>
  </div>
</body>
</html>

其余的删除修改页面此处省略 有需要者点赞关注收藏后评论区留言或私信博主

六、前台商务子系统的实现

导航页效果如下 点击即可跳转到其他页面

代码如下

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>导航页</title>
<base th:href="@{/}"><!-- 不用base就使用th:src="@{/js/jquery.min.js} -->
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<style type="text/css">
     .carousel{
         height: 200px;
         background-color: #000;
      }
      .carousel .item{
         height: 200px;
         background-color: #000;
      }
      .carousel img{
         width: 100%;
      }
</style>
</head>
<body>
  <div class="container-fruid">
    <div class="navbar navbar-default navbar-fixed-top" role="navigation"
      style="padding-left: 30px;">
      <div class="navbar-header">
        <span class="navbar-brand">欢迎光临eBusiness</span>
      </div>
      <ul class="nav navbar-nav">
        <li><a th:href="@{user/toRegister}">注册</a></li>
        <li>
          <a th:href="(${session.bUser} == null)?'user/toLogin':'#'" >
            <span th:if="${session.bUser} == null" >
              登录
            </span>
            <span th:if="${session.bUser} != null" >
              欢迎<span th:text="${session.bUser.bemail}" ></span>
            </span>
          </a>
        </li>
        <li><a th:href="@{admin/toLogin}">后台</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right" style="padding-right: 30px;">
        <li><a href="cart/userInfo">个人信息</a></li>
        <li><a href="cart/selectCart">我的购物车</a></li>
        <li><a href="cart/myFocus">我的收藏</a></li>
        <li><a href="cart/myOder">我的订单</a></li>
        <li class="dropdown"><a href="##" data-toggle="dropdown"
          class="dropdown-toggle">关于我们<span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="##">联系我们</a></li>
            <li><a href="##">投诉建议</a></li>
          </ul>
        </li>
      </ul>
    </div>
    <!-- ************************************************** -->
    <div id="carousel-example-generic" class="carousel slide"
      data-ride="carousel" style="margin-top: 20px;">
      <!-- Indicators 小圆圈-->
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" 
        th:each="advertise,adstat:${advertisementGoods}" 
        th:data-slide-to="${adstat.index}"
        th:class="(${adstat.index}==0)? 'active' : ''"></li>
      </ol>
      <!-- 滚动广告图片 -->
      <div class="carousel-inner" role="listbox">
        <div th:each="advertise,adstat:${advertisementGoods}" th:class="(${adstat.index}==0)? 'item active' : 'item'">
          <img th:src="'images/' + ${advertise.gpicture}" th:alt="${adstat.index + 1}">
          <div class="carousel-caption"><span th:text="${advertise.gname}"></span></div>
        </div>
      </div>
      <!-- Controls -->
      <a class="left carousel-control" href="#carousel-example-generic"
        role="button" data-slide="prev"> <span
        class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a> <a class="right carousel-control" href="#carousel-example-generic"
        role="button" data-slide="next"> <span
        class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
    <!-- *************************************** -->
    <div class="navbar navbar-default " role="navigation">
      <ul class="nav navbar-nav" style="padding-left: 50px;">
        <li><a th:href="@{/}">首页</a></li>
        <li th:each="gty:${goodsType}"><a th:href="'?tid=' + ${gty.id}"><span th:text="${gty.typename}"></span></a></li>
      </ul>
      <form action="search" class="navbar-form navbar-right"
        style="padding-right: 50px;">
        <div class="form-group">
          <input type="text" class="form-control" name="mykey" placeholder="请输入关键词" />
        </div>
        <button type="submit" class="btn btn-default">搜索</button>
      </form>
    </div>
  </div>
</body>
</html>

商品详情页面如下

代码如下

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<base th:href="@{/}"><!-- 不用base就使用th:src="@{/js/jquery.min.js} -->
<meta charset="UTF-8">
<title>商品页面</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<script src="js/jquery.min.js"></script>
<script type="text/javascript" th:inline="javascript">
  function focus(){
      $.ajax(
        {
          //请求路径，要注意的是url和th:inline="javascript"
          url : [[@{/cart/focus}]],
          //请求类型
          type : "post",
          contentType : "application/json",
          //data表示发送的数据
          data : JSON.stringify({
            id : $("#gid").val()
          }),
          //成功响应的结果
          success : function(obj){//obj响应数据
            if(obj == "no"){
              alert("您已收藏该商品！");
            }else if(obj == "ok"){
              alert("成功收藏该商品");
            }else{
              alert("您没有登录，请登录！");
            }
          },
              error : function() {
                  alert("处理异常！");
              }
        } 
      );
  }
  function putCart(){
    if(!(/(^[1-9]\d*$)/.test($("#buyNumber").val()))){
      alert("购买量请输入正整数!");
      $("#buyNumber").focus();
      return;
    }
    if(parseInt($("#buyNumber").val()) > parseInt($("#gstore").text())){
      alert("购买量超出库存!");
      $("#buyNumber").focus();
      return;
    }
    //获取路径
    var pathName=window.document.location.pathname;
    //截取，得到项目名称
    var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
    window.location.href = projectName + "/cart/putCart?id=" +  $("#gid").val() + "&buyNumber=" + $("#buyNumber").val();
  }
</script>
</head>
<body>
  <!-- 加载header.html -->
  <div th:include="user/header"></div>
  <div class="container">
    <div class="row">
      <div class="col-xs-6 col-md-3">
        <img
          th:src="'images/' + ${goods.gpicture}"
          style="height: 220px; width: 280px; display: block;">
      </div>
      <div class="col-xs-6 col-md-3">
        <p>商品名：<span th:text="${goods.gname}"></span></p>
        <p>
          商品折扣价：<span style="color: red;">&yen;
            <span th:text="${goods.grprice}"></span>
          </span>
        </p>
        <p>
          商品原价：
          <span class="text-dark" style="text-decoration: line-through;"> &yen;
            <span th:text="${goods.goprice}"></span>
          </span>
        </p>
        <p>
          商品类型：<span th:text="${goods.typename}"></span>
        </p>
        <p>
          库存：<span id="gstore"  th:text="${goods.gstore}"></span>
        </p>
        <p>
          <input type="text" size="12" class="form-control" placeholder="请输入购买量" id="buyNumber" name="buyNumber"/>
          <input type="hidden" name="gid" id="gid" th:value="${goods.id}"/>
        </p>
        <p>
          <a href="javascript:focus()" class="btn btn-primary"
            style="font-size: 10px;">加入收藏</a>
          <a href="javascript:putCart()" class="btn btn-success"
            style="font-size: 10px;">加入购物车</a>
        </p>
      </div>
    </div>
  </div>
</body>
</html>

测试效果如下

如果账号密码不对则弹出错误窗口

 

 

还有用户注册 登录页面 购物车 下单页面 个人信息 我的收藏页面等等此处省略

需要源码请点赞关注收藏后评论区留言或 私信博主即可

文章标签：
云数据库 RDS MySQL 版
Java
SQL
Spring
数据库
关系型数据库
关键词：
Java SQL
云数据库 RDS MySQL 版sql
Spring Boot源码
Java代码
Java实战
相关实践学习
如何快速连接云数据库RDS MySQL
本场景介绍如何通过阿里云数据管理服务DMS快速连接云数据库RDS MySQL，然后进行数据表的CRUD操作。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心，利用清洁计算为万物互联的新世界提供源源不断的能源动力，目前开服的区域包括中国（华北、华东、华南、香港）、新加坡、美国（美东、美西）、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程，来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品：云服务器ECS 云服务器 ECS（Elastic Compute Service）是一种弹性可伸缩的计算服务，助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
热烈的马
目录
相关文章
蓝染-惣右介
|
6天前
|
Java 数据库连接 Maven
最新版 | 深入剖析SpringBoot3源码——分析自动装配原理（面试常考）
自动装配是现在面试中常考的一道面试题。本文基于最新的 SpringBoot 3.3.3 版本的源码来分析自动装配的原理，并在文未说明了SpringBoot2和SpringBoot3的自动装配源码中区别，以及面试回答的拿分核心话术。
蓝染-惣右介
30 2
最新版 | 深入剖析SpringBoot3源码——分析自动装配原理（面试常考）
疯狂的猿
|
16天前
|
存储 JavaScript 前端开发
基于 SpringBoot 和 Vue 开发校园点餐订餐外卖跑腿Java源码
一个非常实用的校园外卖系统，基于 SpringBoot 和 Vue 的开发。这一系统源于黑马的外卖案例项目 经过站长的进一步改进和优化，提供了更丰富的功能和更高的可用性。 这个项目的架构设计非常有趣。虽然它采用了SpringBoot和Vue的组合，但并不是一个完全分离的项目。 前端视图通过JS的方式引入了Vue和Element UI，既能利用Vue的快速开发优势，
疯狂的猿
87 13
高端源码库
|
24天前
|
JavaScript 安全 Java
java版药品不良反应智能监测系统源码，采用SpringBoot、Vue、MySQL技术开发
基于B/S架构，采用Java、SpringBoot、Vue、MySQL等技术自主研发的ADR智能监测系统，适用于三甲医院，支持二次开发。该系统能自动监测全院患者药物不良反应，通过移动端和PC端实时反馈，提升用药安全。系统涵盖规则管理、监测报告、系统管理三大模块，确保精准、高效地处理ADR事件。
高端源码库
40 1
一位隐者
|
29天前
|
Java 关系型数据库 MySQL
如何将Spring Boot + MySQL应用程序部署到Pivotal Cloud Foundry (PCF)
如何将Spring Boot + MySQL应用程序部署到Pivotal Cloud Foundry (PCF)
一位隐者
48 5
栈江湖
|
7天前
|
存储 Oracle 关系型数据库
数据库传奇：MySQL创世之父的两千金My、Maria
《数据库传奇：MySQL创世之父的两千金My、Maria》介绍了MySQL的发展历程及其分支MariaDB。MySQL由Michael Widenius等人于1994年创建，现归Oracle所有，广泛应用于阿里巴巴、腾讯等企业。2009年，Widenius因担心Oracle收购影响MySQL的开源性，创建了MariaDB，提供额外功能和改进。维基百科、Google等已逐步替换为MariaDB，以确保更好的性能和社区支持。掌握MariaDB作为备用方案，对未来发展至关重要。
栈江湖
27 3
栈江湖
|
7天前
|
安全 关系型数据库 MySQL
MySQL崩溃保险箱：探秘Redo/Undo日志确保数据库安全无忧！
《MySQL崩溃保险箱：探秘Redo/Undo日志确保数据库安全无忧！》介绍了MySQL中的三种关键日志：二进制日志（Binary Log）、重做日志（Redo Log）和撤销日志（Undo Log）。这些日志确保了数据库的ACID特性，即原子性、一致性、隔离性和持久性。Redo Log记录数据页的物理修改，保证事务持久性；Undo Log记录事务的逆操作，支持回滚和多版本并发控制（MVCC）。文章还详细对比了InnoDB和MyISAM存储引擎在事务支持、锁定机制、并发性等方面的差异，强调了InnoDB在高并发和事务处理中的优势。通过这些机制，MySQL能够在事务执行、崩溃和恢复过程中保持
栈江湖
31 3
栈江湖
|
7天前
|
SQL 关系型数据库 MySQL
数据库灾难应对：MySQL误删除数据的救赎之道，技巧get起来！之binlog
《数据库灾难应对：MySQL误删除数据的救赎之道，技巧get起来！之binlog》介绍了如何利用MySQL的二进制日志（Binlog）恢复误删除的数据。主要内容包括： 1. **启用二进制日志**：在`my.cnf`中配置`log-bin`并重启MySQL服务。 2. **查看二进制日志文件**：使用`SHOW VARIABLES LIKE &#39;log_%&#39;;`和`SHOW MASTER STATUS;`命令获取当前日志文件及位置。 3. **创建数据备份**：确保在恢复前已有备份，以防意外。 4. **导出二进制日志为SQL语句**：使用`mysqlbinlog`
栈江湖
36 2
AIweker
|
21天前
|
关系型数据库 MySQL 数据库
Python处理数据库：MySQL与SQLite详解 | python小知识
本文详细介绍了如何使用Python操作MySQL和SQLite数据库，包括安装必要的库、连接数据库、执行增删改查等基本操作，适合初学者快速上手。
AIweker
150 15
1436047922066202
|
14天前
|
SQL 关系型数据库 MySQL
数据库数据恢复—Mysql数据库表记录丢失的数据恢复方案
Mysql数据库故障： Mysql数据库表记录丢失。 Mysql数据库故障表现： 1、Mysql数据库表中无任何数据或只有部分数据。 2、客户端无法查询到完整的信息。
1436047922066202
48 5
1436047922066202
|
21天前
|
关系型数据库 MySQL 数据库
数据库数据恢复—MYSQL数据库文件损坏的数据恢复案例
mysql数据库文件ibdata1、MYI、MYD损坏。 故障表现：1、数据库无法进行查询等操作；2、使用mysqlcheck和myisamchk无法修复数据库。
1436047922066202
78 6

热门文章

最新文章

  • 1
    Springboot通过SSE实现实时消息返回
  • 2
    使用Qwen2.5+SpringBoot+SpringAI+SpringWebFlux的基于意图识别的多智能体架构方案
  • 3
    SpringBoot：CORS是什么？SpringBoot如何解决跨域问题？
  • 4
    如何用Spring Boot实现拦截器：从入门到实践
  • 5
    Spring Boot集成MinIO
  • 6
    Spring Boot 与 Apache Kafka 集成详解：构建高效消息驱动应用
  • 7
    如何使用Spring Boot进行表单登录身份验证：从基础到实践
  • 8
    实现跨域请求：Spring Boot后端的解决方案
  • 9
    Spring Boot中的分布式缓存方案
  • 10
    什么是缓存？如何在 Spring Boot 中使用缓存框架
  • 1
    html在线预览CAD（手机小程序浏览DWG）二次开发图层表的方法
    143
  • 2
    HTML5 Canvas 提供丰富的绘图API，支持绘制图形、文本、渐变和图像，助力游戏开发
    76
  • 3
    好看的html网站维护源码
    249
  • 4
    html+echars图表加日期检索
    62
  • 5
    html+echars的统计报表
    72
  • 6
    【CSDN创作优化1】个人简介优化 html font属性
    67
  • 7
    一种pug与html相互转换的工具
    108
  • 8
    android TextView HTML 的效果
    49
  • 9
    BeautifulSoup 是一个 Python 库，用于从 HTML 和 XML 文件中提取数据
    151
  • 10
    HTML5/CSS3粒子效果进度条代码
    75

    • 相关课程

    更多
  • 云数据库MySQL版快速上手教程
  • 阿里云云原生数据仓库AnalyticDB MySQL版 使用教程
  • MySQL实战进阶
  • Springboot项目云开发快速迁移
  • 数据库及SQL/MySQL基础
  • 云数据库MySQL快速入门

    • 相关电子书

    更多
  • 搭建电商项目架构连接MySQL
  • 搭建4层电商项目架构，实战连接MySQL
  • PolarDB MySQL引擎重磅功能及产品能力盛大发布

    • 相关实验场景

    更多
  • MySQL基础-学生管理系统数据库设计
  • 如何快速连接云数据库RDS MySQL
  • MySQL数据库快速部署实践
  • MySQL引擎及架构优化
  • 基于EBS部署高性能的MySQL服务
  • 使用CloudLens采集RDS日志并进行审计分析

    • 推荐镜像

    更多
  • mysql
  • mariadb
  • postgresql
    • 下一篇
    手把手教你白嫖阿里云服务器(免费领服务器)