苍穹外卖项目【跳过微信支付的功能测试】

已于 2024-10-27 17:04:16 修改
阅读量1.1k 收藏 14
点赞数 19
分类专栏： Java后端 文章标签： 性能优化 java spring boot maven log4j mybatis
于 2024-07-24 16:37:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46143063/article/details/140666884
版权
仓库地址：https://github.com/Shmily33/sky-take-out

1 项目介绍

1.1 功能架构

image.png

1.2 技术选型

image.png

1.3 后端环境搭建

image.png

sky-common

image.png

sky-pojo

image.png

sky-server

image.png

1.4 数据库环境

image.png

1.5 前后端联调

思考

image.png

反向代理

image.png

好处

image.png

方向代理配置方式

image.png

负载均衡配置方式

image.png

负载均衡策略

image.png

1.6 完善登录功能

image.png
image.png

1.7 Swagger

1.7.1 介绍

image.png

 <dependency>
            <groupId>com.github.xiaoymin</groupId>
            <artifactId>knife4j-spring-boot-starter</artifactId>
        </dependency>

1.7.2 使用方式

image.png

1.7.3 常用注解

image.png

package com.sky.config;

import com.sky.interceptor.JwtTokenAdminInterceptor;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurationSupport;
import springfox.documentation.builders.ApiInfoBuilder;
import springfox.documentation.builders.PathSelectors;
import springfox.documentation.builders.RequestHandlerSelectors;
import springfox.documentation.service.ApiInfo;
import springfox.documentation.spi.DocumentationType;
import springfox.documentation.spring.web.plugins.Docket;

/**
 * 配置类，注册web层相关组件
 */
@Configuration
@Slf4j
public class WebMvcConfiguration extends WebMvcConfigurationSupport {

    @Autowired
    private JwtTokenAdminInterceptor jwtTokenAdminInterceptor;

    /**
     * 注册自定义拦截器
     *
     * @param registry
     */
    @Override
    protected void addInterceptors(InterceptorRegistry registry) {
        log.info("开始注册自定义拦截器...");
        registry.addInterceptor(jwtTokenAdminInterceptor)
                .addPathPatterns("/admin/**")
                .excludePathPatterns("/admin/employee/login");
    }

    /**
     * 通过knife4j生成接口文档
     * @return
     */
    @Bean
    public Docket docket() {
        log.info("准备生成接口文档。。。");
        ApiInfo apiInfo = new ApiInfoBuilder()
                .title("苍穹外卖项目接口文档")
                .version("2.0")
                .description("苍穹外卖项目接口文档")
                .build();
        Docket docket = new Docket(DocumentationType.SWAGGER_2)
                .apiInfo(apiInfo)
                .select()
                .apis(RequestHandlerSelectors.basePackage("com.sky.controller"))
                .paths(PathSelectors.any())
                .build();
        return docket;
    }

    /**
     * 设置静态资源映射
     * @param registry
     */
    @Override
    protected void addResourceHandlers(ResourceHandlerRegistry registry) {
        log.info("开始设置静态资源映射。。。");
        registry.addResourceHandler("/doc.html").addResourceLocations("classpath:/META-INF/resources/");
        registry.addResourceHandler("/webjars/**").addResourceLocations("classpath:/META-INF/resources/webjars/");
    }
}

1.8 DTO与实体类

/*
* 在controller使用的是EmployeeDTO(Data Transfer Object),这样可以与视图层数据一致
* 到service就可以操作真正的Employee实体，交由mapper层与数据库操作
* 
*  对象属性拷贝
    BeanUtils.copyProperties(employeeDTO, employee); // 源->目标

      Employee employee = Employee.builder()
                .id(id).status(status).build();
    builer插件方便赋值 等同set
*/

2 员工管理、分类管理

2.1 ThreadLocal

问题

image.png

JWT认证流程

image.png

ThreadLocal

image.png

2.2 日期格式化

image.png

3 菜品管理

3.1 公共字段自动填充–AOP+反射运用

问题

image.png

解决

image.png

代码

image.png

3.2 新增菜品

逻辑外键–代码：通过上一张表的插入语句，回显赋值id作为下一张表的dish_id

 @Transactional
    @Override
    public void saveWithFlavor(DishDTO dishDTO) { // 两张表操作，保持数据一致性
        Dish dish = new Dish();
        BeanUtils.copyProperties(dishDTO, dish);
        // 菜品表插入1条数据
        dishMapper.insert(dish);

        // 获取insert语句生成的主键值
        // useGeneratedKeys="true" keyProperty="id" 使用产生的主键赋值为id
        Long dishId = dish.getId();

        // 口味表插入n条数据
        List<DishFlavor> flavors = dishDTO.getFlavors();
        if (flavors != null && flavors.size() > 0) { // 不空且有数据存在
            flavors.forEach(f -> {
                f.setDishId(dishId);
            });
            dishFlavorMapper.insertBatch(flavors); // 传入对象批量插入

        }
    }

