code CSS java PHP html SQL: มีนาคม 2020

วันศุกร์ที่ 6 มีนาคม พ.ศ. 2563

validate textbox in javascript ตรวจสอบค่าว่างใน Textbox

การสร้าง Script มาตรวจสอบค่าว่างใน Textbox เพื่อให้ผู้ใช้งานทำการกรอกข้อมูลตามที่เราต้องการ

Code
สคริปที่ทำการเช็ค
<script>
function chkfrom()
{
if(document.regis.Name.value=="")
{
alert('Please insert data!');
document.regis.Name.focus();
return false;
}
if(document.regis.lastname.value=="")
{
alert('Please insert data!');
document.regis.lastname.focus();
return false;
}
}
document.regis.submit();
</script>

ส่วนสร้างฟอร์ม
<form name='regis' method='POST' action='insertdata.php' onsubmit='return chkfrom();'>
<table width='500' align='center' border='1'>
<tr>
<td>Name :</td>
<td><input type='text' name='Name'></td>
</tr>
<tr>
<td>Lastname :</td>
<td><input type='text' name='lastname'></td>
</tr>
<tr>
<td></td>
<td><input type='submit' name='submit' value='Submit'></td>
</tr>
</table>
</form>

การสร้างฟอร์มรับค่า เก็บใน DATABASE #1

ในบทนี้เราจะเรียนรู้วิธีการสร้างฟอร์มและอินพุตที่ใช้รับข้อมูลต่างๆ รวมถึงวิธีการส่งข้อมูลเพื่อนำข้อมูลที่กรอกเข้าไปประมวลผลหรือจัดเก็บข้อมูลลงในไฟล์หรือฐานข้อมูลต่อไป ซึ่งถือเป็นสิ่งสำคัญอย่างยิ่งสำหรับการสร้างเว็บแอพพลิเคชั่น หรือสร้างระบบต่างๆ

ก่อนจะสร้างอินพุตที่ใช้รับข้อมูลต่างๆที่เรากรอกในฟอร์ม เราจะต้องกำหนดขอบเขตให้กับฟอร์มเสียก่อนซึ่งหากนึกไม่ออก การกำหนดขอบเขตนั้นก็เหมือนกับการสร้างรั้วของหมู่บ้านนั่นเอง โดยแทรกแท็ก <form>……</form>เข้าไปในเว็บเพจซึ่งมีรูปแบบการใช้งานและคุณสมบัติที่จำเป็นสำหรับแท็ก <form>ดังนี้

Code สร้างฟอร์ม

<tr>

</tr>

<tr>

<td>Lastname :</td>

</tr>

<tr>

</tr>

</table>

</form>

การดึงข้อมูลจาก Database ออกมาแสดง

ในบทนี้จะมาเสนอวิธีทำการดึงข้อมูลจากฐานข้อมูลออกมาแสดงที่หน้าเว็ปไซต์หลังจากที่ได้ทำการเพิ่มข้อมูลเข้าไปแล้วโดยจะนำเสนอการใช้ while Loop ในการใช้งานโดยการทำงานหลักๆนั้นจะทำการสร้างตัวแปรมารับค่าอเรย์จากนั้นสั่งให้ทำการนำค่าที่ได้ในอเรย์ออกมาแสดงที่หน้าเว็ปไซต์

ตัวอย่างการใช้ while($ตัวแปรรับค่า = mysql_fetch_array($result))
{
$ตัวแปรรับค่า['ชื่อคอลั่มที่ต้องการแสดงค่า'];
}

Code ตัวอย่าง
<table width='500' align='center' border='1'>
<tr>
<td align='center'>No.</td>
<td align='center'>Name</td>
<td align='center'>LastName</td>
</tr>
<?php
include('config/config.php');
$strsql = "SELECT * FROM user ORDER BY id DESC"; //คำสั่งให้เลือกข้อมูลจาก TABLE ชื่อ user เรียงลำดับจากมากไปน้อย
$result = mysql_query($strsql);
while($rs = mysql_fetch_array($result)) //สร้างตัวแปร $rs มารับค่าจากการ fetch array
{
?>
<tr>
<td><?php echo $rs['id'];?></td> //สั่งให้แสดงค่าตัวแปรที่เก็บค่า id ออกมาแสดง
<td><?php echo $rs['name'];?></td> //สั่งให้แสดงค่าตัวแปรที่เก็บค่า name ออกมาแสดง
<td><?php echo $rs['lastname'];?></td> //สั่งให้แสดงค่าตัวแปรที่เก็บค่า lastname ออกมาแสดง
</tr>
<?php } ?> //ปิด } while Loop
</table>

การดึงข้อมูลจาก Database ออกมาแก้ไข Edit Data

หลังจากที่เราได้ทำการ insert data เข้าไปเก็บในฐานข้อมูลแล้วนั้นเราก็จะทำการสร้างปุ่มสำหรับการแก้ไขข้อมูลนั้นซึ่งถือว่าเป็นฟังชั่นพื้นฐานสำหรับการเขียนโปรแกรมเลยก็ว่าได้ จะกล่าวถึงหลักการโดยคร่าวๆได้ว่าหลังจากที่เราคลิกที่ปุ่มแก้ไขแล้วระบบจะทำการดึงข้อมูลนั้นๆออกมาแสดงที่หน้า UI เพื่อให้เราทำการแก้ไขข้อมูลได้ ก่อนที่จะทำการจัดเก็บเข้าไปใหม่ลงในฐานข้อมูล หรือเรียกง่ายๆว่าการ Update Data นั่นเองซึ่งหากมีข้อมูลที่เก็บในฐานข้อมูลเป็นจำนวนมากๆ ระบบจะรู้ได้อย่างไรล่ะ? ว่าเราต้องการแก้ไขข้อมูลไหน ฉนั้นเราจึงต้องส่งค่า ID ของข้อมูลนั้นๆกลับมาที่หน้าเพจสำหรับการ Updata Data ด้วยโดยจะส่งค่ามาโดยใช้ Method GET จากนั้นหน้าที่ทำการดึงข้อมูลออกมาแสดงก็ประกาศรับค่า Method GET ที่ส่งมาแล้วทำการ Select Data จากฐานข้อมูลออกมาเพื่อทำการแก้ไข

Code
SELECT * FROM TABLENAME SET somecolumn1=somevalue1,somecolumn2=somevalue2 WHERE somecolumn='somevalue';

ตัวหนังสือสีแดงหมายถึงค่าที่เราต้องเปลี่ยนตามข้อมูลในฐานข้อมูลเรา เช่น TABLENAME หมายถึง ชื่อTABLEที่เก็บข้อมูล

สำหรับการส่งค่า ID ของข้อมูลที่เราต้องการแก้ไขนั้นจะส่งมาแบบ GET เพื่อให้ระบบรู้ว่าเราต้องการแก้ไขข้อมูลทีบรรทัดที่เท่าไหร่โดยการส่งค่า ID มานั้นจะมีรูปแบบการส่งแบบตัวอย่างด้านล่างนี้
<a href='ชื่อไฟล์ที่จะให้แสดงการแก้ไข?data_id=<?php echo $result['id'];?>'>EDIT</a>
หน้าที่จะรับค่าก็ต้องประกาศรับค่าตัวแปร data_id ด้วยจึงจะสามารถนำค่านั้นไปใช้งานต่อได้ ตัวอย่างด้านล่าง
ไฟล์ update.php
$data_idnew = $_GET[data_id]; // การประกาศรับค่า GET จากหน้าแรก

การดึงข้อมูลจาก Database ออกมา Update

การดึงข้อมูลจาก Database ออกมา Updateนั้นจะมีไฟล์หลักๆอยู่ 3 ไฟล์ด้วยกันคือ ไฟล์แสดงรายการทั้งหมด ไฟล์แสดงข้อมูลที่ต้องการแก้ไข และสุดท้ายคือไฟล์ที่ทำการแก้ไขการเปลี่ยนแปลงนั่นเอง

Code
ไฟล์ config.php
<?php
$conn = mysql_connect( "localhost", "ชื่อผู้ใช้", "รหัสผ่าน" );
$dbname = "ชื่อฐานข้อมูล";
mysql_query("SET NAMES UTF8");
if ( ! $conn )
die( "Error :MySQL " );
mysql_select_db( "ชื่อฐานข้อมูล", $conn )
or die ( "can't connect to database" );
?>
ตัวหนังสือสีแดงหมายถึง ต้องเปลี่ยนให้ตรงกับฐานข้อมูลที่เราใช้

1.register.php
<br/><br/><br/><br/><form name='regis' method='POST' action='insertdata.php'>
<table width='500' align='center' border='1'>
<tr>
<td>Name :</td>
<td><input type='text' name='Name'></td>
</tr>
<tr>
<td>Lastname :</td>
<td><input type='text' name='lastname'></td>
</tr>
<tr>
<td></td>
<td><input type='submit' name='submit' value='Submit'></td>
</tr>
</table>
</form>
<table width='500' align='center' border='1'>
<tr>
<td align='center'>No.</td>
<td align='center'>Name</td>
<td align='center'>LastName</td>
<td align='center'>Edit</td>
</tr>
<?php
include('config/config.php');
$strsql = "SELECT * FROM user ORDER BY id DESC";
$result = mysql_query($strsql);
while($rs = mysql_fetch_array($result))
{
?>
<tr>
<td><?php echo $rs['id'];?></td>
<td><?php echo $rs['name'];?></td>
<td><?php echo $rs['lastname'];?></td>
<td align='center'><a href='update1.php?data_id=<?php echo $rs['id'];?>'><input type='button' name='edit' value='Edit'></a></td>
</tr>
<?php } ?>
</table>

2. update1.php
<?php
include('config/config.php');
$data_idnew = $_GET['data_id'];

$strsql = "SELECT * FROM user WHERE id='$data_idnew'";
$result = mysql_query($strsql);
while($rs = mysql_fetch_array($result))
{
?>
<form name='update' method='POST' action='update2.php?data_id=<?php echo $rs['id'];?>'>
<table width='500' align='center' border='1'>
<tr>
<td>Name :</td>
<td><input type='text' name='Name' value='<?php echo $rs['name'];?>'></td>
</tr>
<tr>
<td>Lastname :</td>
<td><input type='text' name='lastname' value='<?php echo $rs['lastname'];?>'></td>
</tr>
<tr>
<td></td>
<td><a href='update2.php?data_id=<?php echo $rs['id'];?>'><input type='submit' name='submit' value='Submit'></a></td>
</tr>
</table>
</form>
<?php } ?>

3. update2.php
<?php
include('config/config.php');
$data_idnew = $_GET['data_id'];
$Namenew = $_POST['Name'];
$lastnamenew = $_POST['lastname'];
$strsql = "UPDATE user SET name='$Namenew',lastname='$lastnamenew' WHERE id='$data_idnew'";
$result = mysql_query($strsql);
if($strsql){
exit("<script> window.location='register.php';</script>");
}
?>

HTML อินพุท placeholder

แอตทริบิวต์ placeholder คือคำอธิบายจุดประสงค์ของ Textbox ที่เราสร้างขึ้นมาว่าต้องการให้ผู้ใช้งานกรอกอะไรลงไป ส่วนมากเราจะคุ้นตากับการแยกหัวข้อไว้คอลั่มหนึ่ง และสร้าง Textbox ไว้อีกคอลั่มหนึ่ง
ดังตัวอย่างด้านล่างนี้

ชื่อ :
นามสกุล :

ซึ่งเราสามารถใช้งาน แอตทริบิวต์ HTML ที่ชื่อ placeholder แทนได้และดูสวยงามน่าใช้กว่าค่อนข้างมาก

Syntax

ตัวอย่างการนำ placeholder มาประยุกต์ใช้งาน

Code
<table>
<tr>
<td><input name="fname" placeholder="ระบุชื่อของคุณที่นี่" type="text" /></td>
</tr>
<tr>
<td><input name="lname" placeholder="ระบุนามสกุลของคุณที่นี่" type="text" /></td>
</tr>
</table>

การดึงข้อมูลจากฐานข้อมูล มาแสดงใน Select box

สำหรับวิธีการดึงข้อมูลจากฐานข้อมูลออกมาแสดงที่ Select box นั้นเราจะใช้ While Loop ในการสั่งให้ดึงข้อมูลวนซ้ำจนครบ และนำมาแสดงที่หน้าเว็ปไซต์

Syntax
while($result = mysql_fetch_array)
{
//สิ่งที่ต้องการห้แสดง
}

ตัวอย่างการใช้งาน
Code
register.php

<form name='regis' method='POST' action='preview.php' onsubmit='return chkfrom();'>
<table width='500' align='center' border='1'>
<tr>
<td>Name :</td>
<td><input type='text' name='Name'></td>
</tr>
<tr>
<td>Lastname :</td>
<td><input type='text' name='lastname'></td>
</tr>
<tr>
<td>Faculty :</td>
<td>
<?php
include('config/config.php');
$strsql = "SELECT * FROM faculty ORDER BY id ASC";
$result = mysql_query($strsql);
?>
<select name='faculty'>
<option value='0'>กรุณาเลือกคณะฯ</opton>
<?php
while($rs = mysql_fetch_array($result))
{
?>
<option value='<?php echo $rs['faculty_name'];?>'><?php echo $rs['faculty_name'];?></opton>
<?php } ?>
</select>
</td>
</tr>
<tr>
<td></td>
<td><input type='submit' name='submit' value='Submit'></td>
</tr>
</table>

preview.php

<meta http-equiv="Content-type" content="text/html; charset=utf8"/ >
<?php
echo $_POST['faculty'];
exit;
?>

ตัวอย่างไฟล์ Database >>Download<<

การเขียนไฟล์เชื่อมต่อฐานข้อมูล config.php

สำหรับการเขียนระบบที่ทำการติดต่อกับฐานข้อมูลนั้น จะไม่นิยมเขียนไฟล์ Config ไว้ที่หน้าเพจนั้นๆเพราะว่าจะเป็นอันตรายอย่างมากหากมีผู้ใช้งานทำการคลิกขวาและ view code ก็จะเจอทั้งชื่อผู้ใช้งาน และ รหัสผ่านสำหรับเข้าสู่ฐานข้อมูลทันที ส่วนมากจะสร้างไว้ในโฟร์เดอร์จากนั้นหากต้องการเรียกใช้งานก็ทำการ include เข้ามาใช้งานได้ตาม Part ที่เราเก็บไฟล์ Config ไว้

Syntax

<?php

$conn = mysql_connect( "localhost", "ชื่อผู้ใช้ฐานข้อมูล", "รหัสผ่าน" );

$dbname = "ชื่อฐานข้อมูล";

mysql_query("SET NAMES UTF8");

if ( ! $conn )

die( "Error :MySQL " );

mysql_select_db( "ชื่อฐานข้อมูล", $conn )

or die ( "can't connect to database" );

ลักษณะการนำไปใช้จะเก็บไว้ในโฟล์เดอร์เช่น สร้างโฟร์เดอร์ชื่อ config ขึ้นมาเก็บและวางไฟล์ config.php ไว้ภายใน เวลาจะเรียกใช้งานไฟล์ สามารถทำได้ดังนี้

