【Google Sheets資料庫-2】指定Google試算表上的資料到網頁上
程式分享如下：
code.js
// 哪一個檔案要顯示資料
function doGet(e) {
var x = HtmlService.createTemplateFromFile("index");
var y = x.evaluate();
// 避免無法顯示，使用XFrame allow all
var z = y.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
...
【網知 EP9】將Google 試算表的資料顯示在網頁上
https://youtu.be/zzIY22dHqY8
code.gs程式
// 連結HTML檔案
function doGet(){
var x=HtmlService.createTemplateFromFile("Index");
var y= x.evaluate();
// 避免無法顯示在網際網路上
var z = y.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
return z;
}
// 抓試算表裡的資料
function getData(){
...
【Google Sheets變成資料庫- 1】上傳「表單」資料到Google 試算表
這個影片會介紹如何將網頁表單所輸入的資料，上傳到Google試算表
https://youtu.be/qxtgUKQMPFI
Code.gs
// 連結HTML檔案
function doGet(){
var html=HtmlService.createTemplateFromFile("form");
var check=html.evaluate();
var show =check.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
return show;
}
// 新增資料到試算表
function addData(rowData){
//抓時間
...
【Google Sheets資料庫- 5】尋搜引擎
https://youtu.be/OH51tMGJQFk
這篇文章分享搜尋引撆程式。
code.gs
// 連結HTML檔案
function doGet(){
var html=HtmlService.createTemplateFromFile("index");
var check=html.evaluate();
var show =check.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
return show;
}
/* PROCESS FORM */
function processForm(formObject){
var...
下載 ⬇️ 新增、讀取、更新、刪除 (CRUD) +DataTable 系統 – 整合前端與後端 (GAS)
新增、讀取、更新、刪除 (CRUD) + DataTable 系統 – 整合前端與後端 (GAS)
🙏謝謝您購買C w C 頻道新增、讀取、更新、刪除 (CRUD) +Data Table 系統 ，一次購買即可享有此產品不斷更新🙂。
系統設定
請先看以下的影片來瞭解如何下載此產品，並透過簡單「三步驟」的設定來發布在網路上使用：
https://youtu.be/Y2E6ovj1yuE
系統下載連結
✅CRUD + Data Table系統: 下載
系統功能說明V1整合DataTable 以及新增、讀取、更新、刪除 (CRUD)的超棒系統，並且用Google 試算表做為後端資料庫，讓使用者可以輕鬆管理使用這個系統。這個系統包含八大特點了：✅1. CRUD功能：系統支持資料的新增(Create)、讀取(Read)、更新(Update)和刪除(Delete)操作，使使用者能夠輕鬆管理資料。✅2....
登入／註冊系統簡易版 -整合前端與後端(GAS)
本文章說明如何使用ChatGPT來建立 －登入／註冊系統簡易版 －整合前端與後端(GAS)
影片：
https://youtu.be/e2r3mUa224o
程式分享
試算表建立，試算表名稱Sheet1
code.gs
//連結login.html檔
function doGet() {
return HtmlService.createHtmlOutputFromFile('login.html');
}
//驗證帳號、密碼
function loginUser(email, password) {
var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
var data = sheet.getDataRange().getValues();
for (var i...
下載 ⬇️ 登入／註冊系統完整版 -整合前端與後端(GAS)
登入／註冊系統 -整合前端與後端(GAS)
🙏謝謝您購買C w C 頻道登入/註冊系統，一次購買即可享有此產品不斷更新🙂。
系統設定
請先看以下的影片來瞭解如何下載此產品，並透過簡單「三步驟」的設定來發布在網路上使用：
https://youtu.be/f_Vak9v4Tng
系統下載連結
✅ 登入/註冊系統: 下載
系統功能說明V1這個Google Apps Script登入／註冊系統為您的網站提供了一個強大的身份驗證解決方案。這個系統能夠讓您輕鬆地在您的網站上實現使用者帳戶的管理和登入功能。這個系統包含了：✅1. 安全登入與註冊機制：系統透過Google Apps Script實現安全的登入與註冊功能，確保您的使用者數據得到保護，防止未授權訪問。✅2. 簡單易用：以直觀的方式實現登入和註冊，使用者只需輸入帳號和密碼即可完成登入，同時也能進行使用者帳戶的註冊管理。✅3. 忘記密碼：如果忘記密碼，可以輸入Email，確認資料裡有相同的email後，會寄出密碼的Email給會員。✅4. 自訂系統名稱：根據網站的名稱，使用者可以透過設定來更變系統名稱。✅5. 即時反饋：系統能夠提供即時的反饋訊息，如使用者名稱或密碼錯誤，註冊成功等，為使用者提供更好的使用體驗。✅6. 彈性擴展：基於Google Apps Script的系統，具有高度的擴展性，您可以根據需求擴展更多的功能和安全層。✅7. 登入後頁面：成功登入後，可以自行設計自己喜歡的內容，建立起完整的網站系統。無論您是在建立一個全新的網站還是需要更新現有網站的使用者身份驗證系統，這個Google Apps Script登入／註冊系統都能夠滿足您的需求，為您的網站提供穩健和可靠的使用者身份驗證解決方案。
有任何問題，隨時告知 cwcchannel@icloud.com
有任何問題，隨時告知 cwcchannel@icloud.com
有任何問題，隨時告知...
用GAS顯示Chart.JS
https://youtu.be/DG_7QzlTerU
Chart.js可以顯示圖表，很方便，如果能連接資料庫就更強大了，這個文章來說明如何將GAS用成資料庫，透過Chart.js來顯示長條圖、線圖以及圓餅圖。
Chart.js官網：https://www.chartjs.org/
範例：
Google Sheets 資料範例：
Code.js code
// 連結index
function doGet() {
var file = HtmlService.createTemplateFromFile('index');
var evaluate = file.evaluate().addMetaTag('viewport', 'width=device-width, initial-scale=1');
var html = evaluate.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
...
【Google Sheets變成資料庫- EP4】Google試算表變成超強表格DataTable，具有搜尋、分頁、顯示幾筆以及排序功能/
Code.gs 檔
function doGet() {
var html = HtmlService.createTemplateFromFile("DataTable");
var check = html.evaluate();
// 避免無法顯示，使用XFrame allow all
var display =...
把ChatGPT導入到你的網站－三步驟完成
https://youtu.be/_upFYj9yec8
ChatGPT功能強大，如果能夠導入到自己現有的網站，那會讓網站功能性更強，這個文章要來介紹三個驟，快速簡單的將ChatGPT加入到自己的網站裡。
三個步驟
一、申請ChatGPT API Key 二、建立Google 試算表三、取得URL，即可加入你的網站！
一、申請ChatGPT API Key
１、請先到這個網站申請ChatGPT API: https://platform.openai.com/account/api-keys (如果你會未有ChatGPT帳號，請先申請一個)
２、接下來會來到API key申請畫面，如下圖。請點選Create new secret key
３、請輸入API key 名稱，如下圖，自己任意取名，不取也可以。
４、完成後就可以拿到API Key，請複製下來，這個API key無法再從網站中取出，所以請務必儲存在自己找到的地方，未來如果忘記的話，必須重新申請(免費）.
附註：
ChatGPT API有三個月18美金的免費試用，超過之後將會根據你的使用量來收費。
二、建立Google 試算表
１、到Google Drive (鏈結)，使用你的Google帳號密碼登入，若沒有Google...