微信小程序一些简易小函数分享

本文分享了在微信小程序中编写的一些实用函数,包括提示类函数和处理登录问题的函数。对于提示类函数,作者封装了一个通用的弹窗组件,确保提示一致性和流程顺畅。在登录问题上,由于小程序不支持session,作者介绍了通过获取微信唯一标识并配合后端进行用户身份验证的方法。同时,提供了前端和后端的示例代码,以及如何在前端使用Session_key进行验证。
摘要由CSDN通过智能技术生成

微信小程序一些简易小函数分享

最近一直在写微信小程序,而且由于是第二次写了,所以针对很多通用的情况封装了一些函数,建议你们放在app.js中,方便全局去调用。

提示类函数

微信有一种原生的API用于显示提示类结果的wx.showToast,而且其中的图片是可以自定义的,所以为了保证全部一致性,而且方便调用,所以我将其全部封装在了app.js中:

// 成功
showSuccess: function (message) {
   
        wx.showToast({
            title: message,
            duration: 2000,
            image: "/images/Common/Success.png",
        })
    },
// 错误      
showError: function (message) {
   
        wx.showToast({
            title: message,
            duration: 2000,
            image: "/images/Common/Error.png",
        })
    },
// 警告   
showWarn: function (message) {
   
        wx.showToast({
            title: message,
            duration: 2000,
            image: "/images/Common/Warn.png",
        })
    }

注意上面的duration参数,这个在下面的情况中是一个很重要的问题。

假设一般的操作是对一个页面的操作完成后接着显示处理结果,最后进行跳转。所以这里就存在一个问题,假设使用上面的弹出框进行显示,那么在弹出框显示之前就会进行跳转,这样处理结果就显示不全了,所以合理的做法是在弹出框结束后进行跳转。而如果将跳转单独封装在各个页面中,那么到时候进行时间长短的处理就很麻烦了,所以我将这个函数进行了封装:

// 第一个是路由,第二个则是判断是否是tabbar的路由,跳这两个路由是不一致的
completeOperating:function(to,isTabbar){
   
        var time=setTimeout(function(){
   
            if(isTabbar===true){
                wx.switchTab({
                    url:to
                })
            }else{
                wx.navigateTo({
                  url: to
                })
            }
            clearTimeout(time);
        },2000)
    }

还有一种情况就是我们开始将数据返回给后端,这个时候最好给用户一个加载中的提示,而这个提示可以使用wx.showLoadding来做:

// 提示用户数据保存中
startOperating:function
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值