درس برمجة البحث
يعتبر محرك البحث من أهم المميزات تميز اى اسكربت ذو برمجة راقية , فمحرك البحث يعتبر الأداة المثالية للوصول السريع لما يبحث عنه زائر موقعك. ولعل أهم شىء فى برمجة اى اسكربت هو سهولة الاستخدام من قبل الزائر.
فى هذا الدرس سوف نتعرف على كيفية برمجة محرك بحث داخلى يقوم بالبحث فى قواعد البيانات عن اى كلمة او جملة تكتبها فى محرك البحث الداخلى بالموقع ,ويمكنك من خلال هذا الدرس ان تقوم بعمل خاصية البحث فى اى اسكربت تقوم ببرمجته مهما كانت عدد جداوله ومهما كانت عدد حقوله , افهم فكرة الدرس واطلق العنان لطموحاتك
خطوات تطبيق الدرس:
1-انشاء قاعدة بيانات كمثال حتى يتم البحث فيها
2-انشاء ملف form.htm الخاص بعمل مستطيل البحث
3-انشاء ملف style.css الخاص بتجميل شريط البحث
4-انشاء ملف mysql.php الخاص بالاتصال ومحاكاة قاعدة البيانات وتنفيذ عملية البحث فى الجداول والحقول
5-انشاء ملف processform.php الذى سوف يقوم تنفيذ الكلمة او الجملة التى تم كتابتها فى محرك البحث ليتم البحث عنها
اولا: انشاء قاعدة البيانات
سوف نقوم بانشاء قاعدة بيانات وراح نسميها users, وبداخلها سوف ننشأ جدول اسمه users وعدد حقوله 5 حقول
-id
-firstname
-lastname
-comments
تمام الحين راح ندخل بعض البيانات فى هذا الجدول حتى نستخدمها كمثال للبحث عنها
انا قمت بادخال بعض الاسماء وبياناتهم
شوف الصورة
تمام انتهينا من انشاء قاعدة البيانات ………
يوجد خطوة مهمة جدا وهى اننا نريد ان نقوم بعمل Index من النوع fulltext
للجدول اللى راح نبحث فيه
ولعمل ذلك فقط قم بعمل هذا الامر من خلال اختيار زر sql لتنفيذ أمر sql
[/html]
بحيث راح يكون الناتج كالصورة الاتية:
ثانيا: انشاء ملف form.htm
وهو عبارة عن صفحة الفورم الخاصة بمستطيل البحث الذى سوف سيكون محرك البحث
وانا استخدمت بعض الجافا اسكربت لتعطى لمسة جمالية للفورم وجعلنا action هذا الفورم
هو تنفيذ ملف processform.php الذى سوف يشرح فيما بعد
كود ملف form.htm
[html]محرك بحث
<script type="text/javascript" language="javascript">// <![CDATA[
window.onload=function(){
if(document.getElementById&&document.
getElementsByTagName&&document.createElement){
var sfield=document.getElementsByTagName(‘form’)[0].elements[0];
if(!sfield){return};
sfield.onfocus=function(){this.value=”};
sfield.onblur=function(){
if(!this.value){this.value=’ادخل الكلمة المراد البحث عنها’};
}
}
}
// ]]></script></pre>
<h1>محرك البحث فى قاعدة البيانات</h1>
<div><form action="processform.php" method="get">
<input title="ادخل الكلمة المراد البحث عنها" type="text" name="searchterm" value="ادخل الكلمة المراد البحث عنها" />
<input title="Search Now!" type="submit" name="search" value="بحـث" /></form></div>
<pre>
ثالثا: انشاء ملف style.php
سوف نقوم بتجميل الفورم الخاص بنا فى الصفحة السابقة
وهذا هو كود الملف
[html] body{background: #ccc;
margin: 0;
padding: 0;
}
h1{
width: 375px;
padding: 10px;
margin-left: auto;
margin-right: auto;
background: #339;
font: normal 18px Arial, Helvetica, sans-serif;
color: #fff;
border: 1px solid #000;
text-align: center;
}
h2{
font: bold 18px Arial, Helvetica, sans-serif;
color: #339;
}
p{
font: normal 10pt Arial, Helvetica, sans-serif;
color: #000;
}
a:link,a:visited{
font: normal 10pt Arial, Helvetica, sans-serif;
color: #00f;
text-decoration: none;
}
a:hover{
color: #f00;
text-decoration: underline;
}
.maincontainer{
width: 375px;
padding: 10px;
margin-left: auto;
margin-right: auto;
background: #f0f0f0;
border: 1px solid #000;
}
.rowcontainer{
padding: 10px;
margin-bottom: 10px;
background: #ccf;
}
.searchbox{
width: 200px;
font: normal 12px Arial, Helvetica, sans-serif;
color: #000;
}
.searchbutton{
width: 80px;
font: bold 12px Arial, Helvetica, sans-serif;
color: #000;
}
[/html]
رابعا: انشاء ملف mysql.php
طبعا هذا هو أهم ملف سوف يكون فى درسنا, والذى سوف ينفذ عملية البحث فى قاعدة البيانات عن الكلمة او الجملة التى تريد البحث عنها
الملف عبارة عن كلاس تقوم بتنفيذ عدة عمليات متكاملة منها
1-الاتصال بقاعدة البيانات
2-تنفيذ عملية البحث للكلمة او الجملة المراد البحث عنه
كود ملف mysql.php
[html] <!–?php // define ‘MySQL’ class class MySQL{ private $conId; private $host; private $user; private $password; private $database; private $result; const OPTIONS=4; public function __construct($options=array()){ if(count($options)!=self::OPTIONS){ throw new Exception(‘Invalid number of connection parameters’); } foreach($options as $parameter=–>$value){if(!$value){
throw new Exception(‘Invalid parameter ‘.$parameter);
}
$this->{$parameter}=$value;
}
$this->connectDB();
}
// connect to MySQL
private function connectDB(){
if(!$this->conId=mysql_connect($this->host,$this->user,$this->password)){
throw new Exception(‘Error connecting to the server’);
}
if(!mysql_select_db($this->database,$this->conId)){
throw new Exception(‘Error selecting database’);
}
}
// run query
public function query($query){
if(!$this->result=mysql_query($query,$this->conId)){
throw new Exception(‘Error performing query ‘.$query);
}
return new Result($this,$this->result);
}
public function escapeString($value){
return mysql_escape_string($value);
}
}
// define ‘Result’ class
class Result {
private $mysql;
private $result;
public function __construct(&$mysql,$result){
$this->mysql=&$mysql;
$this->result=$result;
}
// fetch row
public function fetchRow(){
return mysql_fetch_assoc($this->result);
}
// count rows
public function countRows(){
if(!$rows=mysql_num_rows($this->result)){
return false;
}
return $rows;
}
// count affected rows
public function countAffectedRows(){
if(!$rows=mysql_affected_rows($this->mysql->conId)){
throw new Exception(‘Error counting affected rows’);
}
return $rows;
}
// get ID form last-inserted row
public function getInsertID(){
if(!$id=mysql_insert_id($this->mysql->conId)){
throw new Exception(‘Error getting ID’);
}
return $id;
}
// seek row
public function seekRow($row=0){
if(!is_int($row)||$rowresult,$row)){
throw new Exception(‘Error seeking data’);
}
}
}
?>
[/html]رابعا : انشاء ملف processform.php
وهذا الملف هو اللى راح ينفذ عملية البحث
كود ملف processform.php
[html]<!–?php // include MySQL-processing classes require_once ‘mysql.php’; try{ // connect to MySQL $db=new MySQL(array (‘host’=–>’localhost’,’user’=>’root’,’password’=>’root’,
‘database’=>’users’));
$searchterm=$db->escapeString($_GET['searchterm']);
$result=$db->query("SELECT firstname, lastname,comments FROM
users WHERE MATCH(firstname,lastname,comments) AGAINST
(‘$searchterm’)");
if(!$result->countRows()){
echo ‘</pre>
<div>
<h2>لاتوجد اى نتيجة,ارجع للخلف وعاود البحث مرة أخرى</h2>
</div>
<pre>
‘;
}
else{
// display search results
echo ‘</pre>
<div>
<h2>Your search criteria
returned ‘.$result->countRows().’ results.</h2>
‘;
while($row=$result->fetchRow()){
echo ‘
<div>
<strong>First Name:
</strong>’.$row['firstname'].’
<strong>Last Name:
</strong>’.$row['lastname'].’
<strong>Comments:
</strong>’.$row['comments'].’</div>
‘;
}
}
echo ‘</div>
<pre>
‘;
}
catch(Exception $e){
echo $e->getMessage();
exit();
}
?>
[/html]شرح الاجزاء المطلوب تعديلها بما يناسب طلبك:
1- اولا تغيير بيانات الاتصال بقاعدة البيانات من خلال هذا السطر
[html]$db=new MySQL(array
(‘host’=>’localhost’,’user’=>’root’,’password’=>’root’,
‘database’=>’users’));
2- تغيير اسم الجدول والاعمدة المراد البحث فيها , وذلك من خلال هذا السطر
[html]$result=$db->query("SELECT firstname, lastname,comments FROM
users WHERE MATCH(firstname,lastname,comments) AGAINST
(‘$searchterm’)");
وبهيك عند تنفيذ البحث عن اى كلمة ولنفرض اننا راح نبحث عن كلمة call و mazda
راح يكون الناتج مثل الصورة الاتية:
لتحميل ملفات الدرس كاملة : اضغــــط هـــــنا
