![](https://img-blog.csdnimg.cn/b60623831a364c29808cb4e2658c5e2d.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端记录
Vue、Antd、公众号学习使用中的一点点记录。
平芜尽处是春山-
懒惰的躺平选手
展开
-
Jeecgboot vue3的选择部门组件JSelectDept如何实现只查询本级以及子级的部门
JSelectDept组件实现了弹窗然后选择部门返回的功能,但部门是所有数据,不符合需求,所以在原有代码上稍微改动了一下组件属性值如下:当serverTreeData=false的时候,从后端查询出简单的部门列表数据,在前端进行封装成为树列表数据,这时候设置startPid的值就是从哪个父节点开始获取,但这个方式只能获取到子级没有本级数据。原创 2024-07-12 18:02:45 · 388 阅读 · 0 评论 -
jeecgboot vue3使用JAreaSelect地区选择组件时返回省市区的编码,如何获取到选择地区的文字
当我们的BasicForm表单组件中使用选择省市区的JAreaSelect组件时,获取到的返回值是地区的编码,如“530304”这样子,但我在小程序中展示数据的时候需要明确的地址,如“云南省昆明市五华区”,我们可以在前端原有的工具类中添加转换方法来实现。其实记录主要的不是为了这个方法,这方法也很简单,而是想要记住省市区数据的JSON数据和工具类,以后在我需要用到这些数据的时候可以看到自己的这个文章然后找到这个数据来直接使用哈哈哈哈哈。JSON文件:86是所有的省,然后是各个市以及县区。原创 2023-11-07 14:18:30 · 808 阅读 · 0 评论 -
jeecgboot vue3使用DatePicker组件设置可用日期
(1)使用表单的formSchema中的componentProps组件属性通过disabledDate设置。(2)使用插槽slot方式实现。原创 2023-08-30 11:49:13 · 1378 阅读 · 3 评论 -
uniapp - 新版本微信小程序登录、获取电话号码;后端调用微信API不必自己写调用网址【附有前后端完整代码】
1)uniapp:通过设置按钮的open-type=“getPhoneNumber” @getphonenumber="getPhoneNumber"来唤起。在4.5.0的版本中,已经不需要传入encryptedData、ivStr,只需要传入uniapp中uni.login返回或的code就可以了。(1)登录:通过前端获取到code,可直接调用WxMaService类的方法即可实现微信接口。通过唤起授权手机号的弹框,授权后即可访问后端接口,也是直接调用即可。原创 2023-06-07 18:01:28 · 3579 阅读 · 5 评论 -
微信小程序开发-微信支付功能【WxMaService 获取openid,WxPayService建微信订单,接收微信支付异步通知回调方法,附有完整前后端代码】
前提:对小程序开发有一定的基础;小程序已发布使用,已开通微信支付,关联商户号。原创 2022-08-22 15:53:58 · 6933 阅读 · 0 评论 -
Vue 使用<j-date> 限制 只能选择当天和之后的时间
一个小功能,对Vue实在不熟悉,不想下次再用还得去查,就记录一下。结果展示:1、需要使用moment2、使用 j-date日期组件官网路径:j-date日期组件3、使用同样的方式,举一反三就可以设置只能选择当天之前的日期,获取某范围内的时间。...原创 2022-06-29 15:58:32 · 2211 阅读 · 2 评论 -
微信公众号开发 - 发送模板消息【使用WxMpService、AOP、自定义注解的方法,附有通用的完整代码】
登录微信公众平台对自己的公众号添加模板消息:微信公众平台后面的代码是通过模板ID来进行绑定的。微信公众号文档:文档地址其中需要获取access_token:获取access_token-文档地址文档有完整的说明,现在可以找到很多代码的例子,如:3、高级通用版本:使用WxMpService、AOP、自定义注解的方式实现推送模板消息使用的框架:后端:jeecgboot前端:uniapp使用自定义注解,利用AOP写一个切面类调用发送消息方法,然后在需要模板消息的地方可可使用自定义注解来实现发送模板消息原创 2022-06-23 10:42:25 · 3376 阅读 · 0 评论 -
JavaScript 数字转成大写“零壹贰叁肆伍陆柒捌玖”的方法
记录一个通用的数字转换成大写的方法吧。原创 2022-06-20 14:53:48 · 219 阅读 · 0 评论 -
微信公众号:生成二维码,扫码进入指定的H5页面并获取openid,实现自定义分享【完整过程,附主要代码】
功能:需要生成二维码,识别二维码后进入指定H5页面,获取到使用人的openid。原创 2022-06-01 17:48:54 · 10224 阅读 · 0 评论 -
Vue+java:阿里云OSS 实现视频上传,前端Vue使用vueMiniPlayer动态地址视频播放,以及发布时遇到aliyun-java-vod-upload时依赖报错问题的解决方法
视频上传功能首先,服务器需要开通视频点播的功能。我使用的java开发,阿里云官方文档地址:阿里云官方SDK示例(1)vue视频上传的<template> <a-spin :spinning="confirmLoading"> <j-form-container :disabled="formDisabled"> <a-form-model ref="form" :model="model" :rules="validatorRul.原创 2022-05-13 15:32:51 · 3250 阅读 · 0 评论 -
Vue打包项目报错 Uncaught SyntaxError: Unexpected token ‘<‘ 的解决方法
还好不容易工作进入到了打包环节,却又开始报错,报错文件是一个JS文件:JS文件打开以后是这样的问题:应该是文件引入的问题,开始找解决方法在网上找了一些浏览量很高的方法,试过的如下:1、 添加externals的配置2、 把assets文件夹下的内容放到public下3、将引入Router的模式改为“hash”试过了之后都无效,非常的头疼(也有可能是我设置的方式也存在问题)最终找到了一篇文章解决,使用一行配置搞定,在vue.config.js文件中加入://使用路径 Uncaught原创 2022-05-13 14:06:25 · 9491 阅读 · 0 评论 -
vue 微信公众号 使用weixin-java-mp、JSSDK自定义分享
1、后端: 使用weixin-java-mp 4.1.0pom.xml引入依赖<!--微信公众号--> <dependency> <groupId>com.github.binarywang</groupId> <artifactId>weixin-java-mp</artifactId> <version>4.1.0</ver原创 2022-04-18 10:15:05 · 1409 阅读 · 1 评论 -
H5微信公众号,如何在页面点击按钮打开分享面板【求助】
1、使用了weixin-js-sdk,只实现了自定义右上角的分享功能import wx from 'weixin-js-sdk'getConfigData({url: encodeURIComponent(location.href.split('#')[0])}).then(res => { console.log("---分享",res.result); const result = res.result;wx.config({ debu原创 2022-01-13 11:37:08 · 5453 阅读 · 9 评论 -
微信公众号-分享报错invalid url domain的解决方法
微信公众号开发-自定义分享报错显示“invalid url domain”需要通过微信提供的api获取signature,在前端js中会用到,前端wx.config中开启调试模式,公众号前端弹出信息“errMsg:config:invalid url domain”,出现这种错误的原因可能有:1、域名没有授权部署微信前端页面的服务器的域名没有在公众平台授权。【注意是前端的域名】...原创 2022-01-13 09:08:13 · 9389 阅读 · 0 评论 -
H5 antd vue 微信公众号+java jeecgboot后端 发布时遇到的常见问题记录
1、java后端发布的配置+微信公众号配置#小程序wechat: #公众号 mp: configs: # 支持多公众号配置 # 第一个公众号的appid appId: aaa # 公众号的appsecret secret: bbb # 接口配置里的Token值 token: ccc # 接口配置里的EncodingAESKey值 aesKey: ddd原创 2022-01-11 20:36:18 · 796 阅读 · 0 评论 -
Vue微信公众号 创建自定义菜单
创建菜单的程序之前需配置:1、申请一个测试公众号并设置接口信息,JS接口安全域名以及网页授权获取用户基本信息,这三项都要设置为自己的程序映射的公网地址网页服务-》网页帐号-》网页授权获取用户基本信息:进行OAuth2.0网页授权,这里的地址也要使用encode方式2、使用java创建自定义菜单/** * 配置菜单 */@Slf4j@RequiredArgsConstructor(onConstructor_ = @Autowired)@RestController@RequestMa原创 2021-12-28 16:55:06 · 1192 阅读 · 0 评论 -
vue 使用tab切换,tab下的内容展示不同的组件页面
功能说明: 点击添加的时候,可根据的不同tab切换到添加不同数据的页面//HTML部分<ul class="tab_tit"> <li :class="currentView== 'child1' ?'active':''" @click="tabChange(child1)">图文</li> <li :class="currentView== 'child2' ?'active':''" @click="tabChange(child2原创 2021-12-22 14:48:55 · 2253 阅读 · 0 评论 -
Vue 使用路由方式跳转页面
1、定义跳转按钮<a-button class="button" @click="toMine()" type="normal" shape="circle" icon="user" size="large" />2、跳转的方法 toMine: function () { this.$router.push({ name: 'mine' }) }3、路由:src/config/router.config.js文件中在基础路由中添加子路由 {原创 2021-12-22 14:39:14 · 445 阅读 · 0 评论 -
vue 中使用form表单提交,java后台接收
1、VUE**HTML部分**<a-form class="form" ref="moodAdd" :form="form" id="moodAdd"> <a-form-item> <a-input class="input" type="text" v-model="model.showName" placeholder="请输入您的名字"></a-input> </a-form-item>原创 2021-12-17 10:53:18 · 2332 阅读 · 0 评论 -
antd vue pro中使用customRequest,以FormData方式进行自定义上传图片,java后台接收
1、vue部分<a-upload :multiple="false" name="avatar" list-type="picture-card" class="avatar-uploader" :show-upload-list="false" :before-upload="beforeUpload" :customRequest="customReques原创 2021-12-16 17:26:46 · 1952 阅读 · 1 评论