小程序中如何實現(xiàn)excel數(shù)據(jù)批量導(dǎo)入

本篇內(nèi)容介紹了“小程序中如何實現(xiàn)excel數(shù)據(jù)批量導(dǎo)入”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

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é)習過編程，往往容易犯的錯誤是自由發(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ù)習一下變量中我們是如何調(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é)習一下javascript，了解了語法之后就可以讀的懂

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

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

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,
    },
  });
}

“小程序中如何實現(xiàn)excel數(shù)據(jù)批量導(dǎo)入”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！