導航:首頁 > 軟體知識 > 小程序如何設置文章列表

小程序如何設置文章列表

發布時間:2024-11-23 09:56:21

『壹』 微信小程序同步微信公眾號文章(二)

首先確認是否有相應的介面許可權,這里主要用到獲取素材相關的介面,可以看到對應介面文檔,個人號還是有對應許可權的。

在新增了永久素材後,開發者可以分類型獲取永久素材的列表:

1、獲取永久素材的列表,也包含公眾號在公眾平台官網素材管理模塊中新建的圖文消息、語音、視頻等素材 。

2、臨時素材無法通過本介面獲取。

3、調用該介面需https協議。

實現的邏輯還是比較簡單的,具體分兩個步驟:

1、獲取公眾號的access_token

獲取公眾號的access_token的在前文中已經實現。

基於微信小程序雲函數的方式獲取微信公眾號access_token -

2、遍歷調用公眾號永久素材列表介面獲取數據

調用素材列表介面,獲取相應的文章信息,這里主要獲取公眾號的圖文信息(type為news),介面調用請求說明:

http請求方式: POST

https://api.weixin.qq.com/cgi-bin/material/batchget_material?access_token=ACCESS_TOKEN

調取素材列表之後在小程序中通過視圖組件scroll-view來實現,主要有標題、封面圖、摘要:

<scroll-view class="container"scroll-y='true' style="height:{{height}}px" bindscrolltolower='lower'>

<block wx:for="{{res}}" >

<view class='feed-item' id='{{item.title}}' bindtap='getDetial'>

<view>

<text >{{item.title}}</text>

</view>

<view style='text-align: center'>

<image src='{{item.image_url}}'>tupian </image>

</view>

<view>

<text >{{item.digest}}</text>

</view>

</view>

</block>

</scroll-view>

文章列表在頁面首次載入時就獲取:

/**

* 生命周期函數--監聽頁面載入

*/

onLoad: function (options) {

wx.getSystemInfo({

success: (res) => {

this.setData({

height: res.windowHeight

})

}

})

this.getData()

}

函數getData()實現步驟,具體請求函數用雲函數來實現,先從調取acces_token:

// 雲函數入口文件

const cloud = require('wx-server-sdk')

const news = require('New')

cloud.init()

// 雲函數入口函數

exports.main = async (event, context) => {

let token = null;

await cloud.callFunction({

name:'token'

}).then(function(data){

token = data.result;

});

let offset = event.offset;

let count = event.count;

let nw = new news(token);

let rst = nw.getWechatPosts(offset,count);

return rst;

}

然後調取文章列表信息,每次獲取10條信息:

//獲取文章列表

getData(){

var that = this;

let pgno = this.data.pageNo+1;

let result = this.data.res;

wx.cloud.callFunction({

name:'news',

data:{

offset:this.data.offset,

count:this.data.count

},

success:function(res){

var resArr = [];

let body = res.result.body;

let total_count = body.total_count;//總共圖文數量

let item_count = body.item_count;//本次調用數量

let item = body.item;

let page_total = parseInt((total_count + that.data.count - 1) / that.data.count);

let mud = total_count % that.data.count;

const db = wx.cloud.database();

for (let i = 0; i < item.length; i++) {

let news_item = item[i].content.news_item;

//單圖文消息及多圖文消息

for (let j = 0; j < news_item.length; j++) {

let title = news_item[j].title;//標題

let url = news_item[j].url;//詳細地址

let image_url = news_item[j].thumb_url;//封面圖片地址

let digest = news_item[j].digest;//摘要

let author = news_item[j].author;//作者

let content = news_item[j].content;

resArr.push(new nw(total_count, item_count, title, url, image_url, digest, author, content));

let res_id = null;

db.collection('content').where({

_id: url

}).get({

success: function (res) {

res_id = res.data[0]._id;

}

})

if (res_id === url){

}else{

db.collection('content').add({

data: {

_id: url,

content: content,

title: title

},

success: function (res) {

}

})

}

}

that.setData({

res: result.concat(resArr),

page_total: page_total,

pageNo: pgno,

mud: mud

});

}

}

})

}

scroll-view組件到底觸發事件實現函數:

