ide - itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี https://www.itoffside.com ข้อมูลข่าวสารและเรื่องราวบนโลกของไอทีที่ ล้ำหน้า พร้อมสาระการเขียนโปรแกรมคอมพิวเตอร์ Tue, 12 Jul 2016 17:15:53 +0000 th hourly 1 https://wordpress.org/?v=7.0 https://www.itoffside.com/wp-content/uploads/2020/04/cropped-favicon-96x96-1-32x32.png ide - itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี https://www.itoffside.com 32 32 PHP Workshop ระบบสมาชิก แบบละเอียด ตอนที่ 4 https://www.itoffside.com/php-workshop-member-system-4/ https://www.itoffside.com/php-workshop-member-system-4/#comments Tue, 25 Feb 2014 15:03:30 +0000 https://www.itoffside.com/?p=197 ต่อจากบทความที่แล้ว?PHP Workshop ระบบสมาชิก แบบละเอียด ตอนที่ 3 บทความนี้เป็นการเขียนโปรแกรมจัดการผู้ใช้งานโดยมีระบบ แสดง เพิ่ม ลบ ข้อมูลสมาชิก มาเริ่มกันเลยครับ – เปิด Netbeans IDE ขึ้นมาแล้วสร้างไฟล์ manager_user.php แล้วนำ code ด้านล่างไปวางใส่ [crayon-6a32a6c46be7a301536915/] อธิบาย Code ส...

The post PHP Workshop ระบบสมาชิก แบบละเอียด ตอนที่ 4 first appeared on itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี.

]]> ต่อจากบทความที่แล้ว?PHP Workshop ระบบสมาชิก แบบละเอียด ตอนที่ 3 บทความนี้เป็นการเขียนโปรแกรมจัดการผู้ใช้งานโดยมีระบบ แสดง เพิ่ม ลบ ข้อมูลสมาชิก มาเริ่มกันเลยครับ

– เปิด Netbeans IDE ขึ้นมาแล้วสร้างไฟล์ manager_user.php แล้วนำ code ด้านล่างไปวางใส่

<?php
session_start();
if (isset($_SESSION['checkSign']) == 'itoffside' AND isset($_SESSION['active']) == 2) {
/*
* include file
*/
include 'config.php';

/*
* set var
*/
$_SESSION['frmAction'] = md5('itoffside.com' . rand(1, 9999));

/*
* logical programming&Database
*/
$meSQL = "SELECT * FROM member WHERE id != '{$_SESSION['id']}' ";
$meQuery = mysql_query($meSQL);
$meCount = mysql_num_rows($meQuery);
?>
<html>
<head>
<meta charset="UTF-8">
<title>จัดการผู้ใช้งาน</title>
</head>
<body>
<h3>หน้าแรกระบบจัดการสมาชิก</h3>
<ul>
<li><a href="mainpage.php">หน้าแรก</a></li>
<?php
if ($_SESSION['active'] == 2) {
?>
<li><a href="manager_user.php">จัดการผู้ใช้งาน</a></li>
<?php } ?>
<li><a href="update_profile.php">แก้ไขข้อมูลส่วนตัว</a></li>
<li><a href="signout.php">ออกจากระบบ</a></li>
</ul>
<hr/>
<h4>จัดการผู้ใช้งาน</h4>
<a href="manager_user-add.php"><<<<---เพิ่มผู้ใช้งานใหม่--->>>></a>
<hr/>
<?php
if($meCount > 0) {
?>
<h4>รายชื่อผู้ใช้งาน</h4>
<table border="1" cellpadding="5">
<thead>
<tr>
<th>รหัสผู้ใช้</th>
<th>ชื่อเข้าใช้</th>
<th>ชื่อ - นามสกุล</th>
<th>เพศ</th>
<th>เบอร์โทร</th>
<th>อีเมล์</th>
<th>วันที่สร้าง</th>
<th>&nbsp;</th>
</tr>
</thead>
<tbody>
<?php
while ($meResult = mysql_fetch_assoc($meQuery)){
if($meResult['sex'] == 1){
$sex = 'ชาย';
}else{
$sex = 'หญิง';
}
?>
<tr>
<td><?php echo $meResult['id']; ?></td>
<td><?php echo $meResult['username']; ?></td>
<td><?php echo $meResult['firstname']; ?> <?php echo $meResult['lastname']; ?></td>
<td><?php echo $sex ?></td>
<td><?php echo $meResult['phone']; ?></td>
<td><?php echo $meResult['email']; ?></td>
<td><?php echo $meResult['create_date']; ?></td>
<td><a href="manager_user-delete.php?id=<?php echo $meResult['id']; ?>">ลบผู้ใช้</a></td>
</tr>
<?php
}
?>
</tbody>
</table>
<?php
}else{
echo "<h3>ไม่มีข้อมูลผู้ใช้งาน</h3>";
}
?>
</body>
</html>
<?php
mysql_close();
} else {
echo "<meta charset=\"UTF-8\">";
echo "คุณไม่ได้เข้าสู่ระบบ กรุณาเข้าสู่ระบบก่อน!";
echo "<br/>";
echo "<a href='signin.php'>คลิกเพื่อเข้าสู่ระบบ</a>";
}
?>

อธิบาย Code
สร้างหน้าจัดการข้อมูลผู้ใช้งานโดยแสดงรายการข้อมูลพร้อมปุ่ม เพิ่มและปุ่มลบข้อมูล

 

 

– สร้าไฟล์ manager_user-delete.php แล้วนำ Code ด้านล่างวางใส่

<?php

