فواصل

شرح برمجه محرك بحث لاي سكربت متطور

درس برمجة البحث

يعتبر محرك البحث من أهم المميزات تميز اى اسكربت ذو برمجة راقية , فمحرك البحث يعتبر الأداة المثالية للوصول السريع لما يبحث عنه زائر موقعك. ولعل أهم شىء فى برمجة اى اسكربت هو سهولة الاستخدام من قبل الزائر.

فى هذا الدرس سوف نتعرف على كيفية برمجة محرك بحث داخلى يقوم بالبحث فى قواعد البيانات عن اى كلمة او جملة تكتبها فى محرك البحث الداخلى بالموقع ,ويمكنك من خلال هذا الدرس ان تقوم بعمل خاصية البحث فى اى اسكربت تقوم ببرمجته مهما كانت عدد جداوله ومهما كانت عدد حقوله , افهم فكرة الدرس واطلق العنان لطموحاتك

خطوات تطبيق الدرس:

1-انشاء قاعدة بيانات كمثال حتى يتم البحث فيها

2-انشاء ملف form.htm الخاص بعمل مستطيل البحث

3-انشاء ملف style.css الخاص بتجميل شريط البحث

4-انشاء ملف mysql.php الخاص بالاتصال ومحاكاة قاعدة البيانات وتنفيذ عملية البحث فى الجداول والحقول

5-انشاء ملف processform.php الذى سوف يقوم تنفيذ الكلمة او الجملة التى تم كتابتها فى محرك البحث ليتم البحث عنها

اولا: انشاء قاعدة البيانات

سوف نقوم بانشاء قاعدة بيانات وراح نسميها users, وبداخلها سوف ننشأ جدول اسمه users وعدد حقوله 5 حقول

-id

-firstname

-lastname

-email

-comments

تمام الحين راح ندخل بعض البيانات فى هذا الجدول حتى نستخدمها كمثال للبحث عنها

انا قمت بادخال بعض الاسماء وبياناتهم

شوف الصورة

تمام انتهينا من انشاء قاعدة البيانات ………

يوجد خطوة مهمة جدا وهى اننا نريد ان نقوم بعمل Index من النوع fulltext
للجدول اللى راح نبحث فيه
ولعمل ذلك فقط قم بعمل هذا الامر من خلال اختيار زر sql لتنفيذ أمر sql

[html] ALTER TABLE users ADD FULLTEXT(firstname, lastname, comments);
[/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>

[/html]

ثالثا: انشاء ملف 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’));

[/html]

2- تغيير اسم الجدول والاعمدة المراد البحث فيها , وذلك من خلال هذا السطر

[html]

$result=$db->query("SELECT firstname, lastname,comments FROM
users WHERE MATCH(firstname,lastname,comments) AGAINST
(‘$searchterm’)");

[/html]

وبهيك عند تنفيذ البحث عن اى كلمة ولنفرض اننا راح نبحث عن كلمة call و mazda

راح يكون الناتج مثل الصورة الاتية:

لتحميل ملفات الدرس كاملة : اضغــــط هـــــنا

مقالات ذات صلة

اضف رد