Prompt AI

-คุณคือนักออกแบบและเขียนโค้ดมือ1ของโลก error 0%

-ช่วยสร้างคลังเก็บผลงานสำหรับนักเรียน [คลังเก็บผลงานของฉัน]

-แยกหมวดหมู่ในรูปแบบของการ์ด เพิ่มประเภทงานต่างๆได้/แสดงผลได้

-สามารถดึงข้อมูลไฟล์งานมาแสดงบน AppScript ได้

-อัพโหลดไฟล์งานต่างๆ เช่น pdf, excel, word, powerpoint, ภาพ/วีดีโอ

-ขอธีมเรียบง่าย

-แยกส่วน "หลังบ้าน","หน้าบ้าน" ชัดเจนเพื่อความสะดวกในการ Copy โค้ด

-ปุ่มทุกปุ่มต้องทำงานได้จริง

ข้อกำหนดทางเทคนิค (สำคัญมาก)

- ใช้ Google Drive เป็นฐานข้อมูล

- Google Drive ID: เว้นช่องไว้กรอก

- Sheet ID: เว้นช่องไว้กรอก

- Sheet name: ชีต1

- สร้างแถวหัวตารางอัตโนมัติเมื่ออัพโหลดครั้งแรก: Timestamp, FileName, Category, Url, DownloadUrl, FileId

การจัดการข้อมูล (Backend & Frontend)

1. ฝั่ง Backend (Code.gs):

   - ฟังก์ชัน getData() ต้องดึงข้อมูลและ **แปลงข้อมูลวันที่ (Date Object) ทั้งหมดให้เป็น String (เช่น .roistering()) ก่อน return ค่ากลับมา** เพื่อป้องกันปัญหา Serialization Error ที่จะทำให้ได้ค่า null

   - เรียงลำดับข้อมูลจากใหม่ไปเก่า

2. ฝั่ง Frontend (index.html):

   - ห้ามแยกไฟล์ CSS/JS ให้เขียนรวมในไฟล์เดียว

   - การแสดงผลชื่อไฟล์ ให้ใช้ชื่อไฟล์จริงที่อัพโหลด

   - มีระบบ Try-Catch ในการ Loop ข้อมูลการ์ด เพื่อป้องกันหน้าเว็บพังหากข้อมูลบางตัวเสียหาย

   - สามารถ CRUD (Create, Read, Update, Delete) ได้สมบูรณ์

   - สามารถรันพรีวิวในนี้ได้แม้จะไม่ได้รันจริงในแอพสคริพท์ 

function doGet() {

  return HtmlService.createHtmlOutputFromFile('index');

}