• SpringBoot电商项目之购物车下单（沙箱支付）

    目录

    一、购物车结算前端功能实现

    二、购物车结算后端功能实现

    1.从session中获取购物车对象

    2.筛选出要结算的订单项列表集合

    3.订单页前台展示

    三、结算页的下单前端

    生成订单

    1.前端相关处理

    四、结算页的下单后端

    2.后台进行下单操作

    五、支付宝支付简介、初步接入以及支付宝支付回调

    1、配置沙箱支付

    沙箱支付应用

    根据官方网站开发文档进行支付宝支付接入

    2、支付成功后变更订单状态

    一、购物车结算前端功能实现

    实现思路

    1.购物车页面实现结算功能，主要是拿到传入后台的gids
2.跳转订单页后台，主要是拿到订单页展示数据
3.订单页前台数据展示

    购物车页面实现结算功能

    注：使用jquery动态实现结算功能，必须勾选购物车中的商品进行结算，没有勾选无法完成结算功能！！！

     

    cart.js进行整改：关于结算按钮的绑定事件
     

     

    1. //计算总共几件商品
    2. 	function zg(){
    3. 		let gids="";
    4. 		var zsl = 0;
    5. 		var index = $(".th input[type='checkbox']:checked").parents(".th").find(".num span");
    6. 		var len =index.length;
    7. 		if(len==0){
    8. 			$("#sl").text(0);
    9. 		}else{
    10. 			let gidarr=new Array();
    11. 			index.each(function(){
    12. 				zsl+=parseInt($(this).text());
    13. 				$("#sl").text(zsl);
    14. 				//TODO	获取当前行的索引
    15. 				let idx = $(this).parents(".th").index()-1;
    16. 				console.log(idx);
    17. 				gidarr.push($(".th").eq(index).find('div:eq(0) input[type=hidden]').val());
    18. 			});
    19. 			gids=gidarr.join(",");
    20. 		}
    21. 		if($("#sl").text()>0){
    22. 			$(".count").css("background","#c10000");
    23. 			$(".count").bind("click",function () {
    24. 			//	拿到gids
    25. 			location.href='/order/toOrder?gids='+gids
    26. 			});
    27. 		}else{
    28. 			$(".count").css("background","#8e8e8e");
    29. 			$(".count").unbind("click");
    30. 		}
    31. 	}
     

     

    测试结果，当点击结算，会跳转访问地址http://localhost:8080/order/toOrder?gids=2,22；
     

    说明gids的值是已经拿到了；
     

     

    然后再次去生成订单、订单项的代码：
     

     

     记得在Order类修改时间的类型：
     

     
     

     

    二、购物车结算后端功能实现
     

     

     
 
    1.从session中获取购物车对象
     
 

     2.筛选出要结算的订单项列表集合
     

     

    OrderController .java：
     

    1. package com.ycx.spbootpro.controller;
    2.  
    3.  
    4. import com.ycx.spbootpro.model.Goods;
    5. import com.ycx.spbootpro.model.User;
    6. import com.ycx.spbootpro.model.vo.ShopCar;
    7. import com.ycx.spbootpro.model.vo.ShopCarItem;
    8. import org.springframework.stereotype.Controller;
    9. import org.springframework.web.bind.annotation.RequestMapping;
    10.  
    11. import org.springframework.web.bind.annotation.RestController;
    12. import org.springframework.web.servlet.ModelAndView;
    13.  
    14. import javax.servlet.http.HttpServletRequest;
    15. import javax.servlet.http.HttpSession;
    16. import java.util.ArrayList;
    17. import java.util.Arrays;
    18. import java.util.List;
    19.  
    20. /**
    21.  * 
    22.  * 订单信息表 前端控制器
    23.  * 
    24.  *
    25.  * @author yangzong
    26.  * @since 2022-11-08
    27.  */
    28. @Controller
    29. @RequestMapping("/order")
    30. public class OrderController {
    31.  
    32.     @RequestMapping("/toOrder")
    33.     public ModelAndView toOrder(User user,
    34.                                 String gids,
    35.                                 HttpServletRequest request){
    36.         ModelAndView mv=new ModelAndView();
    37. //      拿到购物车中的所有商品
    38.         ShopCar shopCar = getShopCar(user, request);
    39. //        通过gids从购物车中筛选出指定的商品
    40.         List<ShopCarItem> list=getGoods(shopCar,gids);
    41.         mv.addObject("goods",list);
    42.         mv.setViewName("order.html");
    43.         return mv;
    44.     }
    45.  
    46.     //通过gids从购物车中筛选出指定的商品
    47.     private List<ShopCarItem> getGoods(ShopCar shopCar, String gids) {
    48.         List<String> gidList = Arrays.asList(gids.split(","));
    49.         List<ShopCarItem> items=shopCar.getItems();//购物车里的商品
    50.         List<ShopCarItem> itemsNew=new ArrayList<>();//购物车中要结算的商品
    51.         for (ShopCarItem item:items){
    52.             if(gidList.contains(item.getGid()+"")){
    53.                 itemsNew.add(item);
    54.             }
    55.         }
    56.         return itemsNew;
    57.     }
    58.  
    59.     //    从session中获取购物车对象
    60.     private ShopCar getShopCar(User user,
    61.                                HttpServletRequest request) {
    62.         HttpSession session = request.getSession();
    63.         ShopCar shopCar = (ShopCar) session.getAttribute(user.getId() + "_shopCar");
    64.         if (shopCar == null) {
    65.             shopCar = new ShopCar();
    66.             session.setAttribute(user.getId() + "_shopCar", shopCar);
    67.         }
    68.         return shopCar;
    69.     }
    70. }
     

     
 
    3.订单页前台展示
     

     

    order.html：
     

    1. html>
    2. <html>
    3. 	<head lang="en">
    4. 		<#include "common/head.html">
    5. 		<link rel="stylesheet" type="text/css" href="css/public.css"/>
    6. 		<link rel="stylesheet" type="text/css" href="css/proList.css" />
    7. 		<link rel="stylesheet" type="text/css" href="css/mygxin.css" />
    8. 	head>
    9. 	<body>
    10. 		
    11. 		<div class="head ding">
    12. 			<div class="wrapper clearfix">
    13. 				<div class="clearfix" id="top">
    14. 					<h1 class="fl"><a href="${ctx}/"><img src="img/logo.png"/>a>h1>
    15. 					<div class="fr clearfix" id="top1">
    16. 						<form action="#" method="get" class="fl">
    17. 							<input type="text" placeholder="搜索" />
    18. 							<input type="button" />
    19. 						form>
    20. 					div>
    21. 				div>
    22. 			div>
    23. 		div>
    24. 		
    25. 		<div class="order cart mt">
    26. 		<div class="site">
    27. 				<p class="wrapper clearfix">
    28. 					<span class="fl">订单确认span>
    29. 					<img class="top" src="img/temp/cartTop02.png">
    30. 				p>
    31. 			div>
    32. 			
    33. 			<div class="orderCon wrapper clearfix">
    34. 				<div class="orderL fl">
    35. 					
    36. 					<h3>收件信息<a href="#" class="fr">新增地址a>h3>
    37. 					
    38. 					<div class="addres clearfix">
    39. 						<div class="addre fl on">
    40. 							<div class="tit clearfix">
    41. 								<p class="fl">张三1p>
    42. 								<span class="default">[默认地址]span>
    43. 								<p class="fr">
    44. 									<a href="#">删除a>
    45. 									<span>|span>
    46. 									<a href="#" class="edit">编辑a>
    47. 								p>
    48. 							div>
    49. 							<div class="addCon">
    50. 								<p>河北省 唐山市 路北区 大学生公寓村p>
    51. 								<p>15732570937p>
    52. 							div>
    53. 						div>
    54. 						<div class="addre fl">
    55. 							<div class="tit clearfix">
    56. 								<p class="fl">张三2
    57. 								p>
    58. 								<p class="fr">
    59. 									<a href="#" class="setDefault">设为默认a>
    60. 									<span>|span>
    61. 									<a href="#">删除a>
    62. 									<span>|span>
    63. 									<a href="#" class="edit">编辑a>
    64. 								p>
    65. 							div>
    66. 							<div class="addCon">
    67. 								<p>河北省 唐山市 路北区 大学生公寓村p>
    68. 								<p>15732570937p>
    69. 							div>
    70. 						div>
    71. 						<div class="addre fl">
    72. 							<div class="tit clearfix">
    73. 								<p class="fl">张三3
    74. 								p>
    75. 								<p class="fr">
    76. 									<a href="#" class="setDefault">设为默认a>
    77. 									<span>|span>
    78. 									<a href="#">删除a>
    79. 									<span>|span>
    80. 									<a href="#" class="edit">编辑a>
    81. 								p>
    82. 							div>
    83. 							<div class="addCon">
    84. 								<p>河北省 唐山市 路北区 大学生公寓村p>
    85. 								<p>15732570937p>
    86. 							div>
    87. 						div>
    88. 					div>
    89. 					<h3>支付方式h3>
    90. 					
    91. 					<div class="way clearfix">
    92. 						<img class="on" value="0" src="img/temp/way01.jpg">
    93. 						<img value="1" src="img/temp/way02.jpg">
    94. 						<img value="2" src="img/temp/way03.jpg">
    95. 						<img value="3" src="img/temp/way04.jpg">
    96. 					div>
    97. 					<h3>选择快递h3>
    98. 					
    99. 					<div class="dis clearfix">
    100. 						<span class="on">顺风快递span>
    101. 						<span>百世汇通span>
    102. 						<span>圆通快递span>
    103. 						<span>中通快递span>
    104. 					div>
    105. 				div>
    106. 				<div class="orderR fr">
    107. 					<div class="msg">
    108. 						<h3>订单内容<a href="${ctx}/shopCar/queryShopCar" class="fr">返回购物车a>h3>
    109. 						<#if goods??>
    110. 						<#list goods as g>
    111. 							<ul class="clearfix">
    112. 								<li class="fl">
    113. 									<img style="height: 87px; width: 87px;" src="${g.goodsImg}">
    114. 								li>
    115. 								<li class="fl">
    116. 									<p>${g.goodsName}p>
    117. 									<p>颜色分类：烟灰色玻璃瓶p>
    118. 									<p>数量：${g.quantity}p>
    119. 								li>
    120. 								<li class="fr">￥ ${g.goodsPrice}li>
    121. 							ul>
    122. 					    
    123. 					    
    124. 					div>
    125. 					
    126. 					<div class="tips">
    127. 						<p><span class="fl">商品金额：span><span class="fr">￥139.8span>p>
    128. 						<p><span class="fl">优惠金额：span><span class="fr">￥0.00span>p>
    129. 						<p><span class="fl">运费：span><span class="fr">免运费span>p>
    130. 					div>
    131. 					
    132. 					<div class="count tips">
    133. 						<p><span class="fl">合计：span><span class="fr">￥139.8span>p>
    134.  
    135. 					div>
    136. 					
    137. 					<a href="javascript:void(0);" class="pay">去支付a>
    138. 				div>
    139. 			div>
    140. 		div>
    141. 		
    142. 		
    143. 		<div class="mask">div>
    144. 		<div class="adddz editAddre">
    145. 			<form action="#" method="get">
    146. 				<input type="text" placeholder="姓名" class="on" />
    147. 				<input type="text" placeholder="手机号" />
    148. 				<div class="city">
    149. 					<select name="">
    150. 						<option value="省份/自治区">省份/自治区option>
    151. 					select>
    152. 					<select>
    153. 						<option value="城市/地区">城市/地区option>
    154. 					select>
    155. 					<select>
    156. 						<option value="区/县">区/县option>
    157. 					select>
    158. 					<select>
    159. 						<option value="配送区域">配送区域option>
    160. 					select>
    161. 				div>
    162. 				<textarea name="" rows="" cols="" placeholder="详细地址">textarea>
    163. 				<input type="text" placeholder="邮政编码" />
    164. 				<div class="bc">
    165. 					<input type="button" value="保存" />
    166. 					<input type="button" value="取消" />
    167. 				div>
    168. 			form>
    169. 		div>
    170. 		
    171. 		<input type="hidden" id="gids" value="${RequestParameters['gids']!}"/>
    172. 		<#include "common/footer.html">
    173. 		<script src="js/others/order.js" type="text/javascript" charset="utf-8">script>
    174. 		<script src="js/public.js" type="text/javascript" charset="utf-8">script>
    175. 		<script src="js/pro.js" type="text/javascript" charset="utf-8">script>
    176. 		<script src="js/user.js" type="text/javascript" charset="utf-8">script>
    177. 	body>
    178. html>
     

     

    展示结果如下：
     

     

     
     

     

    三、结算页的下单前端
     

    生成订单
     

     
 
    实现思路
     
 
     
 
    1.前台订单相关数据获取
     2.后台进行下单操作
     

     

    1.前端相关处理
     

    1）获取收货地址、收货人以及联系电话
     2）获取支付方式
     3）获取快递方式
     

     

    在Order.html添加order.js,
     

     

     

    order.js代码如下
     

    1. $(function(){
    2.     $('.pay').click(function(){
    3.         //获取收货地址、联系人、联系电话
    4.         let name=$('.addres').find('div.on div:eq(0)>p:eq(0)').text().trim();
    5.         let address=$('.addres').find('div.on div:eq(1)>p:eq(0)').text();
    6.         let phone=$('.addres').find('div.on div:eq(1)>p:eq(1)').text();
    7.         console.log("name=%s,address=%s,phone=%s",name,address,phone);
    8.         //获取支付方式
    9.         let pay=$('.way').find('img.on').attr('value');
    10.         console.log(pay);
    11.         //获取快递方式
    12.         let dis=$('.dis').find('span.on').text();
    13.         console.log(dis);
    14.         //获取勾选结算的商品ID
    15.         let gids=$('#gids').val();
    16.         //拼接请求参数
    17.         let params={
    18.             gids:gids,
    19.             address:address,
    20.             person:name,
    21.             telephone:phone,
    22.             pay:pay,
    23.             mail:dis
    24.         };
    25.         console.log(params);
    26.  
    27.         $.post('/order/addOrder',params,function(rs){
    28.             if(rs.code==200){
    29.                 location.href='/page/ok.html';
    30.             }else{
    31.                 alert(rs.msg);
    32.             }
    33.         },'json');
    34.     });
    35. });
     

     

    四、结算页的下单后端
     

     

    2.后台进行下单操作
     

    OrderDto :
     

    1. package com.ycx.spbootpro.model.dto;
    2.  
    3. import com.ycx.spbootpro.model.Order;
    4. import lombok.Data;
    5.  
    6. /**
    7.  * @author 杨总
    8.  * @create 2022-11-08 21:36
    9.  */
    10. @Data
    11. public class OrderDto extends Order{
    12.     private String gids;
    13. }
     

     

    OrderController.java：
     

    1. package com.ycx.spbootpro.controller;
    2.  
    3.  
    4. import com.ycx.spbootpro.model.Goods;
    5. import com.ycx.spbootpro.model.User;
    6. import com.ycx.spbootpro.model.dto.OrderDto;
    7. import com.ycx.spbootpro.model.vo.ShopCar;
    8. import com.ycx.spbootpro.model.vo.ShopCarItem;
    9. import com.ycx.spbootpro.service.IOrderService;
    10. import com.ycx.spbootpro.utils.JsonResponseBody;
    11. import org.springframework.beans.factory.annotation.Autowired;
    12. import org.springframework.stereotype.Controller;
    13. import org.springframework.web.bind.annotation.RequestMapping;
    14.  
    15. import org.springframework.web.bind.annotation.ResponseBody;
    16. import org.springframework.web.bind.annotation.RestController;
    17. import org.springframework.web.servlet.ModelAndView;
    18.  
    19. import javax.servlet.http.HttpServletRequest;
    20. import javax.servlet.http.HttpSession;
    21. import java.util.ArrayList;
    22. import java.util.Arrays;
    23. import java.util.List;
    24.  
    25. /**
    26.  * 
    27.  * 订单信息表 前端控制器
    28.  * 
    29.  *
    30.  * @author yangzong
    31.  * @since 2022-11-08
    32.  */
    33. @Controller
    34. @RequestMapping("/order")
    35. public class OrderController {
    36.  
    37.     @RequestMapping("/toOrder")
    38.     public ModelAndView toOrder(User user,
    39.                                 String gids,
    40.                                 HttpServletRequest request){
    41.         ModelAndView mv=new ModelAndView();
    42. //      拿到购物车中的所有商品
    43.         ShopCar shopCar = getShopCar(user, request);
    44. //        通过gids从购物车中筛选出指定的商品
    45.         List<ShopCarItem> list=getGoods(shopCar,gids);
    46.         mv.addObject("goods",list);
    47.         mv.setViewName("order.html");
    48.         return mv;
    49.     }
    50.  
    51.     //通过gids从购物车中筛选出指定的商品
    52.     private List<ShopCarItem> getGoods(ShopCar shopCar, String gids) {
    53.         List<String> gidList = Arrays.asList(gids.split(","));
    54.         List<ShopCarItem> items=shopCar.getItems();//购物车里的商品
    55.         List<ShopCarItem> itemsNew=new ArrayList<>();//购物车中要结算的商品
    56.         for (ShopCarItem item:items){
    57.             if(gidList.contains(item.getGid()+"")){
    58.                 itemsNew.add(item);
    59.             }
    60.         }
    61.         return itemsNew;
    62.     }
    63.  
    64.     //    从session中获取购物车对象
    65.     private ShopCar getShopCar(User user,
    66.                                HttpServletRequest request) {
    67.         HttpSession session = request.getSession();
    68.         ShopCar shopCar = (ShopCar) session.getAttribute(user.getId() + "_shopCar");
    69.         if (shopCar == null) {
    70.             shopCar = new ShopCar();
    71.             session.setAttribute(user.getId() + "_shopCar", shopCar);
    72.         }
    73.         return shopCar;
    74.     }
    75.  
    76.     @Autowired
    77.     private IOrderService orderService;
    78.  
    79.     @RequestMapping("/addOrder")
    80.     @ResponseBody
    81.     public JsonResponseBody addOrder(User user,
    82.                                      HttpServletRequest req,
    83.                                      OrderDto orderDto){
    84.         //获取购物车
    85.         ShopCar shopCar = this.getShopCar(user, req);
    86.         //获取结算商品集合
    87.         List<ShopCarItem> shopCarItems = this.getGoods(shopCar, orderDto.getGids());
    88.         //生成订单及订单项
    89.         orderDto.setUserId(user.getId());
    90.         orderService.addOrder(orderDto,shopCarItems);
    91.         //从购物车中删除已结算的商品
    92.         shopCar.delete(orderDto.getGids());
    93.         //跳转支付页面(下节课内容)
    94.         return new JsonResponseBody();
    95.     }
    96.  
    97. }
     

     

    OrderServiceImpl.java：
     

    1. package com.ycx.spbootpro.service.impl;
    2.  
    3. import com.ycx.spbootpro.model.Order;
    4. import com.ycx.spbootpro.mapper.OrderMapper;
    5. import com.ycx.spbootpro.model.OrderItem;
    6. import com.ycx.spbootpro.model.dto.OrderDto;
    7. import com.ycx.spbootpro.model.vo.ShopCarItem;
    8. import com.ycx.spbootpro.service.IOrderItemService;
    9. import com.ycx.spbootpro.service.IOrderService;
    10. import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
    11. import com.ycx.spbootpro.utils.SnowFlake;
    12. import org.springframework.beans.factory.annotation.Autowired;
    13. import org.springframework.stereotype.Service;
    14. import org.springframework.transaction.annotation.Transactional;
    15.  
    16. import java.math.BigDecimal;
    17. import java.util.ArrayList;
    18. import java.util.List;
    19.  
    20. /**
    21.  * 
    22.  * 订单信息表 服务实现类
    23.  * 
    24.  *
    25.  * @author yangzong
    26.  * @since 2022-11-08
    27.  */
    28. @Service
    29. public class OrderServiceImpl extends ServiceImpl<OrderMapper, Order> implements IOrderService {
    30.     @Autowired
    31.     private OrderMapper orderMapper;
    32.  
    33.     @Autowired
    34.     private IOrderItemService orderItemService;
    35.  
    36.     @Transactional
    37.     @Override
    38.     public void addOrder(OrderDto orderDto, List shopCarItems) {
    39.  
    40.         //1) 生成订单ID (SnowFlake生成雪花ID，它的作用：生成一个随机的long类型的数字；相较于UUID的优点在于雪花ID可以排序)
    41.         SnowFlake snowFlake = new SnowFlake(2, 3);
    42.         Long orderId=snowFlake.nextId();
    43.         orderDto.setOid(orderId);
    44.         //2) 循环勾选的商品集合计算商品总价、获取商品详情集合
    45.         //总价
    46.         BigDecimal total=BigDecimal.valueOf(0);
    47.         //定义商品详情集合
    48.         List<OrderItem> orderItems=new ArrayList<>();
    49.         OrderItem it=null;
    50.         for (ShopCarItem shopCarItem : shopCarItems) {
    51.             //累加小计等于总价
    52.             total=total.add(shopCarItem.smalltotal());
    53.             //初始化OrderItem商品详情对象
    54.             it=new OrderItem();
    55. //          订单项表的ooid为自增，所以不需要设置
    56.             it.setOid(orderId);
    57.             it.setGid(shopCarItem.getGid());
    58.             it.setGoodsName(shopCarItem.getGoodsName());
    59.             it.setGoodsPrice(shopCarItem.getGoodsPrice());
    60.             it.setQuantity(shopCarItem.getQuantity());
    61.             orderItems.add(it);
    62.         }
    63.         orderDto.setTotal(total);
    64.  
    65.         //1.保存订单
    66.         orderMapper.insert(orderDto);
    67.         //2.保存订单对应的订单项
    68.         orderItemService.saveBatch(orderItems);
    69.     }
    70. }
     

     

    SnowFlake :
     

    （SnowFlake生成雪花ID，它的作用：生成一个随机的long类型的数字；相较于UUID的优点在于雪花ID可以排序）
     

    1. package com.ycx.spbootpro.utils;
    2.  
    3. public class SnowFlake {
    4.  
    5.     /**
    6.      * 起始的时间戳
    7.      */
    8.     private final static long START_STMP = 1480166465631L;
    9.  
    10.     /**
    11.      * 每一部分占用的位数
    12.      */
    13.     private final static long SEQUENCE_BIT = 12; //序列号占用的位数
    14.     private final static long MACHINE_BIT = 5;   //机器标识占用的位数
    15.     private final static long DATACENTER_BIT = 5;//数据中心占用的位数
    16.  
    17.     /**
    18.      * 每一部分的最大值
    19.      */
    20.     private final static long MAX_DATACENTER_NUM = -1L ^ (-1L << DATACENTER_BIT);
    21.     private final static long MAX_MACHINE_NUM = -1L ^ (-1L << MACHINE_BIT);
    22.     private final static long MAX_SEQUENCE = -1L ^ (-1L << SEQUENCE_BIT);
    23.  
    24.     /**
    25.      * 每一部分向左的位移
    26.      */
    27.     private final static long MACHINE_LEFT = SEQUENCE_BIT;
    28.     private final static long DATACENTER_LEFT = SEQUENCE_BIT + MACHINE_BIT;
    29.     private final static long TIMESTMP_LEFT = DATACENTER_LEFT + DATACENTER_BIT;
    30.  
    31.     private long datacenterId;  //数据中心
    32.     private long machineId;     //机器标识
    33.     private long sequence = 0L; //序列号
    34.     private long lastStmp = -1L;//上一次时间戳
    35.  
    36.     public SnowFlake(long datacenterId, long machineId) {
    37.         if (datacenterId > MAX_DATACENTER_NUM || datacenterId < 0) {
    38.             throw new IllegalArgumentException("datacenterId can't be greater than MAX_DATACENTER_NUM or less than 0");
    39.         }
    40.         if (machineId > MAX_MACHINE_NUM || machineId < 0) {
    41.             throw new IllegalArgumentException("machineId can't be greater than MAX_MACHINE_NUM or less than 0");
    42.         }
    43.         this.datacenterId = datacenterId;
    44.         this.machineId = machineId;
    45.     }
    46.  
    47.     /**
    48.      * 产生下一个ID
    49.      *
    50.      * @return
    51.      */
    52.     public synchronized long nextId() {
    53.         long currStmp = getNewstmp();
    54.         if (currStmp < lastStmp) {
    55.             throw new RuntimeException("Clock moved backwards.  Refusing to generate id");
    56.         }
    57.  
    58.         if (currStmp == lastStmp) {
    59.             //相同毫秒内，序列号自增
    60.             sequence = (sequence + 1) & MAX_SEQUENCE;
    61.             //同一毫秒的序列数已经达到最大
    62.             if (sequence == 0L) {
    63.                 currStmp = getNextMill();
    64.             }
    65.         } else {
    66.             //不同毫秒内，序列号置为0
    67.             sequence = 0L;
    68.         }
    69.  
    70.         lastStmp = currStmp;
    71.  
    72.         return (currStmp - START_STMP) << TIMESTMP_LEFT //时间戳部分
    73.                 | datacenterId << DATACENTER_LEFT       //数据中心部分
    74.                 | machineId << MACHINE_LEFT             //机器标识部分
    75.                 | sequence;                             //序列号部分
    76.     }
    77.  
    78.     private long getNextMill() {
    79.         long mill = getNewstmp();
    80.         while (mill <= lastStmp) {
    81.             mill = getNewstmp();
    82.         }
    83.         return mill;
    84.     }
    85.  
    86.     private long getNewstmp() {
    87.         return System.currentTimeMillis();
    88.     }
    89.  
    90.     public static void main(String[] args) {
    91.         SnowFlake snowFlake = new SnowFlake(2, 3);
    92.  
    93.         long start = System.currentTimeMillis();
    94.         for (int i = 0; i < 1000000; i++) {
    95.             System.out.println(snowFlake.nextId());
    96.         }
    97.  
    98.         System.out.println(System.currentTimeMillis() - start);
    99.  
    100.  
    101.     }
    102. }
     

     

    IOrderService ： 
     

    1. package com.ycx.spbootpro.service;
    2.  
    3. import com.ycx.spbootpro.model.Order;
    4. import com.baomidou.mybatisplus.extension.service.IService;
    5. import com.ycx.spbootpro.model.dto.OrderDto;
    6. import com.ycx.spbootpro.model.vo.ShopCarItem;
    7.  
    8. import java.util.List;
    9.  
    10. /**
    11.  * 
    12.  * 订单信息表 服务类
    13.  * 
    14.  *
    15.  * @author yangzong
    16.  * @since 2022-11-08
    17.  */
    18. public interface IOrderService extends IService<Order> {
    19.  
    20.     void addOrder(OrderDto orderDto, List<ShopCarItem> shopCarItems);
    21. }
     

     

    OrderMapper ：
     

    1. package com.ycx.spbootpro.mapper;
    2.  
    3. import com.ycx.spbootpro.model.Order;
    4. import com.baomidou.mybatisplus.core.mapper.BaseMapper;
    5. import org.springframework.stereotype.Repository;
    6.  
    7. /**
    8.  * 
    9.  * 订单信息表 Mapper 接口
    10.  * 
    11.  *
    12.  * @author yangzong
    13.  * @since 2022-11-08
    14.  */
    15. @Repository
    16. public interface OrderMapper extends BaseMapper<Order> {
    17.  
    18. }
     

     

    OrderItemMapper ：
     

    1. package com.ycx.spbootpro.mapper;
    2.  
    3. import com.ycx.spbootpro.model.OrderItem;
    4. import com.baomidou.mybatisplus.core.mapper.BaseMapper;
    5. import org.springframework.stereotype.Repository;
    6.  
    7. /**
    8.  * 
    9.  *  Mapper 接口
    10.  * 
    11.  *
    12.  * @author yangzong
    13.  * @since 2022-11-08
    14.  */
    15. @Repository
    16. public interface OrderItemMapper extends BaseMapper<OrderItem> {
    17.  
    18. }
     

     

     

     
     

     

     
     

     数据插入了表中即可。
     

     

     

    五、支付宝支付简介、初步接入以及支付宝支付回调
     

    1、配置沙箱支付
     

     
 
    第一步：
