腾讯云微搭低代码 用户登录

1. 从编辑器中拖入网格布局、图片、输入框组件,调整相关样式,界面如下。2. 输入框组件“输入值”切换表达式模式,单击放大图标,进入表达式弹窗,可以看到系统变量 currentUser。

相关产品
腾讯云微搭低代码 产品页,含版本规格、价格与购买入口。

一、方法1:系统变量直接获取当前登录信息

3. 系统变量 currentUser 即为当前用户登录信息,其数据结构展示。

系统变量 currentUser 数据结构如下。

{ "type": 0, "name": "administrator", "nickName": "微搭-Chris", "avatarUrl": "https://lowcode-0ghsfkoo*******-1258057692.tcloudbaseapp.com/beaf0684559e6ad7f1e72df88e4fb499.jpeg", "relatedRoles": [ { "name": "默认超级管理员", "roleIdentity": "administrator", "id": "-1" } ], "openId": "", "unionId": "", "userId": "1727993690338*****", "email": "***********", "phone": "13163388999", "licensed": true, "mainOrg": { "id": "09e78768656b303201ee*******", "name": "总办处" }, "orgs": []}

4. 图片和输入框组件绑定表达式,输入框输入值:$w.auth.currentUser.name,图片地址:$w.auth.currentUser.avatarUrl。

二、方法2:利用数据模型获取当前用户信息

1. 获取当前用户 userId,其值为 $w.auth.currentUser.userId。

2. 在当前页面新建数据查询 query。

3. 数据查询 query 配置如下。

4. 保存配置之后,单击运行,可以查看当前 query 运行值,数据查询方法默认命名为 query1。

query 运行 json 数据展示。

{ "work_num": "A0001", "parent_user_id": "", "sex": "0", "source": 1, "type": 0, "uuid": "1727993690338*****", "main_dep": "09e78768656b303201ee4*****", "user_desc": "超级管理员用户", "createdAt": 1700820775029, "createBy": "administrator", "env_id": "lowcode-0ghsfkoo8e****", "user_type": "2", "updateBy": "administrator", "phone": "13163388999", "nick_name": "微搭-Chris", "name": "administrator", "internal_user_type": 1, "_avatar": "https://lowcode-0ghsfkoo8e3f4****-1258057692.tcloudbaseapp.com/beaf0684559e6ad7f1e72df88e4fb499.jpeg", "_id": "17279936903387*****", "uin": "10000828****", "sub_uin": "100008280***", "email": "********", "updatedAt": 1706496910889}

5. 图片和输入框组件绑定表达式,输入框输入值:$w.query1.data.name,图片地址:$w.query1.data.avatar。

赞 (0)
上一篇 4天前
下一篇 4天前