小程序-用户授权授权后的信息读取流程

小程序-用户授权授权后的信息读取流程,第1张

在小程序中,不允许直接d出用户授权的选择框,所以需要开发人员在界面上来设置提示信息,诱导用户点击,然后完成用户数据的录入和存取。在开发的过程中,某些请求是依托用户登录之后获取到的openId才能继续执行的,所以在页面上,某些数据渲染之前需要判断用户是否登陆,如若没有登录,怎样设计更好的交互来让用户登录。

使用小程序时,首先会进入到app.js这个文件中,这个文件里包含了俩个方法,一个是wx.login(),另一个是wx.getSetting(),wx.login()的目的是为了在用户登陆之后获取到档宴一个对应的 code 值,然后通过这个值去自己的后台换取一个openId;wx.getSetting()第一是为了判断用户的授权范围,另一个是获取对应权限内的信息,比如说,用户授权小程序可以使用自己的基本信息,就可以在这个方法中获取到用户的头像、微信名、微信设置的城市这些字段,这就是锋蠢纳一些需要掌握的基本流程,具体怎么实现登录呢?

在小程序中,官方给出了一种解决方案-button按钮:

在这个按钮中,有几个属性:

●  type :按钮的类型,可以设置为primary,背景色为绿色

●  wx:if :显示条件,内容分别为hasUserInfo和canIUse俩银没个字段,同时为真即可显示(俩个字段均需要在data中初始化赋值)

●  open-type :按钮的功能类型,getUserInfo是为了获取基本信息(也可以设置为其他→getPhoneNumber:获取用户手机号)

●  bindgetuserinfo :绑定的点击事件。在js中写对应的逻辑

在用户点击按钮之后,会出现一个d窗,确定用户是否授权 :

当用户点击允许之后,进入我们绑定的getUserInfo函数中:

在执行逻辑中,首先通过wx.login()方法获取到用户对应的openId,方便后续的 *** 作,然后再通过wx.getUserInfo()来获取到用户的基本信息,发送请求,将基本信息入库存储,或者展示到页面上,就完成了登录流程。

1.在登陆中可能会涉及到多个页面登陆成功之后的状态同步,可以通过 app.gloableData 来实现,在全局对象中设置一个字段,然后不论在哪个页面实现了登录,都可以通过全局对象来完成更新。

2.在 获取用户信息 的时候,有时候需要获取的是 中文类型 的数据,可以在 wx.getSetting() 的请求体中加一个 lang:'zh_CN'。 这样获取到的数据就是中文格式的了

新建一个窗口,窗口中有一个数据窗口dw_1,然后创建数据窗口的dataobject,设置保存属性,上面增加至少四个按钮,录入,查询,保存,打印。

设置PB和数据库连接的SQLCA参数,连接数据库,打开窗口。

窗口的Open事件或者数据窗口燃前的constructor事件或者其他可以发生的事件中写dw_1.settransobject(sqlca),通过事务使数据窗口和数据库连接。

录入按钮增加一行即可dw_1.insertrow(0),表示在最后增加一个空行。

插入空行后,自己填入数据,然后点保存按钮保存。

保存按钮代码

if dw_1.update() = 1 then

commit

else

rollback

end if

查询功能如果需要设置戚扰条件查询,那么最简答的,数据窗口设置参数,dw_1.retrieve(参数)这样的方法。

如果直接全部查询,那就不用参数了,查询按钮高段旦中直接写dw_1.retrieve()

打印,使用print函数,自己设计一个数据窗口用来打印。在PB上查查PRINT函数的帮助,就知道怎么用了。

效果展示

通过使用输入框组件、按钮组件,同时配合事件中心的创建事件,实现表单录入数据信息。

创建数据表

注意:在数据中心你可以创建属于自己应用程序的数据表格,数据表格类型分为用户表、商品表、订单表和自定义表。

点击数据中心,创建数据表。

包含字段差如兄:姓名(文本类型)、手机号(文本类型)、预虚袭计来访日期(日期类型)。

创建事件

注意:事件是构建数据与界面元素组件链接的抽象逻辑,数据表与界面元素组件通过事件连接。

点击事件中心。

创建提交信息事件。

触发器配置

注意:在检查器面板中的触发器设置面板创建触发器,可以对组件进行交互逻辑设置,或配合事件来进行动态数据 *** 作。

选中提橡中交按钮。

点击检查面板中的触发器。

创建触发器。

创建提交信息触发器。

选中图标。

点击检查面板中的触发器。

创建触发器。

选中数据选择器。

点击检查面板中的触发器。

创建触发器。

创建触发器。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12557559.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存