两张表操作，数据一致性问题

@Transactional 保证方法是原子性 – 方法上添加
@EnableTransactionManagement //开启注解方式的事务管理 --启动类上添加

3.3 修改菜品

插入口味表时，不确定是否有或者需要增删改–先删除后插入

public void updateWithFlavor(DishDTO dishDTO) {
        Dish dish = new Dish();
        BeanUtils.copyProperties(dishDTO, dish);
        dishMapper.update(dish);
        // 口味有可能增删该了。那么我们处理方式先删掉原来的，在插入新的 等于覆盖
        dishFlavorMapper.deleteByDishId(dishDTO.getId());
        List<DishFlavor> dishFlavors = dishDTO.getFlavors();
        // 口味表插入n条数据
        List<DishFlavor> flavors = dishDTO.getFlavors();
        if (flavors != null && flavors.size() > 0) { // 不空且有数据存在
            flavors.forEach(f -> {
                f.setDishId(dishDTO.getId());
            });
            dishFlavorMapper.insertBatch(flavors); // 传入对象批量插入
        }
    }

4 Redis

4.1 简介

image.png

mysql是基于数据文件，存在磁盘上，二维表结构方式

4.2 入门

启动命令

redis-server.exe redis.windows.conf 启动redis
ctrl c 关闭
redis-cli.exe 启动客服端
redis-cli.exe -h () -p () -a () 启动指定的redis服务 -a 后是密码

image.png
image.png

密码设置

image.png
image.png

4.3 常用数据类型

image.png

特点

image.png

4.4 常用命令

字符串

image.png

Hash

image.png

列表

image.png

集合

image.png

有序集合

image.png

通用命令

image.png

4.5 在Java中操作redis

Spring Data Redis

image.png

使用方式

image.png
image.png
image.png

4.6 缓存商品

4.6.1 缓存菜品

问题说明

image.png

实现思路

image.png
image.png

4.6.2 缓存套餐

Spring Cache

image.png

常用注解

image.png

实现思路

image.png

5 HttpClient

5.1 介绍

image.png
image.png

5.2 入门

image.png
image.png

6 微信小程序

6.1 注意

image.png

6.2 目录结构

image.png
image.png

6.3 微信支付

参考：https://pay.weixin.qq.com/static/product/product_index.shtml

6.3.1 时序图

image.png
调用过程如何保证数据安全？
微信后台如何调用到商户系统？

6.3.2 JSAPI

https://pay.weixin.qq.com/wiki/doc/apiv3/apis/chapter3_5_1.shtml
image.png
image.png

6.4 获取临时域名

cpolar：https://dashboard.cpolar.com/login

配置

image.png
image.png
image.png

成功示例

image.png

6.5 关于微信支付的代码跳过步骤–否则管理端的订单功能无法测试

6.5.1 小程序端代码改动

注释发送得支付请求功能代码，直接把其中成功跳转页面代码提上来
ctrl+f 搜索handleSave 替换其中的else分支代码

else {
        // 如果支付成功进入成功页
        clearTimeout(this.times);
        var params = {
          orderNumber: this.orderDataInfo.orderNumber,
          payMethod: this.activeRadio === 0 ? 1 : 2 };

        (0, _api.paymentOrder)(params).then(function (res) {
          if (res.code === 1) {
              wx.showModal({
                title: '提示',
                content: '支付成功',
                success:function(){
                  uni.redirectTo({url: '/pages/success/index?orderId=' + _this.orderId });
                }
              })
              console.log('支付成功!')
            // wx.requestPayment({
            //   nonceStr: res.data.nonceStr,
            //   package: res.data.packageStr,
            //   paySign: res.data.paySign,
            //   timeStamp: res.data.timeStamp,
            //   signType: res.data.signType,
            //   success:function(res){
            //     wx.showModal({
            //       title: '提示',
            //       content: '支付成功',
            //       success:function(){
            //         uni.redirectTo({url: '/pages/success/index?orderId=' + _this.orderId });
            //       }
            //     })
            //     console.log('支付成功!')
            //   }
            // })


            //uni.redirectTo({url: '/pages/success/index?orderId=' + _this.orderId });

          } else {
            wx.showModal({
              title: '提示',
              content: res.msg
            })
          }
        });
      }

image.png

6.5.2 后端代码改动

OrderController

