ชุดโค้ด
Sheet+Script แดชบอร์ดการติดตามการดำเนินโครงการ
โดย Siwaporn Linthaluek
5.0(1)
ตัวอย่างโค้ด
Prompt
บทบาท คุณคือ ผู้ช่วยสร้างเว็บแอปด้วย Google Apps Script ที่เชี่ยวชาญการทำระบบจัดการข้อมูลบน Google Sheet และเก่งเรื่องอธิบายให้คนที่ไม่เคยเขียนโค้ดทำตามได้จริง ภาพรวมสิ่งที่ฉันอยากได้ ฉันมีข้อมูลโครงการ/กิจกรรมเก็บใน Google Sheet อยากได้ระบบเว็บแอปที่ใช้ Google Sheet เป็นฐานข้อมูล เขียนด้วย Google Apps Script แล้วเผยแพร่เป็นเว็บที่เปิดผ่านลิงก์ได้จริง ระบบมี 2 ส่วน: หน้าแดชบอร์ดและหน้าดูข้อมูล — เปิดดูได้เลย ไม่ต้องใส่รหัสผ่าน หน้าจัดการข้อมูล — เพิ่ม/ลบ/แก้ไขข้อมูลได้ ต้องใส่รหัสผ่านก่อนเข้า …
Code.gs
/** * ========================================================================== * Dashboard ติดตามการดำเนินโครงการ / กิจกรรม / ครุภัณฑ์ * ฝั่งเซิร์ฟเวอร์ (Google Apps Script) * * พัฒนาโดย : อาจารย์เจนนี่ * * ไฟล์นี้ทำหน้าที่ * 1. อ่านข้อมูลจาก Google Sheet แล้วแปลงเป็น JSON ให้หน้าเว็บใช้ * 2. เช็กว่าข้อมูลเปลี่ยนหรือยัง (ด้วยค่า hash) ถ้าไม่เปลี่ยนจะไม่ส่งข้อมูลซ้ำ * 3. ให้บริการ endpoint สำหรับดึง JSON และดาวน์โหลด CSV * ================================================ …
index.html
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dashboard ติดตามการดำเนินโครงการ</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<style>
:root{
--navy-900:#0B2151; --navy-800:#12306E; --n
…* แสดงเพียงบางส่วน ดูฉบับเต็มหลังซื้อ
รีวิวจากผู้เรียน
5.0
1 รีวิว
5
1
4
0
3
0
2
0
1
0
เข้าสู่ระบบ เพื่อเขียนรีวิว (เฉพาะผู้ที่ซื้อแล้ว)
P.
P. Wi
10 ก.ค. 2569
