درس برمجة البحث
يعتبر محرك البحث من أهم المميزات تميز اى اسكربت ذو برمجة راقية , فمحرك البحث يعتبر الأداة المثالية للوصول السريع لما يبحث عنه زائر موقعك. ولعل أهم شىء فى برمجة اى اسكربت هو سهولة الاستخدام من قبل الزائر.
فى هذا الدرس سوف نتعرف على كيفية برمجة محرك بحث داخلى يقوم بالبحث فى قواعد البيانات عن اى كلمة او جملة تكتبها فى محرك البحث الداخلى بالموقع ,ويمكنك من خلال هذا الدرس ان تقوم بعمل خاصية البحث فى اى اسكربت تقوم ببرمجته مهما كانت عدد جداوله ومهما كانت عدد حقوله , افهم فكرة الدرس واطلق العنان لطموحاتك
خطوات تطبيق الدرس:
1-انشاء قاعدة بيانات كمثال حتى يتم البحث فيها
2-انشاء ملف form.htm الخاص بعمل مستطيل البحث
3-انشاء ملف style.css الخاص بتجميل شريط البحث
4-انشاء ملف mysql.php الخاص بالاتصال ومحاكاة قاعدة البيانات وتنفيذ عملية البحث فى الجداول والحقول
5-انشاء ملف processform.php الذى سوف يقوم تنفيذ الكلمة او الجملة التى تم كتابتها فى محرك البحث ليتم البحث عنها
اولا: انشاء قاعدة البيانات
سوف نقوم بانشاء قاعدة بيانات وراح نسميها users, وبداخلها سوف ننشأ جدول اسمه users وعدد حقوله 5 حقول
-id
-firstname
-lastname
تمام الحين راح ندخل بعض البيانات فى هذا الجدول حتى نستخدمها كمثال للبحث عنها
انا قمت بادخال بعض الاسماء وبياناتهم
شوف الصورة
تمام انتهينا من انشاء قاعدة البيانات ………
يوجد خطوة مهمة جدا وهى اننا نريد ان نقوم بعمل Index من النوع fulltext
للجدول اللى راح نبحث فيه
ولعمل ذلك فقط قم بعمل هذا الامر من خلال اختيار زر sql لتنفيذ أمر sql
1
|
ALTER TABLE users ADD FULLTEXT(firstname, lastname, comments); |
بحيث راح يكون الناتج كالصورة الاتية:
ثانيا: انشاء ملف form.htm
وهو عبارة عن صفحة الفورم الخاصة بمستطيل البحث الذى سوف سيكون محرك البحث
وانا استخدمت بعض الجافا اسكربت لتعطى لمسة جمالية للفورم وجعلنا action هذا الفورم
هو تنفيذ ملف processform.php الذى سوف يشرح فيما بعد
كود ملف form.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
محرك بحث < 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 class = "searchbox" title = "ادخل الكلمة المراد البحث عنها" type = "text" name = "searchterm" value = "ادخل الكلمة المراد البحث عنها" /> < input title = "Search Now!" type = "submit" name = "search" value = "بحـث" /></ form ></ div > < pre > |
ثالثا: انشاء ملف style.php
سوف نقوم بتجميل الفورم الخاص بنا فى الصفحة السابقة
وهذا هو كود الملف
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
|
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; } |
رابعا: انشاء ملف mysql.php
طبعا هذا هو أهم ملف سوف يكون فى درسنا, والذى سوف ينفذ عملية البحث فى قاعدة البيانات عن الكلمة او الجملة التى تريد البحث عنها
الملف عبارة عن كلاس تقوم بتنفيذ عدة عمليات متكاملة منها
1-الاتصال بقاعدة البيانات
2-تنفيذ عملية البحث للكلمة او الجملة المراد البحث عنه
كود ملف mysql.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
|
<!--?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'); } } } ?> |
رابعا : انشاء ملف processform.php
وهذا الملف هو اللى راح ينفذ عملية البحث
كود ملف processform.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
|
<!--?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(); } ?> |
شرح الاجزاء المطلوب تعديلها بما يناسب طلبك:
1- اولا تغيير بيانات الاتصال بقاعدة البيانات من خلال هذا السطر
1
2
3
|
$db=new MySQL(array ('host'=>'localhost','user'=>'root','password'=>'root', 'database'=>'users')); |
2- تغيير اسم الجدول والاعمدة المراد البحث فيها , وذلك من خلال هذا السطر
1
2
3
|
$result=$db->query("SELECT firstname, lastname,comments FROM users WHERE MATCH(firstname,lastname,comments) AGAINST ('$searchterm')"); |
وبهيك عند تنفيذ البحث عن اى كلمة ولنفرض اننا راح نبحث عن كلمة call و mazda
راح يكون الناتج مثل الصورة الاتية:
لتحميل ملفات الدرس كاملة : اضغــــط هـــــنا