درس اضافة خبر + صورة مرفقه مع تلك الخبر

Abosaleh_2003 · 15-05-2008, 04:45 PM

اخواني الكرام

هذا درس عملته خصيصاً للأخوان المبتدئين في لغة الــ php

مضمون الدرس هو كالتالي :

راح نعمل فورم لإضافة :
1- عنوان الخبر title
2- الخبر text
3- صورة مرفقه مع الخبر وسوف يتم تخزين رابط كل صورة على حدا في مجلد راح نسميه upload يعني لازم تعمل مجلد وتسميه upload

اولاً ازرع هذا الجدول في قاعدة بياناتك

كود PHP:

  CREATE TABLE `news` (

`id` INT( 11 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,

`title` VARCHAR( 99 ) NOT NULL ,

`text` VARCHAR( 255 ) NOT NULL ,

`catimage` VARCHAR( 99 ) NOT NULL ,

`path` VARCHAR( 99 ) NOT NULL 

) ENGINE = MYISAM ;

والآن راح نسرد الكود لوضع (العنوان + الخبر + الصورة المرفقه مع الخبر) وابيكم اي شيء فيه صعوبة عليكم لازم تسألون عنه

بسم الله نبدء (هذا الملف سمه news)

كود PHP:

  <?php

 
/** ########################

شرح بوصالح 

درس اضافة خبر وصورة

منتديات تصميم التعليمية

www.tsmim.com/vb

// هنا الجدول كامل

CREATE TABLE `news` (

`id` INT( 11 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,

`title` VARCHAR( 99 ) NOT NULL ,

`text` VARCHAR( 255 ) NOT NULL ,

`catimage` VARCHAR( 99 ) NOT NULL ,

`path` VARCHAR( 99 ) NOT NULL 

) ENGINE = MYISAM ;

######################## */

 
IF ($action=="add"){

if ($_SERVER["REQUEST_METHOD"]=="POST")

{

    

/** هنا راح نستقبل البيانات المرسلة من الاستماره **/

$title      = addslashes($_POST['title']);

$title      = trim($_POST['title']);

$text       = addslashes($_POST['message']);

$text       = trim($text);

 
/** تحويل اسم الصورة الى متغير **/

$file_name = $HTTP_POST_FILES['image']['name'];

 
/** عمل راندم لأسم جديد يتكون من اربع حروف **/

$random_digit=rand(0000,9999);

 
/** هنا سوف يتم عمل متغير جديد لأسم الصورة بعد اعادة تسميتها **/

$new_file_name=$random_digit.$file_name;

 
//هنا سوف نتحقق من كتابة جميع الحقول

if ($title =="" || $text =="" || $file_name =="") {

echo "<BR><BR><BR><center><a href='javascript:history.back()'>أحد الحقول فارغ عد للخلف</a><BR><BR><BR>";

 
 
}else{    

 
/** خنا سوف نحدد مسار تخزين الملف **/

include("config.php");

$path= "upload/".$new_file_name;

if($image !=none)

{

if(copy($HTTP_POST_FILES['image']['tmp_name'], $path))

{

 
/** هنا سوف نعلم ادخال لأسم الصورة والمسار **/

$catimage  =  $new_file_name; // اسم الصورة

 
 
$query = @mysql_query ("INSERT INTO news (title,text,catimage,path) VALUES ('$title','$text','$catimage','$path')") or die ("error query");

 
if($query){

echo "<BR>";    

echo "<CENTER><B>تم اضافة الخبر بنجاح ";

echo "<META HTTP-EQUIV='Refresh' CONTENT='1;URL=news.php'>";

echo "<BR>";

}else{

echo "<BR>للأسف لم يتم ادخال المعلومات الى الجدول";

 
EXIT;

}

}

}

}

}

    

}else{

echo'<br>    

<form method="POST" enctype="multipart/form-data" action="news.php?action=add" dir="rtl">

<div align="center">

<table border="1" cellspacing="1" width="450" dir="rtl" id="table1" bordercolorlight="#C0C0C0" bordercolordark="#C0C0C0">

        <tr>

            <td class="bigfont" width="100" align="center"><span lang="ar-sa">

            عنوان الخبر</span></td>

            <td>

            

            <input type="text" name="title" id="title" size="20">

            

            </td>

        </tr>

        <tr>

            <td class="bigfont" width="100" align="center"><span lang="ar-sa">

            الخبر</span></td>

            <td>

            

            <textarea rows="9" name="message" id="message" cols="29"></textarea></td>

        </tr>

        <tr>

            <td class="bigfont" width="100" align="center">صورة مع الخبر</td>

            <td>

            

            <input type="file" name="image" id="image" size="20">

            

            </td>

        </tr>

    </table>

</div>

<p align="center"><BR>

<input type="submit" value="اعتمد" name="B1">

<input type="reset" value="مسح" name="B2"></p>

</form>';

 
}

والآن راح نتعلم كيف نعمل صفحة لعرض كل الاخبار المدخلة في جدولنا news وسم هذه الصفحة show_news

كود PHP:

  <?php

 
/** ########################

شرح بوصالح 

درس اضافة خبر وصورة

منتديات تصميم التعليمية

www.tsmim.com/vb

// هنا الجدول كامل

CREATE TABLE `news` (

`id` INT( 11 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,

`title` VARCHAR( 99 ) NOT NULL ,

`text` VARCHAR( 255 ) NOT NULL ,

`catimage` VARCHAR( 99 ) NOT NULL ,

`path` VARCHAR( 99 ) NOT NULL 

) ENGINE = MYISAM ;

######################## */

 
include("config.php");

 
$Sql = mysql_query("SELECT * FROM news")or die ("Query failed");

 
/** هنا نعمل جرد لمحتوى جدول الاخبار **/

$news = mysql_num_rows($Sql);

 
if($news == 0){

echo "<div class='smallfont' align='center'>لا يوجد اي خبر في قاعدة البيانات.</div>";

}else{

 
while ($Row = @mysql_fetch_array($Sql)){

 
 
echo "

 
<div align='center'>

    <table border='0' cellpadding='0' cellspacing='0' width='98%' dir='rtl' id='table1'>

        <tr>

            <td>

            <table border='0' cellpadding='0' cellspacing='0' width='100%' dir='rtl' id='table2'>

                <tr>

                    <td valign='top'>

                    <table border='0' cellpadding='0' cellspacing='0' width='100%' dir='rtl' id='table3'>

                        <tr>

                            <td valign='top'>

                            <p align='center'>

                            <img border='0' src='$Row[path]' alt='$Row[title]'>

                            </td>

                        </tr>

                        <tr>

                            <td valign='top' align='center'>$Row[title]</td>

                        </tr>

                        <tr>

                            <td valign='top' align='center'>$Row[text]</td>

                        </tr>

                    </table>

                    </td>

                </tr>

            </table>

            </td>

        </tr>

    </table>

</div>

 
 
 
 
";

        

 }

}

mysql_close();

?>

واي استفسار حول الدرس انا حاضر للجميع
وتقبلوا تحية اخوكم الصغنن بوصالح

albanner · 15-05-2008, 07:49 PM

السلام عليكم ورحمة الله وبركاته

...

درس رائع جدا ً ...

بعد ما نفهم هذا الدرس نبغى اضافة مميزة ، لكي يكون الدرس مكتمل ، ويكون مرجع رائع

.. مثلا:

- اضافة include .. للهيدر والفوتر.
- اضافة مدير ..
- اضافة [تعديل ] - [ حذف ] للمواضيع ..
- اضافة تعدد الصفحات ..

وبكذا .. يصير مرجع للمبتدئين مميز

..

بارك الله في جهدك

حياة ديزاين · 15-05-2008, 08:32 PM

أخوي ليش ما تسوي دروس ولو تريد بنعطيك مساحة تركبه عليه !!

ahmed-samara · 16-05-2008, 04:31 AM

السلام عليكم

مرحبآ اخي الفاضل بوصالح ماشاء الله درس جميل جدآ وهذا ليست غريبه على ابدعاتك
واسمحلي بأضافه شئ يخص الموضوع وبالذات للمبتدأين التي لا يعرف كيف برمجه هذا الطريقه
يمكن بهذا الكود ضيف خبر في اقسام خاصه ويكون برقم القسم كما في المنتديات والاسكريبتات فحبيت اوضح الأخبار واضاف موضوع عمتآ وهي اضافه اقسام وبداخل الخبر الخاص بالقسم ...

اولآ الملفات التي تريد استخدمها :

addnews.php
addcat.php
show.php.php
config.php

وثانيآ الجداول التي يتم انشائها

كود:

CREATE TABLE `cat` (
`id` int(11) NOT NULL auto_increment,
`title_cat` varchar(40) NOT NULL,
PRIMARY KEY (`id`)
) TYPE=MyISAM AUTO_INCREMENT=1 ;

كود:

CREATE TABLE `news` (
`id` int(11) NOT NULL auto_increment,
`title_news` varchar(40) NOT NULL,
`text` text NOT NULL,
`catid` int(5) NOT NULL ,
PRIMARY KEY (`id`)
) TYPE=MyISAM AUTO_INCREMENT=1 ;

addnews.php

كود PHP:

 
<html dir=rtl>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />
<?php
include"config.php";

echo' <h3>   أضف خبر جديد </h3>';    
        echo'<form action="addnews.php?do=add" method="post" />';
        echo"إختر القسم المناسب : ";
        echo "<select name='catid'>";
        $e= mysql_query("select * from cat");
        while($row=mysql_fetch_array($e)){
        extract($row);
            echo"<option value='$id'>$title_cat</option>";
        }
        echo'</select> <br/>
        عنوان الخبر : <br />
        <input type="text" name="title_news" /> <br />
        نص الخبر :
        <br />
        <textarea name="text"></textarea> <br />
        <input type="submit" value=" أضف الخبر " />
        </form>
        ';

            /////////////////////////////////// Add ..

            if($do=="add"){
                    $addcat=mysql_query("insert into news (catid,title_news,text)values('$catid','$title_news','$text') ");
                    if($addcat){ echo' تم اضافة الخبر بنجاح ';  } 
                    else { echo' هناك خطأ .. لم تتم إضافة الخبر بنجاح ';  }
                    }
                
?>

addcat.php

كود PHP:

 
<html dir=rtl>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />
<?php
include"config.php";

    echo' <h3>   أضف قسم جديد </h3>';    
    echo'
    <form action="addcat.php?do=add" method="post" />
    عنوان القسم : <br />
    <input type="text" name="title_cat" /> <br />
    <input type="submit" value=" أضف القسم " />
    </form>
    ';

            /////////////////////////////////// Add cat 

            if($do=="add"){

                    $addcat=mysql_query("insert into cat (title_cat)values('$title_cat') ");
                    if($addcat){ echo' تم اضافة القسم بنجاح ';  } 
                    else { echo' هناك خطأ .. لم تتم إضافة القسم  بنجاح ';  }
                    }
                
?>

show.php

كود PHP:

 
<!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" xml:lang="ar" lang="ar" dir="rtl">
<head>
<title>طريقة ربط جدولين </title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<a href="addcat.php"> أضف قسم </a>  |  <a href="addnews.php"> أضف خبر </a>  <br /><br />
<?php
            include"config.php";
            $id=$_GET['id'];
            
            // show cat title ..
            $cat= mysql_query("select * from cat where id='$id' ");
            while ($row = @mysql_fetch_array($cat)) {
            extract($row);
            echo " <h3>جميع أخبار القسم :  $title_cat</h3> ";
            }
        
            // show all news in this cat .. 
            $cat= mysql_query("select * from news where catid='$id' ");
            while ($row = @mysql_fetch_array($cat)) {
            extract($row);
                echo "     - $title_news <br /> ";
            }
?>


</body>
</html>

config.php

كود PHP:

  <?php

$host="localhost";
$dbname="name";
$dbuser="root";
$dbpass="123";

///////

$conn=mysql_connect($host,$dbuser,$dbpass) or die("فشل الإتصال بقاعدة البيانات");
mysql_select_db($dbname,$conn) or die("فشل الإتصال بقاعدة البيانات");


?>

الملف كامل مرفق

تحياتي للجميع

drabdalla · 11:29 AM

تفضل اخى ahmed-samara

اولا انا مبتدئ بلغة php و احببت ان اطور السكربت الذى طرحته بشكل اكبر و افضل و تعديلاتى هى

1- فلتر كامل للمدخلات من ثغرات XSS و SQL INJETION
2- تنظيم الاكواد و تصغيرها
3- اضافة حقل خاص بالاخبار يعني داخل كل قسم الاخبار و داخل كل خبر محتواه
4- اضافة Search Engine Optimization للروابط بحيث تكون /cat/1/ او /news/1/

فى الاصدارة القادمة ساضيف
1- نظام تسجيل متكامل مع animated captcha
2- اختصار لاول حروف من الخبر عبر الدالة left()
3- تعديل css بسيط

الكود كامل مرفق

albanner · 17-05-2008, 12:09 AM

ماشاء الله الموضوع بدأ يصبح مرجع ..

شكرا Abosaleh_2003 على الطرح ..

ننتظر باقي الاخوان للإبداعات ...

باقي:
اضافة include .. للهيدر والفوتر.
- اضافة مدير ..
- اضافة [تعديل ] - [ حذف ] للمواضيع ..
- اضافة تعدد الصفحات ..
====
- فلتر كامل للمدخلات من ثغرات XSS و SQL INJETION
2- تنظيم الاكواد و تصغيرها
3- اضافة حقل خاص بالاخبار يعني داخل كل قسم الاخبار و داخل كل خبر محتواه
4- اضافة Search Engine Optimization للروابط بحيث تكون /cat/1/ او /news/1/

1- نظام تسجيل متكامل مع animated captcha
2- اختصار لاول حروف من الخبر عبر الدالة left()
3- تعديل css بسيط
=============

Abosaleh_2003 · 17-05-2008, 11:42 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة albanner

السلام عليكم ورحمة الله وبركاته ...

درس رائع جدا ً ...

بعد ما نفهم هذا الدرس نبغى اضافة مميزة ، لكي يكون الدرس مكتمل ، ويكون مرجع رائع .. مثلا:

- اضافة include .. للهيدر والفوتر.
- اضافة مدير ..
- اضافة [تعديل ] - [ حذف ] للمواضيع ..
- اضافة تعدد الصفحات ..

وبكذا .. يصير مرجع للمبتدئين مميز ..

بارك الله في جهدك

هلا بك يالغالي

اقتراحك تشكر عليه
بس انا بغيته درس مبسط لكي توصل الفكره على مراحله
فلو كترت الملفات راح تشتت تركيز اخواننا المبتدئبن

واشكرك

Abosaleh_2003 · 17-05-2008, 11:43 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة حياة ديزاين

أخوي ليش ما تسوي دروس ولو تريد بنعطيك مساحة تركبه عليه !!

لا خلا ولا عدم يالغالي

والبركة في سوالف سوفت
الدروس هنا موجودة

واشكرك

Abosaleh_2003 · 17-05-2008, 11:44 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة ahmed-samara

السلام عليكم

مرحبآ اخي الفاضل بوصالح ماشاء الله درس جميل جدآ وهذا ليست غريبه على ابدعاتك
واسمحلي بأضافه شئ يخص الموضوع وبالذات للمبتدأين التي لا يعرف كيف برمجه هذا الطريقه
يمكن بهذا الكود ضيف خبر في اقسام خاصه ويكون برقم القسم كما في المنتديات والاسكريبتات فحبيت اوضح الأخبار واضاف موضوع عمتآ وهي اضافه اقسام وبداخل الخبر الخاص بالقسم ...

اولآ الملفات التي تريد استخدمها :

addnews.php
addcat.php
show.php.php
config.php

وثانيآ الجداول التي يتم انشائها

كود:

CREATE TABLE `cat` ( `id` int(11) NOT NULL auto_increment, `title_cat` varchar(40) NOT NULL, PRIMARY KEY (`id`) ) TYPE=MyISAM AUTO_INCREMENT=1 ;

كود:

CREATE TABLE `news` ( `id` int(11) NOT NULL auto_increment, `title_news` varchar(40) NOT NULL, `text` text NOT NULL, `catid` int(5) NOT NULL , PRIMARY KEY (`id`) ) TYPE=MyISAM AUTO_INCREMENT=1 ;

addnews.php

كود PHP:

<html dir=rtl> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256" /> <?php include"config.php"; echo' <h3>   أضف خبر جديد </h3>';             echo'<form action="addnews.php?do=add" method="post" />';         echo"إختر القسم المناسب : ";         echo "<select name='catid'>";         $e= mysql_query("select * from cat");         while($row=mysql_fetch_array($e)){         extract($row);             echo"<option value='$id'>$title_cat</option>";         }         echo'</select> <br/>         عنوان الخبر : <br />         <input type="text" name="title_news" /> <br />         نص الخبر :         <br />         <textarea name="text"></textarea> <br />         <input type="submit" value=" أضف الخبر " />         </form>         ';             /////////////////////////////////// Add ..             if($do=="add"){                     $addcat=mysql_query("insert into news (catid,title_news,text)values('$catid','$title_news','$text') ");                     if($addcat){ echo' تم اضافة الخبر بنجاح ';  }                     else { echo' هناك خطأ .. لم تتم إضافة الخبر بنجاح ';  }                     }                  ?>

addcat.php

كود PHP:

<html dir=rtl> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256" /> <?php include"config.php";     echo' <h3>   أضف قسم جديد </h3>';         echo'     <form action="addcat.php?do=add" method="post" />     عنوان القسم : <br />     <input type="text" name="title_cat" /> <br />     <input type="submit" value=" أضف القسم " />     </form>     ';             /////////////////////////////////// Add cat             if($do=="add"){                     $addcat=mysql_query("insert into cat (title_cat)values('$title_cat') ");                     if($addcat){ echo' تم اضافة القسم بنجاح ';  }                     else { echo' هناك خطأ .. لم تتم إضافة القسم  بنجاح ';  }                     }                  ?>

show.php

كود PHP:

<!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" xml:lang="ar" lang="ar" dir="rtl"> <head> <title>طريقة ربط جدولين </title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256" /> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <a href="addcat.php"> أضف قسم </a>  |  <a href="addnews.php"> أضف خبر </a>  <br /><br /> <?php             include"config.php";             $id=$_GET['id'];                          // show cat title ..             $cat= mysql_query("select * from cat where id='$id' ");             while ($row = @mysql_fetch_array($cat)) {             extract($row);             echo " <h3>جميع أخبار القسم :  $title_cat</h3> ";             }                      // show all news in this cat ..             $cat= mysql_query("select * from news where catid='$id' ");             while ($row = @mysql_fetch_array($cat)) {             extract($row);                 echo "     - $title_news <br /> ";             } ?> </body> </html>

config.php

كود PHP:

<?php $host="localhost"; $dbname="name"; $dbuser="root"; $dbpass="123"; /////// $conn=mysql_connect($host,$dbuser,$dbpass) or die("فشل الإتصال بقاعدة البيانات"); mysql_select_db($dbname,$conn) or die("فشل الإتصال بقاعدة البيانات"); ?>

الملف كامل مرفق

تحياتي للجميع

يا مال العافية يا ابوحميد

انت بشرني عنك ان شاء الله طيب وبخير

بدعت يالغالي وما قصرت

Abosaleh_2003 · 17-05-2008, 11:45 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة albanner

ماشاء الله الموضوع بدأ يصبح مرجع ..

شكرا Abosaleh_2003 على الطرح ..

ننتظر باقي الاخوان للإبداعات ...

باقي:
اضافة include .. للهيدر والفوتر.
- اضافة مدير ..
- اضافة [تعديل ] - [ حذف ] للمواضيع ..
- اضافة تعدد الصفحات ..
====
- فلتر كامل للمدخلات من ثغرات XSS و SQL INJETION
2- تنظيم الاكواد و تصغيرها
3- اضافة حقل خاص بالاخبار يعني داخل كل قسم الاخبار و داخل كل خبر محتواه
4- اضافة Search Engine Optimization للروابط بحيث تكون /cat/1/ او /news/1/

1- نظام تسجيل متكامل مع animated captcha
2- اختصار لاول حروف من الخبر عبر الدالة left()
3- تعديل css بسيط
=============

مشكور اخي الكريم

ونفس الكلام بقوله لك
الغرض من الدرس التبسيط وايصال الفكرة
واشكرك على التفاعل

syam · 18-05-2008, 03:35 PM

السلام عليكم ورحمة الله وبركاته

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

لكم تحياتي

Abosaleh_2003 · 18-05-2008, 10:27 PM

الله يوفقك وبأذن الله راح تتعلم
ولكن قوي اراتدك ولا تيأس والشي اللي ما فهمته
اسأل عنه مره و مرتين وثلات الى ان ترسخ المعلومة في ذهنك

والله يوفقنا وياك لعمل الخير
اخوك بوصالح

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
سكربت لاينز وورك الخيالي لادارة المواقع lineswork	المفكر العربي	تطوير الويب	3	15-06-2008 09:16 PM
برنامج المنتديات العربي MySmartBB الاصدار الجديد 1.1	MaaSTaaR	إصلاح وصيانة المنتديات	38	08-06-2005 08:20 AM
اكثر من 85 استايل معرب (( أكبر واجمل مكتبة استايلات في المنتديات العربية ))	alra7a.com	إصلاح وصيانة المنتديات	5	22-02-2003 12:25 PM
سؤال غبي بالفوتوشوب - اضافة صورة	llkl.net	قسم التصميم والرسومات والمونتاج	4	02-07-2002 02:45 AM
هل يمكن تغيير صورة كل خبر في نيوك	سعيد	تطوير الويب	6	14-10-2001 11:15 PM

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق