E-SARABAN SCHOOL

เจ้าของผลงานเล่าไว้แบบนี้

https://sarabun-d3ba6.web.app # E-SARABAN SCHOOL ระบบ E-สารบรรณโรงเรียนแบบ HTML + JavaScript + Firebase สำหรับโรงเรียนชุมชนบ้านหนองผึ้ง (ประพันธ์คุรุราษฎร์อุทิศ) รองรับผู้ใช้งานทั่วไปแบบไม่ต้อง Login และพร้อมเชื่อม Firebase Authentication, Firestore, Storage, Hosting ## โครงสร้างไฟล์ ```text /index.html /css/style.css /js/firebase-config.js /js/auth.js /js/app.js /js/documents.js /js/numbering.js /js/render.js /js/export.js /fonts/TorsilpLamun.woff2 /README.md ``` ระบบใช้ฟอนต์ `Itim` เป็นฟอนต์หลักผ่าน Google Fonts และมีฟอนต์ `TorsilpLamun.woff2` เป็น fallback เมื่อเปิดแบบ offline ## วิธีใช้งานหน้าแรก เปิด `index.html` ได้โดยตรง หรือเปิดผ่าน local server แล้วเลือก - `ใช้งานทั่วไป`: เข้าระบบได้ทันที ลงทะเบียนเลขเอกสารและสร้างเอกสารได้ แต่แก้ไข/ลบ/ตั้งค่าระบบไม่ได้ - `Admin`: เข้าสู่ระบบด้วยรหัสผู้ดูแล เพื่อแก้ไข ลบ และตั้งค่าระบบ ข้อมูลแบบไม่ต่อ Firebase จะเก็บใน `localStorage` ของ browser เครื่องนั้น ## วิธีรันในเครื่อง สามารถดับเบิลคลิก `index.html` เพื่อใช้ Demo Mode ได้ทันที หากต้องการทดสอบ Firebase จริง แนะนำให้เปิดผ่าน server static เช่น Firebase Hosting Emulator หรือ VS Code Live Server ตัวอย่างด้วย Firebase CLI: ```bash firebase serve ``` หรือวางไฟล์ขึ้น Firebase Hosting ได้โดยตรง เพราะเป็นเว็บ static ## การตั้งค่า Firebase เปิดไฟล์ `js/firebase-config.js` แล้วใส่ค่าจริงจาก Firebase Console ```js export const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_PROJECT.firebaseapp.com", projectId: "YOUR_PROJECT", storageBucket: "YOUR_PROJECT.appspot.com", messagingS

โดย nattakit2540-ops · ดูโพสต์ต้นทาง