Added userslist page and userdetail page.

client/app.js

@@ -3,6 +3,20 @@ const qcloud = require('wafer2-client-sdk');
 const config = require('./config');
 
 App({
+  globalData:{
+    userslist:[
+      // for testing
+      // {
+      //   avatar: "../images/tabbar/active.png",
+      //   name: "blablabla"
+      // },
+      // {
+      //   avatar: "../images/tabbar/active.png",
+      //   name: "23333333"
+      // }
+    ]
+  },
+
   onLaunch: function() {
     qcloud.setLoginUrl(config.service.loginUrl);
   }

client/app.json

@@ -4,7 +4,9 @@
     "pages/index/index",
     "pages/me/me",
     "pages/memories/memories",
-    "pages/editntc/editntc"
+    "pages/editntc/editntc",
+    "pages/userdetail/userdetail",
+    "pages/userslist/userslist"
   ],
   "window":{
     "backgroundColor":"#73a96b",

client/pages/index/index.js

@@ -18,6 +18,14 @@ Page({
       url: '../editntc/editntc'
     })
   },
+  /**
+   * Jump to userlist page
+   */
+  JumpToUserslist: function () {
+    wx.navigateTo({
+      url: '../userslist/userslist',
+    })
+  },
   /**
    * 生命周期函数--监听页面加载
    */

client/pages/index/index.wxml

@@ -15,4 +15,7 @@
   <view class='time'>
     <text>Training starts at {{ time }}</text>
   </view>
+  <view class='view-teammates'>
+    <button class='view-teammates-button' bindtap='JumpToUserslist'>View teammates</button>
+  </view>
 </view>

client/pages/index/index.wxss

@@ -46,4 +46,9 @@
   text-align: center;
   margin-top: 20px;
   margin-bottom: 30px;
+}
+.view-teammates-button {
+  width: 80%;
+  text-align: center;
+  color:#73a96b;
 }

client/pages/login/login.js

