腾讯云低代码实战：维护个人信息

上一篇我们介绍了根据用户的登录状态显示不同的视图，我们默认开通的时候只是获取了用户的手机号，并没有提供像昵称和头像修改的功能，本篇介绍一下如何在小程序端修改个人信息。

1 创建修改页面

个人信息修改的时候，需要获取用户已经提交的信息，我们这里手机号是已经提供了的，需要让用户可以上传头像和昵称。

像这种修改逻辑，我们通常是使用表单容器搭建。表单容器提供了根据数据源的具体字段来自动生成页面的能力。先创建一个个人信息修改的页面

修改页面的名称为个人信息修改

往页面中添加表单容器组件，配置数据模型

选择我们的用户表，场景选择更新

2 创建URL参数

在更新场景，需要传入当前需要修改数据的数据标识，一般这种传参的场景我们是通过增加URL参数来完成的。选中页面组件，添加URL参数，参数名称设置为id


设置好了之后需要把URL参数绑定到表单上。选中表单组件，给数据标识绑定数据

选择我们刚刚创建的URL参数

3 从微信中获取昵称和头像

像头像和昵称，我们通常是直接获取微信的设置即可。先选中昵称字段，设置输入框属性，配置成从小程序获取昵称

选中头像组件，设置为从小程序中获取头像

4 设置提交后返回事件

在表单提交成功之后我们需要返回上一个页面，选中表单容器组件，设置提交事件，在调用数据源方法成功后增加返回上一页的方法。这里其实是和代码中的链式调用一个方式，只不过是以可视化的方式进行配置。

在弹窗的方法选择界面，选择返回上一页

5 设置页面跳转

修改页面配置好了之后，我们就需要设置我的页面，点击修改按钮的时候跳转到修改页面，并且传入正确的数据标识。

选中按钮，配置点击事件

选择打开页面

选择个人信息修改页面，传入标识

从我们的userData里绑定

$w.app.dataset.state.userData.userInfo._id

6 功能测试

配置完毕后，我们需要测试一下功能，点击右上角的实时预览功能

点击编辑资料，检查是否跳转到修改页面

检查信息是否都已经正确带入

上传头像，提交之后看我的页面有没有正确显示

总结

本篇我们介绍了使用表单容器来实现个人信息修改的功能，介绍了组件的配置，页面传参，根据参数修改数据以及获取微信默认头像和昵称的功能，下一篇我们介绍一下地址维护的功能。