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

小程序中實現(xiàn)excel數(shù)據(jù)的批量導(dǎo)入的示例代碼

 更新時間:2022年07月12日 10:02:36   作者:低代碼布道師  
本文主要介紹了小程序中實現(xiàn)excel數(shù)據(jù)的批量導(dǎo)入的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

我們上一篇介紹了如何利用微搭的自定義連接器接入騰訊文檔的數(shù)據(jù),光有接入是不夠的,更重要的是我們需要將采集的數(shù)據(jù)積累下來,變成企業(yè)的數(shù)字資產(chǎn)。

積累數(shù)據(jù)最好的方式就是把數(shù)據(jù)存入數(shù)據(jù)庫,低碼工具除了有可視化編程的便利外,還提供了線上的文檔型數(shù)據(jù)庫。文檔數(shù)據(jù)庫比傳統(tǒng)數(shù)據(jù)庫的優(yōu)勢是,文檔數(shù)據(jù)庫的返回結(jié)構(gòu)是JSON格式,直接就可以在前端進行渲染。關(guān)系型數(shù)據(jù)庫還得通過代碼進行轉(zhuǎn)譯。

另外一個方面是文檔數(shù)據(jù)庫的類型更豐富,有附件、富文本、自動編號、數(shù)組、對象、圖片、地理位置這些偏業(yè)務(wù)類型的字段。有了這些豐富多彩的字段,那我們就可以減少代碼的編制,無疑對提高編程效率非常有幫助。

介紹了一些基礎(chǔ)背景后我們開始介紹如何將騰訊文檔的數(shù)據(jù)批量入庫。

1 建立數(shù)據(jù)源

要想將數(shù)據(jù)入庫,就先需要建立數(shù)據(jù)源。登錄微搭控制臺,點擊數(shù)據(jù)源,點擊新建數(shù)據(jù)模型

輸入名稱和標識

數(shù)據(jù)源建立之后需要創(chuàng)建字段,點擊添加字段

初學(xué)者最大的疑問是我需要建哪些字段,字段是個什么概念?我們還是先看一下我們的騰訊文檔的在線表格

會用excel的人都知道,excel里有行和列的概念。那我們的字段其實是列,每一列都對應(yīng)一個字段。字段的類型其實是和單元格的內(nèi)容是相關(guān)的。比如我的A2單元格是張三,明顯是存的字符,那么我們的類型就是文本。C2是出生日期,應(yīng)該是日期類型。D2是聯(lián)系電話,可以選擇文本也可以選擇電話類型。

明白了這個基礎(chǔ)概念之后,我們分別添加一下字段,一共是四個字段,姓名、性別、出生日期、聯(lián)系電話

2 編制入庫的代碼

我們上一節(jié)介紹了如何創(chuàng)建連接器來對接騰訊文檔,不會的同學(xué)可以翻看上一篇文章添加騰訊文檔連接器

讀取騰訊文檔的數(shù)據(jù)分為讀取sheet,根據(jù)sheet獲取每一行的數(shù)據(jù)。因為是入庫,還需要將解析好的數(shù)據(jù)封裝到對象中,調(diào)用批量新增的方法入庫。我們來一步步講解一下。

2.1 創(chuàng)建低碼方法

要想入庫,先需要創(chuàng)建一個低碼方法。點擊左上角的低碼編輯器進入到代碼界面

低碼編輯器打開之后會定位到當前頁面,在handler旁邊點擊+號來創(chuàng)建低碼方法

首先需要輸入一個方法名,方法名最好能望文知義,我們可以定義一個batchAdd方法

平臺會自動生成代碼結(jié)構(gòu)

初學(xué)者因為沒有系統(tǒng)的學(xué)習(xí)過編程,往往容易犯的錯誤是自由發(fā)揮,隨意編制代碼。我們講解一下這里的知識點。一般我們在handler里定義的方法叫函數(shù),函數(shù)由幾部分組成,函數(shù)名、入?yún)ⅰ⒊鰠ⅲɑ蛘呓蟹祷刂担?/p>