session_start();
if (isset($_SESSION['checkSign']) == 'itoffside' AND isset($_SESSION['active'])==2) {

/*
* include file
*/
include 'config.php';

/*
* set var
*/
$id = mysql_real_escape_string(trim($_GET['id']));

/*
* unset var
*/

/*
* logical programming&Database
*/
$meSQL = "DELETE FROM member ";
$meSQL .= "WHERE id='{$id}' ";
$meQuery = mysql_query($meSQL);
if ($meQuery == TRUE) {
echo "<meta charset=\"UTF-8\">";
echo "ลบข้อมูลสำเร็จ";
echo "<br/>";
echo "<a href='manager_user.php'>ไปหน้าจัดการข้อมูล</a>";
} else {
echo "<meta charset=\"UTF-8\">";
echo "มีปัญหาการลบข้อมูล กรุณากลับไปบันทึกใหม่";
echo "<br/>";
echo "<a href='manager_user.php'>กลับไปหน้าเดิม</a>";
}
mysql_close();
} else {
echo "<meta charset=\"UTF-8\">";
echo "คุณไม่ได้เข้าสู่ระบบ กรุณาเข้าสู่ระบบก่อน!";
echo "<br/>";
echo "<a href='signin.php'>คลิกเพื่อเข้าสู่ระบบ</a>";
}
?>

อธิบาย code
เมื่อมีการกดปุ่มลบข้อมูล ไฟล์นี้จะทำการลบข้อมูล

 

– สร้างไฟล์ manager_user-add.php แล้วนำ Code ด้านล่างไปวางใส่

<?php
session_start();
if (isset($_SESSION['checkSign']) == 'itoffside' AND isset($_SESSION['active']) == 2) {
/*
* include file
*/
include 'config.php';

/*
* set var
*/
$_SESSION['frmAction'] = md5('itoffside.com' . rand(1, 9999));

/*
* logical programming&Database
*/
?>
<html>
<head>
<meta charset="UTF-8">
<title>เพิ่มผู้ใช้งานใหม่</title>
</head>
<body>
<h3>เพิ่มผู้ใช้งาน</h3>
<ul>
<li><a href="mainpage.php">หน้าแรก</a></li>
<?php
if ($_SESSION['active'] == 2) {
?>
<li><a href="manager_user.php">จัดการผู้ใช้งาน</a></li>
<?php } ?>
<li><a href="update_profile.php">แก้ไขข้อมูลส่วนตัว</a></li>
<li><a href="signout.php">ออกจากระบบ</a></li>
</ul>
<hr/>
<h4>ข้อมูลส่วนตัว</h4>
<form name="manager_user-add-action" action="manager_user-add-action.php" method="POST">
<table border="1" cellpadding="5">
<tr>
<td style="text-align: right;width: 200px; font-weight: bold">ชื่อผู้ใช้งาน</td>
<td><input type="text" name="username" value="" size="40" /></td>
</tr>
<tr>
<td style="text-align: right;width: 200px; font-weight: bold">รหัสผ่าน</td>
<td><input type="password" name="password" value="" size="40"? /></td>
</tr>
<tr>
<td style="text-align: right;width: 200px; font-weight: bold">ชื่อจริง</td>
<td><input type="text" name="firstname" value="" size="40" /></td>
</tr>
<tr>
<td style="text-align: right;width: 200px; font-weight: bold">นามสกุลจริง</td>
<td><input type="text" name="lastname" value="" size="40" /></td>
</tr>
<tr>
<td style="text-align: right;width: 200px; font-weight: bold">เพศ</td>
<td>
<input type="radio" name="sex" value="1" />ชาย |
<input type="radio" name="sex" value="2"/>หญิง
</td>
</tr>
<tr>
<td style="text-align: right;width: 200px; font-weight: bold">เบอร์โทรศัพท์</td>
<td><input type="text" name="phone" value="" size="40" /></td>
</tr>
<tr>
<td style="text-align: right;width: 200px; font-weight: bold">อีเมล์</td>
<td><input type="text" name="email" value="" size="40" /></td>
</tr>
<tr>
<td style="text-align: right;width: 200px; font-weight: bold">ระดับผู้ใช้งาน</td>
<td>
<input type="radio" name="active" value="1" />ผู้ใช้ทั่วไป |
<input type="radio" name="active" value="2"/>ผู้ดูแลระบบ
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="submit" name="submit" value="บันทึกข้อมูล" /></td>
</tr>
</table>
<input type="hidden" name="frmAction" value="<?php echo $_SESSION['frmAction']; ?>" />
</form>
</body>
</html>
<?php
} else {
echo "<meta charset=\"UTF-8\">";
echo "คุณไม่ได้เข้าสู่ระบบ กรุณาเข้าสู่ระบบก่อน!";
echo "<br/>";
echo "<a href='signin.php'>คลิกเพื่อเข้าสู่ระบบ</a>";
}
?>

อธิบาย code
ไฟล์นี้เป็นการแสดงผลหน้าจอการเพิ่มสมาชิก และเมื่อมีการกดปุ่มบันทึกข้อมูล จะทำการเรียกไฟล์ manager_user-add-action.php เพื่อบันทึกเข้าสู่ฐานข้อมูล

 

– สร้างไฟล์ manager_user-add-action.php แล้วนำ code ด้านล่างไปใส่

<?php

