اذهب إلى المحتوى
  • 1

كيف أربط صفحة Html بقاعدة بيانات sql server؟

كمال صالح2

السؤال

Recommended Posts

  • 1

هناك طرق عديده لربط صفحة HTML بقاعدة بيانات SQL Server منها:

1- استخدام لغة PHP:

- يتم إنشاء ملف PHP ويتضمن الأكواد التي تربط بقاعدة البيانات (استخدام mysql_connect)
- يتم استدعاء طلبات SQL لاسترجاع أو إدخال البيانات 
- يتم عرض النتائج داخل ترميز HTML

2- استخدام لغة ASP.NET:

- يتم إنشاء ملف ASPX ويتضمن الأكواد التي تربط بقاعدة البيانات (استخدام SqlConnection)
- يتم استدعاء طلبات SQL لاسترجاع أو إدخال البيانات
- يتم عرض النتائج داخل ترميز HTML 

3- استخدام خدمة ويب (RESTful API):

- يتم برمجة واجهة برمجة التطبيقات للوصول لقاعدة البيانات
- تتم طلبات HTTP من الصفحة HTML للحصول على البيانات
- يتم تحويل البيانات لتنسيق JSON أو XML

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1
بتاريخ 27 دقائق مضت قال Khaled Osama3:

هناك طرق عديده لربط صفحة HTML بقاعدة بيانات SQL Server منها:

1- استخدام لغة PHP:

- يتم إنشاء ملف PHP ويتضمن الأكواد التي تربط بقاعدة البيانات (استخدام mysql_connect)
- يتم استدعاء طلبات SQL لاسترجاع أو إدخال البيانات 
- يتم عرض النتائج داخل ترميز HTML

2- استخدام لغة ASP.NET:

- يتم إنشاء ملف ASPX ويتضمن الأكواد التي تربط بقاعدة البيانات (استخدام SqlConnection)
- يتم استدعاء طلبات SQL لاسترجاع أو إدخال البيانات
- يتم عرض النتائج داخل ترميز HTML 

