0. 作品介紹

作者 許憲明 民富國小

讓老師輸入學生各科成績,學生座號下拉後,就可以直接顯示學生姓名,學生成績以EXCEL檔呈現


25 2 0
成績
封面圖 封面

1. AI 提示詞

把這段指令貼給 AI，讓它幫你生成程式碼。

我想要建立一個 【學生成績輸入系統】

幫我用Google 試算表建立 【學生資料庫】

我希望有些資料我可以直接在試算表更改首頁可以直接呈現

需求說明 【學生座號、學生姓名、科目、單元、分數,學生座號以下拉選單選擇,不要輸入,選擇座號後,直接帶入學生姓名,科目以下拉選單選擇,不要輸入】

要把它變成程式碼我要發佈

請完整敘述操作步驟 越詳細越好

作業環境

Google試算表

Google Apps Script

我看不懂程式碼，請給我後端gs完整程式碼、前端index完整程式碼

前端程式碼 (Index.html) 畫面用可愛風格,欄位格式放大2倍,讓字體完整呈現

2. 資料表規則

請照下面規則建立分頁與欄位。

第1分頁： 資料庫 A 欄： 時間戳記 B 欄： 座號 C 欄： 姓名 D 欄： 科目 E 欄： 單元 F 欄： 分數 第2分頁： 設定 A 欄： 座號 B 欄： 姓名 C 欄： 科目清單

📄 解析結果（自動表格）

分頁：資料庫
A 欄 B 欄 C 欄 D 欄 E 欄 F 欄
時間戳記 座號 姓名 科目 單元 分數
分頁：設定
A 欄 B 欄 C 欄
座號 姓名 科目清單

3. 開啟 Apps Script

從試算表開 Apps Script，才能直接用 SpreadsheetApp 讀寫資料。

  1. 試算表上方選單：擴充功能 → Apps Script
  2. 刪掉預設的程式碼（或全部選取覆蓋）
  3. 保留/建立檔案：
    • Code.gs
    • index.html

4. 貼上後端（Code.gs）

把後端程式貼到 Apps Script 的 Code.gs。

Code.gs（後端）
A
貼到 Apps Script 的 Code.gs 檔案

5. 貼上前端（index.html）

把前端程式貼到 Apps Script 的 index.html。

index.html（前端）
B
貼到 Apps Script 的 index.html 檔案

6. 部署

部署成 Web App 後，就會拿到可分享網址。

  1. Apps Script 右上：部署 → 新部署
  2. 類型選：Web app
  3. 執行身分：你
  4. 存取權限：任何人
  5. 完成後複製網址

💬 評論區

老師們的交流與提問

載入評論中...