Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > บทความจากสมาชิก > PHP - โค๊ดตัวอย่างการทำ AutoComplete แบบลดจำนวนการคิวรี่ MySQL

PHP - โค๊ดตัวอย่างการทำ AutoComplete แบบลดจำนวนการคิวรี่ MySQL

โค๊ดตัวอย่างการทำ AutoComplete แบบลดจำนวนการคิวรี่ MySQL จากที่เคยนำเสนอบทความเกี่ยวกับการคิวรี่ข้อมูลจากฐานข้อมูลมาเก็บไว้ในตัวแปรอาร์เรย์แบบสองมิติ และเรียกใช้โดยการอ้างอิงคีย์ของแต่ละตารางไปแล้ว วันนี้จะนำเสนอเทคนิคการคิวรี่แบบประหยัดอีกวิธีสำหรับใครที่ชอบใช้ Autocomplete เพื่อเรียกข้อมูลมาแสดงให้ผู้ใช้งานสะดวกในการคีย์ข้อมูล

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

ปรับเปลี่ยนขั้นตอนและวิธีเขียนโค๊ดใหม่
ให้เก็บฐานข้อมูลลูกค้าที่ต้องการทำ Autocomplete มาเป็นไฟล์ JSON พร้อมใช้งานไปเลย หรือเมื่อเข้ามายังหน้าแบบฟอร์มกรอกข้อมูล ให้ใช้ jQuery เรียกข้อมูลผ่าน Ajax เก็บไว้ในตัวแปร และใช้ Autocomplete ใน jQery UI ดึงมาแสดง ลองศึกษาตัวอย่างในส่วนของ Autocomplete แบบ categorise ดูนะครับ

* หมายเหตุ

1. ใช้กับตารางที่มีข้อมูลไม่มากจนเกินไป เช่น

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

2. เพิ่มการตรวจสอบเงื่อนไข num rows เพื่อตรวจสอบก่อนว่าข้อมูลที่ได้นั้น มีมากเกินไปหรือไม่ ตัวอย่าง

กำหนดจำนวนรายการที่ใช้ฟังก์ชั่นนี้ได้ไว้ในไฟล์ config.php เพื่อจะได้เรียกใช้หลายๆหน้า

Code (PHP)

1.define("MAX_ROWS_AUTOCOMPLETE", 1000);

ในฟังก์ชั่นที่สร้างข้อมูล

Code (PHP)

if(mysql_num_rows($query) <= MAX_ROWS_AUTOCOMPLETE){
 
 
 //เริ่มสร้างข้อมูลให้อยู่ในรูปแบบ JSON
 
 
}

ลองปรับใช้กันดูนะครับ ถ้าใช้ได้ถูกที่ถูกเวลา คิดว่าช่วยได้เยอะ

ตัวอย่างเหตุการณ์

บริษัทแห่งหนึ่ง มีพนักงานอยู่ 400 กว่าคน
พนักงานที่ใช้โปรแกรมพัฒนาจาก PHP ต่อวัน 20 คน

ทั้ง 20 คนนี้จะต้องคอยบันทึกข้อมูลต่างๆ ตลอดทั้งวัน

และเมื่อถึงแบบฟอร์มที่ต้องเลือก ชื่อพนักงานจะใช้ Autocomplete
เมื่อใช้งานพร้อมกัน 10 คน แต่ละคนค้นหาชื่อพนักงานด้วยอักษรอย่างน้อยคนละ 3 ตัวอักษร

โปรแกรมจะทำการค้นหารายชื่อพนักงานโดยส่งค่าผ่าน Ajax ไปยัง PHP เพื่อคิวรี่ข้อมูล มาแสดง

ดังนั้นผู้ใช้ 1 คนจะคิวรี่ 3 ครั้ง
ผู้ใช้ 10 คนก็จะคิวรี่รวม 30 ครั้ง

เฉลี่ยแต่ละวันจะเรียกแบบฟอร์มนี้ หรือฟังก์ชั่นนี้อยู่ 10 ครั้ง
ก็จะเท่ากับ 30 x 10 = 300 ครั้งที่ MySQL จะได้รับคำสั่งให้ค้นหาข้อมูลพนักงาน

ดังนั้น บางครั้งที่ผู้ใช้งานมากกว่า 20 ค้นค้นหารายชื่อพร้อมกัน และแต่ละคนก็พิมพ์มากกว่า 3 ตัวอักษร
ลองคิดดูว่าภายในไม่กี่วินาที MySQL ต้องค้นหาข้อมูลตามคำร้องขอของผู้ใช้กี่ครั้ง

แต่ถ้าเราสร้างข้อมูลทั้งหมดเก็บไว้ในรูปแบบไฟล์จาวาสคริปต์ล่ะ employee.js โดยเก็บเฉพาะข้อมูลที่ใช้สำหรับเรียกใช้งานผ่าน Autocomplete เท่านั้น และหน้าไหนที่จะต้องเรียกใช้รายชื่อพนักงานผ่านการค้นหาด้วยระบบ Autocomplete เราก็แค่แทรกคำสั่งดึงไฟล์จาวาสคริปต์ employee.js ไปไว้ในหน้านั้นด้วย

เพียงเท่านี้ก็ลดการทำงานของ MySQL ได้อย่างดีทีเดียวใช่ไหมล่ะครับ

db-user

ข้อมูลเพิ่มเติม
jQuery UI Autocomplete

Reference : http://sunzandesign.blogspot.com/2013/08/php-javascript-array-to-jquery-autocomplete.html


	By :	To Be Developer
	Article :	บทความเป็นการเขียนโดยสมาชิก หากมีปัญหาเรื่องลิขสิทธิ์ กรุณาแจ้งให้ทาง webmaster ทราบด้วยครับ
	Score Rating :
	Create Date :	2013-08-22
	Download :	No files

Sponsored Links

สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8

สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI

Free Tutorial

	สอน Google Maps Api
	สอน Windows Service
	สอน Entity Framework
	สอน Android
	สอน Java เขียน Java
	Java GUI Swing
	สอน JSP (Web App)
	iOS (iPhone,iPad)
	Windows Phone
	Windows Azure
	Windows Store
	Laravel Framework
	Yii PHP Framework
	สอน jQuery
	สอน jQuery กับ Ajax
	สอน PHP OOP (Vdo)
	Ajax Tutorials
	SQL Tutorials
	สอน SQL (Part 2)
	JavaScript Tutorial
	Javascript Tips
	VBScript Tutorial
	VBScript Validation
	Microsoft Access
	MySQL Tutorials
	-- Stored Procedure
	MariaDB Database
	SQL Server Tutorial
	SQL Server 2005
	SQL Server 2008
	SQL Server 2012
	-- Stored Procedure
	Oracle Database
	-- Stored Procedure
	SVN (Subversion)
	แนวทางการทำ SEO
	ปรับแต่งเว็บให้โหลดเร็ว

Hit Link

ShotDev

แลกเปลี่ยน Exchange Link

Registered : 109,038

PHP - โค๊ดตัวอย่างการทำ AutoComplete แบบลดจำนวนการคิวรี่ MySQL