แจกระบบ Student Management พัฒนาด้วยภาษา PHP MySQL สามารถเอาไปต่อยอดได้
แจกให้ศึกษาและพัฒนาต่อยอดเท่านั้น ห้ามนำไปใช้งานจริง !!
ขาย Source Code พร้อมใช้งาน นำไปต่อยอดได้ทันที
ดูสินค้าทั้งหมด ได้ที่ : https://devbanban.com/?p=4425
ซื้อแล้วปรึกษาได้ตลอด
สนใจติดต่อ inbox ที่แฟนเพจ
☎️ โทร: 094-861-6709
Line OA : https://lin.ee/v8VwivgC
- รวมคลิปสอน PHP PDO MySQL (ฟรีคอร์ส) เข้าเรียน คลิก
- รวมคลิปสอน Laravel v.12 (ฟรีคอร์ส) เข้าเรียน คลิก
- รวมคลิปสอน Next.js (ฟรีคอร์ส) เข้าเรียน คลิก
1. เทคโนโลยีที่ใช้
- PHP PDO + MySQL (XAMPP)
- Bootstrap 5.3 สำหรับหน้าจอ
- AJAX สำหรับเพิ่ม แก้ไข และลบข้อมูลโดยไม่ต้องโหลดหน้าใหม่
- SweetAlert2 สำหรับแจ้งเตือนและยืนยันก่อนลบ
2. หน้าจอหลัก
| หน้าจอ | รายละเอียด |
|---|---|
index.php |
Dashboard |
students.php |
รายชื่อนักเรียนและช่องค้นหา |
| Modal เพิ่มนักเรียน | ฟอร์มเพิ่มข้อมูลแบบป๊อปอัป |
| Modal แก้ไขนักเรียน | ฟอร์มแก้ไขข้อมูลแบบป๊อปอัป |
3. ฟังก์ชันหลัก
- Dashboard:
- จำนวนนักเรียนทั้งหมด
- จำนวนนักเรียนแยกตามเพศ
- จำนวนนักเรียนแยกตามชั้นเรียน (Grade 7–12)
- นักเรียนที่เพิ่มล่าสุด 8 คน
- ค้นหา: ค้นได้จากรหัสนักเรียน ชื่อ นามสกุล อีเมล หรือชั้นเรียน
- จัดการข้อมูล: เพิ่ม แก้ไข และลบ (มีหน้าต่างยืนยันก่อนลบ)
- ตรวจข้อมูลซ้ำแบบ real-time: เช็กรหัสนักเรียนและอีเมลทันทีที่กรอก
4. ข้อมูลนักเรียน (ตาราง students)
| ฟิลด์ | ชนิดข้อมูล | หมายเหตุ |
|---|---|---|
| id | INT | PK, Auto Increment |
| student_code | VARCHAR(20) | UNIQUE |
| first_name / last_name | VARCHAR(80) | |
| VARCHAR(160) | UNIQUE | |
| phone | VARCHAR(30) | |
| sex | ENUM(‘Male’,’Female’) | |
| grade | VARCHAR(20) | Grade 7–12 |
| date_of_birth | DATE | |
| address | VARCHAR(255) | |
| created_at | TIMESTAMP | ค่าเริ่มต้นเป็นเวลาปัจจุบัน |
5. กฎการตรวจสอบข้อมูล
- ต้องกรอกครบทุกช่อง
- รหัสนักเรียนห้ามซ้ำ และต้องเป็น A-Z, 0-9 หรือ
-ยาว 3–20 ตัวอักษร - อีเมลห้ามซ้ำ และต้องอยู่ในรูปแบบที่ถูกต้อง
- เบอร์โทรศัพท์ต้องเป็นตัวเลข 10 หลัก
- วันเกิดต้องไม่เป็นวันในอนาคต
- ชื่อและนามสกุลยาว 2–80 ตัวอักษร
- ที่อยู่ยาว 5–255 ตัวอักษร
6. ฐานข้อมูลและไฟล์
- ฐานข้อมูลชื่อ
student_managementใช้setup.phpสร้างฐานข้อมูลและตาราง พร้อมข้อมูลตัวอย่าง 100 รายการ - ไฟล์ในระบบ:
config.phpตั้งค่าการเชื่อมต่อฐานข้อมูลและฟังก์ชันช่วยstudent_form.phpบันทึกการเพิ่มและแก้ไขdelete_student.phpลบข้อมูลcheck_student_duplicate.phpตรวจข้อมูลซ้ำheader.php/footer.phpส่วนหัวและส่วนท้ายของเว็บ
ภาพประกอบระบบ
Screenshot
Screenshot
Screenshot
สามารถเอาไปต่อยอดด้วย AI ได้ เช่น Cluade – Cowork , GTP – Codex
วิธีติดตั้งระบบ Student Management บน XAMPP (Windows)
1. ติดตั้ง XAMPP
- ดาวน์โหลด XAMPP จาก https://www.apachefriends.org โดยเลือกเวอร์ชันที่มี PHP 8.0 ขึ้นไป เพราะโค้ดใช้ฟังก์ชัน
str_contains()ที่ต้องใช้ PHP 8 - ติดตั้งไว้ที่
C:\xamppซึ่งเป็นค่าเริ่มต้น
2. เปิด Apache และ MySQL
- เปิด XAMPP Control Panel
- กด Start ที่ Apache และ MySQL จนทั้งสองขึ้นสถานะสีเขียว
3. คัดลอกไฟล์โปรเจกต์
คัดลอกโฟลเดอร์ std-management ทั้งโฟลเดอร์ไปไว้ที่:
|
1 |
C:\xampp\htdocs\std-management |
4. สร้างฐานข้อมูล (เลือกวิธีใดวิธีหนึ่ง)
วิธี A (แนะนำ): ผ่านเบราว์เซอร์
เปิด http://localhost/std-management/setup.php
ระบบจะสร้างฐานข้อมูล student_management ตาราง students และใส่ข้อมูลตัวอย่าง 100 รายการให้อัตโนมัติ
วิธี B: ผ่าน Command Prompt
|
1 2 |
cd C:\xampp\htdocs\std-management C:\xampp\php\php.exe setup.php |
วิธี C: ผ่าน phpMyAdmin
- เปิด http://localhost/phpmyadmin
- ไปที่แท็บ Import เลือกไฟล์
database.sqlแล้วกด Go - วิธีนี้ได้แค่ตารางเปล่า ถ้าต้องการข้อมูลตัวอย่าง ให้รัน
setup.phpเพิ่มอีกครั้ง
5. เข้าใช้งานระบบ
เปิด http://localhost/std-management/index.php
ตั้งค่าการเชื่อมต่อฐานข้อมูล
ค่าเริ่มต้นอยู่ใน config.php ซึ่งตรงกับค่ามาตรฐานของ XAMPP ปกติจึงไม่ต้องแก้:
|
1 2 3 4 |
$dbHost = '127.0.0.1'; $dbName = 'student_management'; $dbUser = 'root'; $dbPass = ''; // ถ้าตั้งรหัส root ไว้ ให้ใส่ตรงนี้ |
ปล.ให้สอนติดตั้งบน Pc , Notebook ด้วยโปรแกรม XAMPP คิด 299 บาท (ไม่อยากเสียเงินลองทำเองดูก่อนนะครับ)
inbox มาที่แฟนเพจ https://www.facebook.com/sornwebsites/
Code: Download !!
ร่วมสนับสนุน ค่ากาแฟ ค่าโฮส devbanban.com ได้ที่
ธนาคารกรุงไทย
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 878-0-17747-6
————————————————————————————
ธนาคารไทยพาณิชย์
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 406-359094-1
————————————————————————————
ธนาคารกสิกร
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 048-1-17571-2
fanpage : https://www.facebook.com/sornwebsites/