【小程序】用户信息管理业务开发

3. 【小程序】用户信息管理业务开发

3.1. 后端

查询出来了数据之后，要将一些数据格式转变一下。

在controller层，计算一下bmi

3.2. 前端

在fill_user_info.vue页面中的onLoad()声明周期函数中，发起Ajax请求加载个人信息。那么为什么不把代码写在onShow()函数里面？因为fill_user_info.vue页面不是Switch页面，所以每次用完fill_user_info.vue页面之后，小程序就会释放该页面。当使用该页面的时候，重新加载页面，然后执行onLoad()函数。既然能保证每次用该页面的时候onLoad()函数都能运行，我们为什么还要用onShow()函数呢？

每个小程序页面都具有onShow()和onLoad()生命周期函数。mine.vue页面是Switch标签页面，小程序为了切换Switch页面流畅，会持续加载Switch页面。由于Switch页面不释放，这就导致我们从其他页面切换到mine.vue页面，只会执行onShow()函数，而不会执行onLoad()函数。当我们创建完个人信息之后，切回到mine.vue页面，想要加载用户信息，肯定要把代码写到onShow()函数里面才能被执行，onLoad()函数却不行。

顶部步骤图

第一页

选择控件弹窗

效果展示（这是已经填过信息的，会自动加载出信息，可以进行编辑，如果第一次填写，则都为空）