export default function 是函數(shù)的定義,這里叫匿名函數(shù),就是不給函數(shù)起一個名字。如果函數(shù)體里寫了await了,這個函數(shù)需要改寫成異步函數(shù),變成 export default async function

小括號里邊的叫入?yún)ⅲ鄠€參數(shù)以逗號分隔。我們這里其實只有一個入?yún)ⅲ莧event,data}。用一對兒大括號包裹的叫對象,對象里是具體的入?yún)ⅰ?/p>

event是事件對象,一般我們可以獲取到組件里的值,data是如果調(diào)用事件傳參了,可以直接從data里獲取值。具體如果希望看到值的我們可以使用打樁的技術(shù),所謂的打樁就是在控制臺輸出具體的值。

比如我們可以這樣寫

export default function({event, data}) {
  console.log(event,data)
}

打好樁之后,如何看結(jié)果呢?事件必須綁定到組件上,組件產(chǎn)生的各種的動作可以觸發(fā)事件。就像我們這個批量入庫,需要用戶主動觸發(fā),就需要放置一個按鈕,并且綁定點擊事件,來觸發(fā)批量新增的方法。

事件綁定好之后在哪看結(jié)果呢?點擊開發(fā)調(diào)試工具來看具體的輸出

這時候點擊一下按鈕就可以看到對應(yīng)的輸出

輸出的結(jié)果還是蠻復(fù)雜的,不同的組件產(chǎn)生的事件對象不同,里邊的內(nèi)容不同,我們會在具體的場景進行深入的講解。為啥本篇會先講一些基礎(chǔ)操作呢?因為不少粉絲是按照教程的步驟一步步操作的,不懂基本的操作有時候會亂粘貼一氣,然后就是各種各樣的報錯,還不知道從哪看錯誤,浪費了不少時間。

2.2 低碼中調(diào)用連接器

我們上一篇是使用變量的方法調(diào)用了連接器,這一篇我們使用低碼方法調(diào)用連接器。為了獲取騰訊文檔中的數(shù)據(jù),先需要獲取工作表的信息。我們復(fù)習(xí)一下變量中我們是如何調(diào)用的

這里是調(diào)用了getSheets方法,并且傳入了bookID,低碼中是通過api的方式來調(diào)用的,在方法中輸入如下代碼

const bookID = "DWkxMSFlkU1l2YkRo"; 
  const { sheetData } = await app.cloud.callConnector({
    name: 'txwd_jnegl1q', 
    methodName: 'getSheets', 
    params: {
      bookID,
    },
  });
console.log(sheetData)

這里的bookID是通過騰訊文檔分享鏈接的時候獲取到的,{sheetData}是解構(gòu)賦值的意思,可以直接從返回結(jié)果里獲取對應(yīng)的值??梢钥匆幌驴刂婆_打印的結(jié)果

要怎么看返回結(jié)果呢,一對兒中括號表示數(shù)組的意思,展開數(shù)組第一個元素的下標是0,數(shù)組里的元素是個對象,對象是以一對兒大括號表示的,對象里邊又有具體的屬性和方法。我們這里邊需要的是sheetID,cloumnCount,rowCount。

了解了之后我們就定義變量來接收返回值,輸入如下代碼

let sheetID = sheetData[0].sheetID
  let rowCount = sheetData[0].rowCount
  let columnCount = sheetData[0].columnCount
  console.log(sheetID, rowCount, columnCount)

看控制臺的打印結(jié)果

接著我們就需要根據(jù)返回的結(jié)果調(diào)用獲取單元格的方法,我們使用變量的時候是這么做的

代碼中是這樣獲取

const { rows } = await app.cloud.callConnector({
    name: 'txwd_jnegl1q', 
    methodName: 'getRows', 
    params: {
      bookID,
      sheetID,
      rows: `2-${rowCount}` 
    },
  });
