النماذج والبيانات في ASP.NET كيفية العمل معها الدرس الثاني

يوليو 6, 2024

8٬805 دقيقة واحدة

في هذا الدرس، سنتعلم كيفية العمل مع النماذج والبيانات في ASP.NET. سنقوم بإنشاء نموذج بسيط يعرض ويعالج البيانات من المستخدم.

إنشاء نموذج (Model)

إضافة فئة نموذج جديدة:
- انقر بزر الماوس الأيمن على مجلد Models.
- اختر “Add” ثم “Class”.
- سمّها Product واضغط “Add”.
تعريف الفئة Product:

public class Product
{
    public int Id { get; set; }
    public string Name { get; set; }
    public decimal Price { get; set; }
}

العمل مع النماذج (Views)

إضافة عرض لإنشاء منتجات

انقر بزر الماوس الأيمن على مجلد Views ثم مجلد Home.
اختر “Add” ثم “View”.
سمّها Create واضغط “Add”.
في ملف Create.cshtml، أضف التعليمات البرمجية التالية:

@model YourNamespace.Models.Product

<!DOCTYPE html>
<html>
<head>
    <title>Create Product</title>
</head>
<body>
    <h1>Create Product</h1>
    <form asp-action="Create" method="post">
        <div>
            <label asp-for="Name"></label>
            <input asp-for="Name" />
        </div>
        <div>
            <label asp-for="Price"></label>
            <input asp-for="Price" />
        </div>
        <button type="submit">Create</button>
    </form>
</body>
</html>

العمل مع المتحكمات (Controllers)

إضافة Action Method للإنشاء

افتح HomeController.
أضف الطرق التالية:

using YourNamespace.Models; // تأكد من استخدام مساحة الأسماء الصحيحة

public IActionResult Create()
{
    return View();
}

[HttpPost]
public IActionResult Create(Product product)
{
    // يمكنك هنا إضافة المنتج إلى قاعدة البيانات أو معالجته بشكل آخر
    // مثال بسيط: إعادة توجيه المستخدم إلى صفحة شكر
    return RedirectToAction("Index");
}

تشغيل التطبيق واختبار النماذج والبيانات في ASP.NET

اضغط على زر “Run” أو اضغط F5 لتشغيل التطبيق.
انتقل إلى /Home/Create في المتصفح.
أدخل تفاصيل المنتج واضغط على زر “Create”.

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

الخلاصة

في هذا الدرس، تعلمت كيفية إنشاء نموذج بسيط في ASP.NET، وكيفية إنشاء طرق لمعالجة البيانات المدخلة من المستخدم. يمكنك توسيع هذا المثال من خلال إضافة قاعدة بيانات باستخدام Entity Framework لمعالجة البيانات بشكل أكثر تعقيدًا. وعرضت البيانات في عرض (View). يمكنك الآن توسيع هذا التطبيق بإضافة وظائف إضافية مثل التعديل والحذف.