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()
函数却不行。
顶部步骤图
第一页
选择控件弹窗
效果展示(这是已经填过信息的,会自动加载出信息,可以进行编辑,如果第一次填写,则都为空)