netbeans - itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี

รูปภาพสไลด์ด้วย Nivo Slider jQuery Plugin

Onmobile — Sun, 18 Jan 2015 13:32:44 +0000

การทำรูปภาพสไลด์เป็นที่นิยมเนื่องจากมีความสวยงามแล้วยังประหยัดพื้นที่การแสดงผลรูปภาพอีกด้วย โดยในบทความนี้ผมแนะนำการใช้งาน Nivo Slider Jquery Plugin ซึ่งการนำมาประยุกต์ใช้งานได้ง่ายไม่ซ้ำซ้อนและตรงตามความต้องการ อีกทั้งยังมีการปรับแต่งได้มากมาย

เว็บผู้พัฒนา : http://docs.dev7studios.com/jquery-plugins/nivo-slider

ตัวอย่าง (demo)

http://sysapp.itoffside.com/slide/

การติดตั้ง
1. ดาวน์โหลด Nivo Slider jQuery Plugin ได้ที่ คลิกที่นี้เพื่อดาวน์โหลด
2. include ไฟล์ css และไฟล์ js ไว้ใน ของเว็บไซต์คุณ ตามโค๊ดตัวอย่างด้านล่าง
nivo-slider

หากคุณมี jquery.min.js อยู่แล้วคุณไม่จำเป็นต้อง include จาก googleapis.com คุณสามารถ include จากไฟล์ที่มีอยู่แล้วได้โดยไฟล์ jQuery ต้องมีเวอร์ชั่น 1.7 หรือมากว่าขึ้นไป

การใช้งาน
1. ติดตั้งสคริปต์ javascript ไว้ใน

2. เพิ่ม html รูปภาพ

แล้วจะได้ผลลัพธ์ตามรูปภาพด้านล่าง

สำหรับบทความนี้เป็นเพียงตัวอย่างการใช้งานง่ายๆ สำหรับรูปภาพ slide สวยๆหวังว่าคงเป็นประโยชน์สำหรับหลายๆคน ถ้าหากมีคำถาม comment ด้านล่างได้เลยครับ

The post รูปภาพสไลด์ด้วย Nivo Slider jQuery Plugin first appeared on itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี.

การส่งอีเมล์ด้วย PHPMailer (โดยส่งผ่านอีเมล์ Gmail SMTP)

Onmobile — Tue, 13 Jan 2015 17:10:11 +0000

PHPMailer เป็น Class ที่ถูกพัฒนาขึ้นในการส่งอีเมล์ เพื่อความสะดวกสบายในการเรียกใช้งานซึ่งโดยปกติทาง PHP มีฟังก์ชั่นการส่งอีเมล์คือ mail() แต่ติดปัญหาคือเมล์ที่ส่งไปนั้นไม่ได้รับเนื่องจากอีเมล์ฉบับนั้นอยู่ใน Junkmail จึงทำให้รับความลำบากในการแก้ไขปัญหา ดังนั้น การใช้งาน PHPMailer จึงเป็นทางเลือกหนึ่งในการแก้ไขปัญหาและ อีกทั้ง PHPMailer สามารถใช้งานได้ง่ายหากให้ gmail.com ในการส่งอีเมล์ โดยตัวอย่างบทความใช้ gmail SMTP

สำหรับ PHPMailer คุณสามารถดาวน์โหลดได้ที่ คลิกที่นี้เพื่อดาวน์โหลด
เว็บหลักของ PHPMailer https://github.com/PHPMailer/

การติดตั้ง
1. หลังจากดาวน์โหลดมาแล้วให้ทำการแตกไฟล์ออกจะได้โฟล์เดอร์ PHPMailer
2. Copy โฟล์เดอร์ PHPMailer มาไว้ในโปรเจคของคุณ

การใช้งาน
1. สร้างไฟล์ขึ้นมาหนึ่งไฟล์เพื่อทำการส่งอีเมล์ในตัวอย่างนี้สร้างไฟล์ชื่อ send.php แล้วให้คุณนำ code ที่ผมเขียนไปวางใส่

