微信小程序开发总结

以下是微信小程序开发中遇到的一些问题的总结

1.使用leancloud

① 有关准备工作的详细信息，请参阅leancloud的官方文件：

注意：av weapp min Js下载并存储在微信小程序的项目中，例如，我将其放在utils的目录中

② 要使用LeanCloud的数据存储、用户系统、调用云引擎等功能，您需要使用LeanClotud存储SDK：

③ 对象存储数据绑定

这是我们自己开发过程中的一个例子。具体语法请阅读官方文档

app.js

const Cloud=require（'./utils/av-weapp-min.js'）；//参考av-weapp-min。相应目录中的js文件

云.init({

AppId:“”，//在此处填写相应的AppId

appKey:“”//在此处填写相应的appKey

})

注意：查看appId和appKey：打开LeanCloud[数据管理]→ [设置]→ [app密钥]

xxx.js

在所需页面中配置查询

var query=new Cloud.query（'角色'）；

query.find（）。那么（函数（res）{

var arr=[]；

var Len=res.length；

对于（var i=0；i

arr.push（res[i].attributes）；

控制台.log（arr[i]['name']）

}

}，函数（错误）{

安慰日志（“获取失败”）

}),

leancloud中的数据库表属性

在微信小程序控制台中打印结果：

管理员

理发师

使用者

因为leancloud是一种“不规则”的存储模式，不需要先创建数据库表，所以可以直接在applet中声明。详情请参考官方文件。

例子：

xxx.js

var Users=Cloud.Object.extend（'UsersInfo'）；

var users=新用户（）

users.set（'userId'，即.data.logid）

users.set（“sex”，that.data.sex）

users.set（“密码”，即.data.password）

users.save（）。然后（函数（用户）{

//成功保存后，执行其他逻辑

安慰log（'使用objectId创建的新对象：'+users.id）；

}，函数（错误）{

//异常处理

安慰error（'创建新对象失败，错误消息：'+error.message）；

});

当第一次调用上述函数时，将在leancloud数据管理页面中创建一个名为“UsersInfo”的新类对象，用户定义的属性列userId、sex、password将可用

2.当前页面与多个页面之间的值传递

以下是我认为写得更好的博客：

① 方法1：在要跳转的URL之后，+？要传输的变量名称=变量值

例如：wx switchTab（｛url:'../my/my？id=1'｝）

您可以在跳转到的页面的数据中找到ID的值

② 使用setStorage和getStorage/setStorageSync和getStorage Sync方法设置缓存。一种是同步设置缓存，另一种是异步设置缓存。其他语言的区别是一样的。有关具体用法，请参阅微信小程序文档

设置缓存页面

var th=这个

wx.set存储({

key:'登录'，

数据：that.name

}),

需要获取缓存数据的页面

var=这个；

wx.获取存储({

key:'登录'，

成功：函数（res）{

that.setData（设置数据）({

名称：res.data

})

//控制台.log（res.data）

},

})

此外，这里将不介绍缓存清理方法

3.wx：if和hidden之间的区别

当wx:if中的值为true时，将显示当前视图；name是之前设置的缓存；如果为真，将显示相应的模块

值为true时隐藏

注意一个陷阱：页面加载首先执行onLoad，然后执行onShow。当需要使用页面跳转刷新数据缓存（存储）时，请在onShow中写入缓存的函数

4.这个

这是指当前对象。在函数或成功函数中上下切换时，指定的范围将更改。此时，我们通常会备份这个varth=this的副本，以便在调用that.data.name时不会报告错误

2019年2月14日更新