session_start();
if (isset($_SESSION['checkSign']) == 'itoffside' AND isset($_SESSION['active'])==2) {
if (isset($_SESSION['frmAction']) == isset($_POST['frmAction'])) {

/*
* include file
*/
include 'config.php';

/*
* set var
*/
$username = mysql_real_escape_string(trim($_POST['username']));
$password = mysql_real_escape_string(trim(md5($_POST['password'])));
$firstname = mysql_real_escape_string(trim($_POST['firstname']));
$lastname = mysql_real_escape_string(trim($_POST['lastname']));
$sex = mysql_real_escape_string(trim($_POST['sex']));
$phone = mysql_real_escape_string(trim($_POST['phone']));
$email = mysql_real_escape_string(trim($_POST['email']));
$active = trim($_POST['active']);
$create_date = date('Y-m-d H:i:s');
$modified_date = date('Y-m-d H:i:s');

/*
* unset var
*/
unset($_SESSION['frmAction']);

/*
* logical programming&Database
*/
$meSQL = "INSERT INTO member ";
$meSQL .= "(username,password,firstname,lastname,sex,phone,email,active,create_date,modified_date) VALUES ";
$meSQL .= "('{$username}','{$password}','{$firstname}','{$lastname}','{$sex}','{$phone}','{$email}','{$active}',";
$meSQL .= "'{$create_date}','{$modified_date}') ";
$meQuery = mysql_query($meSQL);
if ($meQuery == TRUE) {
echo "<meta charset=\"UTF-8\">";
echo "บันทึกข้อมูลสำเร็จ";
echo "<br/>";
echo "<a href='manager_user.php'>ไปหน้าจัดการข้อมูล</a>";
} else {
echo "<meta charset=\"UTF-8\">";
echo "มีปัญหาการบันทึกข้อมูล กรุณากลับไปบันทึกใหม่";
echo "<br/>";
echo "<a href='manager_user.php'>กลับไปหน้าเดิม</a>";
}
mysql_close();
} else {
echo "<meta charset=\"UTF-8\">";
echo "มีข้อผิดพลาดระหว่าง Session!";
echo "<br/>";
echo "<a href='manager_user.php'>กลับไปหน้าเดิม</a>";
}
} else {
echo "<meta charset=\"UTF-8\">";
echo "คุณไม่ได้เข้าสู่ระบบ กรุณาเข้าสู่ระบบก่อน!";
echo "<br/>";
echo "<a href='signin.php'>คลิกเพื่อเข้าสู่ระบบ</a>";
}
?>

อธิบาย code
เมื่อมีการบันทึกการเพิ่มผู้ใช้งาน ไฟล์นี้จะทำการ query ข้อมูลลงสู่ฐานข้อมูล

 

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

หากว่าผู้อ่านมีข้อสงสัยหรือมีคำถามสามารถเขียน Comment ด้านล่างนี้ได้เลยครับ ผมจะตอบทุกคำถาม

The post PHP Workshop ระบบสมาชิก แบบละเอียด ตอนที่ 4 first appeared on itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี.

]]> https://www.itoffside.com/php-workshop-member-system-4/feed/ 4 PHP Workshop ระบบสมาชิก แบบละเอียด ตอนที่ 2 https://www.itoffside.com/php-workshop-member-system-2/ https://www.itoffside.com/php-workshop-member-system-2/#comments Thu, 13 Feb 2014 15:15:58 +0000 https://www.itoffside.com/?p=171 ในตอนที่ 1 นั้นเป็นการสร้างฐานข้อมูลเพื่อใช้ในระบบสมาชิก และในบทความนี้(ตอนที่2)เป็นการเขียนโปรแกรมโดยใช้ Netbeans IDE โดยเริ่มจากการสร้างโปรเจ็คและเขียนไปทีละส่วนงาน เพื่อให้ผู้อ่านทุกคนสามารถเข้าใจได้ง่าย ในบทความนี้จะเขียนอธิบายเกี่ยวกับการเข้าสู่ระบบ เริ่มจากการสร้างหน้าจอและการเขียนโค๊ด และท้าย...

The post PHP Workshop ระบบสมาชิก แบบละเอียด ตอนที่ 2 first appeared on itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี.

]]> ในตอนที่ 1 นั้นเป็นการสร้างฐานข้อมูลเพื่อใช้ในระบบสมาชิก และในบทความนี้(ตอนที่2)เป็นการเขียนโปรแกรมโดยใช้ Netbeans IDE โดยเริ่มจากการสร้างโปรเจ็คและเขียนไปทีละส่วนงาน เพื่อให้ผู้อ่านทุกคนสามารถเข้าใจได้ง่าย ในบทความนี้จะเขียนอธิบายเกี่ยวกับการเข้าสู่ระบบ เริ่มจากการสร้างหน้าจอและการเขียนโค๊ด และท้ายบทความจะเขียนขั้นตอนการทำงาน

– เปิด Netbeans IDE ขึ้นมาแล้วสร้าง Project ชื่อว่า “member” โดยขั้นตอนการสร้าง Project สามารอ่านได้จากบทความนี้ คลิกที่นี้เพื่ออ่าน
php-workshop-member-06

 

– สร้างไฟล์ signin.php (ไฟล์หน้าจอเข้าสู่ระบบ)? โดยให้คุณคลิกขวาที่ Soruce files -> New -> PHP FIle… แล้วตั้งชื่อไฟล์ signin.php และนำ Code ด้านล่างไปใส่ในไฟล์

<?php
session_start();
$_SESSION['frmAction'] = md5('itoffside.com' . rand(1,999999));
?>
<html>
<head>
<meta charset="UTF-8">
<title>เข้าสู่ระบบสมาชิก</title>
</head>
<body>
<form name="signin" action="signin-action.php" method="POST">
<table border="0">
<thead>
<tr>
<th></th>
<th>เข้าสู่ระบบ</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: right; width: 200px;">Username :</td>
<td><input type="text" name="username" value="" size="25" /></td>
</tr>
<tr>
<td style="text-align: right;">Password :</td>
<td><input type="password" name="password" value="" size="20" /></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="ตกลง" name="submit" /></td>
</tr>
</tbody>
</table>
<input type="hidden" name="frmAction" value="<?php echo $_SESSION['frmAction']; ?>" />
</form>
</body>
</html>

 

