最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

微信小程序?qū)崿F(xiàn)分頁查詢?cè)斀?/h1>
 更新時(shí)間:2022年08月02日 10:47:47   作者:低代碼布道師  
本篇文章給大家分享的是有關(guān)微信小程序分頁查詢的實(shí)現(xiàn),小編覺得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。

日常小程序經(jīng)常需要分頁查詢的功能,本篇我們講解一下低代碼中如何實(shí)現(xiàn)分頁查詢的功能。要自己開發(fā)分頁功能,可以先參考官方的方法

分頁查詢我們一般是需要有入?yún)⒑统鰠?,入?yún)⒎謩e需要頁碼、每頁大小、排序字段名稱、排序方式、查詢條件。

出參分別需要記錄總條數(shù)、頁碼、每頁大小、記錄列表。

入?yún)⒑统鰠⒅乐?,那在哪寫代碼呢?像分頁這種功能一般屬于后端的能力,低碼工具中是在自定義連接器里寫后端代碼的。

創(chuàng)建自定義連接器

登錄低碼的控制臺(tái),點(diǎn)擊新建自定義連接器

輸入名稱和標(biāo)識(shí)

點(diǎn)擊立即新建

輸入名稱和標(biāo)識(shí),意圖選擇查詢列表,類型選擇自定義代碼

在界面中可以輸入代碼的部分就是我們編制后端邏輯代碼的編輯器,可以在里邊直接寫代碼。

云開發(fā)介紹

我們要實(shí)現(xiàn)后端代碼,其實(shí)是要符合云開發(fā)的語法,我們打開云開發(fā)的官方文檔,找到api部分

有個(gè)概念需要了解,就是collection。在文檔型數(shù)據(jù)庫里我們傳統(tǒng)數(shù)據(jù)庫的表對(duì)應(yīng)的是collection,那如何找到collection呢?

我們可以打開云開發(fā)cloudbase,然后進(jìn)入到我們的環(huán)境,找到數(shù)據(jù)庫

列表上就是各個(gè)集合。有了集合那要怎么寫代碼呢?這里可以參考微搭官方文檔的自定義代碼部分,復(fù)制其中的代碼進(jìn)入到自定義代碼編輯器中

module.exports = async function (params, context) {
  const result = await context.database.collection('lcap-data-1TSuH5tum-product_qnniu21-preview').get();
  // 在這里返回這個(gè)方法的結(jié)果,需要與出參定義的結(jié)構(gòu)映射
  return {
    records: result.data
  };
};

代碼寫好之后需要做方法測(cè)試,先需要增加一個(gè)入?yún)ⅲ黾雍笪覀兙涂梢钥吹綀?zhí)行的結(jié)果

分頁實(shí)現(xiàn)思路

要實(shí)現(xiàn)分頁,一共需要幾個(gè)字段,第一個(gè)是求得總記錄數(shù),總記錄數(shù)我們可以用count方法計(jì)算

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();
  // 在這里返回這個(gè)方法的結(jié)果,需要與出參定義的結(jié)構(gòu)映射
  return {
    total:total.total,
    records: result.data
  };
};

總的記錄數(shù)有了,我們每次返回的結(jié)果不是全部返回,需要按照當(dāng)前傳過來的頁碼和每頁顯示的條數(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();
  // 在這里返回這個(gè)方法的結(jié)果,需要與出參定義的結(jié)構(gòu)映射
  return {
    total:total.total,
    records: result.data
  };
};

一切做好之后就可以點(diǎn)擊出參映射,來自動(dòng)映射出參

使用連接器

分頁方法做好之后一般是需要在應(yīng)用中使用,一種是可以在變量中直接使用

另外一種是可以在數(shù)據(jù)列表中綁定

為什么要自定義分頁功能

官方生成的分頁方法只能實(shí)現(xiàn)單表業(yè)務(wù),而實(shí)際業(yè)務(wù)中我們經(jīng)常需要拆分表,但是在多表查詢的場(chǎng)景中又需要展示數(shù)據(jù),這個(gè)時(shí)候就必須自己實(shí)現(xiàn)分頁邏輯。下篇我們講解一下多表分頁查詢?nèi)绾螌?shí)現(xiàn),敬請(qǐng)期待。

