方法1:系统变量直接获取当前登录信息
1. 从编辑器中拖入网格布局、图片、输入框组件,调整相关样式,界面如下。
2. 输入框组件“输入值”切换表达式模式,单击放大图标,进入表达式弹窗,可以看到系统变量 currentUser。
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
。