isSMTP();
//Enable SMTP debugging
// 0 = off (for production use)
// 1 = client messages
// 2 = client and server messages
$mail->SMTPDebug = 0;
//Ask for HTML-friendly debug output
$mail->Debugoutput = 'html';
//Set the hostname of the mail server
$mail->Host = "smtp.gmail.com";
//Set the SMTP port number - likely to be 25, 465 or 587
$mail->Port = 587;
//Set the encryption system to use - ssl (deprecated) or tls
$mail->SMTPSecure = 'tls';
//Whether to use SMTP authentication
$mail->SMTPAuth = true;
//Username to use for SMTP authentication
$mail->Username = "your@gmail.com";
//Password to use for SMTP authentication
$mail->Password = "yourpassword";
//Set who the message is to be sent from
$mail->setFrom('your@gmail.com', 'Tony jone');
//Set who the message is to be sent to
$mail->addAddress('test@itoffside.com', 'itoffside');
//Set the subject line
$mail->Subject = 'itOffside.com test email';
//Read an HTML message body from an external file, convert referenced images to embedded,
//convert HTML into a basic plain-text alternative body
//$mail->msgHTML(file_get_contents('content.html'), dirname(__FILE__));
$mail->msgHTML("Test email by itoffside.com");

//send the message, check for errors
if (!$mail->send()) {
    echo "Mailer Error: " . $mail->ErrorInfo;
} else {
    echo "Message sent!";
}

ความหมายแต่ละฟังก์ชั่นการทำการที่สำคัญ

require 'PHPMailer/PHPMailerAutoload.php';

ทำการเรียกหาไฟล์ PHPMailerAutoload.php เพื่อใช้ฟังก์ชั่นส่งอีเมล์
$mail->SMTPDebug = 0; คือต้องการ debug หรือไม่หากไม่ใส่ 0
$mail->Host = “smtp.gmail.com”; คือ ค่า smtp ที่คุณจะต้องใส่หากส่งโดย gmail ให้ใส่ตามตัวอย่างส่วน hotmail ผมยังไม่ได้ทดสอบ
$mail->Port = 587; คือ เลขพอร์ทของอีเมล์ หากส่งโดย gmail ให้ใส่ตามตัวอย่าง
$mail->Username = “yourmail@gmail.com”;? ชื่ออีเมล์ที่จะส่ง(แนะนำให้ใช้ gmail)
$mail->Password = “yourpassword”; รหัสผ่านที่ใช้ในการเข้าอีเมล์ของคุณ
$mail->setFrom(‘tangeaim.ball@gmail.com’, ‘Tony jone’); ใส่ชื่ออีเมล์คุณและชื่อ นามสกุลคุณตามตัวอย่าง
$mail->addAddress(‘xxxxxxx@hotmail.com’, ‘itoffside’); ใส่ชื่ออีเมล์ที่รับและชื่อ นามสกุลของคนที่รับอีเมล์
$mail->Subject = ‘itOffside.com test email’; ชื่อเรื่องของอีเมล์
$mail->msgHTML(“Test email by itoffside.com”); ข้อความอีเมล์
*หมายเหตุหากต้องการข้อความที่เป็น html ให้เปลี่ยนเป็นดังนี้ $mail->msgHTML(file_get_contents(‘content.html’), dirname(__FILE__));

//send the message, check for errors
if (!$mail->send()) {
echo “Mailer Error: ” . $mail->ErrorInfo;
} else {
echo “Message sent!”;
}
แสดงผลการส่งอีเมล์ (หากส่งสำเร็จส่งข้อความ Message sent!)
ผลลัพธ์

ได้รับอีเมล์ที่ส่งมาจาก code PHPMailer

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

The post การส่งอีเมล์ด้วย PHPMailer (โดยส่งผ่านอีเมล์ Gmail SMTP) first appeared on itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี.

แจกเว็บไซต์ระบบอีคอมเมิร์ซ(E-Commerce) สำหรับพัฒนา

Onmobile — Sun, 11 Jan 2015 09:42:09 +0000

