DEVTAI.COM

คอร์สเรียน สอนทำระบบแจ้งซ่อม Code ประกอบในการเรียน

คอร์สเรียน สอนทำระบบแจ้งซ่อม Code ประกอบในการเรียน

วัยวุฒิ ชุมเมืองปัก PHP
จำนวนคนเข้าดู: 2,022

workshop สอนทำระบบแจ้งซ่อม ขนาดเล็ก ด้วยภาษา php mysqli

  • workshop สอนทำระบบแจ้งซ่อม ขนาดเล็ก ด้วยภาษา php mysqli
    ในนี้จะเป็น code ประกอบในการสอนนะครับ
  • ในส่วนนี้จะเป็น code ตัวอย่างของจัดการข้อมูลช่าง

ระบบแจ้งซ่อม | V.1 สนับสนุนคอร์สเพียง 499

ไฟล์หน้าแสดงข้อมูล

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
  <?php
  include("condb.php"); // เชื่อมต่อฐานข้อมูล
  $query_worker = "SELECT * FROM tbl_login WHERE
order by user_id asc" or die ("Error:" . mysqli_error());
  $result = mysqli_query($con, $query_worker);
  echo $query_worker;
  exit();
  ?>
  <table id="example1" class="table table-bordered table-striped dataTable">
    <thead>
      <tr role="row" class="info">
        <th  tabindex="0" rowspan="1" colspan="1" style="width: 5%;">ลำดับ</th>
        <th  tabindex="0" rowspan="1" colspan="1" style="width: 15%;">username</th>
        <th  tabindex="0" rowspan="1" colspan="1" style="width: 15%;">ชื่อ-สกุล</th>
        <th  tabindex="0" rowspan="1" colspan="1" style="width: 20%;">อีเมล์-เบอร์โทร</th>
        <th  tabindex="0" rowspan="1" colspan="1" style="width: 10%;">สถานะ</th>
        <th  tabindex="0" rowspan="1" colspan="1" style="width: 5%;">แก้ไข</th>
        <th  tabindex="0" rowspan="1" colspan="1" style="width: 5%;">ลบ</th>
      </tr>
    </thead>
    <tbody>
       <?php foreach ($result as $row)  $i = 1;  { ?>
      <tr>
        <td>
         <?php echo $i++; ?>
        </td>
         <td>
         <?php echo $row['username']; ?>
        </td>
         <td>
         <?php echo $row['u_name'].' '.$row['u_lastname'] ?>
        </td>
         <td>
         <?php echo $row['u_email'].' |เบอร์.'.$row['u_tel'] ?>
        </td>
         <td>
         <?php echo $row['user_level']; ?>
        </td>
        <td>        
          <a class="btn btn-warning btn-flat btn-sm" href="worker.php?act=edit&user_id=<?php echo $row['user_id']; ?>">
           แก้ไข
          </a>
        </td>    
        <td>        
          <a class="btn btn-danger btn-flat btn-sm" href="worker_del.php?user_id=<?= $row['user_id'];?>"
            onclick="return confirm('ยืนยันการลบข้อมูล !!');">
           ลบ
          </a>
        </td>  
         <?php } ?>  
      </tr>
    </tbody>
  </table>

ไฟล์ Script Modal

1
2
3
4
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.1/dist/jquery.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>

ไฟล์เพิ่มข้อมูลช่าง

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
<p><button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#myModal"> +เพิ่มข้อมูล</button>
  <div class="modal fade" id="myModal">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <form action="asdasd.php" method="post" accept-charset="utf-8">
          <!-- Modal Header -->
          <div class="modal-header">
            <h4 class="modal-title">เพิ่มข้อมูล|จัดการข้อมูลช่าง </h4>
            <button type="button" class="close" data-dismiss="modal">&times;</button>
          </div>
          <!-- Modal body -->
          <div class="container">
            <div class="row">
              <div class="form-group col-md-6">
                <label for="recipient-name" class="col-form-label">Username:</label>
                <input type="text" class="form-control" required>
              </div>
              <div class="form-group col-md-6">
                <label for="recipient-name" class="col-form-label">Password:</label>
                <input type="text" class="form-control" required>
              </div>
            </div>
            <div class="row">
              <div class="form-group col-md-6">
                <label for="recipient-name" class="col-form-label">ชื่อ:</label>
                <input type="text" class="form-control" required>
              </div>
              <div class="form-group col-md-6">
                <label for="recipient-name" class="col-form-label">นามสกุล:</label>
                <input type="text" class="form-control" required>
              </div>
            </div>
            <div class="row">
              <div class="form-group col-md-6">
                <label for="recipient-name" class="col-form-label">เบอร์โทร:</label>
                <input type="text" class="form-control" required>
              </div>
              <div class="form-group col-md-6">
                <label for="recipient-name" class="col-form-label">อีเมล์:</label>
                <input type="email" class="form-control" required>
              </div>
            </div>
            <div class="row">
              <div class="form-group col-md-6">
                <label for="recipient-name" class="col-form-label">สถานะ:</label>
                <select name="m_level" class="form-control" required disabled>
                  <option value="worker">-worker-</option>
                </select>
              </div>
              
            </div>
          </div>
          <!-- Modal footer -->
          <div class="modal-footer">
            <button type="submit" class="btn btn-success">บันทึก</button>
            <button type="button" class="btn btn-danger" data-dismiss="modal">ยกเลิก</button>
          </div>
        </form>
      </div>
    </div>
  </div>