lower() {

//總頁數18/10=1

var pageno = this.data.pageNo;

var page = this.data.page_total;

console.log("總頁數:" + page+",第"+pageno+"頁"+"zuohouy:"+this.data.mud)

if (pageno > page) {//page 4

wx.showToast({ //如果全部載入完成了也彈一個框

title: '我也是有底線的',

icon: 'success',

ration: 300

});

return false;

} else {

wx.showLoading({ //期間為了顯示效果可以添加一個過度的彈出框提示「載入中」

title: '載入中',

icon: 'loading',

});

let offset = this.data.offset;

let count = this.data.count;

offset = this.data.offset + this.data.count;

console.log("offset:" + offset+"count:"+count)

this.setData({

offset: offset,

count: count

});

setTimeout(() => {

this.getData();

wx.hideLoading();

}, 1500);

}

}

『貳』 微信小程序在編輯文章的時候怎麼將圖片和文字內容呈現在同一列

1、打開微信公眾平台登錄公眾號,進入素材管理界面。然後新建圖文信息,進入圖文編輯界面。點擊右方多媒體列表中的「小程序」。

2、選擇已經與公眾號綁定的小程序。

3、確認展示形式。

4、填寫小程序路徑、卡片標題,並上傳大小為卡片圖片。小程序路徑默認為小程序的首頁。卡片圖片尺寸必須為1080*864像素,文件大小限制為2M。

5、確認以上信息後點擊確定。小程序卡片就會出現在圖文編輯界面中。推送後,用戶就可以通過點擊圖文中的小程序卡片進入小程序了。

『叄』 微信設置發票怎麼設置

如果你經常需要開發票的話,每次怎麼樣告訴對方要開票的信息呢?我們可以藉助微信發票小助手來幫忙,下面就來看看如何使用發票小助手吧。

工具/原料

微信

方法/步驟

1/10分步閱讀

首先在手機上打開微信,然後點擊進入發現標簽頁面,點擊下面的「小程序」菜單項。

2/10

在打開的小程序頁面中,點擊右上角的「搜索」按鈕。

3/10

在打開的搜索框中輸入「微信發票助手」進行搜索,然後點擊下面搜索結果中的「微信發票助手」菜單項。

4/10

如果是第一次使用,直接點擊下面的「添加發票信息」按鈕 

5/10

在打開的編輯頁面中,輸入發票需要信息即可,最後點擊保存按鈕。

6/10

回到發票助手頁面,可以看以添加好的發票抬頭了。

7/10

在需要發票信息的時候,只需要點擊發票抬頭菜單項就可以查看該發標的所有相關信息,當然也可以掃描快速查看

8/10

如果好友需要發票信息,可以點擊右上角的「更多」按鈕,在彈出菜單中選擇「轉發」菜單項。

9/10

另外,還可以管理自己的電子發票,只需要點擊右下角的「發票」標簽,就可以查看到所有的以前開過的發票了。

10/10

同時該小程序還可以檢驗紙制發票,只需要點擊下面「查驗」選項卡,然後在頁面中點擊掃一掃按鈕就可以了。不過該功能只針對部分地區。

注意事項

此經驗文章中的圖文皆由 lqlxhua 獨立編撰,並首發於網路經驗,如要轉載,請留出處。

有幫助,點投票。要細品,可收藏。要繼續,請關注。如成功,請點贊。有疑問,請留評。

手機 微信 發票助手 電子發票

編輯於2018-03-20,內容僅供參考並受版權保護

 贊踩分享

閱讀全文

閱讀全文

與小程序如何設置文章列表相關的資料

熱點內容
系統資料庫包括什麼意思 瀏覽:508
信息技術中合並居中是哪個鍵 瀏覽:165
b2c消費的都是什麼樣的產品 瀏覽:508
加工中心如何在程序裡面改變零點 瀏覽:523
車險代理需要多少保證金 瀏覽:471
如何快速加盟小程序 瀏覽:366
理財產品入什麼科目 瀏覽:891
填寫學生信息需要帶什麼 瀏覽:651
團油如何更改開票信息 瀏覽:709
蘇寧在市場上占哪些資源 瀏覽:532
種雞技術員轉正怎麼寫 瀏覽:261
未來教育程序如何運行 瀏覽:830
什麼金融產品比較賺錢 瀏覽:298
領導安排不符合程序如何辦 瀏覽:314
如何看到未申報稅企業的公示信息 瀏覽:496
拜登當選市場會怎麼樣 瀏覽:625
怎麼畫水彩技術 瀏覽:36
查專業數據去哪裡 瀏覽:352
累計數據如何篩選 瀏覽:174
亞運村汽車交易市場怎麼走 瀏覽:903