微信小程序开发
记录开发的点滴!
赫萝的红苹果
心若有向往,何惧道阻且长!
https://github.com/yumoxuan-25
展开
-
微信小程序 多列选择器自定义使用
项目需要,需要实现一个多列选择器,在用户确定之前,无论列表如何转,都不会影响已确定值的显示,只要用户选择确定才会把新选择的内容更新到已确定的显示值上。目前个人思路是保存两份,一份用来存放用户选择的中间值,当用户点击确定时,把中间值更新为已确认值。如果用户选择取消,就把中间值更新为已确认值。因为微信小程序中的多列选择器是用数组存放数据,因此在拷贝中涉及到深拷贝,必须是深拷贝才能实现上面的设想。因此可以下面代码实现深拷贝:var arr=JSON.parse(JSON.stringify(this.da原创 2021-12-18 23:19:46 · 1241 阅读 · 2 评论 -
微信小程序真机调试功能失常
首先第一点,需要确保真机调试的微信用于权限。第二点,确保手机和开发者工具在同一个局域网。第三点,真机调试的时候,微信开发者工具里面不能用localhost代表本地IP,要用具体的IP。第三点,真机调试的时候,微信开发者工具里面不能用localhost代表本地IP,要用具体的IP。第三点,真机调试的时候,微信开发者工具里面不能用localhost代表本地IP,要用具体的IP。重要的事情说三遍。还有,服务器上传图片或者文件,服务器端返回的地址也不能用localhost,也要用具体的IP。...原创 2021-11-15 18:33:05 · 5948 阅读 · 2 评论 -
微信小程序 第7天
今天过节,基本没做什么。就把一些手尾弄好了。还有一些后台接口,还没想好怎么弄。个人是想将他也放在微信小程序,弄一个特权表,手动把自己的openid加进去。然后特权表再分等级,本人是一级,然后我可以添加二级管理员。管理员也用户查看后台的一些权限。通过判断来设置这些控件是否展示。这样就只有管理员才能调用后台接口。...原创 2021-08-21 21:49:32 · 73 阅读 · 0 评论 -
微信小程序 第6天
今天早上,写了从服务器获取以及修改公共资料的接口。在首页,判断公告是否为空,空就调用该接口来获取轮播图url和公告文字。在进行测试的时候,还发现了以前代码的一些bug。比如小程序第一次授权的时候,有一个请求会获取用户昵称和头像,以及用户的code,然后另一个请求将他们发到服务器,服务器会进行操作获取到openid,然后利用JWT获取到token,然后存表。但是进行测试的时候,发现有时候订单的所有者头像和昵称为空,我清缓存,重新编译再获取,这次又有头像信息了。然后我再测一次,还是有,再测一次,这次没有原创 2021-08-20 23:39:53 · 68 阅读 · 0 评论 -
微信小程序 诡异的异步调用问题,函数执行结果与预想不一致
有一个需求,初次登录小程序会获取用户的头像和昵。现在有两个请求,前一个获取用户的头像和昵称,然后把结果存在变量里,然后另一个函数获取这些变量然后发起请求,将头像和昵称存在服务器。一开始成功了,觉得就可以了,但是后面做其他业务的时候,发现查看订单详情,已接单的订单头像和昵称居然没有显示出来。查看缓存,查看数据库,发现用户记录没有头像和昵称,怎么回事?我又运行了一次,又有了;再运行一次,又没有了。卧槽,怎么回事?我回去看了看代码,草,从代码层面看,上面一个运行完,运行下面一个。突然一想,好像知道问题了原创 2021-08-20 22:08:32 · 365 阅读 · 0 评论 -
微信小程序 第5天
今早,实现了展示个人订单的功能,展示情况和接单界面很像,但是还是有些地方不一样,因此不能直接共用一个页面。个人订单分为个人发布订单和个人接单,发布的订单如果未被接单,用户本人点击订单进入详情可以撤销订单。而个人接单出,已接单的订单,则可以放弃接单和完成订单。这里不同订单共有一个详情页,通过上面的标题栏下标和wx:if来进行页面展示。有一点需要注意的就是个人发布的已接单不能显示放弃订单和完成订单按钮,而个人接单处的已接单则显示这两个按钮。还有把取快递和其他业务的下单功能页做起来了,和之前的代购下单共用一个原创 2021-08-19 23:40:39 · 111 阅读 · 0 评论 -
微信小程序 第4天
今天早上,把页面的后续加载也写好了。三个导航栏共用一个pageNum,如果不共用还可以保存之前的,公用的话,每次切换都会刷新pageNum为1,然后发请求获取数据。每次加载10条,用户点击加载更多,就继续加载,并且将新的数据拼接到原来的数组中。这样就实现了加载更多功能。不同页面之间有在使用缓存进行数据共享,也想过用缓存来进行页面渲染,反正可以自定义缓存过期时间,过期再去获取。但是我觉得如果别人下单了,但是我的页面用的还是之前的数据,不是很容易白操作吗?虽然服务器不会让订单重复被接,但是还是觉得不太好。问原创 2021-08-18 22:40:50 · 77 阅读 · 0 评论 -
微信小程序container无法填满整个屏幕
wxml<view class="container"><text>nihao</text></view>wxss.container{ position: fixed; height: 100%; width: 100%; display:flex; flex-direction:column; align-items:center;/*垂直居中*/ justify-content: center;/*水平居中*/}原创 2021-08-18 20:01:18 · 2031 阅读 · 0 评论 -
微信小程序 第3天
截止目前实现了用户下单,用户注册获取token。今天的成绩:在服务器加了一个过滤器,把没有授权的用户请求(也就是请求头没有token的)都拦截,放行获取token的接口。遇到问题:过滤器类无法实现自动注入。解决方法1:在实现WebMvcConfigurer接口的类中将一个创建需要注入对象的方法手动注入容器。@Configurationpublic class AdminWebConfig implements WebMvcConfigurer { //手动注入LoginService原创 2021-08-17 23:43:34 · 76 阅读 · 0 评论 -
微信小程序post请求,springboot接收参数为空
今天使用微信小程序的post请求,发现服务器无法获取到请求的参数。在微信开发者工具查看请求,发现携带有参数,但是服务器却没有参数。用postman测试了服务器的接口,发现接口没问题,可以获取到参数。后来发现是编码的问题,只需要在请求头加上,utf-8是否加好像都无所谓,不过最好加一下。 'content-type': 'application/x-www-form-urlencoded;charset=utf-8'wx.request({ url: url, header原创 2021-08-12 21:43:23 · 1127 阅读 · 0 评论 -
如何获取微信小程序openid
获取openid需要准备一些参数:appid,AppSecret这两个是在测试号里面获取,(创建微信小程序项目的测试号),在微信公众号平台登录测试号,查看这两个参数。项目用的测试号可以按下图操作查看:获取了这两个参数之后,在微信小程序通过wx.login获取code,这个code五分钟就会过期,并且好像只能用一次,下次要重新获取。wx.login({ success: function (res) { console.log(res); } }原创 2021-07-29 16:36:26 · 1398 阅读 · 4 评论 -
微信小程序使用setData({userName:xxx})和this.userName=xxx直接绑定的区别
直接使用简易双向绑定,model:value={{userName}},但是绑定失败,不知道什么原因。使用value={{userName}},数据绑定时,输入的数据无法绑定到data中,可以在js中进行绑定。首先,js中使用this.userName=e.detail进行绑定,在js的data中,数据已经被改变,这时调用其他函数查看data中的值就可以验证。但是data中的数据却不会同步到输入框。因此在js中,同步数据的时候应该使用this.setData({userName:e.detail})原创 2021-07-27 22:15:32 · 622 阅读 · 0 评论