สวัสดีครับ ในบทความนี้จะแจกฟอร์มคิดค่าเช่า สำหรับเอาไปทำระบบจัดการหอพักครับ ออกแบบโดยใช้ bootstrap5.2 ให้เอาไปศึกษาและพัฒนาต่อยอดครับ
ขอแนะนำระบบพร้อมใช้ ราคาถูก ได้ Code + Database ทั้งหมด
1.เว็บอีคอมเมิร์ช คลิก
2.เว็บ FOOD POS ขายอาหารหน้าร้าน คลิก
3.เว็บ Coffee POS ขายกาแฟหน้าร้าน คลิก
4.หลังบ้านระบบอีคอมเมิร์ช คลิก
5.เว็บบริษัท / เว็บองค์กร คลิก
6.ระบบหอพัก โปรแกรมหอพัก คลิก
7.ระบบยืมคืน เบิกจ่ายพัสดุ ครุภัณฑ์ คลิก
8.ระบบแจ้งซ่อมสำหรับองค์กร คลิก
9.ระบบกระเป๋าตังค์ คลิก
10.ระบบฐานข้อมูลวิจัย คลังข้อมูลวิจัย ฐานข้อมูลวิทยานิพนธ์ Research Corpus คลิก
11.ระบบอื่นๆ เพิ่มเติม คลิก
ขอแนะนำระบบบริหารจัดการหอพัก, อพาร์ทเม้นท์ ออนไลน์, โปรแกรมจัดการหอพัก PHP MySQL Bootstrap5
ขอบเขตระบบ *รองรับ PHP7
*เจ้าของหอพัก/แอดมิน
– จัดการข้อมูลเจ้าของหอพัก/แอดมิน (เพิ่ม ลบ แก้ไข แก้รหัสผ่าน)
– จัดการข้อมูลประเภทห้องพัก (เพิ่ม ลบ แก้ไข)
– จัดการข้อมูลห้องพัก (เพิ่ม ลบ แก้ไข)
– จัดการข้อมูลเรทค่าน้ำ/ค่าไฟ (แก้ไข)
– จัดการข้อมูลจัดการข้อมูลผู้เช่า (เพิ่ม ลบ แก้ไข)
– จัดการข้อมูลการออกบิล/คิดค่าเช่า (เพิ่ม ลบ แก้ไข พิมพ์)
– บันทึกการชำระเงิน/จ่ายค่าเช่า
– ดูประวัติการชำระเงิน
– บันทึกข้อมูลการย้ายออก
– ดูประวัติผู้เข้าพัก
– ดูรายงานกราฟวงกลมแสดงเปอร์เซ็นการจ่ายเงิน/ค้างค่าเช่า
– ดูรายงานเป็นกราฟเส้นแสดงรายได้แยกเป็นรายเดือน
*ผู้ใช้ทั่วไป
– ดูข้อมูลห้องพัก ค่าเช่า รายละเอียด
อื่นๆ สามารถนำไปต่อยอดได้เต็มที่
*****************************************
ตารางที่เกี่ยวข้อง 7 ตาราง ได้แก่ : ตารางเก็บข้อมูลแอดมิน, ตารางเก็บข้อมูลประเภทห้องพัก, ตารางเก็บข้อมูลแกลเลอรี่ภาพห้องพัก, ตารางเก็บข้อมูลห้องพัก, ตารางเก็บข้อมูลเรทค่าน้ำ/ค่าไฟ, ตารางเก็บข้อมูลผู้เช่า, ตารางเก็บข้อมูลบิลค่าเช่า
demo : https://devbanban.com/app/apartment/
ค่าตัว 8,000 บาท (ได้ Code & Database ทั้งหมด)
สนใจ inbox มาที่ Fanpage : https://www.facebook.com/sornwebsites/
รวม Workshop ปรับพื้นฐาน ภาษา PHP PDO MySQL : คลิก
คลิปแสดงการทำงาน
Full code สามารถ save เป็น .html แล้วรันได้เลยครับ เช่น form.html (รันบนเว็บบราวเซอร์)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous"> <title>ฟอร์มฟอร์มคิดค่าเช่า ระบบหอพัก ออกแบบจาก Bootstrap5.2 || devbanban.com 2022</title> </head> <body> <div class="container"> <div class="row"> <div class="col-md-12"> <br> <h3>ฟอร์มคิดค่าเช่า ออกแบบจาก Bootstrap5.2</h3> <form action="https://devbanban.com/?p=4361" method="post"> <div class="row g-3 align-items-center mb-3"> <div class="col-sm-2"> <label class="col-form-label">เลขห้อง</label> </div> <div class="col-sm-3"> <select name="ref_r_id" class="form-control" required readonly> <option value="1">101</option> </select> </div> </div> <div class="row g-3 align-items-center mb-3"> <div class="col-sm-2"> <label class="col-form-label">รอบบิล</label> </div> <div class="col-sm-3"> <select name="bill_month" class="form-control" required> <option value="">เลือกรอบบิล</option> <option value="มกราคม 2565">มกราคม 2565</option> <option value="กุมภาพันธ์ 2565">กุมภาพันธ์ 2565</option> <option value="มีนาคม 2565">มีนาคม 2565</option> <option value="เมษายน 2565">เมษายน 2565</option> <option value="พฤษภาคม 2565">พฤษภาคม 2565</option> <option value="มิถุนายน 2565">มิถุนายน 2565</option> <option value="กรกฏาคม 2565">กรกฏาคม 2565</option> <option value="สิงหาคม 2565">สิงหาคม 2565</option> <option value="กันยายน 2565">กันยายน 2565</option> <option value="ตุลาคม 2565">ตุลาคม 2565</option> <option value="พฤศจิกายน 2565">พฤศจิกายน 2565</option> <option value="ธันวาคม 2565">ธันวาคม 2565</option> </select> </div> </div> <div class="row g-3 align-items-center mb-3"> <div class="col-sm-2"> <label class="col-form-label">ค่าเช่า</label> </div> <div class="col-sm-2"> <input type="number" name="bill_room_price" required class="form-control" min="0" value="3000" readonly> </div> </div> <div class="row g-3 align-items-center mb-3"> <div class="col-sm-2"> <label class="col-form-label">ค่าน้ำ</label> </div> <div class="col-sm-2"> เลขมิเตอร์ครั้งนี้ <input type="number" name="bill_water_now" onkeyup="sum2();" required class="form-control" min="100009"> </div> <div class="col-sm-2"> ครั้งก่อน <input type="number" name="bill_water_before" required readonly class="form-control" min="0" value="100009"> </div> <div class="col-sm-2"> หน่วยที่ใช้ <input type="text" name="bill_water_meter" required readonly class="form-control" min="0"> </div> <div class="col-sm-2"> ราคา/หน่วย <input type="number" name="bill_water_rate" required readonly class="form-control" min="0" value="5"> </div> <div class="col-sm-2"> รวม(บาท) <input type="number" name="bill_water_total" required readonly class="form-control" min="0"> </div> </div> <div class="row g-3 align-items-center mb-3"> <div class="col-sm-2"> <label class="col-form-label">ค่าไฟ</label> </div> <div class="col-sm-2"> เลขมิเตอร์ครั้งนี้ <input type="number" name="bill_elec_now" required class="form-control" min="100010"> </div> <div class="col-sm-2"> ครั้งก่อน <input type="number" name="bill_elec_before" required readonly class="form-control" min="0" value="100010"> </div> <div class="col-sm-2"> หน่วยที่ใช้ <input type="number" name="bill_elec_meter" required readonly class="form-control" min="0"> </div> <div class="col-sm-2"> ราคา/หน่วย <input type="number" name="bill_elec_rate" required readonly class="form-control" min="0" value="12"> </div> <div class="col-sm-2"> รวม(บาท) <input type="number" name="bill_elec_total" required readonly class="form-control" min="0"> </div> </div> <div class="row g-3 align-items-center mb-3"> <div class="col-sm-2"> <label class="col-form-label">รวมทั้งสิ้น</label> </div> <div class="col-sm-3"> <input type="number" name="pay_total" required readonly class="form-control" placeholder="รวมทั้งสิ้น" min="0"> </div> </div> <div class="row g-3 align-items-center mb-3"> <div class="col-sm-2"> <label class="col-form-label"></label> </div> <div class="col-sm-4"> <button type="submit" class="btn btn-primary"> บันทึก</button> </div> </div> </form> </div> </div> </div> <footer> <p class="text-center">ฟอร์มฟอร์มคิดค่าเช่า ระบบหอพัก ออกแบบจาก Bootstrap5.2 || devbanban.com 2022</p> </footer> </body> </html> <!-- //ตัวอย่าง workshop ป้องกันบันทึกข้อมูลซ้ำ https://devbanban.com/?p=4221 //ขอแนะนำระบบพร้อมใช้ ราคาเบาๆ ซื้อแล้วได้ code ทั้งหมด เอาไปต่อยอดได้ //ระบบแจ้งซ่อม https://www.youtube.com/watch?v=bkYBKfFauB8 //ระบบจัดการหอพัก https://www.youtube.com/watch?v=O7Bh0BNCDz8 //ระบบสอบออนไลน์ https://www.youtube.com/watch?v=WOTLFEflkMk&t=125s --> |
—-
ร่วมสนับสนุน ค่ากาแฟ ค่าโฮส devbanban.com ได้ที่
ธนาคารกรุงไทย สาขาเดอะมอลล์ท่าพระ
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 878-0-17747-6
——————
ธนาคารไทยพาณิชย์ สาขามหาวิทยาลัยราชภัฏธนบุรี
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 406-359094-1
fanpage : https://www.facebook.com/sornwebsites/