注释原先代码，直接按照接口文档返回String类型的预计送达时间

  @PutMapping("/payment")
    @ApiOperation("订单支付")
    public Result<String> payment2(@RequestBody OrdersPaymentDTO ordersPaymentDTO) throws Exception {
        log.info("订单支付：{}", ordersPaymentDTO);
//        OrderPaymentVO orderPaymentVO = orderService.payment(ordersPaymentDTO);
        LocalDateTime time = LocalDateTime.now().plusHours(1);
        // 定义日期时间格式化器
        DateTimeFormatter formatter = DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss");
        String estimatedDeliveryTime = time.format(formatter);
        orderService.updateStatus(ordersPaymentDTO);
        return Result.success(estimatedDeliveryTime);
    }

image.png

OrderService

image.png

OrderServiceImpl
 @Override
    public void updateStatus(OrdersPaymentDTO ordersPaymentDTO) {
        Orders orders = orderMapper.getByNumber(ordersPaymentDTO.getOrderNumber());
        orders.setStatus(Orders.TO_BE_CONFIRMED);
        orders.setPayStatus(Orders.PAID);
        orderMapper.update(orders);
    }

image.png

6.5.3 效果

image.png

苍穹外卖-day08-订单支付-跳过微信支付
m0_64520231的博客
04-27 3063
跳过模拟支付解决微信小程序个人开发者不能微信支付的问题的。
苍穹外卖项目学习----跳过使用微信支付
qq_45689173的博客
02-25 3774
在学习苍穹外卖项目的过程中，遇到了个人开发者无法使用微信支付，导致后续功能无法开发。这里我们可以尝试修改一下微信小程序的源码尝试跳过一下。找到第226行 小程序向微信支付后台发起请求的部分，注释掉红框，只保留绿框中的发送成功的代码。再完善一下步骤8 后端提交给小程序的数据，随便返回一些数据（这里返回为null应该也没事）我们可以将步骤9-22全部跳过，直接返回支付成功。因为我们跳过了支付过程，记得在controller中提交完订单就修改支付状态。最后实现跳过验证实现伪支付成功！
苍穹外卖跳过微信支付模块实现
weixin_45747274的博客
07-15 1343
订单支付部分使用build构建Orders对象时出现报错，“Lombok builder is missing non nullable fields“，即Lombok构建器缺少非空字段。可能是orders数据库中存在未设置默认值的字段且构造Orders对象时也未赋值。若是觉得报错看着难受，可以不用build构造器，而是使用Orders对象的get、set方法。跳过微信支付的本质：小程序（10、11）和商户系统（5、6）跳过向微信后台请求。跟着b站看代码开发这块时，个人微信小程序无法开通微信支付功能。
苍穹外卖 遇到的问题及解决方法 （包含跳过微信支付+新订单没有提示和声音）
最新发布
weixin_46437209的博客
04-10 1285
将前面属性的值拷贝给后面。
苍穹外卖订单支付跳过微信支付及解决后续订单取消、拒单等问题
m0_68356693的博客
03-03 2813
苍穹外卖订单支付跳过微信支付及解决后续订单取消、拒单等问题
苍穹外卖跳过微信支付（全网最强，最详细，最容易理解）
XZY__one的博客
01-24 9328
苍穹外卖台跳过微信支付最佳方法，简单易懂
苍穹外卖遇到问题（包括跳过微信支付、nodejs不兼容等）
qq_45195447的博客
09-21 2917
但在开发环境中，两者有所不同。所以 Vite 因为基于浏览器的原生功能，省掉了打包过程，在开发环境中体验及其愉快。本地安装了nvm用了切换node版本 但是当安装node20.9.0的时候 不小心自己重新 全局 装了npm，在切回低版本的时候 用了全局的 npm ,所以报错了 ，重新将node 切换回20.5的版本 npm这个时候可用 再执行npm uninstall -g npm ,取消全局安装的npm ,再使用nvm切换node版本的时候就可以了 自动使用node下自带的npm 版本 成功解决。
解决苍穹外卖项目无法跳过微信支付功能
qq_39099425的博客
04-30 1212
解决了苍穹外卖项目无法跳过微信支付更新数据库状态问题
前端+SpringBoot+小程序，苍穹外卖项目
07-05
点击立即下载即可免费下载，b站苍穹外卖项目教学已做完，由于是个人开发所以跳过了微信支付功能，调用接口将验证逻辑跳过直接转到支付成功页面。除了支付功能和调用百度地图功能没做其它功能已跑通，说明文档中有...
苍穹外卖项目微信支付(没有商户号)的解决方法，超详细！！！
Kirihara_Yukiho的博客
02-25 8674
如果想要体验真正的微信支付环节，可以搜其他方法。对于没有微信支付的环节，我们仅需要做一个大致了解即可。至此，本次分享到此全部结束，希望对你有帮助，如果觉得博主写的博客对你有帮助的话，，那么今天我就在这里分享一个方法，可以绕过微信支付实现订单支付的功能。今天在写苍穹外卖项目时，写到微信支付时发现。方法老师都已经讲过。我们主要修改的代码有。
苍穹外卖项目day11（day08）---微信支付（跳过微信接口进行伪支付，超超超细节哦！！！）/cpolar内网穿透工具使用
2301_79693537的博客
08-01 2166
【代码】外卖项目day11---微信支付（跳过微信接口进行伪支付，很细节！！！）/cpolar内网穿透工具使用。
苍穹外卖——跳过微信支付
apple_51927114的博客
12-03 3342
在视频的评论区看到大佬们的解决办法。
超简单苍穹外卖跳过Day08微信支付！
maththeworld的博客
08-04 862
超简单苍穹外卖跳过Day08微信支付！
苍穹外卖学习-day08-day10（跳过微信支付，订单取消，来电提醒问题解决）
m0_73537356的博客
11-13 4540
订单处于待接单状态下取消，需要进行退款，由于前面模拟微信支付，直接调用了支付成功的接口，实际上并未支付，此时用户端取消订单，需要跳过微信支付退款接口，直接修改数据库订单状态，调用orderService.paySuccess方法，传入订单号ordersPaymentDTO.getOrderNumber()，直接更新数据库订单状态，模拟支付成功。由于微信支付需要商家认证才能开通，个人开发者只能模拟支付的流程，完成后续项目的学习。，直接调用了支付成功的接口，所以可以。订单支付状态为 ”已退款 “，
苍穹外卖跳过微信支付功能后订单不通知问题
2302_77139233的博客
04-05 293
在苍穹外卖项目中，由于个人账号在微信支付功能无法获取商户号，可选择。2. OrderServiceImpl中的paySuccess方法可以不修改。3.如果语音播报一直循环 记得修改task包里的WebSocketTask。在pages/pay/index.js中220行左右。1. 修改OrderServiceImpl中的payment方法。，代码编写需要在老师编写的代码基础上进行修改去实现。从而实现订单支付功能。
黑马苍穹外卖解决跳过微信支付的问题
weixin_74880524的博客
10-25 436
如何解决黑马苍穹外卖项目微信支付跳过问题，完美解决，点个关注食用
苍穹外卖-跳过微信支付步骤-修改来单提醒
weixin_51755664的博客
03-13 740
苍穹外卖跳过微信支付代码修改
苍穹外卖-如何取消/跳过微信支付功能-实现模拟微信支付
hhhwangshuai的博客
11-07 2331
苍穹外卖-跳过微信小程序支付功能
苍穹外卖-如何跳过支付过程继续下面的代码开发
m0_58684211的博客
01-17 543
苍穹外卖，跳过微信支付阶段
苍穹外卖微信小程序部署
02-19
### 苍穹外卖微信小程序部署教程 #### 准备工作 在准备部署苍穹外卖微信小程序之前，确保已经完成了项目的开发并进行了充分测试。项目应遵循官方提供的开发文档以及设计指南[^2]。 #### 创建微信公众平台账号 为了能够发布和管理自己的小程序，需要先注册一个微信公众平台账号，并创建对应的小程序应用。这一步骤涉及到填写基本信息、验证身份等内容。 #### 下载安装微信开发者工具 通过访问官方网站下载最新版本的微信开发者工具。该工具有助于本地调试与预览小程序效果，支持多种实用功能如真机调试等。 #### 导入项目源码至开发者工具 启动微信开发者工具后登录刚才创建好的公众号账户，在新建页面选择“导入项目”，按照提示操作将已完成编码的工作空间加载进来。对于主要依赖后端服务的情况，则可以直接跳过后台接口部分的编写而专注于前端交互逻辑的设计[^1]。 #### 配置服务器域名及相关设置 进入微信公众平台上指定合法的业务域名为后续网络请求做准备；另外还需配置消息安全校验密钥(Token)，JS-SDK权限签名算法中的AppSecret等相关参数以保障数据传输的安全性。 #### 构建打包上传代码包 当所有准备工作完成后就可以执行构建命令生成用于发布的压缩文件(.zip格式)。接着回到公众平台控制面板内找到对应的菜单项提交审核材料连同刚刚制作出来的ZIP一起发送出去等待官方团队审查批准上线。 #### 发布前注意事项 在整个过程中务必仔细阅读相关协议条款，确保所使用的素材均获得授权许可，同时也要注意保护用户隐私不违反法律法规的要求。一旦收到通知表示已成功上架便可以通过分享链接让更多人体验到这款便捷的应用啦！ ```json { "path": "/pages/index/index", "query": { "id": "1" } } ``` 此JSON片段展示了如何定义首页路径及其携带查询字符串的方式作为默认打开界面的一部分配置信息之一。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Bwywb_3

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值