– หลังจากสร้างหน้าจอเข้าสู่ระบบแล้วให้สร้างไฟล์ชื่อ “config.php” แล้วนำ Code ไปวางใส่ในไฟล์
อธิบาย code : ไฟล์ที่ใช้ในการเชื่อมต่อฐานข้อมูล mysql และสามารถเปลี่ยนค่าตัวแปรรหัสผ่านเข้า SQL? หรือชื่อฐานข้อมูลที่ต้องการเชื่อมต่อ

<?php
/*
* set var
*/
$cfHost = "localhost";
$cfUser = "root";
$cfPassword = "";
$cfDatabase = "mydata";

/*
* connection mysql
*/
$meConnect = mysql_connect($cfHost,$cfUser,$cfPassword) or die("Error conncetion mysql...");
$meDatabase = mysql_select_db($cfDatabase);
mysql_query("SET NAMES UTF8");
?>

– แทรกแถวข้อมูลใส่ตาราง member ซึ่งในบทความนี้จะแทรก user ชื่อ admin และรหัสผ่าน 1234 ลงไป โดยให้ผู้อ่านคัดลอกแล้วนำไป run ที่ PHPMYAdmin

INSERT INTO `mydata`.`member` (`id`, `username`, `password`, `firstname`, `lastname`, `sex`, `phone`, `email`, `active`, `create_date`, `modified_date`) VALUES (NULL, 'admin', '81dc9bdb52d04dc20036dbd8313ed055', 'ขจร', 'ปรามาร', '1', '0811448147', 'it@itoffside.com', '2', '2014-02-13 02:11:04', '');

 

– เมื่อคุณสร้างแถวข้อมูลเสร็จแล้วต่อจากนั้นคุณก็สร้างไฟล์ “signin-action.php” แล้วนำ code ด้านล่างไปใส่ในไฟล์

<?php

session_start();
echo "<meta charset=\"UTF-8\">";
if (isset($_SESSION['frmAction']) == isset($_POST['frmAction'])) {

/*
* include file
*/
include 'config.php';

/*
* set var
*/
$username = mysql_real_escape_string(trim($_POST['username']));
$password = mysql_real_escape_string(trim(md5($_POST['password'])));

/*
* unset var
*/
unset($_SESSION['frmAction']);

/*
* logical programming&Database
*/
$meSQL = "SELECT id,username,active FROM member WHERE username='{$username}' AND password='{$password}' AND active != 0";
$meQuery = mysql_query($meSQL);
$meCount = mysql_num_rows($meQuery);
if ($meCount == 1) {
$meResult = mysql_fetch_assoc($meQuery);
$_SESSION['id'] = $meResult['id'];
$_SESSION['username'] = $meResult['username'];
$_SESSION['active'] = $meResult['active'];
$_SESSION['checkSign'] = 'itoffside';
echo "เข้าสู่ระบบสำเร็จ";
echo "<br/>";
echo "<a href='mainpage.php'>ไปหน้าจัดการข้อมูล</a>";
} else {
echo "ไม่สามารถเข้าสู่ระบบได้เนื่องจากรหัสผิดพลาด";
echo "<br/>";
echo "<a href='signin.php'>กลับไปหน้าเดิม</a>";
}
} else {
echo "มีข้อผิดพลาดระหว่าง Session!";
echo "<br/>";
echo "<a href='signin.php'>กลับไปหน้าเดิม</a>";
}
?>

– ไฟล์ config.php เป็นไฟล์เชื่อมต่อฐานข้อมูลจะถูกเรียกใช้เมื่อมีการเชื่อมต่อฐานข้อมูล โดยส่วนมากมักจะเรียกใช้แบบ include,require
– ไฟล์ signin.php หน้าจอการเข้าสู่ระบบ โดยระบบผู้ใช้และผู้ดูแลสามารถใช้งานในหน้าจอเดียวกันได้
– ไฟล์ signin-action ทำหน้าที่ตรวจสอบข้อมูลจากการส่งค่า POST มาจากไฟล์ signin.php หากมีข้อมูลถูกต้องก็สามารถเข้าถึงและจัดการข้อมูลได้

อ่านต่อ บทความต่อไปของ PHP Workshop ระบบสมาชิก แบบละเอียด ตอนที่ 3

The post PHP Workshop ระบบสมาชิก แบบละเอียด ตอนที่ 2 first appeared on itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี.

]]> https://www.itoffside.com/php-workshop-member-system-2/feed/ 28 Debug PHP ด้วยเครื่องมือ NetBeans IDE และ xDebug https://www.itoffside.com/debug-php-tool-netbeans-ide-xdebug/ https://www.itoffside.com/debug-php-tool-netbeans-ide-xdebug/#respond Thu, 16 Jan 2014 16:15:31 +0000 https://www.itoffside.com/?p=105 การ Debug คือการตรวจสอบหาข้อผิดพลาดของโปรแกรมที่คุณเขียนเป็นเครื่องมือช่วยในการแก้ไขปัญหาและลดขั้นตอนการเขียนโปรแกรมลง ในการเขียนโปรแกรมของภาษา PHP เครื่องมือที่ใช้ Debug คือ xDebug และ NetBeans IDE โดยในบทความนี้จะอธิบายขั้นตอนการติดตั้งและใช้งาน NetBeans IDE และ xDebugบทความนี้ใช้ทรัพยากรของเครื่อ...

The post Debug PHP ด้วยเครื่องมือ NetBeans IDE และ xDebug first appeared on itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี.

]]> การ Debug คือการตรวจสอบหาข้อผิดพลาดของโปรแกรมที่คุณเขียนเป็นเครื่องมือช่วยในการแก้ไขปัญหาและลดขั้นตอนการเขียนโปรแกรมลง ในการเขียนโปรแกรมของภาษา PHP เครื่องมือที่ใช้ Debug คือ xDebug และ NetBeans IDE โดยในบทความนี้จะอธิบายขั้นตอนการติดตั้งและใช้งาน NetBeans IDE และ xDebugบทความนี้ใช้ทรัพยากรของเครื่องดังต่อไปนี้