3- استخدام خدمة ويب (RESTful API😞

- يتم برمجة واجهة برمجة التطبيقات للوصول لقاعدة البيانات
- تتم طلبات HTTP من الصفحة HTML للحصول على البيانات
- يتم تحويل البيانات لتنسيق JSON أو XML

وهل استطيع الربط بإستخدام لغة CSS   وكيف يتم ذالك

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1
بتاريخ 12 دقائق مضت قال كمال صالح محمد:

وهل استطيع الربط بإستخدام لغة CSS   وكيف يتم ذالك

لا يمكن ربط صفحة HTML بقاعدة بيانات SQL Server باستخدام لغة CSS وحدها.

لغة CSS (Cascading Style Sheets) هي لغة تقديم وتنسيق المحتوى على الويب، وهي مسؤولة عن جانب التصميم والمظهر البصري للصفحة، أما وظيفة الربط بين الصفحة وقاعدة البيانات فتتطلب استخدام لغة برمجة أخرى تتيح الاتصال بقاعدة البيانات وإجراء الاستعلامات.

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1
بتاريخ 21 ساعة قال Khaled Osama3:

هناك طرق عديده لربط صفحة HTML بقاعدة بيانات SQL Server منها:

1- استخدام لغة PHP:

- يتم إنشاء ملف PHP ويتضمن الأكواد التي تربط بقاعدة البيانات (استخدام mysql_connect)
- يتم استدعاء طلبات SQL لاسترجاع أو إدخال البيانات 
- يتم عرض النتائج داخل ترميز HTML

2- استخدام لغة ASP.NET:

- يتم إنشاء ملف ASPX ويتضمن الأكواد التي تربط بقاعدة البيانات (استخدام SqlConnection)
- يتم استدعاء طلبات SQL لاسترجاع أو إدخال البيانات
- يتم عرض النتائج داخل ترميز HTML 

3- استخدام خدمة ويب (RESTful API😞

- يتم برمجة واجهة برمجة التطبيقات للوصول لقاعدة البيانات
- تتم طلبات HTTP من الصفحة HTML للحصول على البيانات
- يتم تحويل البيانات لتنسيق JSON أو XML

وكيف يتم ذالك اذا استخدمة لغة PHP:

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1
بتاريخ 35 دقائق مضت قال كمال صالح محمد:

وكيف يتم ذالك اذا استخدمة لغة PHP:

اذا كنت تريد ربط صفحة HTML بقاعدة بيانات SQL Server باستخدام لغة PHP, اليك مثال بسيط:

1. إنشاء ملف PHP جديد وسميه مثلا connect.php.

2. كتابه الكود التالي في الملف للاتصال بقاعدة البيانات:

<?php
$servername = "localhost";
$username = "username"; 
$password = "password";
$dbname = "myDB";

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

// Check connection
if ($conn->connect_error) {
  die("Connection failed: " . $conn->connect_error);
  }

3. اضافة أمر SQL لاسترجاع البيانات مثل: 

<?php
$sql = "SELECT * FROM اسم_الجدول";
$result = mysql_query($sql);

if (mysql_num_rows($result) > 0) {
    while ($row = mysql_fetch_assoc($result)) {
        echo "اسم: " . $row["اسم"] . " - عمر: " . $row["عمر"] . "<br>";
    }
} else {
    echo "0 نتائج";
}

mysql_close($conn);
?>

ثم حفظ الملف connect.php ثم استدعاؤه من ملف HTML باستخدام تعليمة include أو require.

4. إظهار النتائج في صفحة HTML:

<!DOCTYPE html>
<html>
<head>
    <title>صفحة العرض</title>
</head>
<body>

<h2>البيانات من قاعدة البيانات</h2>

<?php
// الكود الخاص بالاتصال بقاعدة البيانات والاستعلام
?>

</body>
</html>
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1
بتاريخ 5 دقائق مضت قال Khaled Osama3:

اذا كنت تريد ربط صفحة HTML بقاعدة بيانات SQL Server باستخدام لغة PHP, اليك مثال بسيط:

1. إنشاء ملف PHP جديد وسميه مثلا connect.php.

2. كتابه الكود التالي في الملف للاتصال بقاعدة البيانات:

<?php
$servername = "localhost";
$username = "username"; 
$password = "password";
$dbname = "myDB";

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

// Check connection
if ($conn->connect_error) {
  die("Connection failed: " . $conn->connect_error);
  }

3. اضافة أمر SQL لاسترجاع البيانات مثل: 

<?php
$sql = "SELECT * FROM اسم_الجدول";
$result = mysql_query($sql);

if (mysql_num_rows($result) > 0) {
    while ($row = mysql_fetch_assoc($result)) {
        echo "اسم: " . $row["اسم"] . " - عمر: " . $row["عمر"] . "<br>";
    }
} else {
    echo "0 نتائج";
}

mysql_close($conn);
?>

ثم حفظ الملف connect.php ثم استدعاؤه من ملف HTML باستخدام تعليمة include أو require.

4. إظهار النتائج في صفحة HTML:

<!DOCTYPE html>
<html>
<head>
    <title>صفحة العرض</title>
</head>
<body>

<h2>البيانات من قاعدة البيانات</h2>

<?php
// الكود الخاص بالاتصال بقاعدة البيانات والاستعلام
?>

</body>
</html>

ممكن استاذ تعدل على الكود تبعي

بالعلم إن قاعدة البيانات اسمها : Legacy

والجدول اسمه :Problemss


<!DOCTYPE html>
<html>
<head>
    <link rel="icon" href="https://c0.klipartz.com/pngpicture/573/614/gratis-png-ng%C5%A9-hanh-s%C6%A1n-distrito-casa-apartamento-inmobiliaria-volta-redonda-venta-de-logotipos-de-bienes-raices.png" />
    <title>موقع الاملاك</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300&display=swap" rel="stylesheet">
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" media="screen" href="home.css">
</head>
<body>
    <header>
        <div>
            <img src="a.png" alt="نظام الإملاك من كمال تجريبي">
        </div>
        <center>
            <div>
                <button>نقاط البيع</button>
                <button>أدارة المخزون</button>
                <button>الإراضي</button>
                <button>الشيكات</button>
                <button>الأستاذ العام</button>
                <button>إدارة النظام</button>
            </div>
        </center>
    </header>
    <asp:Repeater id="Problemss" runat="server">

        <HeaderTemplate>
            <table border="1" width="100%">
                <tr>
                    <th>تم</th>
                    <th>الحلول</th>
                    <th>المشكله</th>
                    <th>م</th>
                    <th>الرقم</th>
                </tr>
        </HeaderTemplate>

        <ItemTemplate>
            <tr>
                <td><%#Container.DataItem("تم")%></td>
                <td><%#Container.DataItem("الحلول")%></td>
                <td><%#Container.DataItem("المشكله")%></td>
                <td><%#Container.DataItem("م")%></td>
                <td><%#Container.DataItem("الرقم")%></td>
            </tr>
        </ItemTemplate>

        <FooterTemplate>
            </table>
        </FooterTemplate>

    </asp:Repeater>


</body>
</html>

 

بتاريخ 10 دقائق مضت قال كمال صالح محمد:

ممكن استاذ تعدل على الكود تبعي

بالعلم إن قاعدة البيانات اسمها : Legacy

والجدول اسمه :Problemss


<!DOCTYPE html>
<html>
<head>
    <link rel="icon" href="https://c0.klipartz.com/pngpicture/573/614/gratis-png-ng%C5%A9-hanh-s%C6%A1n-distrito-casa-apartamento-inmobiliaria-volta-redonda-venta-de-logotipos-de-bienes-raices.png" />
    <title>موقع الاملاك</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300&display=swap" rel="stylesheet">
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" media="screen" href="home.css">
</head>
<body>
    <header>
        <div>
            <img src="a.png" alt="نظام الإملاك من كمال تجريبي">
        </div>
        <center>
            <div>
                <button>نقاط البيع</button>
                <button>أدارة المخزون</button>
                <button>الإراضي</button>
                <button>الشيكات</button>
                <button>الأستاذ العام</button>
                <button>إدارة النظام</button>
            </div>
        </center>
    </header>
    <asp:Repeater id="Problemss" runat="server">

        <HeaderTemplate>
            <table border="1" width="100%">
                <tr>
                    <th>تم</th>
                    <th>الحلول</th>
                    <th>المشكله</th>
                    <th>م</th>
                    <th>الرقم</th>
                </tr>
        </HeaderTemplate>

        <ItemTemplate>
            <tr>
                <td><%#Container.DataItem("تم")%></td>
                <td><%#Container.DataItem("الحلول")%></td>
                <td><%#Container.DataItem("المشكله")%></td>
                <td><%#Container.DataItem("م")%></td>
                <td><%#Container.DataItem("الرقم")%></td>
            </tr>
        </ItemTemplate>

        <FooterTemplate>
            </table>
        </FooterTemplate>

    </asp:Repeater>


</body>
</html>

 

 

a.png

Backup.gif

external-Binder-business-tanah-basah-glyph-tanah-basah.png

external-binder-education-smashingstocks-flat-smashing-stocks.png

111.png

2314.png

489-4896854_change-password-icon-png-png-download-transparent-change.png

addClient.jpg

assorted-items-dropping-on-blue-shopping-cart-illustration-web-development-e-commerce-business-retail-online-shopping-skip-shopping-cart-png-clip-art.png

Backup.gif

Backup2.jpg

Calculate.jpg

client.jpg

close.jpg

delet.png

deteteButton.jpg

discount-tag-png-17.png

Dolar.jpg

Enter.jpg

Exit.jpg

FBPOSProfilePicture-copy.jpg

helphelp.png

kthememgr.jpg

login.png

logout.png

money_bag.gif

my-account.jpg

NewRecord.jpg

Notifications.jpg

password.jpg

password.png

password2.jpg

pencel.png

Print.jpg

print_white_192x192.png

product-magnifying-search-find-512.png

Refresh.jpg

sales-report.jpg

salesman.jpg

save.gif

save.jpg

search.jpg

Settings.jpg

shopping_cart.jpg

sign-check-icon.png

Store.jpg

unnamed.png

Untitled-1.png

UpdatButton.jpg

Usename1.jpg

Usename2.jpg

username.png

WhatsApp.jpg

List.xml applicationhost.config .suo .suo .suo home.css home.html site.sln

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1
بتاريخ 1 دقيقة مضت قال Khaled Osama3:

هل تريد تعديله ليصبح بلغه PHP ؟

 

اريد عرض البيانات في الجدول من الاسكيوال سيرفر   دلني كيف الطريقة 

اسم الجدول.png

اسماء الحقول.png

قاعدة البيانات.png

لقطة الشاشة 2023-12-25 015432.png

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1

 

بتاريخ 12 دقائق مضت قال كمال صالح محمد:

اريد عرض البيانات في الجدول من الاسكيوال سيرفر   دلني كيف الطريقة 

اسم الجدول.png

يمكنك ان تضغط ع هذا الجدول نقره يمني بالماوس ستظهر لك قائمه يمكنك ان تختار منها هذا الخيار "Select Top 1000 Rows"
هذا الخيار سيعرض لك 1000 صف من الجدول

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1
بتاريخ 9 دقائق مضت قال Khaled Osama3:

 

يمكنك ان تضغط ع هذا الجدول نقره يمني بالماوس ستظهر لك قائمه يمكنك ان تختار منها هذا الخيار "Select Top 1000 Rows"
هذا الخيار سيعرض لك 1000 صف من الجدول

اريد عرض البيانات من الاسكيوال الى html

الموقع.png

home.css home.html

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

  • 1
بتاريخ 12 دقائق مضت قال كمال صالح محمد:

اريد عرض البيانات من الاسكيوال الى html

 

يمكنك تجربه هذا الكود 
 

<!DOCTYPE html>
<html lang="ar">
<head>
    <link rel="icon" href="https://c0.klipartz.com/pngpicture/573/614/gratis-png-ng%C5%A9-hanh-s%C6%A1n-distrito-casa-apartamento-inmobiliaria-volta-redonda-venta-de-logotipos-de-bienes-raices.png" />
    <title>موقع العقارات</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300&display=swap" rel="stylesheet">
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" media="screen" href="home.css">
</head>
<body>
    <header>
        <div>
            <img src="a.png" alt="نظام العقارات من كمال تجريبي">
        </div>
        <center>
            <div>
                <button>نقاط البيع</button>
                <button>أدارة المخزون</button>
                <button>الإراضي</button>
                <button>الشيكات</button>
                <button>الأستاذ العام</button>
                <button>إدارة النظام</button>
            </div>
        </center>
    </header>

    <?php
    // اتصال بقاعدة البيانات
    $servername = "اسم_الخادم";
    $username = "اسم_المستخدم";
    $password = "كلمة_المرور";
    $dbname = "Legacy"; // اسم قاعدة البيانات
    $conn = new mysqli($servername, $username, $password, $dbname);

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

    // استعلام SQL
    $sql = "SELECT * FROM Problemss";
    $result = $conn->query($sql);
    ?>

    <table border="1" width="100%">
        <tr>
            <th>تم</th>
            <th>الحلول</th>
            <th>المشكلة</th>
            <th>م</th>
            <th>الرقم</th>
        </tr>

        <?php
        if ($result->num_rows > 0) {
            while ($row = $result->fetch_assoc()) {
                echo "<tr>
                        <td>" . $row["تم"] . "</td>
                        <td>" . $row["الحلول"] . "</td>
                        <td>" . $row["المشكله"] . "</td>
                        <td>" . $row["م"] . "</td>
                        <td>" . $row["الرقم"] . "</td>
                      </tr>";
            }
        } else {
            echo "<tr><td colspan='5'>لا توجد نتائج</td></tr>";
        }

        // إغلاق الاتصال بقاعدة البيانات
        $conn->close();
        ?>
    </table>
</body>
</html>

ولكن لا تنسي ان تغير ال extension الملف من html ل php
(home.php)

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1
بتاريخ 13 دقائق مضت قال Khaled Osama3:

يمكنك تجربه هذا الكود 
 

<!DOCTYPE html>
<html lang="ar">
<head>
    <link rel="icon" href="https://c0.klipartz.com/pngpicture/573/614/gratis-png-ng%C5%A9-hanh-s%C6%A1n-distrito-casa-apartamento-inmobiliaria-volta-redonda-venta-de-logotipos-de-bienes-raices.png" />
    <title>موقع العقارات</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300&display=swap" rel="stylesheet">
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" media="screen" href="home.css">
</head>
<body>
    <header>
        <div>
            <img src="a.png" alt="نظام العقارات من كمال تجريبي">
        </div>
        <center>
            <div>
                <button>نقاط البيع</button>
                <button>أدارة المخزون</button>
                <button>الإراضي</button>
                <button>الشيكات</button>
                <button>الأستاذ العام</button>
                <button>إدارة النظام</button>
            </div>
        </center>
    </header>

    <?php
    // اتصال بقاعدة البيانات
    $servername = "اسم_الخادم";
    $username = "اسم_المستخدم";
    $password = "كلمة_المرور";
    $dbname = "Legacy"; // اسم قاعدة البيانات
    $conn = new mysqli($servername, $username, $password, $dbname);

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

    // استعلام SQL
    $sql = "SELECT * FROM Problemss";
    $result = $conn->query($sql);
    ?>

    <table border="1" width="100%">
        <tr>
            <th>تم</th>
            <th>الحلول</th>
            <th>المشكلة</th>
            <th>م</th>
            <th>الرقم</th>
        </tr>

        <?php
        if ($result->num_rows > 0) {
            while ($row = $result->fetch_assoc()) {
                echo "<tr>
                        <td>" . $row["تم"] . "</td>
                        <td>" . $row["الحلول"] . "</td>
                        <td>" . $row["المشكله"] . "</td>
                        <td>" . $row["م"] . "</td>
                        <td>" . $row["الرقم"] . "</td>
                      </tr>";
            }
        } else {
            echo "<tr><td colspan='5'>لا توجد نتائج</td></tr>";
        }

        // إغلاق الاتصال بقاعدة البيانات
        $conn->close();
        ?>
    </table>
</body>
</html>

ولكن لا تنسي ان تغير ال extension الملف من html ل php
(home.php)

يوجد خطاء 

خطاء.png

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1
بتاريخ منذ ساعة مضت قال كمال صالح محمد:

يوجد خطاء 

 

يبدو انه يوجد لديك خطأ انه لا يتصل بقاعده البيانات يرجي التاكد من انك غيرت هذه البيانات وكتبت بيانات صحيحه للاتصال بقاعده البيانات 
 

$servername = "اسم_الخادم";
$username = "اسم_المستخدم";
$password = "كلمة_المرور";
$dbname = "Legacy"; // اسم قاعدة البيانات

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1

ماهو كود صفحة php الذي يجب عليا عمله

بتاريخ 30 دقائق مضت قال Khaled Osama3:
$servername = "اسم_الخادم";
$username = "اسم_المستخدم";
$password = "كلمة_المرور";
$dbname = "Legacy"; // اسم قاعدة البيانات

$servername = "DESKTOP-PJDLJNR";

$username = "";

$password = "";

$dbname = "Legacy"; // اسم قاعدة البيانات

تم عمل هاذة الطريقة  هل هيا صحيحة مثل الصورة التالية

لقطة الشاشة 2023-12-25 015432.png

بتاريخ 2 ساعة قال Khaled Osama3:

ولكن لا تنسي ان تغير ال extension الملف من html ل php
(home.php)

لم افهم ماذا تقصد

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1
بتاريخ 18 دقائق مضت قال كمال صالح محمد:

ماهو كود صفحة php الذي يجب عليا عمله

في الاغلب يكون هذا هو الكود ولكن من الممكن ان يختلف من شخص لاخر 
 

$servername = "localhost";
$username = "root";
$password = "";
$dbname = "Legacy"; // اسم قاعدة البيانات

يمكنك تجربه مره اخري

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1
بتاريخ 7 دقائق مضت قال Khaled Osama3:

في الاغلب يكون هذا هو الكود ولكن من الممكن ان يختلف من شخص لاخر 
 

$servername = "localhost";
$username = "root";
$password = "";
$dbname = "Legacy"; // اسم قاعدة البيانات

يمكنك تجربه مره اخري

بيضل الخطاء 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

المعذرة منك استاذي القدير غلبتك معايا كثير 

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

والعفوا على الازعاج

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...