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>
訂閱：
文章 (Atom)