微信小程序
微信小程序基础知识
小绵杨Yancy
Trouble is a friend.
展开
-
微信小程序最新用户头像昵称获取规则调整应对措施(2022)
以前通过wx.getUserProfile获取用户信息,用户点击同意以后,便可以直接获取相关信息,但是官方最近做出了调整,直接将头像和昵称使用默认值填充了,所以我们无法直接获取用户的信息了,需要新增一个页面用于用户自定义头像和昵称。获取到的头像地址是一个临时地址,并不是长期有效的,我们需要将这个地址对应的文件存到自己的服务器上或者云存储中。就是设置button的open-type为chooseAvatar,当用户点击时,就会触发“修改头像”事件。中,因为当前仅仅只是修改该了data中的数据。原创 2022-11-20 12:49:13 · 4704 阅读 · 6 评论 -
【微信小程序】为小程序设置底部菜单(tabBar)
一、项目目录三个页面:图标资源:二、app.json中设置tabBar此时pages中已经存在的页面路径:添加tabBar属性,与window和pages同级。其中selectedColor是当前菜单选中后标签字体颜色。list中一个对象表示一个菜单项。pagePath: 当前菜单对应的页面路径,应该在pages有对应路径text: 当前菜单的标签iconPath: 菜单未选中时显示的图标路径selectedIconPath: 当前菜单选中后显示的图标路径三、效果..原创 2022-04-21 15:45:06 · 4808 阅读 · 1 评论 -
微信小程序—网络API
1、每一个小程序在与指定域名地址进行网络通信前都必须将该域名地址添加到管理员后台白名单中。相关知识如下:1、配置流程mp.weixin.qq.com进入管理员后台,选择【设置】—【开发设置】—【服务器域名】进行添加或修改需要进行网络通讯的服务器域名地址2、 HTTPS证书需要注意的是,小程序必须使用 HTTPS 请求,普通的HTTP请求是不能用于正式环境的。判断HTTPS请求的依据是小程序内会对服务器域名使用的 HTTPS 证书进行校验,如果校验失败,则请求不能成功发起。因此开发者如果选择原创 2021-07-08 15:41:25 · 914 阅读 · 0 评论 -
微信小程序 — wx:for和wx:if
1、wx:for在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item例子:<!--WXML--><view wx:for="{{array}}"> <view>下标为:{{index}} 当前值:{{item}}</view></view>// pages/test/test.jsPage({ dat原创 2021-07-08 13:36:38 · 3341 阅读 · 0 评论 -
微信小程序入门基础
一、整体框架每个页面包含四个文件:1、.js文件:逻辑层,在里面定义渲染层要用到的数据(date:{ ……}),函数。2、.json文件:配置,对微信小程序进行全局配置,设置页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 切换页等3、.wxml文件:全称是WeiXin Markup Language(微信标记语言),类似于HTML也是一种使用<标签>和</标签>来构建页面结构的语言。WXML具有数据绑定、列表渲染、条件渲染、模板、事件和引用的能力。原创 2021-07-08 12:44:51 · 255 阅读 · 3 评论 -
微信小程序—一键复制文本
通过点击实现复制文本。wxml: <view data-text="你要复制的内容" bindtap="copy" class="lists"> <view class='content'> <view class="listtext ">复制</view> </view> </view>wxjs:copy: function (e) {原创 2021-07-01 19:15:27 · 2141 阅读 · 0 评论 -
微信小程序-云函数获取用户openid
index.js// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()//获取用户的openidexports.main = async (event, context) => { return event.userInfo; //返回用户openid}在其他页面的js文件中调用云函数:console.log("获取昵称和头像成功"); wx.cloud.callFunction.原创 2021-07-01 11:55:52 · 3703 阅读 · 1 评论 -
微信小程序获取用户信息(昵称、头像、openid等)
1、可以调用wx.getUserProfile来获取用户的昵称、头像(地址)、地区及性别。但是需要通过按钮事件触发,在showModal弹窗中用户点击确定后才能获取。WXML:<view> <button class="login_btn" bindtap="login" type="primary">授权登录</button></view>WXJS:login: function(){ var that = this; wx原创 2021-06-22 17:36:12 · 11907 阅读 · 2 评论 -
微信小程序通过按钮传参数
需求:需要通过删除按钮实现删除云数据库中对应的内容,要删除云数据库中的内容,是以数据的“_id”为依据的。所以我要在js中删除数据,必须获得要删除数据的"_id"。<button type="primary" size="mini" bindtap="delete" data-id="{{user._id}}">删帖</button>微信小程序中“ data-*=" " ”可以实现按钮传值。其中‘ * ’号自定义名称,我这里取名为id,然后赋值为user._id。js中通过按原创 2021-06-22 14:53:54 · 2512 阅读 · 0 评论 -
微信小程序组件——单选框radio
与checkbox类似,radio必须在放在radio-group中。radio-group属性:1、bindchange=“bindchange”:当选项改变时,触发该函数,在js中定义bindchange函数,通过e.detal.value获取对应的值。2、radio属性:value:选项对应的value值。checked=“true”:该选项默认被选中。color=“blue”:该选项选中“对号”颜色。radio与checkbox类似,只是radio为单选,checkbox能同时选中多个原创 2021-06-18 22:27:17 · 2840 阅读 · 0 评论 -
微信小程序组件——多选框checkbox和标签label
通过使用Label组件中for属性,指向checkbox的id,当点击label文字时,也会选中checkbox。checkbox-group常用属性:bindchange="bindchange":当点击或者取消了选中,都会触发该bindchange函数,并且会将选中checkbox的value值传递,可在js中通过e.detail.value获取。html代码:<view> <checkbox-group class="all" bindchange="bindchan原创 2021-06-18 17:25:53 · 1949 阅读 · 0 评论 -
微信小程序组件——滑动视图swiper
swiper多用于页面顶部轮播显示图片。常用属性:indicator-dots=“true”: 显示面板指示点indicator-active-color=“red” : 当前选中指示点为红色。autoplay=“true”:自动轮播。interval=“1000”: 自动轮播时间间隔为1s,默认5s。HTML代码:<view> <text>Swiper演示:</text> <swiper indicator-dots="true" indic原创 2021-06-18 12:58:49 · 771 阅读 · 0 评论