เว็บไซต์ระบบอีคอมเมิร์ซ(E-Commerce)เป็นระบบเว็บไซต์ที่ลูกค้าสามารถสั่งซื้อสินค้าผ่านเว็บไซต์ได้ตลอด 24 ชั่วโมงจึงทำให้ปัจจุบันมีเว็บไซต์อีคอมเมิร์ซมากมาย ดังนั้นผมจึงเขียนเว็บไซต์อีคอมเมิร์ซขึ้นมาเพื่อให้ผู้อ่านทุกคนศึกษาการทำงานและนำไปเป็นตัวอย่างได้ซึ่งระบบเว็บอีคอมเมิร์ซ(E-Commerce) ผมได้ใช้ภาษา PHP ในการพัฒนา(เขียน) ขึ้นและใช้ฐานข้อมูล MySQL ในการเก็บจัดการข้อมูลและใช้เครื่องมือ(Tool) css คือ bootstrap ในการสร้างหน้าจอสำหรับหน้าเว็บและหลังเว็บ(frontend/backend) และสิ่งสำคัญสำหรับในยุคปัจจุบันคือ SEO ผมได้พัฒนาเว็บไซต์โดยให้ URL เป็นมิตร(อ่านง่าย) เพื่อ SEO โดยหากคุณดาวน์โหลดนำไปใช้งานหรือทดลองต้องเปิด mod_rewrite ที่ Apache ก่อนครับ
ตัวอย่างให้คุณได้ทดลองระบบที่ คลิกที่นี้(Demo)
เข้าหน้าจัดการระบบ? http://sysapp.itoffside.com/ecproduct/itoffside-admin
username:tawatsak
password:12345678

หากต้องการดาวน์โหลด sorce code ทางผู้พัฒนาสามารถดาวน์โหลดได้ที่ลิงค์ด้านล่างนี้

[sociallocker]

คลิกที่นี้เพื่อดาวน์โหลด

และสำหรับ เวอร์ชั่น Codeigneter V3 ที่ทางผู้พัฒนา Tanny Chan ได้ร่วมเข้าพัฒนาด้วย สามารถดาวน์โหลดได้ที่ คลิกที่นี้เพื่อดาวน์โหลด

Link สำหรับ Git
ecProduct Git

[/sociallocker]

ส่วนของการติดตั้งอยู่ในบทความนี้ ด้านล่างครับ

ระบบเว็บอีคอมเมิร์ซมีฟังก์ชั่นการทำงานดังนี้
1. ระบบตะกร้าสินค้า
2. ระบบสั่งซื้อสินค้า
3. ระบบจัดการสินค้า/หมวดหมู่สินค้า
4. ระบบจัดการสั่งซื้อสินค้า
5. ระบบจัดการการชำระเงิน
6. ระบบจัดการเนื้อหาเบื้องต้น

รูปภาพตัวอย่างระบบเว็บอีคอมเมิร์ซ(E-Commerce)
1. แสดงรายการสินค้า ตามหมวดหมู่/ทั้งหมด

2. ระบบตะกร้าสินค้า สามารถเปลี่ยนแปลงข้อมูลในตะกร้าตลอดเวลาก่อนการสั่งซื้อ

3. ระบบสั่งซื้อสินค้า

4. ระบบจัดการข้อมูลสินค้า (admin)

5. หยิบสินค้าใส่ตะกร้า

6. ระบบจัดการ การสั่งซื้อสินค้า (admin)

7. ระบบการจัดการ การชำระเงิน

การติดตั้ง
1. ดาวน์โหลดไฟล์มาแล้วให้นำมาวางที่เซิฟเวอร์หรือเซิฟเวอร์จำลองของเครื่องคุณ(จากตัวอย่างผมใช้ XAMPP ผมต้องนำไฟล์ที่ผมดาวน์โหลดมาวางไว้ที่ C:\xampp\htdocs และจะได้เป็น C:\xampp\htdocs\ecproduct)
2. ทำการ Import ฐานข้อมูลโดยไฟล์ที่จะนำไป import อยู่ที่โฟล์เดอร์ ecproduct ชื่อไฟล์ ecproduct.sql (ต้องสร้างฐานข้อมูล ชื่อ ecproduct ก่อนแล้วนำไฟล์เข้าไป import ใส่ไว้)
3. ทำการเปลี่ยนค่าฐานข้อมูลให้ตรงกับข้อมูลของคุณ เช่น (รหัสผ่านเข้าฐานข้อมูล) ซึ่งไฟล์ในการแก้ไขอยู่ในโฟล์เดอร์ ecproduct\library\database.php (แก้ไขบรรทัดที่ 10-12)
4. แก้ไขไฟล์ \library\core.php บรรทัดที่ 4 และบรรทัดที่ 8 ให้ตรงตามเว็บไซต์ของคุณ
5. แก้ไขไฟล์ .htaccess ในบรรทัดที่ 3 หากชื่อโฟล์เดอร์คุณเปลี่ยนต้องแก้ไขหรือเมื่อคุณอัพโหลดไว้บนเซิฟเวอร์
6. หากคุณอัพโหลดขึ้นบนเซิฟเวอร์คุณต้องกำหนดสิทธิ์โฟล์เดอร์ ecproduct\upload ให้เป็น CHMOD 777
7. เริ่มใช้งานระบบอีคอมเมิร์ซ(E-Commerce)

