微信小顺序实践_4显现消息（1）

2024年5月3日 121次阅读 来源: TAG_WW

媒介

上节讲到，猎取到触点所在区域所映照的消息链接。有了消息的链接，就可以猎取响应的消息啦。

代码完成

修正paper.js的toArticle要领

toArticle: function (e) {
    .......
    if (href) {
      wx.navigateTo({
        url: "article/article?newshref=" + href + "&pagenum=" + pagenum
      });
    }else{
      console.log("未找到文章id");
    }
  },

修正app.json文件
增加文章专属界面，保留后发明pages目录下多了一个article文件夹

 "pages":[
    "pages/paper/paper",
    "pages/article/article",
    "pages/index/index",
    "pages/logs/logs"
  ],

翻开pages/article/article.js文件

修正data

/**
   * 页面的初始数据
   */
  data: {
    articleObj:{}
  },

起首定义全局变量（在Page({…})表面）和引入相干模块

var app = getApp();
var todayDateArray = require('../../utils/util.js').todayDateArray;
//article url
var baseUri = "http://paper.people.com.cn/rmrb/html"

//拼接url的变量
var y_m = "";
var baseUri2 = "";
var newsid = "";
var pagenum = 0;

在onLoad要领中猎取paper.js传过来的newshref和pagenum参数

onLoad: function (options) {
    newsHref = options.newshref;
    pagenum = parseInt(options.pagenum);
  },

onShow要领中要求该文章

var self = this;
//挑选的日期
var todayArray = todayDateArray();
y_m = todayArray.slice(0, 2).join("-");
baseUri2 = [baseUri, y_m, todayArray[2]].join("/");
var url = url = [baseUri2, newsHref].join('/');
//猎取文章
self.getArticle(url, newsHref, pagenum);

增加getArticle要领

//要求文章
  getArticle: function (url, newsHref, pagenum) {
    var self = this;
    var reqObj = { url: url };
    wx.request({
      url: url,
      success:function(res){
        var html = res.data;
        //剖析文章html，猎取文章题目、内容等相干信息
        var tmpArticleObj = articleExtract(html, newsHref, pagenum);
        self.setData({
          articleObj: tmpArticleObj,
        });
      }
    });
  },

至此，显现消息的功能以完成1/3，剖析文章html的要领articleExtract的完成放到下回讲，不然这篇篇幅太长，影响积极性啊。

    原文作者：TAG_WW
    原文地址: https://segmentfault.com/a/1190000013569522
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