This commit is contained in:
parent
d176f00771
commit
7de40ae265
@ -4,18 +4,18 @@
|
|||||||
[](#license)
|
[](#license)
|
||||||
|
|
||||||
> Frontend สำหรับระบบ OpenGIS และแสดงผลแบบ Responsive ด้วย React + TailwindCSS ✨
|
> Frontend สำหรับระบบ OpenGIS และแสดงผลแบบ Responsive ด้วย React + TailwindCSS ✨
|
||||||
> ระบบนี้ถูก Deploy ไปที่: 🌍 **[https://opengis.softwarecraft.tech/](https://opengis.softwarecraft.tech/)**
|
> ระบบนี้จะถูก Deploy ไปที่: 🌍 **[https://opengis.softwarecraft.tech/](https://opengis.softwarecraft.tech/)**
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## 🚀 Features
|
## 🚀 Features
|
||||||
|
|
||||||
- ✅ จัดการข้อมูลที่ต้องการได้ (CRUD)
|
- ✅ จัดการข้อมูลที่ต้องการได้ (CRUD)
|
||||||
- 🌞🌙 ปุ่มสลับธีม Light/Dark พร้อม Animation
|
- 🌞🌙 ปุ่มสลับธีม Light/Dark พร้อม Animationร
|
||||||
- 📋 ตารางข้อมูลพร้อมปุ่ม Update และ Delete
|
- 📋 ตารางข้อมูลพร้อมปุ่ม Update และ Delete
|
||||||
- 🔒 Modal ยืนยันการลบข้อมูล
|
- 🔒 Modal ยืนยันการลบข้อมูล
|
||||||
- 💅 ใช้ TailwindCSS และ DaisyUI สำหรับ UI ที่ดูดี
|
- 💅 ใช้ TailwindCSS และ DaisyUI สำหรับ UI ที่ดูดี
|
||||||
- หมายเหตุ อยู่ระหว่างการพัฒนา ดังนั้น โค้ดปัจจุบันจะยังไม่ใช่รูปแบบการทำงานจริง ๆ ที่วางแผนไว้ครับ
|
- ⚠️ หมายเหตุ: อยู่ระหว่างการพัฒนา โค้ดปัจจุบันยังไม่ใช่รูปแบบการทำงานจริงทั้งหมด
|
||||||
---
|
---
|
||||||
|
|
||||||
## 🧪 Tech Stack
|
## 🧪 Tech Stack
|
||||||
@ -33,24 +33,46 @@
|
|||||||
|
|
||||||
## 🔗 Deployment
|
## 🔗 Deployment
|
||||||
|
|
||||||
ระบบนี้จะถูก Deploy อัตโนมัติไปยัง:
|
ระบบนี้จะถูก Deploy ไปยัง:
|
||||||
👉 **[https://opengis.softwarecraft.tech/](https://opengis.softwarecraft.tech/)**
|
👉 **[https://opengis.softwarecraft.tech/](https://opengis.softwarecraft.tech/)**
|
||||||
|
|
||||||
|
⚠️ หมายเหตุ: ระบบยังอยู่ในระหว่างการพัฒนา อาจมีการเปลี่ยนแปลงในอนาคต
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## 🛠️ Development
|
## 🛠️ Development
|
||||||
|
|
||||||
### 1. ติดตั้ง dependencies
|
### 1. ขั้นตอนสำหรับ Frontend
|
||||||
|
|
||||||
``` bash
|
``` bash
|
||||||
|
cd frontend
|
||||||
npm install
|
npm install
|
||||||
```
|
|
||||||
|
|
||||||
### 2. รันแบบ dev server
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
npm run dev
|
npm run dev
|
||||||
```
|
```
|
||||||
|
หากต้องการรันเฉพาะ frontend แบบ local dev ไม่ต้องใช้ Docker ก็สามารถทำได้ตามขั้นตอนข้างบน
|
||||||
|
|
||||||
|
### 2. ขั้นตอนสำหรับ Employee Service (Backend)
|
||||||
|
|
||||||
|
ต้องติดตั้ง JDK 21+ และ Maven
|
||||||
|
|
||||||
|
``` bash
|
||||||
|
cd employee-service
|
||||||
|
./mvnw spring-boot:run
|
||||||
|
```
|
||||||
|
แนะนำให้ใช้ IDE เช่น IntelliJ IDEA หรือ VS Code ในการพัฒนา
|
||||||
|
|
||||||
|
### 3. การทดสอบระบบแบบรวม (Frontend + Backend)
|
||||||
|
|
||||||
|
ใช้คำสั่งเดียวเพื่อรันทั้งระบบผ่าน Docker Compose
|
||||||
|
|
||||||
|
``` bash
|
||||||
|
docker compose up -d
|
||||||
|
```
|
||||||
|
จากนั้นสามารถเข้าใช้งานที่
|
||||||
|
|
||||||
|
- Frontend: http://localhost:5174 (หรือ port ที่ตั้งค่าไว้)
|
||||||
|
|
||||||
|
- Backend (Employee Service): http://localhost:8080 (หรือ port ตาม config)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Loading…
x
Reference in New Issue
Block a user