console.log(rows)

這里小伙伴不明白的就是這一句2-${rowCount},用兩個反引號包裹的表示模板字符串,里邊如果使用${}這種語法的表示變量,代碼只要一執(zhí)行就會翻譯成2-3,讀取第二行、第三行的數(shù)據(jù)。我們看一下輸出的結(jié)果

textTypes表示每一列的字段類型,textValues表示具體的值。字段類型我們不需要,只需要解析出具體的值就可以

這樣每行的數(shù)據(jù)也解析出來了,就需要按照需要的格式整理入庫了,下邊是入庫的代碼

const newRecords = [];
  const columns = "xm|xb|csrq|lxdh"; 


  for(let r = 0; r < rowCount - 1; r++) {
    const { textValues } = rows[r];
    const inputParams = {};
    const cols = columns.split('|');
    cols.forEach((c, i) => {
      inputParams[c] = textValues[i];
    });

    newRecords.push(inputParams);
  }


  await app.cloud.callModel({
    name: 'txwdsjy_q6rop6n', // 數(shù)據(jù)模型標識
    methodName: 'wedaBatchCreate', // 新增多條的方法標識
    params: {
      records: newRecords,
    },
  });

這里columns是內(nèi)數(shù)據(jù)源的每一個字段的字段標識,可以去數(shù)據(jù)源那塊找到

其余的代碼因為涉及到具體的編程知識,你直接復(fù)用就可以,感興趣的同學(xué)可以學(xué)習(xí)一下javascript,了解了語法之后就可以讀的懂

寫好之后點擊按鈕,發(fā)現(xiàn)有兩條數(shù)據(jù)已經(jīng)寫入數(shù)據(jù)庫了

但是有個問題是出生日期沒有正確的讀出來,入庫的日期都是1970-01-01。如果有解決辦法的小伙伴可以評論區(qū)留言,也方便大家學(xué)習(xí)。

3 最終的代碼

export default async function ({ event, data }) {
  console.log(event, data)
  const bookID = "DWkxMSFlkU1l2YkRo";
  const { sheetData } = await app.cloud.callConnector({
    name: 'txwd_jnegl1q', 
    methodName: 'getSheets', 
    params: {
      bookID,
    },
  });
  console.log(sheetData)
  let sheetID = sheetData[0].sheetID
  let rowCount = sheetData[0].rowCount
  let columnCount = sheetData[0].columnCount
  console.log(sheetID, rowCount, columnCount)
  const { rows } = await app.cloud.callConnector({
    name: 'txwd_jnegl1q', 
    methodName: 'getRows', 
    params: {
      bookID,
      sheetID,
      rows: `2-${rowCount}` 
    },
  });
  console.log(rows)
  const newRecords = [];
  const columns = "xm|xb|csrq|lxdh"; 

  
  for(let r = 0; r < rowCount - 1; r++) {
    const { textValues } = rows[r];
    const inputParams = {};
    const cols = columns.split('|');
    cols.forEach((c, i) => {
      inputParams[c] = textValues[i];
    });

    newRecords.push(inputParams);
  }


  await app.cloud.callModel({
    name: 'txwdsjy_q6rop6n', 
    methodName: 'wedaBatchCreate', 
    params: {
      records: newRecords,
    },
  });
}

4 總結(jié)

我們本篇詳細的介紹了低代碼中如何解析騰訊文檔的數(shù)據(jù),如何批量入庫。雖然現(xiàn)在低碼中還沒有批量導(dǎo)入的功能,但是我們通過騰訊文檔也是可以做到的,如果學(xué)會了趕緊照著做一下吧。

