用户修改资料 4.18

miniprogram-1/app.js

@@ -14,6 +14,8 @@ App({
     })
   },
   globalData: {
-    userInfo: null
+    userInfo: null,
+    userAvatarUrl: null,
+    userName: null
   }
 })

miniprogram-1/app.json

@@ -8,7 +8,9 @@
     "pages/py/py",
     "pages/jy/jy",
     "pages/windowInfo/windowInfo",
-	"pages/search/lostrecords"
+    "pages/search/lostrecords",
+    "pages/user/userChange",
+    "pages/user/comments"
   ],
   "window": {
     "navigationBarTextStyle": "black",

miniprogram-1/pages/home/home.wxml

@@ -6,7 +6,6 @@
     </view> 
     <view class="school-info-1">
       <text class="school-title-1">大学城校区</text>
-      <text>总人数：</text>
     </view>
   </navigator>
   <navigator class="dfl" url="/pages/dfl/dfl">
@@ -15,7 +14,6 @@
     </view> 
     <view class="school-info-2">
       <text class="school-title-2">东风路校区</text>
-      <text>总人数：</text>
     </view>
   </navigator>
   <navigator class="py" url="/pages/py/py">
@@ -24,7 +22,6 @@
     </view> 
     <view class="school-info-3">
       <text class="school-title-3">番禺校区</text>
-      <text>总人数：</text>
     </view>
   </navigator>
   <navigator class="jy" url="/pages/jy/jy">
@@ -33,7 +30,6 @@
     </view> 
     <view class="school-info-4">
       <text class="school-title-4">揭阳校区</text>
-      <text>总人数：</text>
     </view>
   </navigator>
 </view>

miniprogram-1/pages/user/comments.js

@@ -0,0 +1,66 @@
+// pages/user/comments.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

miniprogram-1/pages/user/comments.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

miniprogram-1/pages/user/comments.wxml

@@ -0,0 +1,2 @@
+<!--pages/user/comments.wxml-->
+<text>pages/user/comments.wxml</text>

miniprogram-1/pages/user/comments.wxss

@@ -0,0 +1 @@
+/* pages/user/comments.wxss */

miniprogram-1/pages/user/user.js

@@ -1,9 +1,24 @@
 // pages/user/user.js
+const app = getApp();
 Page({
   /* 页面的初始数据*/
   data: {
 
   },
+
+  /**监听界面显示 */
+  onShow() {
+    if(this.data.nickName != app.globalData.userName){
+      this.setData({
+        nickName:app.globalData.userName
+      })
+    }
+    else if(this.data.avatarUrl != app.globalData.userAvatarUrl){
+      this.setData({
+        avatarUrl:app.globalData.userAvatarUrl
+      })
+    }
+  },
 
   /* 获取头像 */
   closeTank(e){

miniprogram-1/pages/user/user.wxml

@@ -14,14 +14,14 @@
 <!-- 条目 -->
 <!-- 登录后状态 -->
 <view class="item-login" wx:if="{{avatarUrl}}">
-  <view class="item">
+  <navigator class="item" url="/pages/user/userChange?avatarUrl={{avatarUrl}}&nickName={{nickName}}">
     <button class="item-name">修改资料</button>
     <view class="right-arrow"></view>
-  </view>
-  <view class="item">
+  </navigator>
+  <navigator url="/pages/user/comments" class="item">
     <button class="item-name">我的评论</button>
     <view class="right-arrow"></view>
-  </view>
+  </navigator>
 </view>
 <view class="item">
   <button class="item-name" open-type="feedback">反馈建议</button>

miniprogram-1/pages/user/userChange.js

@@ -0,0 +1,80 @@
+// pages/user/userChange.js
+const app = getApp();
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+    console.log("接受shoufengqin页面传递过来的参数：",options)
+    this.setData({
+      avatarUrl: options.avatarUrl,
+      nickName: options.nickName
+    })
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  getName(e) {
+    this.setData({
+      nickName: e.detail.value
+    })
+  },
+
+  chooseImage() {
+    wx.chooseMedia({
+      count: 1,
+      mediaType: ['image'],
+      sizeType: ['compressed'], //可以指定是原图还是压缩图，这里用压缩
+      sourceType: ['album', 'camera'], //从相册选择
+      success: (res) => {
+        console.log("选择图片成功", res)
+        this.setData({
+          avatarUrl: res.tempFiles[0].tempFilePath
+        })
+      }
+    })
+  },
+
+  /** */
+  submit(){
+    /* 设置globalData属性，保存用户属性*/
+    app.globalData.userAvatarUrl = this.data.avatarUrl;
+    app.globalData.userName = this.data.nickName;
+
+    wx.switchTab({
+      url: '/pages/user/user',
+    })//移动到user界面
+    wx.showToast({
+      title: '成功修改',
+      icon: 'success',
+      duration: 2000
+    })
+  },
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

miniprogram-1/pages/user/userChange.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "修改资料"
+}

miniprogram-1/pages/user/userChange.wxml

@@ -0,0 +1,12 @@
+<!--pages/user/userChange.wxml-->
+<view class="item">
+    <view class="tip">编辑姓名</view>
+    <input value="{{nickName}}" bindinput="getName" />
+</view>
+<view class="line"></view>
+
+<view class="item" bindtap="chooseImage">
+    <view class="tip">点击修改头像</view>
+    <image src="{{avatarUrl}}" />
+</view>
+<button class="btn" bindtap="submit">提交修改</button>

miniprogram-1/pages/user/userChange.wxss

@@ -0,0 +1,38 @@
+/* pages/user/userChange.wxss */
+.item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 15rpx;
+  border-bottom: 1rpx solid gray;
+  padding-bottom: 20rpx;
+}
+
+.tip {
+  font-size: 44rpx;
+  margin: 20rpx;
+  color: red;
+}
+
+.item image {
+  width: 200rpx;
+  height: 200rpx;
+  border-radius: 10rpx;
+  margin: 10rpx 30rpx;
+
+}
+
+.item input {
+  flex: 1;
+  border: 1px solid gray;
+  border-radius: 20rpx;
+  padding: 5rpx 15rpx;
+}
+
+.btn {
+  color: white;
+  margin-top: 70rpx;
+  background-color: #2E8B57;
+  width: 600rpx;
+  border-radius: 50rpx;
+}