微信小程式實踐 4顯示新聞(1)

2021-09-14 01:39:07 字數 1450 閱讀 1624

上節講到,獲取到觸點所在區域所對映的新聞鏈結。有了新聞的鏈結,就能獲取相應的新聞啦。

修改*****.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...