@@ -5,26 +5,28 @@ const app = getApp();
 
 function successfulLoginCallback(res) {
   app.userInfo = res;
+  console.log(res);
   wx.switchTab({
     url: '../index/index',
   })
-  // qcloud.request({
-  //   url: config.service.userUrl + '?OpenId=' + app.userInfo.openId,
-  //   method: 'GET',
-  //   success: function (res) {
-  //     //able to get user's personal information from server
-  //     app.userInfo = Object.assign(app.userInfo, res.body);
-  //   },
-  //   fail: function (err) {
-  //     // fail
-  //     console.log('failed to get userinfo; err:');
-  //     console.log(err);
-  //   },
-  //   complete: function () {
-  //     // complete
-  //     console.log('complete qcloud.request for getting userinfo');
-  //   }
-  // });
+  qcloud.request({
+    url: config.service.userUrl + '?OpenId=' + app.userInfo.openId,
+    method: 'GET',
+    success: function (res) {
+      //able to get user's personal information from server
+      console.log(res);
+      app.userInfo = Object.assign(app.userInfo, res.body);
+    },
+    fail: function (err) {
+      // fail
+      console.log('failed to get userinfo; err:');
+      console.log(err);
+    },
+    complete: function () {
+      // complete
+      console.log('complete qcloud.request for getting userinfo');
+    }
+  });
 }
 
 Page({

client/pages/me/me.js

@@ -1,6 +1,7 @@
 // pages/me/me.js
 const qcloud = require('wafer2-client-sdk');
 const app = getApp();
+const config = require('../../config');
 
 Page({
   data: {
@@ -12,9 +13,7 @@ Page({
     btnDisable: true
   },
   onLoad: function () {
-    this.setData({
-      personal: app.userInfo
-    });
+    c
   },
 
   chineseNameInput: function (event) {

client/pages/userinfo/userinfo.js → client/pages/userdetail/userdetail.js

@@ -1,66 +1,73 @@
-// pages/userinfo/userinfo.js
+// pages/userdetail/userdetail.js
+const qcloud = require('wafer2-client-sdk');
+const app = getApp();
+const config = require('../../config');
+
 Page({
 
   /**
    * 页面的初始数据
    */
   data: {
-
+    userdetail: {},
   },
 
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {
-
+    this.setData({
+      userdetail: app.globalData.userslist[options.index]
+    });
+    console.log(this.data.userdetail);
   },
 
   /**
    * 生命周期函数--监听页面初次渲染完成
    */
   onReady: function () {
-
+    
   },
 
   /**
    * 生命周期函数--监听页面显示
    */
   onShow: function () {
-
+    
   },
 
   /**
    * 生命周期函数--监听页面隐藏
    */
   onHide: function () {
-
+    
   },
 
   /**
    * 生命周期函数--监听页面卸载
    */
   onUnload: function () {
-
+    
   },
 
   /**
    * 页面相关事件处理函数--监听用户下拉动作
    */
   onPullDownRefresh: function () {
-
+    
   },
 
   /**
    * 页面上拉触底事件的处理函数
    */
   onReachBottom: function () {
-
+    
   },
 
   /**
    * 用户点击右上角分享
    */
   onShareAppMessage: function () {
-
+    
   }
 })

client/pages/userdetail/userdetail.wxml

@@ -0,0 +1,23 @@
+<!--pages/userdetail/userdetail.wxml-->
+<view class="container">
+
+
+  <view class="userinfo">   <!-- avatar and username -->
+    <image  class="userinfo-avatar" src="{{userdetail.avatar}}" mode="cover"></image>
+    <text class="userinfo-nickname">{{userdetail.name}}</text>
+  </view>
+
+
+  <view class="body">   <!-- info -->
+    <view class="info">   <!-- Chinese name -->
+      <!-- <text>Chinese name</text> -->
+      <!-- <text>{{userdetail.chinesename}}</text> -->
+    </view>
+    <view class="info">   <!-- English name -->
+      <!-- <text>English name</text> -->
+      <!-- <text>{{userdetail.englishname}}</text> -->
+    </view>
+  </view>
+
+
+</view> 

client/pages/userdetail/userdetail.wxss

@@ -0,0 +1,10 @@
+.userinfo{
+  align-content: center;
+  justify-content: center;
+}
+
+.userinfo-avatar{
+  width: 100rpx;
+  height: 100rpx;
+  margin: 20px;
+}

client/pages/userslist/userslist.js

@@ -0,0 +1,101 @@
+// pages/userlist/userlist.js
+const qcloud = require('wafer2-client-sdk');
+const app = getApp();
+const config = require('../../config');
+
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    //userslist info
+    userslist: []
+  },
+
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    console.log("onLoad userslist page");
+    this.getUserslist();
+  },
+
+  getUserslist: function (event) {
+    let that=this;
+    qcloud.request({
+      url: config.service.userUrl,
+      method: "GET",
+      // try to get all users' userinfo
+      success: function (res) {
+        // console.log(res);
+        console.log("Successfully gotten userslist.")
+        if(res.dara.code===0) {
+          app.setData({
+            // userslist: res.data.xxx
+          });
+        }
+      },
+      fail: function (err) {
+        console.log("Failed to get userslist.");
+        console.log(err);
+      },
+      complete: function() {
+        console.log("complete getting userslist.");
+        that.setData({
+          userslist: app.globalData.userslist
+        });
+      }
+    });
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

client/pages/userslist/userslist.json

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

client/pages/userslist/userslist.wxml

@@ -0,0 +1,8 @@
+<view class='userslist_wrap'>
+  <navigator class='user_item' url='../userdetail/userdetail?index={{index}}' wx:for='{{userslist}}' wx:key='{{OpenId}}'>
+    <!-- avator -->
+    <image class='user_avatar' src='{{item.avatar}}'></image>
+    <!-- name -->
+    <text class='user_name'>{{item.name}}</text>
+  </navigator>
+</view>

client/pages/userslist/userslist.wxss

@@ -0,0 +1,20 @@
+.user_avatar {
+  width: 100rpx;
+  height: 100rpx;
+  border-radius: 50%;
+  border: 3rpx solid;
+  border-color:rgb(218, 218, 218);
+  margin: 20rpx;
+}
+.user-name {
+  font-size: 120px;
+}
+.user_item {
+  height: 60px;
+  display: flex;
+  align-items: center;
+  border-bottom: 3rpx solid;
+  border-bottom-color: rgb(233, 233, 233);
+
+
+}