Sourcecode ที่ผมแจก คุณสามารถนำไปพัฒนาต่อหรือนำไปใช้งานต่อได้และผมจะพัฒนาระบบอีคอมเมิร์ซ(E-Commerce)? ecProduct ต่อไปครับ
ผมหวังว่าระบบเว็บไซต์อีคอมเมิร์ซ(E-Commerce) เป็นตัวอย่างที่ดีให้กับผู้ที่เริ่มศึกษาหรือผู้ที่ต้องการดู Sourcecode เป็นตัวอย่างในการเรียนรู้และนำไปพัฒนา และผมหวังเป็นอย่างยิ่งหากคุณชอบรบกวน กด LIKE ที่แฟนเพจด้านขวามือด้วยครับ

หากใครมีปัญหาการติดตั้งในส่วนไหน แจ้งมาที่ Comment ด้านล่างหรือแจ้งมาทางอีเมล์ของผม

The post แจกเว็บไซต์ระบบอีคอมเมิร์ซ(E-Commerce) สำหรับพัฒนา first appeared on itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี.

PHP Workshop ระบบกระทู้ ถาม ตอบ (Webboard)

Onmobile — Wed, 29 Oct 2014 16:13:44 +0000

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

ภาพรวมของไฟล์ที่จำเป็นต้องสร้างมีดังนี้

1. new_topic.php
2. add_new_topic.php
3. main_webboard.php
4. view_topic.php
5. add_answer.php

ขั้นตอน
1. สร้างฐานข้อมูลชื่อ webboard และสร้างตาราง 2 ตารางชื่อ questions และ answers ตามลำดับ

รูปภาพการสร้างฐานข้อมูลและตารางข้อมูล

Script สำหรับ สร้างตาราง

--
-- Table structure for table `answers`
--