1. NetBeans IDE
2. PHP เวอร์ชั่น 5 ขึ้นไป (บทความการติดตั้ง PHP บน Windows Server)
3. Web Server ในตัวอย่างนี้ใช้ Apache ซึ่งเป็นชุดติดตั้งที่มาจาก XAMPP 1.8.x4. xDebug ซึ่งจะติดตั้งในบทความนี้
4. xDebug จะติดตั้งในบทความนี้

ขั้นตอนแรก คุณต้องติดตั้ง xDebug ก่อน โดยสามารถดาวน์โหลด dll ได้ที่เว็บไซต์ http://xdebug.org/download.php เมื่อเข้ามาแล้วให้คุณคลิกลิงค์ custom installation instructions. เพื่อโหลดไฟล์ติดตั้งแบบกำหนดเองตามเวอร์ชั่น PHP ที่ติดตั้ง (ตามรูปภาพด้านล่าง)

xDebug-01

 

เปิดบราวเซอร์ขึ้นมาใหม่แล้วเช็คเวอร์ชั่น PHP โดยใช้คำสั่ง phpinfo(); แล้วคลุมดำหน้า phpinfo ทั้งหมด(สามารถกด CTRL+A) แล้ว Copy (สามารถกด CTRL+C) ตามรูปภาพด้านล่าง
xDebug-02

 

เปิดหน้าจอ custom installation instructions. ในขั้นตอนแรกเพื่อที่จะนำข้อมูลที่คุณได้ Copy มาใส่ในช่อง Text Area นี้แล้วคลิกปุ่ม Analyse my phpinfo output ตามรูปภาพตัวอย่างด้านล่าง
xDebug-03

 

ให้คลิกลิงค์ Download php_xdebug-2.2.3-5.4-vc9.dll เพื่อดาวน์โหลดไฟล์
xDebug-04

 

– นำไฟล์ php_xdebug-2.2.3-5.4-vc9.dll ที่ดาวน์โหลด วางไว้ที่โฟล์เดอร์ C:\xampp\php\ext? ซึ่งโฟล์เดอร์ในตัวอย่างบทความนี้เป็น php ที่ถูกติดตั้งจากโปรแกรม XMAPP 1.8.x หากว่าคุณไม่ได้ติดตั้งโปรแกรมจาก XMAPP คุณต้องทำการหาโฟล์เดอร์ที่ติดตั้ง php ในเครื่องของคุณเอง

– หลังจากนั้นคุณต้องเข้าไปแก้ไขไฟล์ php.ini ซึ่งอยู่ในโฟล์เดอร์ C:\xampp\php\php.ini
xDebug-05

– ค้นหาคำว่า “[XDebug]” แล้วแก้ไขข้อมูลตามตัวอย่างด้านล่างนี้
ลบ คอมม่า (;) ออกหน้าข้อความในบรรทัดด้านล่างนี้

  • zend_extension = C:\xampp\php\ext\php_xdebug-2.2.3-5.4-vc9.dll (ค่า php_xdebug-2.2.3-5.4-vc9.dll ของคุณอาจจะไม่เหมือนในบทความ)
  • xdebug.remote_host=localhost
  • xdebug.remote_enable=1 (ค่าเดิมเป็น 0 ให้คุณเปลี่ยนเป็น 1)
  • xdebug.remote_handler = dbgp
  • xdebug.remote_port=9000

ตามรูปภาพด้านล่าง เมื่อแก้ไขแล้ว กด Save
xDebug-06

 

– หลังจากที่คุณแก้ไขไฟล์ php.ini เรียบร้อยแล้วให้คุณ Restart Apache (หรือ Restart เครื่องคอมพิวเตอร์)

ขั้นตอนสอง ตั้งค่าและการใช้งาน NetBeans IDE ร่วมกับ xDebug

– เปิดโปรแกรม NetBeans IDE แล้วคลิกเมนู Tools — Options ตามลำดับ (ดูตัวอย่างจากรูปภาพด้านล่าง)
xDebug-07

 

– ปรากฏหน้าต่าง Opitons ให้คุณเลือกเมนู PHP (1) — แล้วคลิกเลือกแท๊บ Debugging (2) — จากนั้นเปลี่ยนค่า Debugger Port เป็น 9000 (3) เมื่อแก้ไขเสร็จแล้วคลิกปุ่ม OK (4) ตามลำดับ (ตัวอย่างตามรูปภาพด้านล่าง)

xDebug-08

 

– สร้าง Project ใหม่ชื่อว่า xdebug เพื่อทดสอบการใช้งาน xDebug บนโปรแกรม NetBeans IDE

xDebug-09

 

– ให้คุณ Copy โค๊ดที่ผมได้เขียนไว้เป็นตัวอย่างด้านล่างนี้ นำไปวางไว้ในไฟล์ index.php เพื่อทดสอบการใช้งาน debug

<?php

$apple = 5;
$banana = 2;
echo “Price total is ” . sum_price($apple, $banana);
function sum_price($one, $two) {
$price_one = checkPrice($one);
$price_two = checkPrice($two);
$result = $price_one + $price_two;
return $result;
}

function checkPrice($qty) {
$price = 1;
$result = 1;
for ($i = 0; $i < $qty; $i++) {
$result = $result * ($price + $i);
}
return $result;
}
?>

ตามรูปภาพด้านล่าง

xDebug-10

 

– การใช้งาน Debug เพียงคุณต้องการให้โปรแกรมหยุดทำงานเพื่อตรวจสอบโค๊ด ก็เพียงคลิก Break Point ตรงหน้าตัวเลขบรรทัด เมื่อคุณคลิกแล้วจะเป็นสัญลักษณ์สีแดง ตามรูปภาพด้านล่าง (ในกรอบสีแดงสามารถคลิกเพื่อหยุดโปรแกรมเพื่อตรวจสอบได้)
xDebug-12

