資訊專欄INFORMATION COLUMN
摘要：前言上節(jié)講到，獲取到觸點所在區(qū)域所映射的新聞鏈接。有了新聞的鏈接，就能獲取相應(yīng)的新聞啦。
前言
上節(jié)講到，獲取到觸點所在區(qū)域所映射的新聞鏈接。有了新聞的鏈接，就能獲取相應(yīng)的新聞啦。
代碼實現(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目錄下多了一個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方法中請求該文章
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，獲取文章標題、內(nèi)容等相關(guān)信息
var tmpArticleObj = articleExtract(html, newsHref, pagenum);
self.setData({
articleObj: tmpArticleObj,
});
}
});
},
至此，顯示新聞的功能以完成1/3，解析文章html的方法articleExtract的實現(xiàn)放到下回講，否則這篇篇幅太長，影響積極性啊。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/110134.html
摘要：前言上一小節(jié)說道，點擊版面圖片區(qū)域，可獲取到映射的文章鏈接。本節(jié)將著重實現(xiàn)對文章的解析，正則匹配走起通過對文章結(jié)構(gòu)的比對，調(diào)查發(fā)現(xiàn)，文章詳情從的地方開，所以解析文章的函數(shù)如下。 前言 上一小節(jié)說道，點擊版面圖片區(qū)域，可獲取到映射的文章鏈接。本節(jié)將著重實現(xiàn)對文章html的解析，正則匹配走起~通過對文章html結(jié)構(gòu)的比對，調(diào)查發(fā)現(xiàn)，文章詳情從class=text_c的地方開，所以解析文章的...
摘要：微信應(yīng)用號小程序資源匯總。每天不定期整理和收集微信小程序相關(guān)資源，方便查閱和學習，歡迎大家提交新的資源，完善和補充。 wechat-weapp-resource 微信應(yīng)用號（小程序）資源匯總。 每天不定期整理和收集微信小程序相關(guān)資源，方便查閱和學習，歡迎大家提交新的資源，完善和補充。 showImg(https://segmentfault.com/img/remote/1460000...
閱讀 3298·2021-11-12 10:36
閱讀 1450·2019-08-30 15:56
閱讀 2552·2019-08-30 11:26
閱讀 643·2019-08-29 13:00
閱讀 3661·2019-08-28 18:08
閱讀 2821·2019-08-26 17:18
閱讀 1961·2019-08-26 13:26
閱讀 2487·2019-08-26 11:39
