详细解读// pages/user-profile/index.js Page({ /** * 页面的初始数据 */ data: { isEditState: false, nickname: "", height: 170, weight: 75, age: 26, gender: "" }, sureTap: function (e) { // 处理保存逻辑 let app = getApp(); app.globalData.userInfo.nickName = this.data.nickname app.globalData.userInfo.height = this.data.height app.globalData.userInfo.weight = this.data.weight app.globalData.userInfo.age = this.data.age app.globalData.userInfo.gender = this.data.gender console.log(this.data) console.log("cur", app.globalData.userInfo) this.setData({ isEditState: !this.data.isEditState }) }, //初始化页面 onShow: function (e) { let app = getApp() this.setData({ nickname: app.globalData.userInfo.nickName, height: app.globalData.userInfo.height, weight: app.globalData.userInfo.weight, age: app.globalData.userInfo.age, gender: app.globalData.userInfo.gender }) } })
时间: 2023-06-27 18:02:00 浏览: 57
这段代码是一个小程序的页面逻辑,主要包括以下内容:
1. 页面的初始数据定义了 isEditState、nickname、height、weight、age、gender 等属性。
2. sureTap 函数是一个保存用户信息的逻辑,当用户点击确认保存时,会将当前页面的数据保存到全局的 app.globalData.userInfo 变量中。
3. onShow 函数用于初始化页面,当页面展示时,会将全局的 app.globalData.userInfo 变量中的数据读取出来,赋值给当前页面的属性,从而实现页面的数据初始化。
总的来说,这段代码实现了一个用户信息编辑页面,可以让用户输入自己的昵称、身高、体重、年龄、性别等信息,并保存到全局变量中。
相关问题
详细介绍// pages/user-profile/index.js Page({ /** * 页面的初始数据 */ data: { isEditState: false, nickname: "", height: 170, weight: 75, age: 26, gender: "" }, sureTap: function (e) { // 处理保存逻辑 let app = getApp(); app.globalData.userInfo.nickName = this.data.nickname app.globalData.userInfo.height = this.data.height app.globalData.userInfo.weight = this.data.weight app.globalData.userInfo.age = this.data.age app.globalData.userInfo.gender = this.data.gender console.log(this.data) console.log("cur", app.globalData.userInfo) this.setData({ isEditState: !this.data.isEditState }) }, //初始化页面 onShow: function (e) { let app = getApp() this.setData({ nickname: app.globalData.userInfo.nickName, height: app.globalData.userInfo.height, weight: app.globalData.userInfo.weight, age: app.globalData.userInfo.age, gender: app.globalData.userInfo.gender }) } })
这段代码是一个小程序的用户个人资料页面,其中包含了用户的昵称、身高、体重、年龄和性别等信息。页面刚开始时处于非编辑状态,用户可以点击编辑按钮进入编辑状态,此时可以修改自己的个人信息。当用户点击保存按钮时,会将修改后的个人信息保存到全局数据中,并更新页面上的展示内容。在页面初始化时,会从全局数据中读取用户的个人信息,并展示在页面上。
https://github.com/jiyaoyang/Static-pages/tree/master/staticPages/猫眼电影-完整
这是一个 GitHub 上的静态页面项目,展示了一个仿照猫眼电影网站的完整页面。该项目使用 HTML、CSS 和 JavaScript 技术实现。用户可以在该页面上浏览电影信息、看电影预告片、查看电影评分等信息。项目中使用了 Bootstrap 框架和 jQuery 库,使得页面的布局和交互更加美观和友好。