– จากนั้นให้คุณคลิกปุ่ม Debug หรือพิมพ์คีย์บอร์ด CTRL + F5 (ตัวอย่างรูปภาพด้านล่าง)
xDebug-11

 

– Run Debug แล้วโปรแกรม NetBeans IDE จะเด้งมาหน้าเว็บโหลดค้าง เหมือนรูปภาพด้านล่างนี้ แสดงว่าคุณทำ Debug ได้แล้ว
xDebug-13

 

– ให้คุณกลับมาที่โปรแกรม NetBeans IDE ซึ่งตอนนี้ NetBeans IDE อยู่ในสถานะ Debug (เตรียมตัวตรวจสอบโค๊ด)
xDebug-14

 

ความหมายของปุ่ม Debug ในโปรแกรม NetBeans IDE
00-continue ปุ่ม Continue หมายถึงให้โปรแกรมทำงานตามปกติเมื่อคุณกดปุ่มนี้ (กดปุ่มลัด F5)

00-stop ปุ่ม?Finish Session หมายถึงจบการ Debug โปรแกรมซึ่งหากคุณทำการ Debug โปรแกรมเสร็จแล้วควรคลิกปุ่มนี้ (กดปุ่มลัด Ship+F5)

00-step? ปุ่ม Step infoหมายถึงการ Debug รายละเอียดทั้งหมดในฟังก์ชั่นทั้งหมด (และส่วนอื่นๆของโปรแกรม) (กดปุ่มลัด F7)

00-over-step ปุ่ม Step Over หมายถึงการ Debug ข้ามรายละเอียดการทำงานในฟังก์ชั่น (กดปุ่มลัด F8)

00-out-step ปุ่ม Step out หมายถึง การออกจากการ Debug ในฟังก์ชั่นการทำงานที่ทำอยู่ขณะนั้น (กดปุ่มลัด Ctrl+F7)

00-excute ปุ่ม Run to cursor หมายถึง การ Debug ในตำแหน่งที่ Cursor ชี้อยู่ขณะนั้น (กดปุ่มลัด F4)

 

ในบทความนี้แนะใช้การ Debug โดยกดปุ่ม F7 เพื่อดูรายละเอียดขั้นตอนการทำงานและคุณสามารถใช้เมาส์ Hover ตัวแปร PHP เพื่อดูค่าตัวแปรได้อีกด้วย
xDebug-15

 

การ Debug Netbeans IDE นอกจากจะตรวจสอบแล้วยังสามารถแก้ไขประเภทตัวแปรและค่าตัวแปรได้ตามกรอบสีแดง
xDebug-16

 

สำหรับบทความการใช้งาน NetBeans IDE ในการ Debug โปรแกรมภาษา PHP ก็มีเพียงเท่านี้ซึ่งผมหวังว่ามีประโยชน์ไม่มากก็น้อยในการเขียนโปรแกรม หากใครมีปัญหา แนะนำหรือติชม สามารถแสดงความคิดเห็นได้ครับ

The post Debug PHP ด้วยเครื่องมือ NetBeans IDE และ xDebug first appeared on itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี.

]]> https://www.itoffside.com/debug-php-tool-netbeans-ide-xdebug/feed/ 0 การเชื่อมต่อและจัดการฐานข้อมูล MySQL โดยใช้ Netbeans IDE https://www.itoffside.com/connecting-mysql-database-from-netbeans/ https://www.itoffside.com/connecting-mysql-database-from-netbeans/#comments Sun, 12 Jan 2014 17:07:55 +0000 https://www.itoffside.com/?p=83 บทความนี้นำเสนอการตั้งค่าการเชื่อมต่อฐานข้อมูล Mysql โดยใช้โปรแกรม NetBeans IDE โดยการตั้งค่าการเชื่อมต่อทำเพียงครั้งเดียวหลังจากนั้นคุณก็สามารถสร้างฐานข้อมูล, สร้างตาราง และ Run Sql query ได้ ในตัวอย่างของบทความนี้จะให้ผู้อ่านเข้าใจถึงระบบการจัดการฐานข้อมูลเบื้องต้น เพื่อใช้ความรู้ความเข้าใจมาประยุ...

The post การเชื่อมต่อและจัดการฐานข้อมูล MySQL โดยใช้ Netbeans IDE first appeared on itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี.

]]> บทความนี้นำเสนอการตั้งค่าการเชื่อมต่อฐานข้อมูล Mysql โดยใช้โปรแกรม NetBeans IDE โดยการตั้งค่าการเชื่อมต่อทำเพียงครั้งเดียวหลังจากนั้นคุณก็สามารถสร้างฐานข้อมูล, สร้างตาราง และ Run Sql query ได้ ในตัวอย่างของบทความนี้จะให้ผู้อ่านเข้าใจถึงระบบการจัดการฐานข้อมูลเบื้องต้น เพื่อใช้ความรู้ความเข้าใจมาประยุกต์ใช้กับโปรแกรม NetBeans IDE ด้วย

MySQL คือระบบจัดการฐานข้อมูลที่เป็น Open Source โดยเป็นที่นิยมในการนำมาใช้งานกับเว็บไซต์แอพลิเคชั่น ซึ่ง MySQL มีความเร็ว, ความเสถียร ในการประมวลผล จึงเหมาะสำหรับจะใช้เป็นฐานข้อมูลพัฒนาระบบร่วมกับภาษา PHP

เครื่องมือที่ต้องเตรียมมีดังนี้