到此這篇關(guān)于小程序中實現(xiàn)excel數(shù)據(jù)的批量導(dǎo)入的示例代碼的文章就介紹到這了,更多相關(guān)小程序 excel批量導(dǎo)入內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • javascript日期對象格式化為字符串的實現(xiàn)方法

    javascript日期對象格式化為字符串的實現(xiàn)方法

    本篇文章主要是對javascript日期對象格式化為字符串的實現(xiàn)方法進行了詳細的介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01
  • javascript數(shù)組去重的方法匯總

    javascript數(shù)組去重的方法匯總

    數(shù)組去重復(fù)是一個常見的需求,我們暫時考慮同類型的數(shù)組去重復(fù)。主要是理清思路和考慮下性能。以下方法,網(wǎng)上基本都有,這里只是簡單地總結(jié)一下分享給大家。
    2015-04-04
  • 利用JS+Canvas給南方的冬季來一場紛紛揚揚的大雪

    利用JS+Canvas給南方的冬季來一場紛紛揚揚的大雪

    現(xiàn)在冬天下雪已經(jīng)是很常見的事情了,為了應(yīng)景,我們可以為我們的網(wǎng)站增加雪花飄落的效果,這個應(yīng)該還是很不錯的,下面這篇文章主要給大家介紹了關(guān)于利用JS+Canvas給南方的冬季來一場紛紛揚揚的大雪,需要的朋友可以參考下
    2022-12-12
  • JSONP 的原理、理解 與 實例分析

    JSONP 的原理、理解 與 實例分析

    這篇文章主要介紹了JSONP 的原理、理解與實例,結(jié)合實例形式分析了JSONP 的基本概念、原理、理解與使用技巧,需要的朋友可以參考下
    2020-05-05
  • 淺談Javascript中的Function與Object

    淺談Javascript中的Function與Object

    這篇文章主要簡單介紹了Javascript中的Function與Object的關(guān)系,并附上示例分析,對于我們更好的理解Javascript中的Function與Object的關(guān)系很有幫助,有需要的小伙伴參考下。
    2015-01-01
  • js模擬實現(xiàn)Array的sort方法

    js模擬實現(xiàn)Array的sort方法

    JavaScript的Array對象有一個sort方法,用于實現(xiàn)對數(shù)組元素的排序,該方法默認按照數(shù)組項ASCII 字符順序升序排列。這篇文章重點給大家介紹js模擬實現(xiàn)Array的sort方法,一起看看吧
    2007-12-12
  • js幾個不錯的函數(shù) $$()

    js幾個不錯的函數(shù) $$()

    js幾個不錯的函數(shù) $$()...
    2006-10-10
  • 基于Cookie常用操作以及屬性介紹

    基于Cookie常用操作以及屬性介紹

    下面小編就為大家?guī)硪黄贑ookie常用操作以及屬性介紹。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • Js點擊彈出下拉菜單效果實例

    Js點擊彈出下拉菜單效果實例

    本文章來給各位同學(xué)介紹一款不錯的Js點擊彈出下拉菜單效果代碼,這種效果有點像支付寶的下拉菜單,有需要了解的朋友可參考。
    2013-08-08
  • vue路由權(quán)限校驗功能的實現(xiàn)代碼

    vue路由權(quán)限校驗功能的實現(xiàn)代碼

    這篇文章主要介紹了vue路由權(quán)限校驗功能的實現(xiàn)代碼,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-06-06

最新評論

岳阳县| 孟津县| 莱西市| 河西区| 东明县| 都安| 罗江县| 特克斯县| 和硕县| 兴和县| 河东区| 通州区| 游戏| 巴林右旗| 九江市| 马鞍山市| 贺州市| 格尔木市| 宁武县| 河间市| 彭水| 瓮安县| 红河县| 兴文县| 汝州市| 苏尼特左旗| 北安市| 顺平县| 安新县| 宣汉县| 赤城县| 内江市| 承德县| 盱眙县| 碌曲县| 桐乡市| 平果县| 玉环县| 延边| 嵊泗县| 徐闻县|