perder的博客

使用场景现在我们平常支付都是用微信或支付宝支付，但是微信支付的申请流程比较的复杂。所以支付宝沙箱非常适合开发者进行接入支付宝开发。支付宝沙箱可以提供给我们虚拟的支付环境和账号，让我们可以轻松的调用。 申请支付宝沙箱的流程首先我们注册支付宝沙箱，然后我们开启支付宝沙箱。沙箱会给我们相应的 id 等信息。 可以看到上面有支付宝给我们的 appId 和应用名称 Id，以及绑定的商家号 Id，我们接口加签方式就不改为自定义密钥了，用系统默认的。这里还需要注意授权回调地址，这个是我们调用完支付接口后支付宝给我们异步的返回支付接口的地址。 编写代码这里我编写是手机网站支付的接口，若要使用其他的可以看沙箱中的文档。首先先引入 pom 依赖。 123456<!-- 支付宝支付 --><dependency> <groupId>com.alipay.sdk</groupId> <artifactId>alipay-sdk-java</artifactId> <version>4.34.0.ALL< ...

遇到的问题平常大家都会遇到写表单，有表单就会有表单验证。然后有时候我们需要用到上传图片。这时候问题来了，其他的表单比如输入框，下拉框的验证都比较容易，只要按照 elementPlus 官网上的相应的配置 prop 和 rules 然后就可以实现验证。 123456789101112const rules = reactive({ deviceSn: [{ required: true, message: "设备编码不能为空", trigger: "blur" }], deviceType: [ { required: true, message: "设备类型不能为空", trigger: "change" }, ], deviceName: [{ required: true, message: "设备名不能为空", trigger: "blur" }], netMode: [
...

使用场景比如当用户下了订单，这时候应该告诉用户订单的状态发生了改变之类的消息。但是网上的博客不是解释不清，就是在复制黏贴，你搜小程序推送却跟你说公众号推送，所以写一篇博客来解决自己如何解决。 微信公众平台选择模板进入公众平台后 选择功能->订阅消息 然后选择公共模板选择一次性订阅，然后去选择你所要的模板。之后模板会生成一个 id，以及所需要的参数 引入 springboot 的 WXJava 依赖WxJava 封装了许多关于微信公众号、小程序的各种操作，简便了开发。WxJava 文档 因为我们是要开发微信小程序的推送服务，所以我们需要引入 WxJava 中微信小程序的依赖 12345<dependency> <groupId>com.github.binarywang</groupId> <artifactId>weixin-java-miniapp</artifactId> <version>4.6.0</version></dependency> 引入之后我们可以开 ...

了解 Vue 的生命周期首先不管是哪个组件一定有 beaforeCreated ==> 这时候组件没有 dom，没有 datacreated ==> 这时候 data 以及 method 都有了,但是没有真实 dombeforeMounted ==> 这时候有 dom，也有 data，但是还没挂载到页面上mounted ==> 此时组件已挂载到页面上，所以我们可以在这里对 dom 进行操作beforeupdate ==> 这是组件更新时所调用的钩子，此时页面还是旧的，但是 data 数据已经是新的了updated ==> 这时候已经将新数据重新渲染了beforeDestroy ==> 组件销毁前的阶段，这时候 data、method 等还都是可以用的destroyed ==> 这时候 vue 身上的东西已经都不能用了，但是我们设置的定时器之类的还会存在，所以可以在这里清除操作。 ...

如何遇到这个问题的在写一个地图业务的时候，需要点击地图右下角的放大框，然后以弹窗形式将地图放大，这里用的是Element-Plus中的Dialog组件。大概的结构是这样的。 12345678910111213141516171819<!-- 父组件 --><div><Amap></Amap><MapDialg></MapDialg></div><!-- 弹窗组件 --><div> <el-dialog :z-index="2000" v-model="dialogVisible" title="位置" width="1000" :before-close="handleClose" > <div style="width: 100%; height: 500px"> <AMap ref ...

使用背景 在很多实际项目中都需要用到地图，不管是腾讯地图还是高德地图或是其他的地图，其实都是大差不差的。别人已经帮我们封装完毕，直接调用 api 即可。这次公司需要在添加或编辑的时候，能在地图中显示设备的位置，并可以搜索地址后获取经纬度。具体如图所示。 实现步骤由于我们使用的是 vue3，所以我们应该将这个地图做成一个组件，以便于复用。之前公司已经有一个最基础的地图组件，所以我们需要在最基础的显示组件上加上这些业务逻辑 编写页面结构123<div> <div :id="mapId" class="mapDiv"></div></div> 这是原本最基础的页面样式，我们需要加上搜索框，以及经纬度搜索框。其实实现还是比较容易的，因为这些控件实际上是浮在地图之上的，所以我们让地图的父元素定位开启，接着我们写入基本结构，大概是这样。 12345<div> <div :id="mapId" class="mapDiv"></di ...