1. NetBeans IDE เวอร์ชั่น 7.x
2. Java Development Kit (JDK) เวอร์ชั่น 6 หรือ 7
3. MySQL database server เวอร์ชั่น 5.x

เปิดโปรแกรม NetBeans IDE ขึ้นมา สักเกตุ Panel ด้านซ้ายมือ คลิก Services -> Drivers แล้วคลิกขวาเมนู MySQL เลือกรายการ Connect Using… ตามรูปภาพด้านล่าง

connecting-mysql-database-01

จากนั้นจะปรากฎไดอะล๊อกบ๊อก ให้ใส่ข้อมูลรายละเอียดเกี่ยวกับฐานข้อมูล เมื่อใส่ข้อมูลครบถูกต้อง กด Test Connection เพื่อตรวจสอบการเชื่อมต่อ หากขึ้นข้อความ ” Success connected” แล้วคุณค่อยกด Next ตามรูปภาพด้านล่าง (เช็คถูกตรง Remeber password)

– Host : โฮสของ mysql
– Database : ฐานข้อมูลที่ต้องการเชื่อมต่อ (ในตัวอย่างบทความได้มีการสร้างฐานข้อมูลทดสอบไว้)
– user Name : ชื่อผู้ใช้ฐานข้อมูล
– password : รหัสผ่าน

connecting-mysql-database-02

ในหน้าจอนี้กด Next

connecting-mysql-database-03

ในหน้าจอนี้กด Finish เพื่อเชื่อมต่อฐานข้อมูล

connecting-mysql-database-04

เมื่อทำการเพิ่มการเชื่อมต่อจะมีเมนูเพิ่มขึ้นมาตามรูปภาพด้านล่าง ตรงเมนูนี้ คุณสามารถจัดการฐานข้อมูล MySQL ได้

connecting-mysql-database-05

หลังจากคุณตั้งค่าการเชื่อมต่อสำเร็จ จากนี้บทความจะแนะนำการใช้งานที่เกี่ยวกับโปรแกรม Netbeans IDE และ MySQL Database

การสร้างตาราง (table)
เข้าไปที่ ฐานข้อมูล-> Tables แล้วคลิกขวาเลือกรายการ Create Table…

connecting-mysql-database-06

เมื่อปรากฎไดอะล๊อกบ๊อก ขึ้นมาให้ใส่ชื่อตารางฐานข้อมูล(ในตัวอย่างตั้งชื่อ product) แล้วกด Add column เพื่อเพิ่มฟิล์ดตามรูปภาพด้านล่าง

connecting-mysql-database-07

ให้กรอกรายละเอียดของฟิล์ดตารางข้อมูล

Name : ชื่อฟิล์ดข้อมูล
Type : ประเภทข้อมูล
Size : ขนาดของข้อมูล
Scale : ความจุ
Constraints : กำหนดรายละเอียด PK,Uq,Null,Index ให้กับฟิล์ดข้อมูล

connecting-mysql-database-08

เมื่อสร้างฟิล์ดเสร็จเรียบร้อยแล้ว กด OK เพื่อสร้างตารางข้อมูล(Table) ตามรูปภาพด้านล่าง

connecting-mysql-database-09

ผลลัพธ์การสร้างตาราง

connecting-mysql-database-10

เมื่อคุณสร้างตารางเสร็จแล้วต่อไปเป็นการเพิ่มข้อมูล ให้คลิกขวาตารางที่เพิ่งสร้างแล้ว(ในบทความตารางชื่อ product) เลือกรายการ View Data… ตามรูปภาพด้านล่าง

connecting-mysql-database-11

จากนั้นคลิกปุ่ม Insert Record ตามรูปภาพสี่เหลี่ยมตีกรอบไว้ด้านล่าง

connecting-mysql-database-12

ในหน้าจอนี้หากคุณคลิกปุ่ม Show SQL/Hide SQL หมายถึง เปิดปิด Sql text และ หากคุณเพิ่มข้อมูลแถวแรกเรียบร้อยแล้วหากต้องการเพิ่มเข้าไปอีกให้คลิกปุ่ม Add Row จึงจะสามารถเพิ่มข้อมูลลงไปได้

ถ้าคุณใส่ข้อมูลลงไปให้เรียบร้อยแล้วกด OK

connecting-mysql-database-13

สรุปหน้าจอ Run sql query

sql query text : ใช้สำหรับเขียนภาษา sql เช่น select, insert, update, delete
run button : หลังจากเขียนสคริป sql แล้วสามารถกดปุ่ม run sql ได้
data : เมื่อกดปุ่ม run sql จะมีข้อมูลแสดงผล
result : ผลลัพธ์แสดงรายละเอียดต่างๆในการ run sql

connecting-mysql-database-14

หากมีข้อสงสัยหรือปัญหาการติดตั้งสามารถเขียนคอมเม้นต์ด้านล่างได้เลยครับ

 

 

The post การเชื่อมต่อและจัดการฐานข้อมูล MySQL โดยใช้ Netbeans IDE first appeared on itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี.

]]> https://www.itoffside.com/connecting-mysql-database-from-netbeans/feed/ 8 การสร้าง Project ใหม่ในโปรแกรม NetBeans IDE PHP https://www.itoffside.com/how-to-create-new-project-netbeans-ide-php/ https://www.itoffside.com/how-to-create-new-project-netbeans-ide-php/#respond Thu, 09 Jan 2014 14:44:21 +0000 https://www.itoffside.com/?p=75 การใช้งานโปรแกรม Netbeans IDE เบื้องต้น โดยผมจะแนะนำการสร้าง Project โดยจำลองเครื่องของตัวเองเป็น Server ในบทความนี้ใช้ XMAPP เวอร์ชั่น 1.8 ในการ Run Apache,PHP,MySQL ซึ่งบางคนอาจจะใช้ Appserv, WAMP ก็ได้ 1. คลิก ปุ่มสร้าง Project (วงกลมรูปภาพด้านล่าง) หรือจะคลิกเมนู File – New Project… ...

