97 lines
5.2 KiB
Markdown
97 lines
5.2 KiB
Markdown
# 🌐 OpenGIS
|
|
|
|
[](#license)
|
|
|
|
> ระบบภูมิสารสนเทศ OpenGIS ที่มี CMS สำหรับให้จัดการข้อมูลโดยผู้ใช้งานได้ ✨
|
|
---
|
|
|
|
## 🚀 Features
|
|
|
|
- ✅ จัดการข้อมูลที่ต้องการได้ (CRUD)
|
|
- 🌞🌙 ปุ่มสลับธีม Light/Dark
|
|
- 📋 ตารางข้อมูลพร้อมปุ่ม Update และ Delete
|
|
- 🔒 Modal ยืนยันการลบข้อมูล
|
|
- 💅 ใช้ TailwindCSS และ DaisyUI สำหรับ UI ที่ดูดี
|
|
- ⚠️ หมายเหตุ: อยู่ระหว่างการพัฒนา โค้ดปัจจุบันยังไม่ใช่รูปแบบการทำงานจริงทั้งหมด
|
|
---
|
|
|
|
## 🌟 แผนการพัฒนาในอนาคต
|
|
|
|
- 📈 เพิ่มฟีเจอร์แผนที่ (Map)
|
|
- 🌐 รองรับหลายภาษาเพื่อการใช้งานที่หลากหลาย
|
|
- 📱 พัฒนาแอปพลิเคชันมือถือสำหรับการเข้าถึงที่สะดวกขึ้น
|
|
- 🔍 ปรับปรุงระบบค้นหาให้มีประสิทธิภาพมากขึ้น
|
|
- 🛡️ เพิ่มระบบความปลอดภัยขั้นสูงเพื่อปกป้องข้อมูลผู้ใช้
|
|
- 🤖 ใช้ AI และ Machine Learning เพื่อเพิ่มประสิทธิภาพการทำงาน
|
|
- 📊 เพิ่มการแสดงผลข้อมูลแบบกราฟิกและแดชบอร์ด
|
|
- 🛠️ ปรับปรุง UI/UX ให้ใช้งานง่ายและสวยงามยิ่งขึ้น
|
|
- 🚀 เพิ่มการรองรับการทำงานร่วมกับระบบอื่น ๆ ผ่าน API
|
|
- 💬 เพิ่มระบบแชทบอทเพื่อช่วยเหลือผู้ใช้แบบเรียลไทม์
|
|
- 📋 ตารางแสดงข้อมูลอื่น ๆ พร้อมปุ่ม Update และ Delete
|
|
|
|
---
|
|
|
|
## 🧪 Tech Stack
|
|
|
|
| Technology | Description |
|
|
|----------------|------------------------------------|
|
|
| ⚛️ React | Frontend JavaScript Framework |
|
|
| 💨 TailwindCSS | Utility-first CSS Framework |
|
|
| 🖌️ DaisyUI | Component UI บนพื้นฐาน Tailwind |
|
|
| 🧠 Spring Boot | เฟรมเวิร์กที่ช่วยให้การพัฒนาแอปพลิเคชัน Java |
|
|
⚠️ หมายเหตุ: อยู่ระหว่างการพัฒนา จะมีการเพิ่ม Technology อื่น ๆ ในอนาคต
|
|
|
|
---
|
|
|
|
## 🛠️ Development
|
|
|
|
แนะนำให้ใช้ IDE เช่น IntelliJ IDEA หรือ VS Code เป็นต้น ในการพัฒนา
|
|
|
|
### 1. ขั้นตอนสำหรับการพัฒนา Frontend และ Employee Service บน Local
|
|
|
|
หากต้องการพัฒนา Frontend และ Employee Service แบบ local dev ไม่ต้องใช้ Docker ก็สามารถทำได้ตามขั้นตอนข้างล่าง
|
|
- ไฟล์ employee.js กำหนด BASE_URL เป็น "http://localhost:8080/api/employees"
|
|
- ไฟล์ application.yml กำหนด datasource url เป็น jdbc:postgresql://localhost:5432/employee_service
|
|
- ไฟล์ EmployeeController.java กำหนด @CrossOrigin("http://localhost:5174")
|
|
- รัน Docker Compose เฉพาะ Service ที่จำเป็น
|
|
|
|
``` bash
|
|
docker compose up -d postgres pgadmin
|
|
```
|
|
|
|
- รัน Employee Service
|
|
- รัน Frontend
|
|
|
|
``` bash
|
|
npm install
|
|
npm run dev
|
|
```
|
|
|
|
จากนั้นสามารถเข้าใช้งานที่
|
|
|
|
- Frontend: http://localhost:5174
|
|
|
|
- Backend (Employee Service): http://localhost:8080/api/employees
|
|
|
|
- PGAdmin: http://localhost:8180/
|
|
|
|
### 2. การทดสอบระบบแบบรวม (Frontend + Backend) ด้วย Docker Compose
|
|
|
|
- ไฟล์ employee.js กำหนด BASE_URL เป็น "/api/employees"
|
|
- ไฟล์ application.yml กำหนด datasource url เป็น jdbc:postgresql://ms_pg_sql:5432/employee_service
|
|
- ไฟล์ EmployeeController.java กำหนด @CrossOrigin("http://localhost")
|
|
- ใช้คำสั่งเดียวเพื่อรันทั้งระบบผ่าน Docker Compose
|
|
|
|
``` bash
|
|
docker compose up -d
|
|
```
|
|
จากนั้นสามารถเข้าใช้งานที่
|
|
|
|
- Frontend: http://localhost
|
|
|
|
- Backend (Employee Service): http://localhost/api/employees
|
|
|
|
---
|
|
|
|
## 🤝 Contributing
|
|
หากมีคำแนะนำหรือข้อเสนอแนะ ติดต่อที่ admin@softwarecraft.tech |