到此這篇關(guān)于微信小程序?qū)崿F(xiàn)分頁查詢?cè)斀獾奈恼戮徒榻B到這了,更多相關(guān)小程序分頁查詢內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • innerText和textContent對(duì)比及使用介紹

    innerText和textContent對(duì)比及使用介紹

    innerText使用過程中遇到了FireFox的兼容問題FireFox不支持innerText方法但是有個(gè)類似的方法,叫textContent,類似innerText,都是用來獲?。ㄔO(shè)置)元素中text的方法,感興趣的朋友可以參考下
    2013-02-02
  • 利用騰訊的ip地址庫做ip物理地址定位

    利用騰訊的ip地址庫做ip物理地址定位

    騰訊的這個(gè)還是相對(duì)比較準(zhǔn)確的。因?yàn)轵v訊每個(gè)QQ用戶發(fā)現(xiàn)自己匹配的地理位置信息不準(zhǔn)確都可以提交更正的
    2010-07-07
  • 微信小程序圖表插件(wx-charts)實(shí)例代碼

    微信小程序圖表插件(wx-charts)實(shí)例代碼

    這篇文章主要介紹了微信小程序圖表插件(wx-charts)實(shí)例代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。
    2017-01-01
  • JavaScript 雙向鏈表操作實(shí)例分析【創(chuàng)建、增加、查找、刪除等】

    JavaScript 雙向鏈表操作實(shí)例分析【創(chuàng)建、增加、查找、刪除等】

    這篇文章主要介紹了JavaScript 雙向鏈表操作,結(jié)合實(shí)例形式分析了JavaScript雙向鏈表的創(chuàng)建、增加、查找、刪除等相關(guān)操作技巧,需要的朋友可以參考下
    2020-04-04
  • 去除有數(shù)組中重復(fù)的元素

    去除有數(shù)組中重復(fù)的元素

    數(shù)組 重復(fù)采用的是Object的 in 操作符,體現(xiàn)一把它的強(qiáng)大(有更好的辦法來實(shí)現(xiàn)這個(gè)功能,但是這里只是演示 in 操作符)!
    2008-03-03
  • TypeScript高級(jí)用法的知識(shí)點(diǎn)匯總

    TypeScript高級(jí)用法的知識(shí)點(diǎn)匯總

    這篇文章主要給大家介紹了關(guān)于TypeScript高級(jí)用法的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用TypeScript具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-12-12
  • js實(shí)現(xiàn)按Ctrl+Enter發(fā)送效果

    js實(shí)現(xiàn)按Ctrl+Enter發(fā)送效果

    按Ctrl+Enter發(fā)送,思路是監(jiān)聽textarea的onkeydown事件,當(dāng)ctrl鍵被按下,并且,keycode為13(回車),時(shí),調(diào)用發(fā)送表單的函數(shù)
    2014-09-09
  • JS長整型精度問題實(shí)例分析

    JS長整型精度問題實(shí)例分析

    這篇文章主要介紹了JS長整型精度問題,實(shí)例分析了Java項(xiàng)目結(jié)合前臺(tái)js腳本出現(xiàn)的長整型精度問題與相應(yīng)的解決方案,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-01-01
  • Stop SQL Server

    Stop SQL Server

    Stop SQL Server...
    2007-06-06
  • JavaScript中最簡潔的編碼html字符串的方法

    JavaScript中最簡潔的編碼html字符串的方法

    這篇文章主要介紹了JavaScript中最簡潔的編碼html字符串的方法,非常非常簡潔的一個(gè)方法,小編親測(cè)可用,需要的朋友可以參考下
    2014-10-10

最新評(píng)論

九江县| 临漳县| 阿拉善右旗| 綦江县| 金湖县| 晋中市| 敦化市| 穆棱市| 辽宁省| 塘沽区| 永仁县| 双峰县| 卫辉市| 赣榆县| 延边| 垦利县| 交城县| 芷江| 西林县| 绵阳市| 常山县| 绥德县| 东乌珠穆沁旗| 靖安县| 阳城县| 许昌县| 临朐县| 剑川县| 沧州市| 夏津县| 江口县| 桃园县| 嘉兴市| 和政县| 宾阳县| 扶余县| 淮滨县| 邻水| 吉隆县| 张家川| 漳平市|