資訊專欄INFORMATION COLUMN
摘要：前言上節講到，獲取到觸點所在區域所映射的新聞鏈接。有了新聞的鏈接，就能獲取相應的新聞啦。
前言
上節講到，獲取到觸點所在區域所映射的新聞鏈接。有了新聞的鏈接，就能獲取相應的新聞啦。
代碼實現修改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的實現放到下回講，否則這篇篇幅太長，影響積極性啊。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/110134.html
摘要：前言上一小節說道，點擊版面圖片區域，可獲取到映射的文章鏈接。本節將著重實現對文章的解析，正則匹配走起通過對文章結構的比對，調查發現，文章詳情從的地方開，所以解析文章的函數如下。 前言 上一小節說道，點擊版面圖片區域，可獲取到映射的文章鏈接。本節將著重實現對文章html的解析，正則匹配走起~通過對文章html結構的比對，調查發現，文章詳情從class=text_c的地方開，所以解析文章的...
摘要：微信應用號小程序資源匯總。每天不定期整理和收集微信小程序相關資源，方便查閱和學習，歡迎大家提交新的資源，完善和補充。 wechat-weapp-resource 微信應用號（小程序）資源匯總。 每天不定期整理和收集微信小程序相關資源，方便查閱和學習，歡迎大家提交新的資源，完善和補充。 showImg(https://segmentfault.com/img/remote/1460000...
閱讀 3209·2021-11-12 10:36
閱讀 1258·2019-08-30 15:56
閱讀 2442·2019-08-30 11:26
閱讀 550·2019-08-29 13:00
閱讀 3608·2019-08-28 18:08
閱讀 2749·2019-08-26 17:18
閱讀 1892·2019-08-26 13:26
閱讀 2431·2019-08-26 11:39