1）登陆支付宝：https://open.alipay.com/
打开自己的支付宝扫一扫：

2）首页找到进入管理中心 -> 开发工具推荐选择【沙箱】
3）下载安装支付宝开放平台开发助手：
https://opendocs.alipay.com/common/02kipk

4）打开本地支付宝开放平台助手 -> 密钥工具 -> 生成密钥 -> 以默认方式（RSA2和PKCS8）生成应用私钥和应用公钥
5）在沙箱应用的开发信息中选择自定义密钥生成支付宝公钥（基于应用公钥生成支付宝公钥）
​
第二步：配置沙箱账号（买家）并完成手动充值
https://open.alipay.com/develop/sandbox/account
​
第三步：下载沙箱支付宝（只支持安卓）
https://open.alipay.com/develop/sandbox/tool/alipayclint
​
沙箱工具 -> 支付宝客户端沙箱版 -> 请使用浏览器中的扫码功能扫描下载
​
注：请使用Android手机扫码下载支付宝客户端沙箱版；如需登录，请访问沙箱账号，在商家信息中获取帐密
     
 
     
 
     
 
     

     

     

    沙箱支付应用
     

     
 
    实现思路
     
 
    1.完成支付宝沙箱支付功能接入
2.支付成功后变更订单状态
     

     

    完成支付宝沙箱支付功能接入
     

    根据官方网站开发文档进行支付宝支付接入
     

    https://opendocs.alipay.com/common/02kg69
     

    AlipayConfig.java
     

    1. package com.ycx.spbootpro.config;
    2.  
    3. import com.ycx.spbootpro.model.dto.OrderDto;
    4.  
    5. /**
    6.  * 支付宝沙箱支付
    7.  */
    8. public class AlipayConfig {
    9.  
    10.     public String goAlipay(OrderDto orderDto){
    11.         try {
    12.             // 1. 设置参数（全局只需设置一次）
    13.             Factory.setOptions(aliconfig());
    14.             // 2. 发起API调用（subject商品标题、outTradeNo订单编号、totalAmount总金额、returnUrl异步通知地址）
    15.             AlipayTradePagePayResponse response = Factory.Payment.Page()
    16.                     .pay(orderDto.getOid()+"",
    17.                             orderDto.getOid()+"",
    18.                             orderDto.getTotal().toString(),
    19.                             "http://localhost:8081/page/ok.html");  //支付成功之后的异步通知（跳出到自己系统的哪个位置）
    20.             System.out.println(response.body);
    21.             return response.body;
    22.         }  catch (Exception e) {
    23.             e.printStackTrace();
    24.             throw new RuntimeException(e);
    25.         }
    26.     }
    27.  
    28.     private Config aliconfig(){
    29.         Config config=new Config();
    30.         //沙箱支付宝地址
    31.         config.gatewayHost="openapi.alipaydev.com";
    32.         //协议https
    33.         config.protocol="https";
    34.         //应用ID,您的APPID，收款账号既是您的APPID对应支付宝账号
    35.         config.appId="2016093000634935";
    36.         //支付宝公钥
    37.         config.alipayPublicKey="MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAy/NfwxWr2SfktLUekBR+3w/MUjz1mnW7/wzTOkN1WWIx4i4Ak2m7XDl+evV76FPCcj40HfqgLXxxSVW5a1cCwJ8Z9EgEd7dd1J0EW6slx0v1XMHoPQgOkEVijSWZLLjVhw9x88IWtPTr93YGHYWgR7T9S0M58ABrXPO5eoRxjDdkPCdzyDSmeVixzXZcrhCBHsUMJqipEr8NQA6Iz8QYRYBvQxtkv8j7NZcu+tFfWZ0EPswbsYp/ie+LFjFxTKsov27aduM466Q9ECOYRhCJvB0IbTyY/KYc/VT8TvZIyBA3JP1w2KYoUnKgc5sAGt7ifVXjH3jc8rrC4rWeUIGVFQIDAQAB";
    38.         //签名方式
    39.         config.signType="RSA2";
    40.         //商户私钥（应用私钥），您的PKCS8格式RSA2私钥
    41.         config.merchantPrivateKey="MIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQC06LM7m2P2svS9/2W6GwhP9WwcuwmA4ASjsIx6y1llPdrDfPU/79tnWpZXnaA+JcVhUv1iZ0JfEBCMCSPXISuIbvYWsRk+UJ5JqFhutuOSKgG2Xr5UFoHpsEZxehgOa7sPsy109XtQS0Nk/0FiyyoDYzgubPrvneEyqT4vnvMD3xDTILI8hqyTt+DD8HAKDR0D/5vMXi5JuSJfizIRkOQCT6zdx5QkOm40nk4xaJdlV2FmknYiJdy8TpEwTtmk6v8cSt9o6GcmydiqqmMfWZ1pFoeeoHw0zep6cdhhTVhnEWu4lTnUtS2W1kCtU1uDzAkDUygGVCNB2TaW9L1dme5TAgMBAAECggEAY6R7/AvVnm7pELFYVY5IIMpbtuNqE5rP010NsyDH51SPZvcvmfzBywaBIlcGiNSDB90PBSE81GFjy83I+NgjQy1izBLVhZYf6RAZTTnc1Ifgk5NRn70Z5x4ZXq1SDLdXvAkDs5T2S754q2tQl1qxlFYU/rU17b7259GCF/ajgXBwDGIeq+gaGvyWI7ZQAlIJttTisPJfEq9BujZ2NiKabTuyztqGTB2/3woX3pCDwRyYdjmw65obMwzh4CpXJ1ku5eTorwdI/wVX/FY2+4ZfeB632vTJcCWqJilwTwGhlLF0ZQfFgkBaABCLUOGVCIqL4V9JcZaTBYHbsRjfeDZ3WQKBgQDxjk8d4tFRqJWwyhxF9TddIbnR6LydUIOH9dvpoxGTSLQwFY/OYRA2aOfgch0Xturti/iGtu3MNQX1KTA5+WvHKPspYZrHkDpk6K9iXylIQo0+9L1bn73HAYuH/PqGoxewVstlegu5wk9u/BAh9bmGm1T0NOQZ7AafpplhxIGnNwKBgQC/ugUYbLIAI+Zt5rD7oaHUKSyYGPD2DFzP2tYUjKWQy5sh7fzNK0D/X49RI/ozbHctvl/CLUb6/vtbWTGe9LDstflY/v+q/WnLKW4alrgmztIwlq1x8wRkYSbG6QeMPYZsJ17SUY6JWfkVLxqS9oTqImmDRx13kM7CLdyepSxHxQKBgAoDqVoG1kC5aYNLzcJEuUfeJxMBwBgRh3Jyiex0uzzM7dN0gWK/+WkYDkzqzjP2fGTewa3sFY26wQV58KrmoUY/d7Iufrk5TIJ0dxjv8wkw4SQ0B0muJLMEaGF55nUAe/Hulz4cwjGwUZS7VHvj8Q4YkHwTWUWN2HRz9rXr7KgfAoGBALhHRISAXOozl1SEyhFh/phcZudd+aSUp1SFIwUnVi+A83++LiDJdTS/lZHIwcBRfY9zDrklKbcwA0p+xWniCHfMRHjcx8KCxf+mt5RIz4FFgtN+0ADZMpyEoG/JJR8PN7eWc9Y024p69yT8XE9rML+WCdJLNTBp98C9sfKuEYx9AoGBAN6RslNXhkGmAZEeZD9nUpfdJJz+55uXv6vlMSp9SHw0ZZH5Ndu0YfWLP3AhhrhP+u/2LVggAE50x12LVJjDWhr9eGUsCvuKLrekfZvUC7OGSmBcrLLkY0BbYGo9+S3FYxTe/rRd23jM4UEA0X/49gK0NMN1yrkhvYvQZBfn4PaJ";
    42.         return config;
    43.     }
    44. }
     

     

    order.js变更如下：
     

    支付会引发页面跳转，所以要将ajax请求换成页面跳转的方式
     

    1. $(function(){
    2.     $('.pay').click(function(){
    3.         //获取收货地址、联系人、联系电话
    4.         let name=$('.addres').find('div.on div:eq(0)>p:eq(0)').text().trim();
    5.         let address=$('.addres').find('div.on div:eq(1)>p:eq(0)').text();
    6.         let phone=$('.addres').find('div.on div:eq(1)>p:eq(1)').text();
    7.         console.log("name=%s,address=%s,phone=%s",name,address,phone);
    8.         //获取支付方式
    9.         let pay=$('.way').find('img.on').attr('value');
    10.         console.log(pay);
    11.         //获取快递方式
    12.         let dis=$('.dis').find('span.on').text();
    13.         console.log(dis);
    14.         //获取勾选结算的商品ID
    15.         let gids=$('#gids').val();
    16.         //拼接请求参数
    17.         let params={
    18.             gids:gids,
    19.             address:address,
    20.             person:name,
    21.             telephone:phone,
    22.             pay:pay,
    23.             mail:dis
    24.         };
    25.         console.log(params);
    26.  
    27.         // $.post('/order/addOrder',params,function(rs){
    28.         //     if(rs.code==200){
    29.         //         location.href='/page/ok.html';
    30.         //     }else{
    31.         //         alert(rs.msg);
    32.         //     }
    33.         // },'json');
    34.  
    35.         location.href='/order/addOrder?'+parseParams(params);
    36.  
    37.     });
    38. });
    39.  
    40. /**
    41.  * JSON转URL参数
    42.  * @param data
    43.  * @returns {string}
    44.  */
    45. function parseParams(data) {
    46.     try {
    47.         var tempArr = [];
    48.         for (var i in data) {
    49.             var key = encodeURIComponent(i);
    50.             var value = encodeURIComponent(data[i]);
    51.             tempArr.push(key + '=' + value);
    52.         }
    53.         var urlParamsStr = tempArr.join('&');
    54.         return urlParamsStr;
    55.     } catch (err) {
    56.         return '';
    57.     }
    58. }
     

     

     OrderController.java代码变更如下：
     

    1.  @Autowired
    2.     private IOrderService orderService;
    3.  
    4.     @RequestMapping("/addOrder")
    5.     @ResponseBody
    6.     public String addOrder(User user,
    7.                                      HttpServletRequest req,
    8.                                      OrderDto orderDto){
    9.         //获取购物车
    10.         ShopCar shopCar = this.getShopCar(user, req);
    11.         //获取结算商品集合
    12.         List<ShopCarItem> shopCarItems = this.getGoods(shopCar, orderDto.getGids());
    13.         //生成订单及订单项
    14.         orderDto.setUserId(user.getId());
    15.         orderService.addOrder(orderDto,shopCarItems);
    16.         //从购物车中删除已结算的商品
    17.         shopCar.delete(orderDto.getGids());
    18.         //跳转支付页面(下节课内容)
    19.         AlipayConfig alipayConfig = new AlipayConfig();
    20.         return alipayConfig.goAlipay(orderDto);
    21.     }
     

     

    2、支付成功后变更订单状态
     

    OrderController.java代码新增如下：
     

    1.  /**
    2.      * 支付成功后回调处理订单状态，完成整个下单流程的链路
    3.      * @param param
    4.      * @return
    5.      */
    6.     @RequestMapping("/orderFinish")
    7.     public String orderFinish(@RequestParam Map<String, String> param){
    8.         System.out.println("异步回调开始。。。。。。");
    9.         Boolean signVerified=false;
    10.  
    11.         try {
    12.             System.out.println(param);
    13.             signVerified = Factory.Payment.Common().verifyNotify(param);
    14.             System.out.println(signVerified);
    15.             System.out.println("out_trade_no："+param.get("out_trade_no"));
    16.             System.out.println("total_amount："+param.get("total_amount"));
    17.             System.out.println("trade_no："+param.get("trade_no"));
    18.             if(signVerified){
    19.                 //支付成功
    20.                 //根据订单编号修改订单状态
    21.                 //update t_xxx set xx=?,tt=? where id=?
    22.                 orderService.update(new UpdateWrapper<Order>()
    23.                         .set("status",1)
    24.                         .setSql("pay_date=now()")
    25.                         .eq("oid",param.get("out_trade_no")));
    26.                 //跳转到支付成功页面
    27.             }else{
    28.                 //支付失败
    29.             }
    30.         } catch (Exception e) {
    31.             e.printStackTrace();
    32.         }
    33.         return "ok.html";
    34.     }
     

     

    AlipayConfig.java变更如下：
     

    1. package com.ycx.spbootpro.config;
    2.  
    3. import com.alipay.easysdk.factory.Factory;
    4. import com.alipay.easysdk.kernel.Config;
    5. import com.alipay.easysdk.payment.page.models.AlipayTradePagePayResponse;
    6. import com.ycx.spbootpro.model.dto.OrderDto;
    7.  
    8. /**
    9.  * 支付宝沙箱支付
    10.  */
    11. public class AlipayConfig {
    12.  
    13.     public String goAlipay(OrderDto orderDto){
    14.         try {
    15.             // 1. 设置参数（全局只需设置一次）
    16.             Factory.setOptions(aliconfig());
    17.             // 2. 发起API调用（subject商品标题、outTradeNo订单编号、totalAmount总金额、returnUrl异步通知地址）
    18.             AlipayTradePagePayResponse response = Factory.Payment.Page()
    19.                     .pay(orderDto.getOid()+"",
    20.                             orderDto.getOid()+"",
    21.                             orderDto.getTotal().toString(),
    22. //                            "http://localhost:8080/page/ok.html");
    23.                             "http://localhost:8080/order/orderFinish");
    24.  
    25.             //支付成功之后的异步通知（跳出到自己系统的哪个位置）
    26.             System.out.println(response.body);
    27.             return response.body;
    28.         }  catch (Exception e) {
    29.             e.printStackTrace();
    30.             throw new RuntimeException(e);
    31.         }
    32.     }
    33.  
    34.     private Config aliconfig(){
    35.         Config config=new Config();
    36.         //沙箱支付宝地址
    37.         config.gatewayHost="openapi.alipaydev.com";
    38.         //协议https
    39.         config.protocol="https";
    40.         //应用ID,您的APPID，收款账号既是您的APPID对应支付宝账号
    41.         config.appId="2021000120601533";
    42.         //支付宝公钥
    43.         config.alipayPublicKey="MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA6rbyoXBc0GLKuVQAAQsvimxWKKJr/0a93yqadDalqIfrWeXlg6tFoQT+DtRazaJSBb3DwQuq3GUpUHA5RaAkhpLId6fRFiufhIwiL1mt+urs82u2wpDRq0mw7eNdSSCN+SP03Gi15fuS94twPYCmHv9F/lecSs27vEIZkGUHN6ueeGm7I/9JeoxKXIu6D9agKZzMR2jY6ThVOmGnpkV95PxuI3XSG+nvkZoCSB2UJ7A7/P5xHiDw3sk8JEjpCDcwcUCq1Mbems3MrQLwS9rn2uqXFTwfS1Wl9aT3XCyMUKciSrO7mGm608S0swVFf52otLaEnd/44QVOD/vGdK05qwIDAQAB";
    44.         //签名方式
    45.         config.signType="RSA2";
    46.         //商户私钥（应用私钥），您的PKCS8格式RSA2私钥
    47.         config.merchantPrivateKey="MIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQDAlDU9aEj69WZluzXp912ACjjlrlJ+h9x5cr/bp/fq5CQapDIqgriW9dWAMS9VVUFsoiA7lU/5UGuvjgTTGlY/4+PRnlbxyk4LF8dM/4czAB7G8TTiZNmemijL8xdO/ifYXskZJ+epbbqZGGaf3GKIuvhAbfNRBoNJBG2pUxlPkpjuY1w4oox2h4fd9+ERknWpQClOArAKnmg9qsMjZMwHpUh561jyOSjWGeNUg+bpRVwfbhDp4Js/QC1vXBcR5lsADuyrC7He3apHF3uoTQBkC1NbL7RinpoSIom6ZUB3T9lmpJ2VBxvYTGIHM8GVebDc2c9UNj0tU0StHC/hIu/VAgMBAAECggEBAIs9XbU1prbVIiFiF9w/v3npajQfM4RLBU1Ge5P9QZKzO6uLlr4H4CE+RA05AslHKFO8cWPDVJyl2gaHv9NG0p/FTR5txt1x8bWxjqeMhhuI9bfQBPXAB1zWh7LW4754oySde/dVU/m73dP9wY3KUfAch4xGM0wdUmVD72ojLETMLOpiUweuVb+WNWX/mP5JtLEWI8M8usWMYN/0PaAfy0ayZrsLif3Tep21lf9wXAICgMWI/dtTgNAfmfU1WDdSC0ENKsV1/DYvqjlEmFDOQccRGjBWoGgXxamCukppTAtpWfqFHdsY9z/WGhB+XxVaKRklUuw51XwVGhlo0cKipCECgYEA/sEr8hxMl1m2X7VjsdD9PHXDsXrdEX+gyQCJHNlP8KEJQjEWV8znWGsNS3LvkA9/mC1JMDV/FVK/7CSPR0tHrr/Mv48DEUA+zukz4SBGqI+NlXg3CeoRrbJOj95zRp7na7jsw1UyxwIoXXWzthuqOZ7TPn4fQyZSNEsIQ/qL3v0CgYEAwYU5BxIwE+3dGLpKiBetKCg9LvE7KiYY4uzzlvR4aGC3jx4y9GYw31QEWyEbLHy8373nE2lIlCwhSdyWGQD+NWDLuebti9MCf9erRJ+ImdTPgg0Kwqui1P72qrjIP+QaMSNlZZBW2CsRIu7ST9HSdNTCkD6TkmmIYtxzlWXjZ7kCgYBt/uhDpHZpjyHQl1hRaaQ927dARYV4TbwVrbaGD0qV4mJGAz3bcSyen7Jg1mKbuCVmhn8oYqDZix41DuASb22nBUeZml0/sJat7kEpPi9kDn+afwp8rGUvs2J6ehkZ7/iKKZGJEZtYFBVrrSuIQM+yC2K4g+ppqv0peRA7kc2c3QKBgC2ai3nTG2lW4Id3PyEbEz8nXGO3jU29dJflZvHn4ogWYqtjXnahrlqyneQrxQ+SxZ+kTNQSN3xTefTB+s0hosZJbTj95nTQ4QHnfQDK55H4yH3JPQPrFpBDFTXeHbKQumth//8TKKQAYiVtSjptI79MdB0x4eza2b0SXlqSjChhAoGBAIl91/O6TiAX9SjUj0ItJtaPc3PyoAWh19ZlTHLlN6NQ8XevEHVUEtVkK2mKgXr7PUUNRw3meDGoB0fpYwiCW5s2R2x8xQAATo+SIQMyBwtAr610+vkhyjQSZ/u0JhIazDrI6RJZmvzeLMgLQwQKTXnKwHTUgxNUqRSE4F3eet46";
    48.         return config;
    49.     }
    50. }
     

     

    测试：
     

     

     
     

     
     

     
     

     随后便自动调回商品首页，下单已完成！
     

     

    关于SpringBoot电商项目就到此告一段落啦~感谢收看。
     

     

    
                
    
                    
    
                
    • 

                
  • 

                    相关阅读:
    
                    
深度学习DeepLearning多元线性回归 学习笔记                            
    
225. 用队列实现栈-C语言                            
    
【一周聚焦】 联邦学习 arxiv 2.16-3.10                            
    
图形用户界面和游戏开发                            
    
被视为“救世主”的架构师，普遍缺失了哪些基础能力？                            
    
初始多线程                            
    
使用 Webmin+bind9快速搭建私有DNS服务器                            
    
AI目标分割能力，无需绿幕即可实现快速视频抠图                            
    
工业设计的特点和流程                            
    
微服务中远程调用Dubbo与Feign对比                            
    
                        
                
    • 
                
  • 
                    原文地址：https://blog.csdn.net/weixin_65808248/article/details/127749745
                
    •