ไทยเว็บปาร์ตี้ › เว็บบอร์ด › Web Design T@lk › กระทู้ของฉัน

7253 เข้าชม	3 ตอบกลับ

admin

ผู้จัดการบอร์ด

แค่เชื่อมั่น ... ...

Rank: 9 Rank: 9 Rank: 9

สมัครสมาชิกเมื่อ: 2008-6-14
เข้าระบบล่าสุด: 2011-5-10
จิตพิศัย: 2973
เงินสด: 7393
โพสต์แล้ว: 882
UID: 1

ผู้จัดการบอร์ด นักโพสน์ดีเด่น ชาวกราฟฟิก ผู้ดูแลบอร์ด คอหนัง คนรักเสียงเพลง

go

การสร้างแบบฟอร์มรับข้อมูลหน้าเว็บ

1^#

โพสต์เมื่อ 2008-7-24 14:50 | แสดงเฉพาะโพสต์ของผู้ใช้นี้ | ใหม่ขึ้นก่อน | พิมพ์

รับทำเว็บไชด์ด้วยระบบปฏิบัติการ Php-Nuke ราคามิตรภาพ พร้อมบริการดูแลตลอดอายุการใช้งาน คลิก>>

จะว่าไปแล้ว มันก็ไม่ได้ยากอะไร แต่!!! ถ้าคุณไม่รู้เรื่อง PHP HTML ล่ะก็..

เหนื่อยแน่นอนครับ
ไม่ต้องคิดไรมาก คนอื่นทำได้เราก็ทำได้..เมื่อก่อนผมก็มืดแปดด้าน เหมือนกันครับ

ขั้นแรกเลยคุณต้อง ออกแบบและสร้างฐานข้อมูลให้ได้ก่อน
เข้า phpMyAdmin สร้างฐานข้อมูล และ ตารางเก็บข้อมูล(อันนี้เบสิคไปศึกษาเอาเองนะครับไม่บอกรายละเอียด)
หลังจากนั้นจึงมาทำแบบฟอร์ม (ผมใช้ ดรีม ทำง่ายดีครับ)

ตัวอย่างแบบฟอร์มแบบง่ายๆ
สร้างไฟล์ที่ชื่อ form.htm มีโค้ดดังนี้

<!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=windows-874" />
<title>แบบฟอร์มกรอกข้อมูลลูกค้า-www.sumbydesign.net</title>
</head>
<body>
<form action="mysql_insert_db.php" method="post">
<p>
ชื่อลูกค้า:
<input type="text" name="name" size="8" maxlength="50" value="" />
</p>
<p>
อีเมล:
<input type="text" name="mail" size="25" maxlength="80" value="" />
</p>
<p>
<input type="submit" name="submit" value="Submit!" />
</p>
</form>
</body>
</html>

คัดลอกไปที่คลิปบอร์ด

ต่อมา สร้างอีกไฟล์นึงที่ชื่อ mysql_insert_db.php มีโค้ดดังนี้

<?php
include ("mysql_connect.php");
$nameforrecord = $_POST[name];
$mailforrecord = $_POST[mail];
$query = "INSERT INTO customer_list set name='$nameforrecord', mail='$mailforrecord'";
$result = mysql_query($query);
mysql_close();
?>
<p align="center"><font size="4" face="Tahoma, MS Sans Serif"><strong>ส่งข้อมูลเรียบร้อยครับ ขอบคุณครับ</strong></font></p>
<p align="center"><font size="4" face="Tahoma, MS Sans Serif"><a href="http://www.sumbydesign.net">กลับหน้าแรก</a></font></p>

คัดลอกไปที่คลิปบอร์ด

จากไฟล์ด้านบนจะเห็นได้ว่ามีบรรทัดเรียกไฟล์ mysql_connect.php ในไฟล์ mysql_insert_db.php
ดังนั้น สร้างไฟล์ชื่อ mysql_connect.php ขึ้นมา มีโค้ดดังนี้

<?php
@mysql_connect("localhost", "root", "1234") or die("เชื่อมต่อไม่สำเร็จ มีข้อมูลผิด");
@mysql_select_db("customer_data") or die("เลือกฐานข้อมูลไม่ได้");
mysql_query("SET NAMES 'tis620' ");
?>

คัดลอกไปที่คลิปบอร์ด

หลังจากนั้นก็อัพไฟล์ขึ้นโฮส ทดสอบเริ่มจากการรันไฟล์ form.htm

กรอกข้อมูลแล้ว กด Submit!

ก็จะไปหน้านี้ครับ

แล้ว url สุดท้ายก็จะส่งไปที่ไฟล์ mysql_insert_db.php (หากมีข้อความ error แสดงว่าผิดครับ)

แล้วก็ลองเข้า phpMyAdmin ไปเช็คดูฐานข้อมูล ดูผลงานครับ ว่ามีข้อมูลหรือป่าว

ทีนี้มาดูการทำงานกันครับ ว่าทำงานกันอย่างไร
เริ่มจาก form.htm
หน้านี้ไม่มีอะไรมากเลยครับ นอกจาก แบบฟอร์มนั่นเอง และเมื่อกดปุ่ม submit ค่าทั้งหมดจะถูกส่งข้ามหน้าไปยังปลายทางที่ระบุใน action="...." นั่นล่ะครับ ที่นี้เราให้ส่งไปที่ mysql_insert_db.php มันก็ส่งไปที่ไฟล์นี้ครับ

ต่อมา ไฟล์ของ mysql_insert_db.php
หน้าที่ของไฟล์นี้คือการดึงข้อมูลออกมาจากหน้า form นะครับ สังเกตุ
$nameforrecord = $_POST[name];
$mailforrecord = $_POST[mail];
สองบรรทัดนี้คือการดึงตัวแปร ออกมาจาก name และ mail เพื่อไปใส่ตัวแปร nameforrecord และ mailforrecord ครับ โดยสังเกตุหน้า form นั้น มีการส่งเป็นแบบ POST หน้านี้จึงต้องดึงข้อมูลแบบ POST เช่นกันครับ

ต่อมาก็คือส่วนของบันทึกข้อมูล ซึ่งก็เหมือนกันกับบทความก่อนหน้านี้ของเรานั่นเอง เพียงแต่เปลี่ยนค่าที่ให้เป็นชื่อตัวแปรแทน ในบรรทัดนี้ครับ
$query = "INSERT INTO customer_list set name='$nameforrecord', mail='$mailforrecord'";

จบแล้วครับ สำหรับเรื่องของการบันทึกข้อมูลจากหน้าเว็บเข้าฐานข้อมูล มีแค่นี้เอง.... สำหรับการเรียกดูผล ใช้โค้ดนี้ครับ