「小程序JAVA实战」小程序查看视频发布者信息（64）

今天药忘吃喽~ 2022-01-12 07:17 210阅读 0赞

转自：https://idig8.com/2018/09/24/xiaochengxujavashizhanxiaochengxuchakanshipinfabuzhexinxi63/

> 当我们点击右下角白色的小人，查看的是当前登录者的信息，如果我们点击右上角视频发布者，应该可以跳转到视频发布者的信息详情上，查看视频发布者的信息。其实也没必要登录者和视频发布者页面不同，应该在同一个页面，如果来做呢。开始行动把。源码：https://github.com/limingios/wxProgram.git 中No.15

![1240][]

### 小程序修改 ###

*  videoInfo.js

![image.png][]

*  mine.js

// pages/mine/mine.js
    const app = getApp()
    var videoUtils = require('../../utils/videoUtils.js')
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
        faceImage: "../../resource/images/noneface.png",
        nickname: "昵称",
        fansCounts: 0,
        followCounts: 0,
        receiveLikeCounts: 0,
      },
      /**
       * 用户注销
       */
      logout: function(e) {
        var user = app.getGlobalUserInfo();
        wx.showLoading({
          title: '正在注销中。。。'
        });
        wx.request({
          url: app.serverUrl + "/logout?userId=" + user.id,
          method: "POST",
          header: {
            'content-type': 'application/json' // 默认值
          },
          success: function(res) {
            console.log(res.data);
            var status = res.data.status;
            wx.hideLoading();
            if (status == 200) {
              wx.showToast({
                title: "用户注销成功~！",
                icon: 'none',
                duration: 3000
              })
              // app.userInfo = null;
              wx.removeStorageSync("userInfo");
              wx.redirectTo({
                url: '../userRegister/userRegister',
              })
    
            } else if (status == 500) {
              wx.showToast({
                title: res.data.msg,
                icon: 'none',
                duration: 3000
              })
            }
          }
        })
      },
      /**
       * 头像上传
       */
      uploadFace: function(e) {
        // var user = app.userInfo;
        var user = app.getGlobalUserInfo();
        var me = this;
        wx.chooseImage({
          count: 1, // 默认9
          sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
          sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
          success: function(res) {
            // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
            var tempFilePaths = res.tempFilePaths
            if (tempFilePaths.length > 0) {
              console.log(tempFilePaths[0]);
              wx.uploadFile({
                url: app.serverUrl + "/user/uploadFace?userId=" + user.id, //仅为示例，非真实的接口地址
                filePath: tempFilePaths[0],
                name: 'file',
                success: function(res) {
                  var data = JSON.parse(res.data);
                  console.log(data);
                  wx.hideLoading();
                  if (data.status == 200) {
                    wx.showToast({
                      title: "用户上传成功~！",
                      icon: 'none',
                      duration: 3000
                    })
                    me.setData({
                      faceUrl: app.serverUrl + data.data
                    })
    
    
                  } else if (data.status == 500) {
                    wx.showToast({
                      title: data.msg,
                      icon: 'none',
                      duration: 3000
                    })
                  }
                }
              })
            }
    
          }
        })
      },
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function(params) {
        var me = this;
    
        var userInfo = app.getGlobalUserInfo();
        var publisherId = params.publisherId;
        var userId = userInfo.id;
        if (publisherId != null && publisherId != '' && publisherId!=undefined){
          userId = publisherId;
        }
    
    
        wx.showLoading({
          title: '正在获取用户信息。。。'
        });
        wx.request({
          url: app.serverUrl + "/user/queryByUserId?userId=" + userId,
          method: "POST",
          header: {
            'content-type': 'application/json', // 默认值
            'headerUserId': userInfo.id,
            'headerUserToken': userInfo.userToken
          },
          success: function(res) {
            console.log(res.data);
            var status = res.data.status;
    
            if (status == 200) {
              var userInfo = res.data.data;
              wx.hideLoading();
              var faceImage = me.data.faceUrl;
              if (userInfo.faceImage != null && userInfo.faceImage != '' && userInfo.faceImage != undefined) {
                faceImage = app.serverUrl + userInfo.faceImage;
              }
              me.setData({
                faceImage: faceImage,
                fansCounts: userInfo.fansCounts,
                followCounts: userInfo.followCounts,
                receiveLikeCounts: userInfo.receiveLikeCounts,
                nickname: userInfo.nickname
              })
            } else if (status == 502){
              wx.showToast({
                title: res.data.msg,
                duration:3000,
                icon:'none',
                complete:function(){
                  wx.removeStorageSync("userInfo");
    
                  wx.navigateTo({
                    url: '../userLogin/userLogin',
                  })
                }
              })
    
            }
          }
        })
      },
    
      uploadVideo: function(e) {
        videoUtils.uploadVideo();
      },
    
      /**
       * 生命周期函数--监听页面初次渲染完成
       */
      onReady: function() {
    
      },
    
      /**
       * 生命周期函数--监听页面显示
       */
      onShow: function() {
    
      },
    
      /**
       * 生命周期函数--监听页面隐藏
       */
      onHide: function() {
    
      },
    
      /**
       * 生命周期函数--监听页面卸载
       */
      onUnload: function() {
    
      },
    
      /**
       * 页面相关事件处理函数--监听用户下拉动作
       */
      onPullDownRefresh: function() {
    
      },
    
      /**
       * 页面上拉触底事件的处理函数
       */
      onReachBottom: function() {
    
      },
    
      /**
       * 用户点击右上角分享
       */
      onShareAppMessage: function() {
    
      }
    })

![1240 1][]

PS：现在发布人的界面和个人界面是一样的，应该根据判断，发布人的里面只能有关注和视频列表，而个人界面可以进行注销上传视频操作，下次我们继续完成。

转载于:https://www.cnblogs.com/sharpest/p/10316586.html

[1240]: /images/20220109/40e7f2a0b71a42e799cbd3d200d26b55.png
[image.png]: /images/20220109/31768e7faf6c4ff39fd8224a44983f93.png
[1240 1]: /images/20220109/e22e885b06c546aa9989452f3c5a428d.png