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

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

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

小程序修改

  • videoInfo.js
var videoUtils = require(‘../../utils/videoUtils.js‘)
const app = getApp()
Page({

  data: {
    cover:‘cover‘,
    videoContext:"",
    videoInfo:{},
    videId:‘‘,
    src:‘‘,
    userLikeVideo:false,
    serverUrl:‘‘,
    publisher:[]
  },

  showSearch:function(){
    wx.navigateTo({
      url: ‘../videoSearch/videoSearch‘,
    })
  },
  onLoad:function(params){
    var me = this;
    me.videoContext = wx.createVideoContext(‘myVideo‘, me);
    var videoInfo = JSON.parse(params.videoInfo);
    var videoWidth = videoInfo.videoWidth;
    var videoHeight = videoInfo.videoHeight;
    var cover = ‘cover‘;
    if (videoWidth > videoHeight){
      cover = ‘‘;
    }
    me.setData({
      videId: videoInfo.id,
      src: app.serverUrl + videoInfo.videoPath,
      videoInfo: videoInfo,
      cover: cover
    })

    var serverUrl = app.serverUrl;
    var user = app.getGlobalUserInfo();
    var loginUserId = "";
    if (user != null && user != undefined && user != ‘‘) {
      loginUserId = user.id;
    }
    wx.request({
      url: serverUrl + ‘/user/queryPublisher?loginUserId=‘ + loginUserId + "&videoId=" + videoInfo.id + "&publishUserId=" + videoInfo.userId,
      method: ‘POST‘,
      success: function (res) {
        console.log(res.data);

        var publisher = res.data.data.publisher;
        var userLikeVideo = res.data.data.userLikeVideo;

        me.setData({
          serverUrl: serverUrl,
          publisher: publisher,
          userLikeVideo: userLikeVideo
        });
      }
    })

  },
  showIndex:function(){
    wx.redirectTo({
      url: ‘../index/index‘,
    })
  },

  onShow:function(){
    var me = this;
    me.videoContext.play();
  },
  onHide:function(){
    var me = this;
    me.videoContext.pause();
  },
  upload:function(){

    var me = this;
    var userInfo = app.getGlobalUserInfo();

    var videoInfo = JSON.stringify(me.data.videoInfo);
    var realUrl = ‘../videoInfo/videoInfo#[email protected]‘ + videoInfo;

    if (userInfo.id == ‘‘ || userInfo.id == undefined) {
      wx.navigateTo({
        url: ‘../userLogin/userLogin?realUrl=‘ + realUrl,
      })
    } else {
      videoUtils.uploadVideo();
    }

  },
  showMine: function () {
    var me = this;
    var userInfo = app.getGlobalUserInfo();

    var videoInfo = JSON.parse

    if (userInfo.id == ‘‘ || userInfo.id == undefined){
      wx.navigateTo({
        url: ‘../userLogin/userLogin‘,
      })
    }else{
      wx.navigateTo({
        url: ‘../mine/mine‘,
      })
    }

  },

  likeVideoOrNot: function () {
    var me = this;
    var userInfo = app.getGlobalUserInfo();

    var videoInfoStr = JSON.stringify(me.data.videoInfo);
    var realUrl = ‘../videoInfo/videoInfo#[email protected]‘ + videoInfoStr;
    if (userInfo.id == ‘‘ || userInfo.id == undefined) {
      wx.navigateTo({
        url: ‘../userLogin/userLogin?realUrl=‘ + realUrl,
      })
    } else {
      var videoInfo = me.data.videoInfo;
      var userLikeVideo = me.data.userLikeVideo;
      var url = "/video/userLike?userId=" + userInfo.id + "&videoId=" + videoInfo.id + "&videoCreaterId=" + userLikeVideo.userId;

      if (userLikeVideo){
        var url = "/video/userUnLike?userId=" + userInfo.id + "&videoId=" + videoInfo.id + "&videoCreaterId=" + userLikeVideo.userId;
      }
      wx.showLoading({
        title: ‘....‘,
      })
      wx.request({
        url: app.serverUrl + url,
        method: "POST",
        header: {
          ‘content-type‘: ‘application/json‘, // 默认值
          ‘headerUserId‘: userInfo.id,
          ‘headerUserToken‘: userInfo.userToken
        },
        success: function (res) {
          wx.hideLoading();
          me.setData({
            userLikeVideo: !userLikeVideo,
          })
        }
      })

    }

  },
  showPublisher:function(){
    var me = this;
    var userInfo = app.getGlobalUserInfo();

    var videoInfo = me.data.videoInfo;
    var realUrl = ‘../mine/mine#[email protected]‘ + videoInfo.userId;
    if (userInfo.id == ‘‘ || userInfo.id == undefined) {
      wx.navigateTo({
        url: ‘../userLogin/userLogin?realUrl=‘ + realUrl,
      })
    } else {
      wx.navigateTo({
        url: ‘../mine/mine?publisherId=‘ + videoInfo.userId,
      })

    }
  }
})

  • 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() {

  }
})

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

