上節講到,獲取到觸點所在區域所對映的新聞鏈結。有了新聞的鏈結,就能獲取相應的新聞啦。
修改*****.js的toarticle方法
toarticle: function (e) );
}else
},
新增文章專屬介面,儲存後發現pages目錄下多了乙個article資料夾
"pages":[
"pages/*****/*****",
"pages/article/article",
"pages/index/index",
"pages/logs/logs"
],
開啟pages/article/article.js檔案
修改data
/**
* 頁面的初始資料
*/data:
},
首先定義全域性變數(在page()外面)和引入相關模組
var todaydatearray = require('../../utils/util.js').todaydatearray;
//article url
var baseuri = ""
//拼接url的變數
var y_m = "";
var baseuri2 = "";
var newsid = "";
var pagenum = 0;
在onload方法中獲取*****.js傳過來的newshref和pagenum引數
onload: function (options) ,
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) ;
wx.request();
}});
},
至此,顯示新聞的功能以完成1/3,解析文章html的方法articleextract的實現放到下回講,否則這篇篇幅太長,影響積極性啊。 微信小程式實踐 4顯示新聞(2)
在utils目錄下新建articleextract.js var articleobj var articleextract function html,newshref,pagenum console.log 匹配 imgarray 標題 h1 titlehtml.match s s h1 i 1...
微信小程式demo 新聞類
demo新聞類開發教程 包含四個頁面 news.js news.wxss news.json news.wxml scroll view class news banner view wx for wx for index idx data idx class news banner text da...
微信 小程式 1
工程結構 檔案說明 1.game.js 小遊戲入口檔案。import js libs symbol import main from js main new main 2.game.json 配置檔案,檔案位於根目錄下,完成介面渲染和屬性設定。ex.key deviceorientation val...