<?php

include('ชื่อโฟร์เดอร์'/config.php);

การใช้งานฟังก์ชัน empty()

ฟังก์ชัน empty() เป็นการตรวจสอบว่ามีค่าในตัวแปรนั้นหรือไม่โดยเราสามารถนำไปประยุกต์ใช้งานกับฟอร์มต่างเพื่อตรวจสอบก่อนว่ามีการกรอกข้อมูลมาด้วยหรือไม่

Syntax
empty($ชื่อตัวแปร)

Code
<?php
$sitename = "codecssjavaphphtmlsql.blogspot.com";
if(empty($sitename )){
echo "ERROR : Empty This Data";
}else{
echo "SITE NAME :".$sitename ;
}
?>

อธิบาย Code
$sitename = "codecssjavaphphtmlsql.blogspot.com"; // กำหนดค่าชื่อเว็ปไซต์ให้กับตัวแปร $sitename
if(empty($sitename )){ //ให้ทำการตรวจสอบว่าตัวแปร $sitename มีข้อมูลหรือไม่
echo "ERROR : Empty This Data"; // ถ้าไม่มีข้อมูลให้แสดงข้อความ Empty This Data
echo "SITE NAME :".$sitename ; // ถ้ามีข้อมูลให้แสดงข้อความ SITE NAME และตามด้วย ค่าของตัวแปร $sitename นั่นก็คือ codecssjavaphphtmlsql.blogspot.com

การใช้งานฟังก์ชัน unlink()

unlink() เป็นฟังก์ชั่นที่ใช้ในการลบไฟล์ข้อมูลที่อยู่ในโฟล์เดอร์ต่างๆที่เราทำการสร้างขึ้นมาเก็บไฟล์ ส่วนใหญ่ที่เจอจะเป็นลักษณะการเก็บรูปภาพลงในฐานข้อมูลโดยมีการแนบไฟล์มา เมื่อทำการคลิกที่ Delete file จะไปทำการ Delete ไฟล์ที่แนบมาด้วยตามที่เรากำหนด

Syntax
unlink($filename);

Code ตัวอย่าง
$strsql = "SELECT * FROM TABLENAME WHERE id='SOMEVALUE'";
$result = mysql_query($strsql);
while($rs = mysql_fetch_array($result))
{
$myfile = $rs['files'];
}
$myfile2 = $myfile;
$filename = "files/$myfile2";
if(!empty($myfile2)){
unlink($filename);
$strsql = "DELETE FROM circle_doc WHERE id='$doc_id'";
mysql_query($strsql);
}

อธิบาย Code
$filename = "files/$myfile2"; // files หมายถึงชื่อโฟล์เดอร์ที่ทำการเก็บไฟล์ $myfile2 หมายถึงชื่อไฟล์
if(!empty($myfile2)) //ทำการตรวจสอบว่ามีไฟล์เก็บในตัวแปลที่ต้องการลบใหม
unlink($filename);//ถ้ามีให้ทำการลบไฟล์ตามที่กำหนด
$strsql = "DELETE FROM circle_doc WHERE id='$doc_id'";//และลบข้อมูลออกจากฐานข้อมูลด้วย

แสดงขนาดไฟล์ Upload

ในการ Upload ไฟล์ขึ้นสู่ Server ไปแล้วนั้นหากเราต้องการนำไฟล์นั้นมาแสดงที่หน้าระบบและให้แสดงขนาดของไฟล์นั้นๆด้วยสามารถทำได้โดย

Syntax
$file_size = filesize($filename);
echo $file_size ;

โดยหน่วยที่ได้จะแสดงออกมาเป็น Byte หากต้องการให้ระบบคำนวนด้วยสามารถเพิ่ม Code ด้านล่างลงไปเพื่อให้คำนวนก่อนนำมาแสดงที่หน้าเว็ป

if ($file_size < 1000 * 1024){
echo number_format($file_size / 1024, 2) . " KB";
}elseif ($file_size < 1000 * 1048576){
echo number_format($file_size / 1048576, 2) . " MB";
}elseif ($file_size < 1000 * 1073741824){
echo number_format($file_size / 1073741824, 2) . " GB";
}else{
echo number_format($file_size / 1099511627776, 2) . " TB";
}

การเขียนคำสั่ง php ให้สร้างไฟล์ php

การเขียนคำสั่ง php ให้สร้างไฟล์ php อ่านดูแล้วงง กันใหมครับ 555+ คือเขียนคำลั่ง php ให้ทำการสร้างไฟล์ php ใหม่ขึ้นมา และในไฟล์ php ใหม่ที่สร้างมานั้นก็ให้ทำการเขียนไฟล์ php ลงไปด้วย
<?php
$hostname = $_POST['hostname'];//รับค่าจากฟอร์ม
$username = $_POST['username'];//รับค่าจากฟอร์ม
$password = $_POST['password'];//รับค่าจากฟอร์ม
$dbname = $_POST['dbname'];//รับค่าจากฟอร์ม

$filecreat = mkdir('config');
$strFileName = "config/config.php";
$objFopen = fopen($strFileName, 'w');
$strText1 = "<?php
\$conn = mysql_connect( '$hostname', '$username', '$password');
\$dbname = '$dbname';
mysql_query('SET NAMES UTF8');
if ( ! \$conn )
die('Error :MySQL');
mysql_select_db( '$dbname', \$conn )
or die ( 'cannot connect to database');
?>
";
fwrite($objFopen, $strText1);

if($objFopen)
{
echo "File $strFileName writed.";
}
else
{
echo "File $strFileName can not write";
}
echo "<br/>";
fclose($objFopen);

?>
อธิบาย Code นี้คือเป็นการเขียนคำสั่งสร้างไฟล์ config.php และเขียนข้อมูลการเชื่อมต่อ database ลงไปด้วย

เปลี่ยนชื่อวัน เป็นภาษาไทย โดยใช้ Array

สำหรับคนที่ต้องการแสดงชื่อวันเป็นภาษาไทยในโปรแกรม หรือเว็ปไซต์สามารถทำได้ง่ายๆโดยการใช้ Array มาเก็บค่าชื่อวันต่างๆที่เราต้องการนำมาแสดงและจากนั้นก็ให้ระบบทำการเทียบค่ากับวันปัจจุบันและให้ทำการแสดงผลออกมา

Syntax
$somevalue = array("array1","array2"....);

code ตัวอย่าง
<?php
$dateconvert = array("จันทร์","อังคาร","พุธ","พฤหัสบดี","ศุกร์","เสาร์","อาทิตย์");
$today = date("N");
if($today == 1){
echo "วัน".$dateconvert[0];
}elseif($today == 2){
echo "วัน".$dateconvert[1];
}elseif($today == 3){
echo "วัน".$dateconvert[2];
}elseif($today == 4){
echo "วัน".$dateconvert[3];
}elseif($today == 5){
echo "วัน".$dateconvert[4];
}elseif($today == 6){
echo "วัน".$dateconvert[5];
}elseif($today == 7){
echo "วัน".$dateconvert[6];
}
?>

อธิบาย code
บรรทัดที่ 1 สร้างตัวแปรชื่อ $dateconvert มารับค่า array
บรรทัดที่ 2 สร้างตัวแปร $today มารับค่าวันปัจจุบัน เพื่อนำมาเปรียบเทียบ
บรรทัดที่ 3 ใช้ if() มาทำการเปรียบเทียบว่าตัวแปร $today=เท่าไหร่จากนั้นก็ให้แสดงค่าตาม array ที่เราต้องการให้แสดง

การนำค่าใน Array มาแสดงใน Select Box

การนำค่าใน Array มาแสดงใน Select Box สามารถนำไปปรับใช้ได้หลายรูปแบบจากตัวอย่างวันนี้จะเป็นการนำชื่อวันภาษาไทยมาแสดงใน Select Box

Code ตัวอย่าง

<?php
$dateconvert = array("จันทร์","อังคาร","พุธ","พฤหัสบดี","ศุกร์","เสาร์","อาทิตย์");
echo "เลือกวัน";
?>
<select name='dates' width='100'>
<option value='0'>select</option>
<?php
foreach($dateconvert as $cat_date => $valuess){
?>
<option value='<?php echo $cat_date;?>'><?php echo $valuess;?></option>
<?php } ?>
</select>

การแสดงผล

การแสดงชื่อเดือนเป็นภาษาไทย

การแสดงชื่อเดือนเป็นภาษาไทยโดยใช้ Array และมีส่วนสำคัญคือการนำชื่อเดือนไปเก็บไว้ใน Array และจากนั้นก็นำค่าเดือนปัจจุบันมาเปรียบเทียบ และทำการแสดงผลออกมาที่หน้าเว็ปไซต์

Syntax
$month_converst = array("monthname1","monthname2"...);

Code
<?php
$month_converse = array("มกราคม","กุมภาพันธ์ ","มีนาคม","เมษายน","พฤษภาคม","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม");
$comple_month = date('n');
if($comple_month==1){
echo "เดือน".$month_converse[0];
}elseif($comple_month==2){
echo "เดือน".$month_converse[1];
}elseif($comple_month==3){
echo "เดือน".$month_converse[2];
}elseif($comple_month==4){
echo "เดือน".$month_converse[3];
}elseif($comple_month==5){
echo "เดือน".$month_converse[4];
}elseif($comple_month==6){
echo "เดือน".$month_converse[5];
}elseif($comple_month==7){
echo "เดือน".$month_converse[6];
}elseif($comple_month==8){
echo "เดือน".$month_converse[7];
}elseif($comple_month==9){
echo "เดือน".$month_converse[8];
}elseif($comple_month==10){
echo "เดือน".$month_converse[9];
}elseif($comple_month==11){
echo "เดือน".$month_converse[10];
}elseif($comple_month==12){
echo "เดือน".$month_converse[11];
}
?>

อธิบาย Code
สร้างตัวแปร $month_converst มาเก็บชื่อเดือนในแต่ละเดือน
จากนั้นสร้างตัวแปร $comple_month = date('n'); มาเก็บค่าเดือนปัจจุบันและนำมาเปรียบเทียบโดยใช้ Function if() จากนั้นก็ทำการแสดงผล

เขียน PHP ทำการส่งเมล์

$flgSend = @mail($strTo,$strSubject,$strMessage,$strHeader); // @ = No Show Error

$strTo = "abcd@gmail.com"; // เมล์ผู้รับ สามารถใช้เป็นตัวแปรได้ กรณีรับค่าเมล์จากฟอร์ม เช่น $mail_user
$strSubject = "TESTMAIL";// ชื่อเรื่องในการส่งเมล์
$strHeader = "From: Mywebsite";
$strMessage = "ข้อความที่ต้องการส่งเมล์\r\n"."

$flgSend = @mail($strTo,$strSubject,$strMessage,$strHeader); // @ = No Show Error

เขียน PHP ทำการส่งเมล์ หลายคนในครั้งเดียว

<?php
$email_user = $_POST["select_user"]; //สร้างตัวแปรรับค่าจาก Select Box

for ($i=0; $i<count($email_user); $i++) {

foreach($_POST["select_user"] AS $i => $text) {

$strsql = "SELECT * FROM staff WHERE email='$text'";
$result = mysql_query($strsql);
while($rs = mysql_fetch_array($result))
{
$strTo = "$text";
$strSubject = "$subject_name";
$strHeader = "$header_name";
$strMessage = "เรียนคุณ ".$rs['Full_Name']."\r\n"."

=============================================================================================\r\n".
$flgSend = @mail($strTo,$strSubject,$strMessage,$strHeader); // @ = No Show Error //
}
}
}
?>
//จากตัวอย่างเป็นการส่งเมล์หลายๆคน ดดยการรับค่าอีเล์มาจาก select box จากนั้นมาทำการวน loop ในการส่งเมล์

เขียนไฟล์ .bat แบบมีเงื่อนไข

@ECHO OFF
echo -------------------Please Select Option----------------------
echo 1. Backup MyFile
echo 2. Delete My Files Backup From D:
echo -------------------------------------------------------------
SET /p environment="Your Select Option?"

if /i "%environment%" == "1" goto option1
if /i "%environment%" == "2" goto option2
echo Invalid Option
SET /p environment="Your Select Option?"
goto end

:option1
xcopy C:\Intel D:\My_Backup\ /s /e /r /c /y
echo "Backup MyFile Success"
goto end

:option2
rmdir D:\My_Backup\ /s /q
echo "Delete File Success!:"
:end
PAUSE

Error : invalid number of parameters from .bat file

ถ้าเราต้องการอ้างถึงที่อยู่ไฟล์ แต่เนื่องจากชื่อไฟล์มีช่องว่าง แก้ไขโดยใส่เครื่องหมาย " " เข้าไป

ตัวอย่าง

@echo off

xcopy C:\Some_Folder\ C:\Program File\ This Error

xcopy C:\Some_Folder\ C:\"Program File"\

การดึงข้อมูลจาก Database ออกมาแสดง

วันพฤหัสบดีที่ 5 มีนาคม พ.ศ. 2563

การทำ Multiple Dropdown จังหวัด, อำเภอ, ตำบล แบบ 3 ชั้น ด้วย Ajax + PHP + MySQL

บทความนี้เป็นการสอนการทำ Dropdown 3 ชั้น โดยใช้เทคนิค Ajax ในการช่วยเพื่อให้หน้าเว็บไปต้องรีเฟส โดยขั้นตอนการทำงานเริ่มจากเลือกจังหวัด เมื่อเลือกจังหวัดแล้ว Dropdown ชั้นที่ 2 จะมีรายชื่ออำเภอของจังหวัดที่เลือกเท่านั้น หลังจากนั้นเมื่อเราเลือกอำเภอ Dropdown ชั้นที่ 3 จะมีรายชื่อตำบลของอำเภอที่เราเลือก จะเห็นได้ว่าทั้งหมดนี้เราใช้ ภาษา PHP + MySQL (เทคนิค Ajax) เท่านั้น ซึ่งทางผู้เขียนจะอธิบายขั้นตอนของ code เพื่อให้ผู้อ่านเข้าใจได้ง่ายขึ้น

เดโม่ตัวอย่าง

เครื่องมือพัฒนา

1. XAMPP สำหรับจำลองเครื่องเราเป็น SERVER ให้ใช้เวอร์ชั่นล่าสุด (ที่ใช้ php 7 ขึ้นไป)
2. VSCODE ใช้ในการเขียนโปรแกรม

ขั้นตอน

1. ดาวน์โหลดฐานข้อมูลมาก่อน สามารถดาวน์โหลดได้ที่ Click to Download อ้างอิงจาก https://github.com/parsilver/thailand-provinces
2. หลังจากนั้นทำการสร้าง database ชื่อ thailand แล้วทำการ Import SQL โดยใช้ PHPMyAdmin
3 สร้างโปรเจค multiple_dropdown ไว้ใน c:\xampp\htdocs\
4. สร้างไฟล์ connect.php เพื่อเชื่อมต่อฐานข้อมูล code ตัวอย่างด้านล่าง

connect.php

PHP

1

2

3

4

5

6

7

8

9

<?php

$info = array(

    'host' => 'localhost',

    'user' => 'root',

    'password' => '',

    'dbname' => 'thailand'

);

$conn = mysqli_connect($info['host'], $info['user'], $info['password'], $info['dbname']) or die('Error connection database!');

mysqli_set_charset($conn, 'utf8');

5. สร้างไฟล์ index.php เพื่อสร้าง html และทำ multiple dropdown ดู code ตัวอย่างด้านล่าง

index.php

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

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

<?php

include('connect.php');

$sql = "SELECT * FROM provinces";

$query = mysqli_query($conn, $sql);

?>

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Multiple Dropdown - itoffside.com</title>

    <link href="assets/bootstrap.min.css" rel="stylesheet">

</head>

<body>

<div class="container my-5">

    <div class="card">

        <div class="card-body">

            <h3>การทำ Multiple Dropdown ด้วย Ajax เลือก 3 ขั้น</h3>

            <form>

                <div class="form-row">

                    <div class="form-group col-md-4">

                        <label for="province">จังหวัด</label>

                        <select name="province_id" id="province" class="form-control">

                            <option value="">เลือกจังหวัด</option>

                            <?php while($result = mysqli_fetch_assoc($query)): ?>

                                <option value="<?=$result['id']?>"><?=$result['name_th']?></option>

                            <?php endwhile; ?>

                        </select>

                    </div>

                    <div class="form-group col-md-4">

                        <label for="amphure">อำเภอ</label>

                        <select name="amphure_id" id="amphure" class="form-control">

                            <option value="">เลือกอำเภอ</option>

                        </select>

                    </div>

                    <div class="form-group col-md-4">

                        <label for="district">ตำบล</label>

                        <select name="district_id" id="district" class="form-control">

                            <option value="">เลือกตำบล</option>

                        </select>

                    </div>

                </div>                

            </form>

        </div>

    </div>

</div>

<script src="assets/jquery.min.js"></script>

<script src="assets/script.js"></script>

</body>

</html>

<?php

mysqli_close($conn);

คำอธิบาย Code

บรรทัด 1-5 เป็นการเชื่อต่อฐานข้อมูลและดึงข้อมูลจังหวัดมา (province)

บรรทัด 22-31 เป็นการนำข้อมูลจังหวัดที่ได้ จากบรรทัด 1-5 มาแสดงในหน้าจอ

บรรทัด 32-43 เป็นการใส่ dropdown อำเภอ, ตำบล แต่ยังไม่มีข้อมูล จนกว่า เราจะเลือกจังหวัด ซึ่งเราจะนำ javascript มาจับ Event หน้าจอ เพื่อเรียกใช้งาน ajax แล้วนำข้อมูล อำเภอ, ตำบล มาใส่ตามลำดับ

บรรทัด 51 เป็นการเรียกใช้ไฟล์ script.js โดย file นี้มีความสำคัญในการ จัดการ AJAX

6. สร้างไฟล์ script.js ไว้ที่โฟล์เดอร์ assets เพื่อใช้สำหรับ เวลาเราเปลี่ยนแปลง จังหวัดหรืออำเภอ ให้ทำการ ดึงข้อมูล มาใหม่

script.js

JavaScript

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

$(function(){

    var provinceObject = $('#province');

    var amphureObject = $('#amphure');

    var districtObject = $('#district');

    // on change province

    provinceObject.on('change', function(){

        var provinceId = $(this).val();

        amphureObject.html('<option value="">เลือกอำเภอ</option>');

        districtObject.html('<option value="">เลือกตำบล</option>');

        $.get('get_amphure.php?province_id=' + provinceId, function(data){

            var result = JSON.parse(data);

            $.each(result, function(index, item){

                amphureObject.append(

                    $('<option></option>').val(item.id).html(item.name_th)

                );

            });

        });

    });

    // on change amphure

    amphureObject.on('change', function(){

        var amphureId = $(this).val();

        districtObject.html('<option value="">เลือกตำบล</option>');

        $.get('get_district.php?amphure_id=' + amphureId, function(data){

            var result = JSON.parse(data);

            $.each(result, function(index, item){

                districtObject.append(

                    $('<option></option>').val(item.id).html(item.name_th)

                );

            });

        });

    });

});

อธิบาย Code

บรรทัด 2-4 สร้างตัวแปรเพื่อเก็บ Element Selector ของ Dropdown จังหวัด, อำเภอ, ตำบล

บรรทัด 7-21
– เมื่อมีการเปลี่ยนแปลง Dropdown (เลือกจังหวัด) จะทำการ Clear ข้อมูล อำเภอ, ตำบล ตามบรรทัด 10-11
– หลังจากนั้น จะทำการใช้ GET ของ jQuery ยิง Request ไปที่ get_amphure.php เพื่อดึงข้อมูลอำเภอมา โดยใส่ข้อมูลตัวแปร จังหวัดที่เลือกไปด้วยเพื่อดึงอำเภอเฉพาะจังหวัดที่เลือกเท่านั้น ตัวแปรชื่อ provicne_id ตามบรรทัดที่ 13
– หลังจากยิง Request ไปที่ server แล้ว Server จะตอบกลับมาเป็นข้อมูลรายการของอำเภอจากจังหวัดที่เลือกใน Dropdown รูปแบบของการตอบกลับเป็น JSON ดังนั้นเราต้องทำการ parse data ก่อน ตามบรรทัด 14
– เมื่อ parse data แล้วข้อมูลจะอยู่ในรูปแบบนี้

1

2

3

4

5

6

7

8

9

[

  {

    "id":1,

    "name_th": "ห้างฉัตร",

    "province_id": 324

  },

  {},

  ...

]

– ให้เราใช้คำสั่ง jQuery Append ข้อมูลลงใน HTML โดยข้อมูลมาเป็น Array ให้ทำการวนข้อมูล โดยใส่ value คือ item.id และ name คือ item.name_th ตามบรรทัด 17

บรรทัด 24-37 เป็นการดึงข้อมูลตำบลของอำเภอที่เราเลือกมาแสดงบน HTML โดย Event จะทำงานเมื่อคลิกเปลี่ยนอำเภอใน Dropdown การทำงานจะคล้ายกับ การเปลี่ยนจังหวัด แต่แตกต่างที่ ไฟล์ที่ดึงข้อมูลต้องเปลี่ยนเป็น get_district.php และ ตัวแปรที่ส่งไปเป็นตัวแปรของอำเภอที่ถูกเลือก และสุดท้าย ตอนได้รับข้อมูลจาก Server มาก็นำมาวนใส่ ใน Dropdown ตำบล ก็เป็นอันจบการทำงาน

7. สร้างไฟล์ get_amphure.php เพื่อดึงข้อมูล อำเภอ จากจังหวัดที่เลือกมา ดู code ตัวอย่างด้านล่าง

get_amphure.php

PHP

1

2

3

4

5

6

7

8

9

10

<?php

include('connect.php');

$sql = "SELECT * FROM amphures WHERE province_id={$_GET['province_id']}";

$query = mysqli_query($conn, $sql);

$json = array();

while($result = mysqli_fetch_assoc($query)) {    

    array_push($json, $result);

}

echo json_encode($json);

อธิบาย Code
เมื่อ ไฟล์ script.js request ขอข้อมูลจาก server โดยเรียกใช้ไฟล์ get_amphure.php และส่งตัวแปร province_id มาด้วย เป็นตัวแปร ได้จากการเลือกจังหวัด

บรรทัด 1 เชื่อมต่อฐานข้อมูล
บรรทัด 2-3 ดึงข้อมูลเอารายการอำเภอ จากจังหวัดที่เลือก โดย where province_id
บรรทัด 6-9 ดึงข้อมูลแล้วทำการ วนเก็บข้อมูลอำเภอ ไว้ใน $json ในรูปแบบ Array
บรรทัด 10 ทำการแปลงข้อมูล Array ไปเป็น JSON เพิ่มเตรียมส่งกลับไปให้กลับ Client ที่เรียกใช้(script.js)

8. สร้างไฟล์ get_district.php เพื่อดึงข้อมูล ตำบล จากอำเภอที่เลือกมา ดู code ตัวอย่างด้านล่าง

get_district.php

PHP

1

2

3

4

5

6

7

8

9

10

<?php

include('connect.php');

$sql = "SELECT * FROM districts WHERE amphure_id={$_GET['amphure_id']}";

$query = mysqli_query($conn, $sql);

$json = array();

while($result = mysqli_fetch_assoc($query)) {    

    array_push($json, $result);

}

echo json_encode($json);

อธิบาย Code
การทำงานคล้ายกับไฟล์ get_amphure.php แตกต่างกันในเรื่องของการดึงข้อมูลคนละตารางเท่านั้น และตัวแปรที่ใช้การ where เป็น amphure_id

ผลลัพท์

ดาวน์โหลด

สามารถดาวน์โหลด Code เต็มๆ หรือ clone code มาดูได้ที่ลิงค์ https://github.com/ipball/multiple_dropdown

สรุป

สำหรับบทความนี้ ผู้เขียนคิดว่า หลายๆคนน่าจะเข้าใจหลักการทำงาน ของ Client – Server มองเห็นภาพการทำงานชัดเจนในทำงานของโปรแกรม ซึ่งในปี 2020 อาจจะหลายๆคนบอกว่า ยังใช้ jQuery อยู่อีกเหรอ ยังใช้ PHP อยู่อีกเหรอ?

จริงๆแล้วไม่ว่าเราจะใช้ภาษาอะไรหรือเทคโนโลยีอะไรก็ตามแต่ เราจงหาสิ่งที่เราถนัดและเหมาะสมกับงาน แต่ไม่ได้หมายความว่าจะให้ทุกคนจะต้องใช้ PHP ตลอด เราก็ควรศึกษาเรียนรู้ภาษา เทคโนโลยีใหม่ด้วย เช่นกัน เหมือนกับผู้เขียนที่ยังต้องเขียน Node.js, ExpressJS, MongoDB, Angular อยู่เลย เราเป็นนักพัฒนา เราก็ต้องศึกษาพัฒนาตัวเองอยู่สม่ำเสมอ