搜尋此網誌

2024年3月12日 星期二

查詢系統

輸入代碼:

2024年3月7日 星期四

好用的Google報名系統、如何使用外掛formranger製作表單預約系統、如何設計訂單查詢系統

利用Google表單製作一個報名系統,
主要特色
1:每個選項顯示目前已有多少人報名。
2:自訂人數額滿時,該選項即不再顯示。
3:所有名額都填滿時,表單自動關閉結束報名。

參考冠君老師的教學

蔡明和老師的教學

【Google表單教學】如何設計訂單查詢系統

CwC iphone提供
【Google Sheets變成資料庫- EP1】上傳「表單」資料到Google 試算表/How to upload data from Web Forms to Google Sheets

2024年3月6日 星期三

將Google 試算表中的資料顯示在網頁上,利用Google Apps Script,How to pull your data from Google Sheets to Web

 如何將Google Sheet中的資料顯示於網頁中?

依照「C w C 頻道 iPhone」的影片做就可以成功哦! 

https://youtu.be/zzIY22dHqY8?si=qLBAC8evMS5wVfGA

還有這個運用教學也很棒,「Papaya 電腦教室」

https://www.youtube.com/watch?v=fKTnjZfPVh4&t=510s 


程式碼如下:

程式碼.gs

//連結檔案
function doGet(){
  var x= HtmlService.createTemplateFromFile("Index.html");
  var y= x.evaluate();
  var z= y.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
  return z;
}
function getData(){
  var a= SpreadsheetApp.getActiveSpreadsheet();
  var b= a.getSheetByName("Sheet1");
  var c= b.getDataRange();
  return c.getValues();
}

Index.html程式碼

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">

    <style>
      table, td {
        border: 1px solid black;
        font-size:30px;
        padding: 8px;
      }

      </style>
  </head>
  <body>
    <? var data = getData(); ?>
   
    <table>
      <? for (var i=0; i<data.length; i++) { ?>
      <tr>
        <? for (var j=0; j<data[i].length; j++) { ?>
        <td>
          <?= data[i][j]; ?>
        </td>
      <? } ?>  
      </tr>
      <? } ?>
      </table>


  </body>
</html>