CREATE TABLE IF NOT EXISTS `answers` (
`id` int(11) NOT NULL,
  `name` varchar(70) COLLATE utf8_unicode_ci NOT NULL,
  `email` varchar(70) COLLATE utf8_unicode_ci NOT NULL,
  `detail` longtext COLLATE utf8_unicode_ci NOT NULL,
  `question_id` int(11) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=1 ;

-- --------------------------------------------------------

--
-- Table structure for table `questions`
--

CREATE TABLE IF NOT EXISTS `questions` (
`id` int(11) NOT NULL,
  `topic` varchar(255) COLLATE utf8_unicode_ci NOT NULL,
  `detail` longtext COLLATE utf8_unicode_ci NOT NULL,
  `name` varchar(70) COLLATE utf8_unicode_ci NOT NULL,
  `email` varchar(70) COLLATE utf8_unicode_ci NOT NULL,
  `created` datetime NOT NULL,
  `view` int(4) NOT NULL,
  `reply` int(4) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=1 ;

--
-- Indexes for table `answers`
--
ALTER TABLE `answers`
 ADD PRIMARY KEY (`id`);

--
-- AUTO_INCREMENT for dumped tables
--

--
-- AUTO_INCREMENT for table `answers`
--
ALTER TABLE `answers`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT;
--
-- AUTO_INCREMENT for table `questions`
--
ALTER TABLE `questions`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT;

--
-- Indexes for table `questions`
--
ALTER TABLE `questions`
 ADD PRIMARY KEY (`id`);

2. สร้างโปรเจ็คงานชื่อ webboard ขึ้นมาจากโปรแกรม netbeansIDE (วิธีการสร้างโปรเจคงานคลิกที่นี้)

รูปภาพการสร้างโปรเจค

3. สร้างไฟล์ connect.php เพื่อเชื่อมต่อฐานข้อมูล

4. สร้างไฟล์ new_topic.php แล้วนำ Code ด้านล่างใส่ลงไปในไฟล์



 
 
 
 ตั้งกระทู้
 
 
 
 
 
 
 
 
 ตั้งกระทู้ 
 
 
 ชื่อหัวข้อกระทู้
 
 
 
 รายละเอียด
 
 
 
 ชื่อผู้ตั้งกระทู้
 
 
 
 อีเมล์ผู้ตั้งกระทู้

ผลลัพธ์

รูปภาพจากไฟล์ new_topic.php

คำอธิบายการทำงานในไฟล์นี้ : ไฟล์นี้มีหน้าที่สร้างหน้าจอการตั้งกระทู้ เพื่อส่งข้อมูลฟอร์มให้กับไฟล์ add_new_topic.php

5. สร้างไฟล์ add_new_topic.php แล้วนำ code ด้านล่างไปใส่

";
 echo "Back to view your topic.";
}
mysql_close();

ผลลัพธ์

เมื่อผู้ใช้กรอกข้อมูล

ระบบทำการบันทึกข้อมูลแล้วและแจ้งให้ผู้ใช้รับทราบ

คำอธิบายการทำงานในไฟล์นี้ : ไฟล์นี้ทำหน้าที่บันทึกข้อมูลลงฐานข้อมูล(Mysql) ถ้าหากบันทึกข้อมูลสำเร็จจะแสดงหน้าจอแจ้งว่าสำเร็จ(Success!) และแสดงลิงค์ให้ผู้ใช้กดกลับไปหน้าหลักของระบบ Webboard

6. สร้างไฟล์ main_webboard.php แล้วนำ code ด้านล่างไปใส่ ซึ่งหน้าที่ของไฟล์นี้คือเป็นหน้าจอแสดงหัวข้อกระทู้ต่างๆ




 
 
 
 ระบบ Webboard กระทู้ ถาม ตอบ
 
 
 
 ตั้งกระทู้ คลิกที่นี้
 
 
 
 ลำดับ
 หัวข้อกระทู้
 อ่าน
 ตอบ
 วันที่ตั้งกระทู้

ผลลัพธ์

แสดงรายละเอียดกระทู้ต่างๆ

7. สร้างไฟล์ view_topic.php แล้วนำ code ด้านล่างใส่

รายละเอียดกระทู้



ชื่อผู้ตั้งกระทู้ : อีเมล์ผู้ตั้งกระทู้ :
วันที่ตั้งกระทู้ :

0) { $i = 1; while ($result_a = mysql_fetch_assoc($query_a)) { ?>

ชื่อผู้ตอบ
อีเมล์
รายละเอียดคำตอบ

ไม่มีคำตอบ

ผลลัพธ์

คำอธิบาย code : ไฟล์ view_topic.php มีหน้าที่แสดงรายละเอียดกระทู้และคำตอบที่ตอบในกระทู้นั้นๆ และระบบยังมีกล่องข้อความให้ผู้ใช้งานเขียนคำตอบเข้ามาตอบได้

8. สร้างไฟล์ add_answer.php แล้วนำ code ด้านล่างใส่

";
        echo "Back to view your topic.";
    }
    mysql_close();
}

คำอธิบาย : หลังจากมีผู้ใช้เขียนคำตอบลงไปในฟอร์ม ไฟล์นี้จะทำหน้าที่บันทึกเข้าสู่ฐานข้อมูล

ดาวน์โหลดไฟล์และฐานข้อมูล(Database Mysql) ได้ คลิกที่นี้

จบแล้วเรียบร้อยสำหรับระบบ Webboard กระทู้ ถาม ตอบ แบบง่ายๆที่ผู้อ่านสามารถเข้าใจง่าย หากมีข้อสงสัยหรือปัญหา เขียน comment ด้านล่าง ครับ

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

PHP Workshop ระบบสมาชิก แบบละเอียด ตอนที่ 4

Onmobile — Tue, 25 Feb 2014 15:03:30 +0000

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

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





จัดการผู้ใช้งาน


หน้าแรกระบบจัดการสมาชิก

หน้าแรก

จัดการผู้ใช้งาน

แก้ไขข้อมูลส่วนตัว
ออกจากระบบ


จัดการผู้ใช้งาน
<<<<---เพิ่มผู้ใช้งานใหม่--->>>>

 0) {
?>
รายชื่อผู้ใช้งาน



รหัสผู้ใช้
ชื่อเข้าใช้
ชื่อ - นามสกุล
เพศ
เบอร์โทร
อีเมล์
วันที่สร้าง
 







 




ลบผู้ใช้




ไม่มีข้อมูลผู้ใช้งาน";
}
?>


