كيفية إنشاء مدونة بسيطة باستخدام PHP و HTML

تمت الكتابة بواسطة: عبد الحكيم

تارخ آخر تحديث: 19 ديسمبر 2024

محتوى المقال

الخطوة 1: إعداد قاعدة البيانات
الخطوة 2: الاتصال بقاعدة البيانات باستخدام PHP
الخطوة 3: إنشاء نموذج لإضافة منشورات جديدة
الخطوة 4: معالجة وإدخال المنشورات في قاعدة البيانات
الخطوة 5: عرض المنشورات في الصفحة الرئيسية
الخلاصة

كيفية إنشاء مدونة بسيطة باستخدام PHP و HTML

إذا كنت ترغب في إنشاء مدونة بسيطة تمكنك من إضافة وعرض منشورات جديدة، فإن PHP و HTML يوفران الأدوات اللازمة لبناء هذه المدونة. في هذا المقال، سنوضح كيفية إنشاء مدونة بسيطة باستخدام PHP و HTML مع أمثلة عملية على إدخال المنشورات، تخزينها في قاعدة بيانات، وعرضها على الواجهة الأمامية.

الخطوة 1: إعداد قاعدة البيانات

قبل البدء في إنشاء المدونة باستخدام PHP و HTML، نحتاج إلى إعداد قاعدة بيانات لتخزين المنشورات. يمكنك استخدام MySQL أو MariaDB لهذا الغرض. افترض أنك تعمل على قاعدة بيانات MySQL، إليك كيفية إنشاء قاعدة بيانات وجداول بسيطة:


            CREATE DATABASE blog_db;

            USE blog_db;

            CREATE TABLE posts (

                id INT AUTO_INCREMENT PRIMARY KEY,

                title VARCHAR(255) NOT NULL,

                content TEXT NOT NULL,

                created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP

            );

في هذا المثال، قمنا بإنشاء قاعدة بيانات باسم blog_db وجدول باسم posts يحتوي على حقول id، title، content، وcreated_at.

الخطوة 2: الاتصال بقاعدة البيانات باستخدام PHP

بعد إعداد قاعدة البيانات، نحتاج إلى كتابة كود PHP للاتصال بقاعدة البيانات. يمكنك إنشاء ملف باسم db.php يتضمن الاتصال بقاعدة البيانات.


            <?php

                $servername = "localhost";

                $username = "root";

                $password = "";

                $dbname = "blog_db";



                // إنشاء الاتصال بقاعدة البيانات

                $conn = new mysqli($servername, $username, $password, $dbname);



                // التحقق من الاتصال

                if ($conn->connect_error) {

                    die("فشل الاتصال: " . $conn->connect_error);

                }

                echo "تم الاتصال بقاعدة البيانات بنجاح!";

            ?>

في هذا المثال، نستخدم mysqli للاتصال بقاعدة البيانات. يمكنك تعديل بيانات تسجيل الدخول (اسم المستخدم وكلمة المرور) حسب إعدادات الخادم لديك.

الخطوة 3: إنشاء نموذج لإضافة منشورات جديدة

نحتاج الآن إلى إنشاء نموذج بسيط باستخدام HTML لإدخال منشورات جديدة. يمكننا إنشاء صفحة PHP تُسمى add_post.php لعرض النموذج ومعالجة البيانات المُرسلة.


            <!DOCTYPE html>

            <html lang="ar">

            <head>

                <meta charset="UTF-8">

                <title>إضافة منشور جديد</title>

            </head>

            <body>

                <h1>إضافة منشور جديد</h1>

                <form action="save_post.php" method="post">

                    <label for="title">عنوان المنشور:</label>

                    <input type="text" name="title" id="title" required><br><br>

                    <label for="content">محتوى المنشور:</label>

                    <textarea name="content" id="content" rows="5" required></textarea><br><br>

                    <input type="submit" value="إضافة المنشور">

                </form>

            </body>

            </html>

النموذج أعلاه يحتوي على حقلين: أحدهما لإدخال عنوان المنشور والآخر لإدخال المحتوى. سيتم إرسال البيانات إلى ملف PHP آخر باسم save_post.php لمعالجتها.

الخطوة 4: معالجة وإدخال المنشورات في قاعدة البيانات

بعد إدخال البيانات في النموذج، نحتاج إلى معالجتها وإدخالها في قاعدة البيانات. إليك كيفية القيام بذلك في ملف save_post.php:


            <?php

                // تضمين ملف الاتصال بقاعدة البيانات

                include 'db.php';



                // استقبال البيانات من النموذج

                $title = $_POST['title'];

                $content = $_POST['content'];



                // إعداد واستعلام الإدخال

                $sql = "INSERT INTO posts (title, content) VALUES ('$title', '$content')";



                // تنفيذ الاستعلام

                if ($conn->query($sql) === TRUE) {

                    echo "تم إضافة المنشور بنجاح!";

                } else {

                    echo "خطأ: " . $sql . "<br>" . $conn->error;

                }



                // إغلاق الاتصال بقاعدة البيانات

                $conn->close();

            ?>

في هذا الكود، نقوم باستقبال بيانات العنوان والمحتوى من النموذج ثم إدخالها في قاعدة البيانات باستخدام استعلام SQL. إذا تم الإدخال بنجاح، يتم عرض رسالة تؤكد ذلك.

الخطوة 5: عرض المنشورات في الصفحة الرئيسية

بعد إضافة المنشورات إلى قاعدة البيانات، نحتاج إلى عرضها على الصفحة الرئيسية للمدونة. إليك كيفية القيام بذلك في ملف index.php:


            <?php

                include 'db.php';



                // استعلام لجلب المنشورات

                $sql = "SELECT * FROM posts ORDER BY created_at DESC";

                $result = $conn->query($sql);



                // عرض المنشورات

                if ($result->num_rows > 0) {

                    while($row = $result->fetch_assoc()) {

                        echo "<h2>" . $row["title"] . "</h2>";

                        echo "<p>" . $row["content"] . "</p>";

                        echo "<small>تاريخ النشر: " . $row["created_at"] . "</small><br><br>";

                    }

                } else {

                    echo "لا توجد منشورات لعرضها.";

                }



                // إغلاق الاتصال بقاعدة البيانات

                $conn->close();

            ?>

في هذا المثال، نقوم بجلب جميع المنشورات من قاعدة البيانات باستخدام استعلام SQL، ثم نقوم بعرضها بترتيب زمني من الأحدث إلى الأقدم.

الخلاصة

في هذا المقال، تعلمنا كيفية إنشاء مدونة بسيطة باستخدام PHP و HTML. قمنا بإنشاء قاعدة بيانات، نموذج لإضافة المنشورات، ووظائف لإدخال المنشورات في قاعدة البيانات وعرضها على الواجهة الأمامية. يمكنك توسيع هذا المشروع ليشمل المزيد من الميزات مثل تحرير وحذف المنشورات أو إضافة تعليقات.