ไฟล์ Script SweetAlert

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
      if(@$_GET['do']=='success'){
        echo '<script type="text/javascript">
              swal("", "ทำรายการสำเร็จ !!", "success");
              </script>';
        echo '<meta http-equiv="refresh" content="1;url=worker.php" />';
      }else if(@$_GET['do']=='finish'){
        echo '<script type="text/javascript">
              swal("", "แก้ไขสำเร็จ !!", "success");
              </script>';
        echo '<meta http-equiv="refresh" content="1;url=worker.php" />';
      }else if(@$_GET['do']=='f'){
        echo '<script type="text/javascript">
              swal("", "ผิดพลาด !!", "error");
              </script>';
        echo '<meta http-equiv="refresh" content="1;url=worker.php" />';
      } ?>

ไฟล์ ตัวอย่างบันทึกข้อมูลลงฐานข้อมูล

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
<?php
echo '<meta charset="utf-8">';
include('condb.php');
echo "<pre>";
print_r($_POST);
echo "</pre>";
exit();
 
$username = mysqli_real_escape_string($con,$_POST["username"]);
$password = mysqli_real_escape_string($con,$_POST["password"]);
 
$sql = "INSERT INTO
(
username,
password
)
VALUES
(
'$username',
'$password'
)";
 
$result = mysqli_query($con, $sql) or die ("Error in query: $sql " . mysqli_error());
mysqli_close($con);
 
if($result){
echo '<script>';
    echo "window.location='worker.php?do=success';";
    echo '</script>';
}else{
echo '<script>';
    echo "window.location='worker.php?do=f';";
    echo '</script>';
}
?>

ไฟล์ ตัวอย่าง ฟอร์มแจ้งซ่อมงาน

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
<?php
include('condb.php');
$sql = "SELECT * FROM tbl_login WHERE user_id =$user_id";
$result = mysqli_query($con, $sql);
$row = mysqli_fetch_array($result);
echo $sql;
exit();
?>
<div class="container">
<form>
<div class="card-body">
<div class="form-group col-md-2">
<label>ผู้แจ้งซ่อม</label>
<input type="hidden" name="user_id" value="<?php echo $row['user_id']; ?>">
<input type="text" class="form-control" value="คุณ <?php echo $row['u_name']; ?>" disabled>
</div>
<div class="form-group col-md-6">
<label>แจ้งปัญหางาน</label>
<input type="text" class="form-control" placeholder="แจ้งปัญหางาน" required>
</div>
<div class="form-group col-md-6">
<label>รายละเอียดงาน</label>
<input type="text" class="form-control" placeholder="รายละเอียดงาน" required>
</div>
<div class="form-group col-md-6">
<label>สถานที่แจ้ง</label>
<input type="text" class="form-control" placeholder="สถานที่แจ้ง" required>
</div>
</div>
<div class="card-footer col-md-6" >
<button type="submit" class="btn btn-success">บันทึกงานแจ้งซ่อม</button>
<button class="btn btn-warning">รายการแจ้งซ่อม</button>
</div>
</form>
</div>

ไฟล์สำหรับทำ Crop Image

1
2
3
4
<label>
<img src="upload/<?php echo $row['u_img']; ?>" id="uploaded_image" class="img-responsive img-circle " />
<input type="file"  name="image" data-id="<?php echo $row['user_id']; ?>" class="image upload_image" id="upload_image" style="display:none">      
</label>

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
    $(document).ready(function(){
 
        var $modal = $('#modal');
        var image = document.getElementById('sample_image');
        var cropper;
 
      $('.upload_image').change(function(event){
      // console.log()
      $(".modal-footer #user_id").val($(this).data('id'));
 
      var files = event.target.files;
      var done = function (url) {
          image.src = url;
          $modal.modal('show');
 
 
      };
 
          if (files && files.length > 0)
          {
                reader = new FileReader();
                reader.onload = function (event) {
                    done(reader.result);
                };
                reader.readAsDataURL(files[0]);
          }
      });
 
      $modal.on('shown.bs.modal', function() {
          cropper = new Cropper(image, {
            aspectRatio: 1,
            viewMode: 3,
            preview: '.preview'
          });
      }).on('hidden.bs.modal', function() {
          cropper.destroy();
          cropper = null;
      });
      $("#crop").click(function(){
        canvas = cropper.getCroppedCanvas({
            width: 400,
            height: 400,
        });
    canvas.toBlob(function(blob) {
        var reader = new FileReader();
        reader.readAsDataURL(blob);
        reader.onloadend = function() {
            var base64data = reader.result;  
            let user_id = $(".modal-footer #user_id").val();
            $.ajax({
              url: "upload_img.php",
              method: "POST",                
              data: {image: base64data,user_id: user_id},
              success: function(data){
                console.log(data);
                  window.location='worker.php?do=success'
              }
            });
        }
    });
  });
});

 

 

 

สนใจจ้างพัฒนาระบบ เขียนระบบ ทำเว็บไซต์ รับสอนเขียนโปรแกรม inbox มาที่เพจ หรือติดต่อ 098-373-8651 ช่องทางการชำระเงิน เงินสด หรือ e-banking ธนาคารกสิกรไทย เลขบัญชี : 0951168564 ชื่อบัญชี : นายวัยวุฒิ ชุมเมืองปัก
ติดต่อ สอบถามข้อมูลเพิ่มเติม