The post การสร้าง Project ใหม่ในโปรแกรม NetBeans IDE PHP first appeared on itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี.

]]> การใช้งานโปรแกรม Netbeans IDE เบื้องต้น โดยผมจะแนะนำการสร้าง Project โดยจำลองเครื่องของตัวเองเป็น Server ในบทความนี้ใช้ XMAPP เวอร์ชั่น 1.8 ในการ Run Apache,PHP,MySQL ซึ่งบางคนอาจจะใช้ Appserv, WAMP ก็ได้

1. คลิก ปุ่มสร้าง Project (วงกลมรูปภาพด้านล่าง) หรือจะคลิกเมนู File – New Project…

how-to-use-netbeans-ide-php-01

2. ในหน้าจอนี้เลือก Project เป็น PHP Application ตามรูปภาพด้านล่าง แล้วกด Next

how-to-use-netbeans-ide-php-02

3. ในหน้าจอนี้ให้กรอกข้อมูล

  • Project Name : ชื่อ Project ของคุณ
  • Sources Folder : เลือกที่อยู่ของ Project ในตัวอย่างใช้ XMAPP แต่ถ้าหากเป็น Appser ให้เลือกเป็น C:\appserv\www\Projectname (สามารถกด Browse.. หาโฟล์เดอร์ได้)
  • PHP Version : เลือกเวอร์ชั่น PHP ในการพัฒนา

เมื่อกรอกรายละเอียดครับเรียบร้อยแล้วให้คลิกปุ่ม Next

how-to-use-netbeans-ide-php-03

4. ตั้งค่า Run Configuration คุณสามารถเลือกได้ว่า Run as ที่บน Server ได้แต่ในตัวอย่างนี้จะ Run บนเครื่องของตัวเองให้เลือกตามรูปภาพด้านล่าง แล้วกด Next

how-to-use-netbeans-ide-php-04

5. สร้าง Project PHP เสร็จเรียบร้อยแล้ว โฟล์เดอร์งาน Project จะอยู่ด้านซ้าย

how-to-use-netbeans-ide-php-05

หากมีข้อสงสัยหรือปัญหาการติดตั้งสามารถเขียนคอมเม้นต์ด้านล่างได้เลยครับ

The post การสร้าง Project ใหม่ในโปรแกรม NetBeans IDE PHP first appeared on itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี.

]]> https://www.itoffside.com/how-to-create-new-project-netbeans-ide-php/feed/ 0 NetBeans เครื่องมือในการเขียนโปรแกรมภาษา PHP https://www.itoffside.com/netbeans-tool-php/ https://www.itoffside.com/netbeans-tool-php/#comments Wed, 08 Jan 2014 13:23:06 +0000 https://www.itoffside.com/?p=66 เครื่องมือในการเขียนโปรแกรมภาษา PHP มีให้เลือกใช้หลายโปรแกรม ซึ่งในสมัยเครื่องมือในการเขียนโปรแกรมนั้นคือ Macomedia Dreamweaver 8 โดยความสามารถของโปรแกรมนี้ สามารถเขียนโปรแกรมในมุมมอง Code และการออกแบบโดยไม่ต้องเขียนคำสั่ง HTML สามารถลากกล่องเครื่องมือต่างๆ วางไว้ในหน้า Design ได้ ซึ่งจุดนี้เองทำให้...

The post NetBeans เครื่องมือในการเขียนโปรแกรมภาษา PHP first appeared on itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี.

]]> เครื่องมือในการเขียนโปรแกรมภาษา PHP มีให้เลือกใช้หลายโปรแกรม ซึ่งในสมัยเครื่องมือในการเขียนโปรแกรมนั้นคือ Macomedia Dreamweaver 8 โดยความสามารถของโปรแกรมนี้ สามารถเขียนโปรแกรมในมุมมอง Code และการออกแบบโดยไม่ต้องเขียนคำสั่ง HTML สามารถลากกล่องเครื่องมือต่างๆ วางไว้ในหน้า Design ได้ ซึ่งจุดนี้เองทำให้โปรแกรม Dreamweaver นิยมใช้กันมาก(สมัยก่อน) จนมาถึงปัจจุบันได้มีเครื่องมือการเขียนโปรแกรมต่างๆมากมายออกมาให้เลือกใช้งาน ส่วนตัวผมเลือกใช้งาน NetBeans เลยมาเขียนบทความแนะนำการใช้งาน ซึ่งจะเริ่มการใช้งานแบบง่ายๆไม่ยุ่งยากซับซ้อน

อันดับแรกให้คุณดาวน์โหลดโปรแกรมก่อนที่เว็บ https://netbeans.org/ เมื่อดาวน์โหลดมาเสร็จแล้วให้ทำการติดตั้ง กรณีที่ติดตั้งไม่ได้ให้โหลดโปรแกรม JDK แล้วติดตั้งก่อนโดยหาดาวน์โหลดได้จากเว็บ http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html

หลังจากที่ติดตั้งโปรแกรมเรียบร้อย ให้เปิดโปรแกรมเข้ามาใช้งาน มีหน้าตาโปรแกรมแบบนี้

netbeans-tool-php-01

บทความต่อไปจะเขียนเรื่องการสร้าง Project การจัดการไฟล์ใน Project และการตั้งค่าพื้นฐาน NetBeans

หากมีข้อสงสัยหรือปัญหาการติดตั้งสามารถเขียนคอมเม้นต์ด้านล่างได้เลยครับ

The post NetBeans เครื่องมือในการเขียนโปรแกรมภาษา PHP first appeared on itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี.

]]> https://www.itoffside.com/netbeans-tool-php/feed/ 2