![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
文章平均质量分 85
最强的森
北京UI设计,网站设计开发,小程序设计开发
展开
-
uniapp开发微信小程序-7.用户填写表单信息
经过编写后,发现与之前章节过程差不多,然后我就在代码中将注释写了出来帮助大家理清逻辑。大家直接看源码研究一下吧:原创 2022-06-06 17:04:29 · 7151 阅读 · 1 评论 -
uniapp开发微信小程序-6.用户注册和数据存储
上篇文章我们利用wx.login方法获取了用户的唯一标识openid,有了这个标识我们就可以针对每一位用户进行数据上的功能制作原创 2022-06-01 17:12:07 · 3927 阅读 · 0 评论 -
微信小程序2022最新用户信息授权设置
用户授权功能**涉及到用户隐私**,所以微信开发者团队针对此功能进行了许多次修改。最近的一次修改将在 **2022年10月26日24时** 后开始强制生效。原创 2022-05-31 17:16:12 · 5815 阅读 · 3 评论 -
uniapp开发微信小程序-5.用户授权登录和用户信息获取
uniapp开发微信小程序-5.用户授权登录和用户信息获取微信小程序中 用户信息授权 一直是一个非常重要的功能,它有着提升用户体验、进行用户身份认证、便于开发者进行数据分析等作用。——但是用户授权功能涉及到用户隐私,所以微信开发者团队针对此功能进行了许多次修改。最近的一次修改将在 2022年10月26日24时 后开始强制生效。——今天我们就从小程序的用户信息获取历程开始学习。1.关于获取用户信息通过微信小程序获取到的用户信息包括:昵称(nickName)、性别(gender)、语言(lan原创 2022-05-31 17:06:49 · 5894 阅读 · 4 评论 -
uniapp开发微信小程序-4.页面跳转与横向滑动
uniapp开发微信小程序-4.页面跳转与横向滑动本篇文章主要是想记录一下横向滑动功能,备忘的同时给大家做个分享。但既然是初级分享系列文章,为了方便新手朋友的上手工作,还是在此之前说一下页面跳转的功能。两个功能完全没有关系,大家看的时候没必要做关联。一、页面跳转页面跳转的方法非常简单,就是绑定一个点击方法,使用跳转接口即可:<view @click="tiaozhuan()"></view>tiaozhuan() { uni.navigateTo({ url原创 2022-04-18 16:47:18 · 3414 阅读 · 6 评论 -
uniapp开发微信小程序-3.页面制作、组件与轮播
uniapp开发微信小程序-3.页面制作、组件与轮播1.页面搭建uniapp中页面的搭建与微信小程序雷同,都是div换成view即可。其他标签都与html相同:css的使用也相同。做个首页:2.将复用模块组件化以banner为例。(1)新建组件在项目中新建文件夹component用于存放组件,在里边新建一个组件:起名为banner,其中内容与普通页面一致:接下来将banner的内容放到组件中:(2)引入组件在项目主文件中引入该文件,并用Vue.component声明该文件为原创 2022-04-18 15:09:03 · 1739 阅读 · 0 评论 -
uniapp开发微信小程序-2.页面制作
uniapp开发微信小程序-2.页面制作往期文章:uniapp开发微信小程序-1.工具和本地环境uniapp开发微信小程序-2.页面制作一、项目配置开发层级结构:左侧是基础开发,右侧是uniapp开发。经过对比,我们只需要掌握了vue框架就可以直接开发,通过uniapp运行到微信开发者工具即可自动编译成微信小程序基础开发层级。其中manifest.json是对uniapp项目进行配置的文件,在微信小程序项目中我们要配置两点:1.基础配置获取uniapp标识。通过HBuilder账号登原创 2022-04-15 15:57:54 · 7126 阅读 · 2 评论 -
uniapp开发微信小程序-1.工具和本地环境
uniapp开发微信小程序-1.工具和本地环境一、前言我为什么学习uniapp?uniapp的好处不用我说,多端开发效率的提升等等作用,近期在了解uniapp的你一定比我记得清楚。所以我就只说说我是带着哪些目的进行uniapp学习的。首先 ,我希望在微信小程序的制作过程中使用之前掌握到的 vue。我不希望在微信小程序中重新学习如何将vue项目引入到微信小程序,而且我担心 wx- 前缀与 v- 前缀冲突等等原因(我没有试过,但这是想想就头疼的问题,不愿尝试)。其次 ,因为开发效率的原因,我深深地被原创 2022-04-14 11:16:10 · 3488 阅读 · 0 评论 -
uniapp开发微信小程序使用painter绘制海报
uniapp开发微信小程序使用painter绘制海报参考文章:1.简书大佬文章https://www.jianshu.com/p/e9cab600cf6c2.CSDN大佬文章https://blog.csdn.net/YouZi_X/article/details/107339893?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2aggregatepagefirst_rank_ecpm_v1~rank_aggregati原创 2021-11-10 12:07:05 · 2710 阅读 · 11 评论 -
微信小程序:常用功能8——小程序视频组件中的弹幕功能
微信小程序:常用功能7——小程序视频组件中的弹幕功能昨天我们刚说了微信小程序的视频组件和分享功能微信小程序:常用功能7——在小程序添加视频组件,并将页面分享到朋友圈,今天想把弹幕功能说一下,但是感觉弹幕功能跟我想的不一样,我想把弹幕信息放在云数据库中实现动态更新,但是事与愿违,我觉得是这个功能还不太纯熟,大家有什么解决方法可以在评论教教我。下面就说一下简单的实现方法和我的问题。视频组件中的弹幕功能弹幕功能主要需要的属性就是 danmu-list弹幕列表、danmu-btn弹幕显示按钮 和原创 2021-03-23 12:22:35 · 5083 阅读 · 2 评论 -
微信小程序:常用功能7——在小程序添加视频组件,并将页面分享到朋友圈
微信小程序:常用功能7——在小程序添加视频组件,并将页面分享到朋友圈企业公众号一个月最多发布四次文章,这个月公司业务量很大,暂时只能把文章扔进小程序发布了!------1.文章有个视频,2.我们得分享到朋友圈宣传。也不错,顺便宣传宣传小程序!注意 :分享朋友圈功能只有Android手机用户可以成功,IOS手机用户还不能支持。1.小程序视频组件video组件微信开放文档video组件链接地址<video src=""></video>与图片组件相同,插入链接地原创 2021-03-22 15:56:00 · 3621 阅读 · 14 评论 -
微信小程序:常用功能6——点击图片,实现图片的预览功能wx.previewImage(Object object, boolean showmenu)
向用户展示图片时,为了展现布局的美观性,往往不同尺寸的图片要放在相同大小的容器中。但是图片想让用户看清、或者保存时,我们就要进行图片的预览,像用户展示原图。图片预览接口:wx.previewImage(Object object, boolean showmenu)。在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。首先,我再百度找几张图片放在data里边待用这里要用数组,因为这个接口的运行方式是在图片列表中显示其中的某一个图片,列表是数组格式。然后,在wxml里边.原创 2020-12-14 13:48:32 · 5192 阅读 · 0 评论 -
微信小程序:常用功能5——在线客服功能的实现
微信小程序:常用功能5——在线客服功能的实现微信小程序的客服功能比较纯熟,非常简单易用,只要在公众平台小程序账号中设置好相关客服人员,基本用户就能实现与客服人员的实时对话。首先登陆微信公众平台小程序账号,找到功能-客服-添加客服添加代码wxml:用一个按钮就开启客服对话页面<button open-type="contact" bindcontact="handleContact" type="primary">在线咨询客服</button>js:用返回值查看调原创 2020-12-14 12:40:17 · 10980 阅读 · 1 评论 -
微信小程序云开发:常见问题1——下载云存储文件的疑似bug和解决方法(接口wx.:cloud.downloadFile,getFileSystemManage,env.USER_DATA_PATH)
微信小程序:疑难问题1——下载云存储文件过程总结的疑似bug和解决方法(接口wx.:cloud.downloadFile,getFileSystemManage,env.USER_DATA_PATH)微信小程序下载云存储文件过程总结的疑似bug和解决方法,在微信开放社区写了半天,感觉自己已经把自己的一些问题解决了。比如wx.getFileSystemManager().saveFile中的tempFilePath如何添加文件名变量和正则表达式等。手机端真机和开发者工具都可以实现,但是PC端真机是真的原创 2020-12-11 16:26:13 · 2830 阅读 · 0 评论 -
微信小程序云开发——常用功能2:操作云数据库一键批量导入数据(导入json文件)
微信小程序云开发——常用功能2:操作云数据库一键批量导入数据(导入json文件)今天我们要添加100条数据。下面的过程是先创建一条记录,然后导出这条数据看json文件中是如何编辑字段的,然后仿照这个格式添加其他记录,再导入。这个过程会让大家更加容易理解批量导入字段的逻辑,也方便我们之后学习使用代码对云数据库进行数据的增删改查方法。小程序数据库中的集合等同于外界数据库中的表。首先,添加一条记录新建集合“fenye”,添加字段’age’=1,‘name’=1这条记录中有三条字段:1.自动生成的_原创 2020-11-30 12:07:07 · 6835 阅读 · 5 评论 -
微信小程序——常用功能4:实现下拉刷新和上拉加载
微信小程序——常用功能4:实现下拉刷新和上拉加载今天跟大家学习一下小程序下拉刷新和上拉加载两个功能。由于我不是专业搞开发的,所以之前踩了很多坑,我先跟大家说一下这两个功能我的看法:1.下拉刷新。由于小程序是加强前端开发、弱化后端开发的开发方式,所以基本上使用setdata的方法就可以实现页面的实时更新。所以这个功能我认为想要用来刷新页面的话就很鸡肋。它的主要作用是在用户下拉刷新的时候调用某些接口,实现更多功能。如果你没有使用数据实时更新的方法实现你的效果就可以用到这个功能,加一个跳转接口,跳转原创 2020-11-29 00:11:23 · 2186 阅读 · 0 评论 -
微信小程序——常用功能3:根据微信开放文档在app.json设计底部导航、小程序背景等基础内容
微信小程序——常用功能3:根据微信开放文档在app.json设计头部导航、标题、底部导航、全局背景颜色、字体颜色等基础内容小程序的基本设置有点让人头疼,如果前期的设计模型图没有做而直接开整,看着白白的初始页面,基本没有开整的热情了。今天在这里整合一下初始页面的设置顺序,今后从头开发小程序时候就能更快捷,并且更有头绪了。同时可以让新手朋友更快捷地入门(我当时疫情期间就弄这个了,搞了半年才了解的差不多),顺便带新手朋友学会看微信开放文档进行开发。微信开放文档:微信开放文档链接跳转首先 在开发者工具原创 2020-11-26 15:25:55 · 466 阅读 · 0 评论 -
微信小程序——常用功能2:微信小程序用户登录,申请用户授权并获取用户基本信息
微信小程序——常用功能2:申请用户授权并获取用户基本信息为了更好的用户体验,很多时候我们想要获取用户的基本信息,从而实现将信息呈现到用户界面、给用户划分地域、给用户分类等功能。但是要想获取用户信息的前提,就是我们需要先向用户申请授权。所以今天的主要内容有两个:1.申请用户授权。2.获取用户基本信息。1.申请用户授权微信调用接口:1.wx.getSetting()查看用户是否授权 2.showSettingToast(“请授权”)申请用户授权2.获取用户基本信息微信调用接口:wx.getU原创 2020-11-26 11:18:25 · 4608 阅读 · 0 评论 -
微信小程序——常用功能1:使用wx:if逻辑,根据data视图层在相同页面显示不同数据
微信小程序——常用功能1:使用wx.if逻辑,根据data视图层在相同页面显示不同数据本节我们的主角是wx.if逻辑。老规矩,先上完整代码,大家先看看怎么回事,搞不明白的话看下边讲解大家也可以直接新建页面,复制代码更直观查看<view wx:if="{{!loginOK}}" style="width:350px;text-align: center;"> <image class="touxiang" src="{{touxiang}}"></image>原创 2020-11-25 15:45:47 · 3616 阅读 · 0 评论 -
微信小程序云开发——常用功能1:使用云函数获取用户openid,并使用1.setData加载到视图层 和2.setStorage缓存到本地
微信小程序云开发——常用功能1:使用云函数获取用户openid,并使用1.setData加载到视图层 和2.setStorage缓存到本地——今天我们先说一下如何使用微信小程序云开发获取用户openid,目的是利用获取用户openid这个重要的功能,使用我们的第一个云函数。先不上讲解,避免大家乱套,先直接上一套代码html:<!--pages/index/index.wxml--><text>看,我要在这里显示openid"{{openid}}"</text>原创 2020-11-25 12:45:40 · 4655 阅读 · 11 评论