";
echo "คุณไม่ได้เข้าสู่ระบบ กรุณาเข้าสู่ระบบก่อน!";
echo "
";
echo "คลิกเพื่อเข้าสู่ระบบ";
}
?>

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

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

";
echo "ลบข้อมูลสำเร็จ";
echo "
";
echo "ไปหน้าจัดการข้อมูล";
} else {
echo "";
echo "มีปัญหาการลบข้อมูล กรุณากลับไปบันทึกใหม่";
echo "
";
echo "กลับไปหน้าเดิม";
}
mysql_close();
} else {
echo "";
echo "คุณไม่ได้เข้าสู่ระบบ กรุณาเข้าสู่ระบบก่อน!";
echo "
";
echo "คลิกเพื่อเข้าสู่ระบบ";
}
?>

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

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





เพิ่มผู้ใช้งานใหม่


เพิ่มผู้ใช้งาน

หน้าแรก

จัดการผู้ใช้งาน

แก้ไขข้อมูลส่วนตัว
ออกจากระบบ


ข้อมูลส่วนตัว



ชื่อผู้ใช้งาน



รหัสผ่าน



ชื่อจริง



นามสกุลจริง



เพศ

ชาย |
หญิง



เบอร์โทรศัพท์



อีเมล์



ระดับผู้ใช้งาน

ผู้ใช้ทั่วไป |
ผู้ดูแลระบบ



 







";
echo "คุณไม่ได้เข้าสู่ระบบ กรุณาเข้าสู่ระบบก่อน!";
echo "
";
echo "คลิกเพื่อเข้าสู่ระบบ";
}
?>

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

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

";
echo "บันทึกข้อมูลสำเร็จ";
echo "
";
echo "ไปหน้าจัดการข้อมูล";
} else {
echo "";
echo "มีปัญหาการบันทึกข้อมูล กรุณากลับไปบันทึกใหม่";
echo "
";
echo "กลับไปหน้าเดิม";
}
mysql_close();
} else {
echo "";
echo "มีข้อผิดพลาดระหว่าง Session!";
echo "
";
echo "กลับไปหน้าเดิม";
}
} else {
echo "";
echo "คุณไม่ได้เข้าสู่ระบบ กรุณาเข้าสู่ระบบก่อน!";
echo "
";
echo "คลิกเพื่อเข้าสู่ระบบ";
}
?>

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

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

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

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

PHP Workshop ระบบสมาชิก แบบละเอียด ตอนที่ 3

Onmobile — Sun, 16 Feb 2014 09:56:13 +0000

ต่อจากบทความที่ บทความนี้เป็นการเขียนโปรแกรมต่อจาก การเข้าสู่ระบบ บทความนี้จะเขียนในส่วนของจัดการข้อมูลส่วนตัว โดยจะเขียนเป็น Code และอธิบายให้กับผู้อ่านให้เข้าใจถึงกระบวนการทำงานแต่ละไฟล์

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








หน้าแรกระบบจัดการสมาชิก

หน้าแรก

จัดการผู้ใช้งาน

แก้ไขข้อมูลส่วนตัว
ออกจากระบบ



";
echo "คุณไม่ได้เข้าสู่ระบบ กรุณาเข้าสู่ระบบก่อน!";
echo "
";
echo "คลิกเพื่อเข้าสู่ระบบ";
}
?>

อธิบาย Code ด้านบน
ไฟล์ mainpage.php มีการตรวจสอบการเข้าสู่ระบบและแสดงรายการเมนู “แก้ไขข้อมูลส่วนตัว” และ เมนู “จัดการผู้ใช้งาน” ซึ่งเมนูนี้ผู้ดูแลระบบเท่านั้นที่สามารถมองเห็นได้

– สร้างไฟล์ “update_profile.php” แล้วใส่ code ลงไปในไฟล์





แก้ไขข้อมูล <?php echo $meResult['username']; ?>


หน้าแรกระบบจัดการสมาชิก

หน้าแรก

จัดการผู้ใช้งาน

แก้ไขข้อมูลส่วนตัว
ออกจากระบบ


จัดการข้อมูลส่วนตัว



ไอดี



ชื่อผู้ใช้งาน



ชื่อจริง



นามสกุลจริง



เพศ


/>ชาย |

/>หญิง



เบอร์โทรศัพท์



อีเมล์



สถานะการใช้งาน





วันที่สร้าง



 







