目錄
日常小程序經(jīng)常需要分頁查詢的功能。在本文中wordpress 分頁代碼,我們將解釋如何在低代碼中實現(xiàn)分頁查詢的功能。自己開發(fā)分頁功能wordpress 分頁代碼,可以先參考官方方法
對于分頁查詢,我們一般需要輸入?yún)?shù)和輸出參數(shù)。輸入?yún)?shù)需要頁碼、每頁大小、排序字段名稱、排序方式、查詢條件。
輸出參數(shù)需要記錄總記錄數(shù)、頁碼、每頁大小、記錄列表。
知道輸入輸出參數(shù)后,代碼在哪里寫?分頁等功能一般屬于后端能力。在低代碼工具中,后端代碼是在自定義連接器中編寫的。
創(chuàng)建自定義連接器
登錄低代碼控制臺并點擊新建自定義連接器
輸入名稱和徽標
立即點擊新建
輸入名稱和ID,為選擇查詢列表,為type選擇自定義代碼
界面中可以輸入代碼的部分是我們編譯后端邏輯代碼的編輯器,代碼可以直接在里面寫。
云開發(fā)簡介
我們要實現(xiàn)后端代碼wordpress網(wǎng)站制作,其實它必須符合云開發(fā)的語法。我們打開云開發(fā)的官方文檔,找到api部分
有一個概念要理解,那就是。在文檔數(shù)據(jù)庫中,我們傳統(tǒng)數(shù)據(jù)庫的表是對應的,那么如何找到呢?
我們可以打開云開發(fā),然后進入我們的環(huán)境,找到數(shù)據(jù)庫
列表中有收藏。使用集合,您如何編寫代碼?這里可以參考微達官方文檔的自定義代碼部分,將代碼復制并輸入到自定義代碼編輯器中
module.exports = async function (params, context) {
const result = await context.database.collection('lcap-data-1TSuH5tum-product_qnniu21-preview').get();
return {
records: result.data
};
};
代碼寫完后,需要做一個方法測試。首先,需要添加一個輸入?yún)?shù)。添加后,我們可以看到執(zhí)行的結果
分頁實現(xiàn)思路
要實現(xiàn)分頁,一共需要幾個字段。第一個是獲取記錄的總數(shù)。我們可以使用count方法來計算總記錄數(shù)
module.exports = async function (params, context) {
const result = await context.database.collection('lcap-data-1TSuH5tum-product_qnniu21-preview').get();
const total = await context.database.collection('lcap-data-1TSuH5tum-product_qnniu21-preview').count();
return {
total:total.total,
records: result.data
};
};
有了總記錄數(shù),我們每次返回的結果并不是全部返回。我們需要根據(jù)當前頁碼和每頁顯示的記錄數(shù)來過濾數(shù)據(jù)
module.exports = async function (params, context) {
const result = await context.database.collection('lcap-data-1TSuH5tum-product_qnniu21-preview').skip(params.pageSize*(params.pageNo-1)).limit(params.pageSize).get();
const total = await context.database.collection('lcap-data-1TSuH5tum-product_qnniu21-preview').count();
return {
total:total.total,
records: result.data
};
};
一切完成后,可以點擊參數(shù)映射,自動映射參數(shù)
使用連接器
分頁方式做好后,一般需要在應用程序中使用,一個可以直接在變量中使用
另一種是在數(shù)據(jù)列表中綁定
為什么要自定義分頁功能
官方生成的分頁方??式只能實現(xiàn)單表業(yè)務。在實際業(yè)務中,我們經(jīng)常需要對表進行拆分wordpress網(wǎng)站制作,但是在多表查詢的場景中,我們需要展示數(shù)據(jù)。這時候就必須自己實現(xiàn)分頁邏輯了。下一篇我們會講解如何實現(xiàn)多表分頁查詢,敬請期待。
文章來自互聯(lián)網(wǎng),侵權請聯(lián)系刪除,文章闡述觀點來自文章出處,并不代表本站觀點。
www.bjcthy.com