
微信小程序
前端-阿辉
自己不努力,没人能给你你想要的生活!!!
展开
-
在微信小程序中使用微信支付功能
相关配置部分不在多说:下面只看代码逻辑部分: // 调用uniapp API uni.getProvider 获取服务供应商 uni.getProvider({ /* 获取服务类型,可选值如下: * @param share: 分享 * @param oauth: 授权登录 * @param push: 推送 * @param payment: 支付类型 */ service: 'payment', success: (res) => { /* * @原创 2021-01-24 11:01:25 · 1590 阅读 · 1 评论 -
微信小程序扫码功能的使用
效果图添加图片前:添加上图片后:wxml内容:<view class="" hover-class="hover-class" catchtap="openChooseImage" style="height: 368rpx;background: #E6EEFE url({{ imgpath ? imgpath + '/bgIcon/addPhoto.png' : '' }}) no-repeat center;background-size: 88rpx 88rpx;"> &.原创 2020-10-30 19:14:24 · 4371 阅读 · 0 评论 -
微信小程序页面跳转传值
页面传值 如下:举个例子,我们要将许多商品在当前页面循环遍历渲染出来,点击当前页面中的每一个商品会跳转到商品详情页面,显示当前被点击商品的详细信息,我们肯定不能为每个商品都写一个详情页面,这样的话就会用到页面传值这种操作了。如下是在后台接口中通过为每一个商品绑定一个id,在另一个页面中通过在商品列表中传入的id作为商品详情接口的参数渲染不同的商品详情信息(逻辑有点乱请细细品)。<view wx:for="{{listDate}}" wx:key="listDate" data-index="{{i原创 2020-09-08 20:00:56 · 645 阅读 · 0 评论 -
微信小程序授权登录
首先要明确授权登录的业务流程:微信官方文档中对授权登录已经解释的很清楚了,在这里再简单赘述下吧。业务需求是:小程序在加载时,登录并获取用户信息。如果没有用户信息则跳转到引导或着登录页。业务逻辑是:首先调用wx.login函数获取code,然后向服务器发送请求,根据拿到的code换取登录凭证openId最后再根据openId查询绑定的用户信息。如果用户已存在则直接获取用户信息,否做跳转至引导页或登录页,获取到用户信息后将信息存到全局数据中便于调用,==> 登录完成。但由于小程序存在分享页面等功能.原创 2020-08-12 21:19:26 · 685 阅读 · 0 评论 -
开发中封装一个时间格式化的工具在各个页面中方便快捷调用
实现时间格式化的封装:如:在微信小程序中的用法做一个简单的示例,代码如下const formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.getHours() const minute = date.getMinutes() const second = date原创 2020-08-12 17:43:58 · 169 阅读 · 0 评论 -
微信小程序利用页面跳转方式传值
微信小程序利用页面跳转方式传值:例如:在页面中有这样一个遍历渲染的结构:<view bindtap="goDetails" data-index="{{index}}" class="conver-item" wx:key="list" wx:for="{{ list }}"> <image class="convert-img" src="{{item.img}}"></image> <view class="convert-txt"> &原创 2020-08-12 17:03:19 · 645 阅读 · 1 评论 -
微信小程序请求接口的封装和怎么调用
1. 在app.js文件中封装请求的接口看下方代码://app.jsApp({ // 公共的接口路径, 这里仅为说明不是真正的接口路径 severpath: "http://88.110.112.119:8080", //请求后台接口数据 request: function (url, data, success, fail, optionnew) { var option = { // 拼接成完整的接口地址 url: this.severpath + url, // 请原创 2020-07-28 19:07:55 · 5897 阅读 · 6 评论 -
微信小程序请求后台接口(完整版)
按照我写的Demo阐述下,三种方法都可以,看各自的需求使用吧方式一: 以点击事件的形式 :// 其他页面内容就不展示了,按照自己的结构去渲染数据<button type="button" bindtap="test">点击请求接口</button >Page({ data: { // 接收请求过来的数据 listDate: '' }});test: function () { // 为确保this指向不发生改变,可以固定下this指向原创 2020-07-20 23:41:15 · 26176 阅读 · 0 评论 -
微信小程序开发使用Echarts可视化图表并渲染数据
1.第一步:在要使用echarts图表的页面的json配置文件中引入使用echarts{ "usingComponents": { "ec-canvas": "../../components/ec-canvas/ec-canvas" }}2. 第二步:在页面的js文件中引入echartsimport * as echarts from '../../components/ec-canvas/echarts'3. 第三步:定义一个全局变量:let chart4.原创 2020-07-08 13:58:40 · 2564 阅读 · 2 评论