开放、分享、自由、中立、公平网吧论坛公众号APP(送下载币任务) 微信公众号

天下网吧论坛

 找回密码
 注册账号

QQ登录

只需一步,快速开始

用微信登录

扫一扫,用微信登录

查看: 5169|回复: 0
收起左侧

[经验分享] Discuz X!定制微信小程序功能开发:我的消息页面的开发

[复制链接]
发表于 2021-5-10 14:39:59 | 显示全部楼层 |阅读模式 发布于:福建省福州市鼓楼区 联通
相关源码请联系我微信:txwbtx注明DZ小程序。
DZ的消息功能还是非常的强大的,把DZ论坛的消息功能移植到微信小程序上需要开发的点也不少。
如果要定制DZ版小程序,那么这个功能是必须的,下面看下相关代码参考吧,首先看看成品截图:
Discuz X!定制微信小程序功能开发:我的消息页面的开发_天下网吧APP_网吧网咖APP
Discuz X!定制微信小程序功能开发:我的消息页面的开发_天下网吧APP_网吧网咖APP
JS前端代码参考:
  1. /*jshint esversion: 6 */
  2. // pages/self_post/self_post.js
  3. var WxParse = require('../../wxParse/wxParse.js');
  4. Page({
  5.   /**
  6.    * 页面的初始数据
  7.    */
  8.         data: {
  9.                 page_size: 8,
  10.                 page_index: 0,
  11.                 total: 100,
  12.                 postList: [],
  13.                 replyTemArray: []
  14.         },
  15.         onLoad: function (options) {
  16.                 this.reloadIndex();
  17.         },
  18.         reloadIndex: function () {
  19.                 var that = this;
  20.                 var page_size = that.data.page_size;
  21.                 var page_index = 0;
  22.                 wx.showLoading({
  23.                         title: '正在加载..', //提示的内容,
  24.                         mask: true, //显示透明蒙层,防止触摸穿透,
  25.                         success: res => {}
  26.                 });                               
  27.                 wx.request({
  28.                         url: getApp().globalData.svr_url + "pm.php",
  29.                         method: "post",
  30.                         header: { "content-type": "application/x-www-form-urlencoded" },
  31.                         data: {
  32.                                 token: wx.getStorageSync("token"),
  33.                                 page_size: page_size,
  34.                                 page_index: page_index,
  35.                                 type: "list"
  36.                         },
  37.                         success: function (resp) {
  38.                                 var resp_dict = resp.data;
  39.                                 if (resp_dict.err_code == 0) {
  40.                                         that.setData({
  41.                                                 postList: resp_dict.data.messageList,
  42.                                                 page_index: page_index,
  43.                                                 total: resp_dict.data.messageList.length,
  44.                                         },res=>{
  45.                                                 setTimeout(function() {
  46.                                                         getApp().getNewMsg();/* 更新新消息总数 */
  47.                                                 }, 600);
  48.                                         });
  49.                                         console.log(resp_dict.data.messageList)
  50.                                         // 我的帖子 parse
  51.                                         var postArr = []
  52.                                         for (var i = 0; i < resp_dict.data.messageList.length; i++) {
  53.                                                 // console.log(post_list[i].message)
  54.                                                 postArr.push(resp_dict.data.messageList[i].message)
  55.                                         }
  56.                                         // console.log(postArr);
  57.                                         for (let j = 0; j < postArr.length; j++) {
  58.                                                 WxParse.wxParse('reply' + j, 'html', postArr[j], that);
  59.                                                 if (j === postArr.length - 1) {
  60.                                                         WxParse.wxParseTemArray("replyTemArray", 'reply', postArr.length, that)
  61.                                                 }
  62.                                         }
  63.                                 } else {
  64.                                         getApp().showSvrErrModal(resp);
  65.                                 }
  66.                         },
  67.                         complete: function() {
  68.                                 wx.hideLoading();
  69.                         }
  70.                 });
  71.         },
  72.         onReachBottom: function () {
  73.                 var that = this;
  74.                 var page_size = that.data.page_size;
  75.                 var page_index = that.data.page_index + 1;
  76.                 wx.showLoading({
  77.                         title: '正在加载..', //提示的内容,
  78.                         mask: true, //显示透明蒙层,防止触摸穿透,
  79.                         success: res => {}
  80.                 });               
  81.                 wx.request({
  82.                         url: getApp().globalData.svr_url + "pm.php",
  83.                         method: "post",
  84.                         header: { "content-type": "application/x-www-form-urlencoded" },
  85.                         data: {
  86.                                 token: wx.getStorageSync("token"),
  87.                                 page_size: page_size,
  88.                                 page_index: page_index,
  89.                                 type: "list"
  90.                         },
  91.                         success: function (resp) {
  92.                                 var resp_dict = resp.data;
  93.                                 if (resp_dict.err_code == 0) {
  94.                                         var tmpPostList = that.data.postList;
  95.                                         const l = that.data.postList.length;
  96.                                         var respPostList = resp_dict.data.messageList;
  97.                                         var has_append = 1;
  98.                                         for (var i = 0; i < respPostList.length; ++i) {
  99.                                                 tmpPostList.push(respPostList[i]);
  100.                                                 const k = "postList[" + (l+i) + "]";
  101.                                                 that.setData({
  102.                                                         [k]: respPostList[i]
  103.                                                 });
  104.                                         }
  105.                                         if (has_append == 1) {
  106.                                                 that.setData({
  107.                                                         page_index: page_index
  108.                                                 });
  109.                                         }
  110.                                         wx.hideLoading();
  111.                                 } else {
  112.                                         wx.hideLoading();
  113.                                         getApp().showSvrErrModal(resp);
  114.                                 }
  115.                         },
  116.                         fail:res=>{
  117.                                 wx.hideLoading();
  118.                                 console.log("error",res);
  119.                         }
  120.                 });
  121.         },
  122.         toDetail: function (e) {
  123.                 console.log(e);
  124.                 var tid = e.currentTarget.dataset.tid;
  125.                 if (!tid) return;
  126.                 wx.navigateTo({
  127.                         url: '../detail/detail?tid=' + tid,
  128.                 })
  129.         },
  130.         onShareAppMessage: function (res) {
  131.                 return {
  132.                         title: "天下网吧-天下网咖,咱们只关注网吧网咖行业",
  133.                         path: `/pages/index/index`,
  134.                         imageUrl: 'https://bbs.txwb.com/images/wmapp/share.jpg',
  135.                         success: function (res) {
  136.                         },
  137.                 }
  138.         },
  139. })
复制代码

赶紧来设置你的签名->玩转天下网吧论坛签名

您需要登录后才可以回帖 登录 | 注册账号   扫一扫,用微信登录

本版积分规则

下载天下网吧手机APP,直接一键登录
您尚未登录,请登陆后浏览更精彩内容!
 注册账号
找回密码

手机版|纯文字版|联系我们|免责声明|网吧论坛 ( __ICP号__ )

GMT+8, 2024-3-28 20:49 , Processed in 1.357156 second(s), 36 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表