";
echo "คุณไม่ได้เข้าสู่ระบบ กรุณาเข้าสู่ระบบก่อน!";
echo "
";
echo "คลิกเพื่อเข้าสู่ระบบ";
}
?>

อธิบาย Code
ในไฟล์ update_profile.php เป็นการแสดงหน้าจอข้อมูลส่วนตัวของ user ที่เข้ามา Signin โดยมีการดึงข้อมูลส่วนตัวจาก mysql มาแสดงผล ที่ฟอร์มแก้ไขข้อมูล เมื่อผู้ใช้มีการเปลี่ยนแปลงข้อมูลในฟอร์มนี้แล้วกดปุ่มบันทึกข้อมูลลงไป จะทำการ action ไปที่ไฟล์ “update_profile-action.php” เมื่อเขียนโปรแกรมเสร็จแล้วคุณจะได้หน้าจอตามตัวอย่างรูปภาพด้านล่างนี้ครับ

– สร้างไฟล์ “update_profile.php” แล้วใส่ code ลงไปในไฟล์

";
echo "บันทึกข้อมูลสำเร็จ";
echo "
";
echo "ไปหน้าจัดการข้อมูล";
} else {
echo "";
echo "มีปัญหาการบันทึกข้อมูล กรุณากลับไปบันทึกใหม่";
echo "
";
echo "กลับไปหน้าเดิม";
}
mysql_close();
} else {
echo "";
echo "มีข้อผิดพลาดระหว่าง Session!";
echo "
";
echo "กลับไปหน้าเดิม";
}
} else {
echo "";
echo "คุณไม่ได้เข้าสู่ระบบ กรุณาเข้าสู่ระบบก่อน!";
echo "
";
echo "คลิกเพื่อเข้าสู่ระบบ";
}
?>

อธิบาย Code
หลังจากมีการกดปุ่ม บันทึกข้อมูล ค่าฟอร์มจาก update_ profile.php จะส่งมาที่ไฟล์ “update_profile-action.php” ซึ่งในไฟล์นี้เองจะนำค่าฟอร์มไปบันทึกลงฐานข้อมูลด้วยการเขียนโปรแกรมเชื่อมต่อและ update ข้อมูล

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

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

PHP Workshop ระบบสมาชิก แบบละเอียด ตอนที่ 2

Onmobile — Thu, 13 Feb 2014 15:15:58 +0000

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

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

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





เข้าสู่ระบบสมาชิก







เข้าสู่ระบบ




Username :



Password :

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

– แทรกแถวข้อมูลใส่ตาราง 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 ด้านล่างไปใส่ในไฟล์

";
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 "
";
echo "ไปหน้าจัดการข้อมูล";
} else {
echo "ไม่สามารถเข้าสู่ระบบได้เนื่องจากรหัสผิดพลาด";
echo "
";
echo "กลับไปหน้าเดิม";
}
} else {
echo "มีข้อผิดพลาดระหว่าง Session!";
echo "
";
echo "กลับไปหน้าเดิม";
}
?>

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

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

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

PHP Workshop ระบบสมาชิก แบบละเอียด ตอนที่ 1

Onmobile — Mon, 03 Feb 2014 14:03:45 +0000

บทความนี้สอนการสร้างระบบสมาชิกด้วยภาษา PHP และใช้ฐานข้อมูล MySQL เป็นระบบง่ายๆไม่ได้ซับซ้อนผู้อ่านทุกคนสามารถนำไปประยุกช์การใช้งานในด้านอื่นๆได้ ผู้อ่านที่เพิ่งเริ่มเขียนโปรแกรม PHP สามารถเข้าใจระบบและ Source Code รวมทั้งบทความนี้จะแนะนำการใช้งานฐานข้อมูลโดยใช้เครื่องมือ phpMyadmin (เครื่องมือจัดการฐานข้อมูลบนบราวเซอร์)

ระบบสมาชิกมีขอบเขตดังต่อไปนี้

1. ผู้ใช้งานอื่นสามารถสมัครสมาชิกได้
2. สมาชิกสามารถเข้าสู่ระบบและแก้ไขข้อมูลส่วนตัวได้
3. ผู้ดูแลระบบสามารถจัดการสมาชิกได้ (แก้ไข, ลบ)

