Bootstrap EP.28 Notification php mysql (การแจ้งเตือนโดยเรียกข้อมูลจาก Database)
|
1
2
3
4
5
6
|
<?php
$sql = mysql_query("SELECT * FROM ชื่อตาราง WHERE ชื่อฟิว= 'ข้อมูลที่เลือก'");
$rec1 = mysql_num_rows($sql);
?>
|
Free Code ระบบส่งอีเมลล์, PHP Sending Email เป็นการ ส่งข้อมูลส่งผ่าน form ไปยัง Email ปลายทาง หน้า from
|
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
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<title>Untitled Document</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-2">
</div>
<div class="col-md-8">
<div class="row">
<div class="col-md-12 mx-auto">
<div class="card border-secondary">
<div class="card-header">
<h3 class="mb-0 my-2">FormSent</h3>
</div>
<div class="card-body">
<form action="sent_mail.php" method="post" enctype="multipart/form-data" class="form" role="form" autocomplete="off">
<div class="form-group">
<label for="" class="font5">To : E-mail</label>
<input name="strTo" type="text" required="" class="form-control font5" id="inputName" placeholder="fordev22@gmail.com, fordev22@hotmail.com">
</div>
<div class="form-group">
<label for="" class="font5">Subject</label>
<input name="strSubject" type="text" required="" class="form-control font5" id="inputName" placeholder="Subject" value="ตอบกลับการขอรหัสเข้าระบบเบิกจ่ายสวัสดิการ">
</div>
<div class="form-group">
<label for="" class="font5">Header</label>
<input name="strHeader" type="text" required="" class="form-control font5" id="inputEmail3" placeholder="Header" value="ข้อมูล Username และ Password สำหรับเข้าใช้งาน">
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">Message</label>
<textarea name="strMessage" rows="7" class="form-control" id="exampleFormControlTextarea1" placeholder="Message">
ผู้ใช้คนที่ 1
user = s
pass =
ผู้ใช้คนที่ 2
user = s
pass =
***กรุณาบันทึกข้อมูลไว้ให้เรียบร้อย
***กรุณาอย่าเปลี่ยนแปลงรหัสอีก
*** หากเข้าไม่ได้แปลว่า โรงเรียนท่านถูกระงับสิท กรุณาติดต่อ กลุ่มงาน 3%
</textarea>
</div>
<div class="form-group">
<button type="submit" class="btn btn-success btn-xs btn-block">SentMail</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!--/row-->
</div>
<!--/col-->
</div>
<!--/row-->
<div class="col-md-2">
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
</body>
</html>
|
หน้า Code ส่งข้อมูล
|
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
|
<?php
$strTo = $_POST['strTo'];
$strSubject = $_POST['strSubject'];
$strHeader = $_POST['strHeader'];;
$strVar = "My Message";
$strMessage = $_POST['strMessage'];;
$flgSend = @mail($strTo,$strSubject,$strMessage,$strHeader); // @ = No Show Error //
if($flgSend){
echo "<script type='text/javascript'>";
echo"alert('Success');";
echo"window.location = 'f_sent.html';";
echo "</script>";
}
else {
//กำหนดเงื่อนไขว่าถ้าไม่สำเร็จให้ขึ้นข้อความและกลับไปหน้าเพิ่ม
echo "<script type='text/javascript'>";
echo "alert('error!');";
echo"window.location = 'f_sent.html'; ";
echo"</script>";
}
?>
|
Bootstrap EP.27 การแสดงข้อมูล 2 ตาราง โดยอิงจาก id ในตารางแรก หมายความว่า เรียก Reccordset 1 ตาราง แล้วเพิ่มโค๊ดแค่ 2 บรรทัด ก็จะได้ข้อมูลทั้ง 2 ตารางที่ตรงกัน ในการทำ ใช้คำสั่ง และขั้นตอนในการทำนั้นไม่อยากอย่างที่คิด ทำตามกันได้เลย
Bootstrap EP.26 การใส่ font ให้กับเว็บไซต์ สำหรับคนทำเว็บไซต์นั้น font ที่แสดงบนหน้าเว็บ ก็เป็นอีกส่วนหนึ่งที่ทำให้เว็บไซต์ มีความน่าสนใจมากขึ้น คลิปนี้จะมาสอนวิธีการใส่ font ให้กับเว็บไซต์ ไม่อยากอย่างที่คิด ทำตามกันได้เลย
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<style type="text/css">
@font-face {
font-family: title;
src: url('fonts/ชื่อfont.ttf');
}
.font1{
font-family: title;
font-size:30px;
}
</style>
|
1.รู้จักกับ Bootstrap Front-end Framework 2.แนะนำเว็บที่พัฒนาโดย Bootstrap Front-end Framework 3.แนะนำเครื่องที่มือที่ใช้ในการเขียนเว็บด้วย Bootstrap 4.Download และติดตั้งการใช้งาน 5.ปรับพื้นฐานภาษา html 6.ทำความรู้จักกับ Class และ ID 7. ทำความรู้จักกับเมนูและการนำตัวอย่างมาใช้งาน 8.ทำความเข้าใจการออกแบบเลย์เอ้าหน้าเว็บ (Grid System) เบื้องต้น 9.ออกแบบหน้าเว็บ Responsive โดยรองรับทุกอุปกรณ์ 10.การสร้างเมนู (Navbar) 11.การสร้างสไลด์หน้าเว็บ (Carousel) 12.การออกแบบ Layout 13.การสร้างลิงค์ (btn) 14.การใช้งานไอคอน (Glyphicon) 15.การสร้างหน้าป็อบอัพแบบง่ายๆ (Modals) 16.การใช้งาน Thumbnails 17.การซ่อนหรือแสดงส่วนต่างๆของเว็บ (hidden & Visible) 18.การใช้งาน Progress bars 19.การเขียน CSS เพิ่มเติม 20.แนะนำการเปลี่่ยนสีเทมเพลต
Bootstrap EP.25 การใส่ Available variations(แถบสีแสดงสถานะ)ในแท็กPHP จะช่วยให้แยกสถานะของข้อมูลต่าง ๆ ได้ และการนำ Available variations มาใช้ ยังช่วยให้ user ผู้ใช้งานนั้นสบายตาขึ้น แล้วยังทำให้เว็บดูดีมีระดับขึ้นด้วย คลิปต้นฉบับ