原文地址:https://www.cnblogs.com/sharpest/p/10316586.html

时间: 2025-01-08 15:22:48

「小程序JAVA实战」小程序查看视频发布者信息(64)的相关文章

「小程序JAVA实战」小程序的关注功能(65)

转自:https://idig8.com/2018/09/24/xiaochengxujavashizhanxiaochengxudeguanzhugongneng64/ 在个人页面,根据发布者个人和个人的信息来进行展示,如果是发布者,可以进行关注和取消关注. 后端开发 涉及2涨表,一个关联表,个人和粉丝的关联表,用户表. UsersMapper.java package com.idig8.mapper; import com.idig8.pojo.Users; import com.idig

「小程序JAVA实战」 小程序默认加载的页面和生命周期(八)

转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-08/ 小程序如何加载的呢?生命周期!源码:https://github.com/limingios/wxProgram.git 中的No.3 加载页面 小程序默认加载的pages中的第一个目录 不管你的名称,只管你的顺序 其他目录需要通过触发才能加载 生命周期 相关的框架的时候都有生命周期的概念,通过了解生命周期更好的把控框架的使用! onLaunch 第一次打开小程序的初始化,也被调用一次.

「小程序JAVA实战」小程序注册界面的开发(29)

转自:https://idig8.com/2018/08/27/xiaochengxujavashizhanxiaochengxuzhucejiemiandekaifa29/ 小程序基本所有的常用组件已经了解的差不多了,基本可以实战了,本次就开始小程序的真正实战,完成小程序的一个注册页面的设计.源码:https://github.com/limingios/wxProgram.git 中的No.15 开发最重要的就是实操! 开发人员很少人懂美工 我就懂css 其实也设计不出来什么好看的,在网上找

「小程序JAVA实战」小程序的个人信息作品,收藏,关注(66)

转自:https://idig8.com/2018/09/24/xiaochengxujavashizhanxiaochengxudegerenxinxizuopinshoucangguanzhu65/ 个人信息页面有一个tab(作品,收藏,关注)源码:https://github.com/limingios/wxProgram.git 中No.15和springboot 作品,收藏,关注的列表 VideoController.java package com.idig8.controller;

「小程序JAVA实战」 小程序手写属于自己的第一个demo(六)

转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-06/ 自己尝试的写一个小demo,用到自定义样式,自定义底部导航,页面之间的跳转等小功能.官方文档对于小程序开发来说要时刻打开https://developers.weixin.qq.com/miniprogram/dev/framework/config.html源码:https://github.com/limingios/wxProgram.git 中的No.1 创建小程序 项目名称创建

「小程序JAVA实战」 小程序wxss样式文件的使用(七)

转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-07/ 细说下微信小程序的wxss样式文件.源码:https://github.com/limingios/wxProgram.git 中的No.2 样式rpx 原来在html里面都是使用px和pt,微信这边自定义的rpx的方式.文档:https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html /* pages

「小程序JAVA实战」小程序页面引用外部wxml通用页面(21)

转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-21/ 现在都是讲究开发的效率,原来单纯的android 和 ios 已经不在吃香了,都是混合开发,混合开发很多页面的结构基本都是上中下,head,body,foot,所以小程序也要这么的满足如图例.源码:https://github.com/limingios/wxProgram.git 中的No.8 小程序的引入外部的页面 include 可以将目标文件除了 template ,wxs 外的整

「小程序JAVA实战」小程序的基础组件(24)

转自:https://idig8.com/2018/08/12/xiaochengxu-chuji-24/ 来说下 ,小程序的基础组件.源码:https://github.com/limingios/wxProgram.git 中的No.11 基础组件 icon图标组件 rich-text 富文本组件 text 文本组件 progress 进度条组件 icon图标组件 官方介绍>https://developers.weixin.qq.com/miniprogram/dev/component/

「小程序JAVA实战」小程序的组件(23)

转自:https://idig8.com/2018/08/11/xiaochengxu-chuji-23/ 开始了解下小程序的组件.源码:https://github.com/limingios/wxProgram.git 中的No.10 组件 多个组件构成一张视图页面>经过样式和布局,页面其实理解成html 组件包含<开始标签></结束标签> 每个组件都包含一些公用属性 官方的阐述 https://developers.weixin.qq.com/miniprogram/d