ขั้นตอนต่อมาให้คุณสร้างฐานข้อมูล โดยมีตาราง member(เก็บข้อมูลสมาชิก) และในตาราง member นี้มีฟิล์ดดังต่อไปนี้

member
– id (รหัสระบบสมาชิก)
– username (ชื่อเข้าใช้ระบบ)
– password (รหัสเข้าใช้ระบบ)
– fristname (ชื่อจริง)
– lastname (นามสกุล)
– sex (เพศ)
– phone (เบอร์โทรศัพท์)
– email (อีเมล์)
– active (สถานะการใช้งาน)
– create_date (วันที่สมัครสมาชิก)
– modified_date (วันที่แก้ไขข้อมูล)

การสร้างฐานข้อมูลและตาราง สามารถใช้เครื่องมือช่วยสร้างได้ netbeans IDE หรือ phpMyadmin ซึ่งในบทความนี้ใช้ phpMyadmin ในการสอน

– ให้เปิดเว็บบราวเซอร์ขึ้นมา เพื่อเข้า phpMyadmin โดยพิมพ์ในช่อง Addressbar : http://localhost/phpmyadmin
– คลิกเมนู Database ตามรูปภาพด้านล่าง

– สร้างฐานข้อมูล หมายเลข 1 คือชื่อฐานข้อมูลตามรูปภาพด้านล่าง

– สร้างตารางข้อมูล ชื่อ “member”

– กำหนดรายละเอียดและคุณสมบัตของฟิล์ดข้อมูล

– หากใครจะนำ code นี้ไป run sql ก็สามารถทำได้โดยไม่ต้องทำในขั้นตอนสร้างชื่อฐานขัอมูล-สร้างฟิล์ดข้อมูล

-- phpMyAdmin SQL Dump
-- version 4.0.9
-- http://www.phpmyadmin.net
--
-- Host: 127.0.0.1
-- Generation Time: Jan 31, 2014 at 02:22 PM
-- Server version: 5.5.34
-- PHP Version: 5.4.22

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";

--
-- Database: `mydata`
--

-- --------------------------------------------------------

--
-- Table structure for table `member`
--

CREATE TABLE IF NOT EXISTS `member` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`username` varchar(50) COLLATE utf8_unicode_ci NOT NULL,
`password` varchar(50) COLLATE utf8_unicode_ci NOT NULL,
`firstname` varchar(50) COLLATE utf8_unicode_ci NOT NULL,
`lastname` varchar(50) COLLATE utf8_unicode_ci NOT NULL,
`sex` tinyint(4) NOT NULL,
`phone` varchar(20) COLLATE utf8_unicode_ci NOT NULL,
`email` varchar(100) COLLATE utf8_unicode_ci NOT NULL,
`active` tinyint(4) NOT NULL,
`create_date` datetime NOT NULL,
`modified_date` datetime NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=1 ;

เมื่อคุณสร้างตารางข้อมูลแล้วคุณจะได้หน้าตาแบบรูปภาพด้านล่าง

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

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

Debug PHP ด้วยเครื่องมือ NetBeans IDE และ xDebug

Onmobile — Thu, 16 Jan 2014 16:15:31 +0000

การ 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 ที่ติดตั้ง (ตามรูปภาพด้านล่าง)

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

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

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

– นำไฟล์ 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]” แล้วแก้ไขข้อมูลตามตัวอย่างด้านล่างนี้
ลบ คอมม่า (;) ออกหน้าข้อความในบรรทัดด้านล่างนี้

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

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

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

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

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

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

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

$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;
}
?>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

การเชื่อมต่อและจัดการฐานข้อมูล MySQL โดยใช้ Netbeans IDE

Onmobile — Sun, 12 Jan 2014 17:07:55 +0000

บทความนี้นำเสนอการตั้งค่าการเชื่อมต่อฐานข้อมูล 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… ตามรูปภาพด้านล่าง

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ชื่อผู้ใช้งาน
รหัสผ่าน
ชื่อจริง
นามสกุลจริง
เพศ	ชาย \| หญิง
เบอร์โทรศัพท์
อีเมล์
ระดับผู้ใช้งาน	ผู้ใช้ทั่วไป \| ผู้ดูแลระบบ

ไอดี
ชื่อผู้ใช้งาน
ชื่อจริง
นามสกุลจริง
เพศ	/>ชาย \| />หญิง
เบอร์โทรศัพท์
อีเมล์
สถานะการใช้งาน
วันที่สร้าง