国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

微信小程序?qū)嵺`_4顯示新聞（1）

hankkin / 2755人閱讀

摘要：前言上節(jié)講到，獲取到觸點(diǎn)所在區(qū)域所映射的新聞鏈接。有了新聞的鏈接，就能獲取相應(yīng)的新聞啦。

前言

上節(jié)講到，獲取到觸點(diǎn)所在區(qū)域所映射的新聞鏈接。有了新聞的鏈接，就能獲取相應(yīng)的新聞啦。

代碼實(shí)現(xiàn)

修改paper.js的toArticle方法

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

修改app.json文件
添加文章專屬界面，保存后發(fā)現(xiàn)pages目錄下多了一個(gè)article文件夾

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

打開pages/article/article.js文件

修改data

/**
   * 頁面的初始數(shù)據(jù)
   */
  data: {
    articleObj:{}
  },

首先定義全局變量（在Page({...})外面）和引入相關(guān)模塊

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參數(shù)

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

onShow方法中請(qǐng)求該文章

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方法

//請(qǐng)求文章
  getArticle: function (url, newsHref, pagenum) {
    var self = this;
    var reqObj = { url: url };
    wx.request({
      url: url,
      success:function(res){
        var html = res.data;
        //解析文章html，獲取文章標(biāo)題、內(nèi)容等相關(guān)信息
        var tmpArticleObj = articleExtract(html, newsHref, pagenum);
        self.setData({
          articleObj: tmpArticleObj,
        });
      }
    });
  },

至此，顯示新聞的功能以完成1/3，解析文章html的方法articleExtract的實(shí)現(xiàn)放到下回講，否則這篇篇幅太長，影響積極性啊。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/110134.html

相關(guān)文章

  • 微信小程序實(shí)踐_4顯示新聞（2）

    摘要：前言上一小節(jié)說道，點(diǎn)擊版面圖片區(qū)域，可獲取到映射的文章鏈接。本節(jié)將著重實(shí)現(xiàn)對(duì)文章的解析，正則匹配走起通過對(duì)文章結(jié)構(gòu)的比對(duì)，調(diào)查發(fā)現(xiàn)，文章詳情從的地方開，所以解析文章的函數(shù)如下。 前言 上一小節(jié)說道，點(diǎn)擊版面圖片區(qū)域，可獲取到映射的文章鏈接。本節(jié)將著重實(shí)現(xiàn)對(duì)文章html的解析，正則匹配走起~通過對(duì)文章html結(jié)構(gòu)的比對(duì)，調(diào)查發(fā)現(xiàn)，文章詳情從class=text_c的地方開，所以解析文章的...

    selfimpr 評(píng)論0 收藏0

  • 微信小程序資源匯總

    awesome-github-wechat-weapp 是由OpenDigg整理并維護(hù)的微信小程序開源項(xiàng)目庫集合。我們會(huì)定期同步上的項(xiàng)目到這里，也歡迎各位 UI組件開發(fā)框架實(shí)用庫開發(fā)工具服務(wù)端項(xiàng)目實(shí)例Demo UI組件 weui-wxss ★1873 - 同微信原生視覺體驗(yàn)一致的基礎(chǔ)樣式庫zanui-weapp ★794 - 好用易擴(kuò)展的小程序 UI 庫wx-charts ★449 - 微信小程...

    Olivia 評(píng)論0 收藏0

  • 微信應(yīng)用號(hào)（小程序）資源匯總（1010更新）

    摘要：微信應(yīng)用號(hào)小程序資源匯總。每天不定期整理和收集微信小程序相關(guān)資源，方便查閱和學(xué)習(xí)，歡迎大家提交新的資源，完善和補(bǔ)充。 wechat-weapp-resource 微信應(yīng)用號(hào)（小程序）資源匯總。 每天不定期整理和收集微信小程序相關(guān)資源，方便查閱和學(xué)習(xí)，歡迎大家提交新的資源，完善和補(bǔ)充。 showImg(https://segmentfault.com/img/remote/1460000...

    趙春朋 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

hankkin

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<