ساخت فرم چند مرحله ای (Wizard form) در Asp.net core

پاسخ هوش مصنوعی

برای ایجاد یک فرم چند مرحله ای (Wizard form) در ASP.NET Core، می توانید از روش زیر استفاده کنید. این روش شامل ایجاد چندین صفحه (View) و استفاده از session برای ذخیره سازی اطلاعات کاربر در طول مراحل مختلف است.

ابتدا یک مدل برای اطلاعات فرم ایجاد کنید:

public class WizardFormModel
{
    public string Step1Field { get; set; }
    public string Step2Field { get; set; }
    // ادامه فیلدهای مربوط به مراحل دیگر
}

سپس کنترلر را ایجاد کنید:

public class WizardController : Controller
{
    public IActionResult Step1()
    {
        return View(new WizardFormModel());
    }

    [HttpPost]
    public IActionResult Step1(WizardFormModel model)
    {
        if (ModelState.IsValid)
        {
            HttpContext.Session.SetString("Step1Field", model.Step1Field);
            return RedirectToAction("Step2");
        }
        return View(model);
    }

    public IActionResult Step2()
    {
        var model = new WizardFormModel
        {
            Step1Field = HttpContext.Session.GetString("Step1Field")
        };
        return View(model);
    }

    [HttpPost]
    public IActionResult Step2(WizardFormModel model)
    {
        if (ModelState.IsValid)
        {
            HttpContext.Session.SetString("Step2Field", model.Step2Field);
            return RedirectToAction("Complete");
        }
        return View(model);
    }

    public IActionResult Complete()
    {
        // خواندن داده ها از سشن و انجام عملیات نهایی
        var step1Data = HttpContext.Session.GetString("Step1Field");
        var step2Data = HttpContext.Session.GetString("Step2Field");
        // انجام عملیات نهایی
        return View();
    }
}

سپس برای هر مرحله یک ویو ایجاد کنید. به عنوان مثال برای مرحله اول:

@model WizardFormModel


    

        مرحله 1
        
        
    
    بعدی

و برای مرحله دوم:

@model WizardFormModel


    

        مرحله 2
        
        
    
    تکمیل

در آخر، برای فعال کردن اعتبارسنجی (Validation) از ویژگی های موجود در ASP.NET و در صورت نیاز از کتابخانه های مانند jQuery برای اعتبارسنجی سمت کلاینت استفاده کنید.

با این روش می توانید یک فرم چند مرحله ای با عملکرد اعتبارسنجی ایجاد کنید.

ساخت فرم چند مرحله ای در Asp.net core

برای ساخت فرم دریافت اطلاعات به صورت چند مرحله ای باید از Jquery یا JavaScript استفاده کنید. چند راه حل دارید برای این کار.

استفاده از جی کویری (jquery) برای ساخت فرم چند مرحله ای

اولین راه حل اینه خودتون با استفاده از دانش خودتون توسط جی کویری چنین فرمی رو پیاده سازی کنید. به این صورت که چند فرم رو بسازید و با استفاده از دستورات جی کویری این فرم های را hide و show کنید و در هر مرحله اطلاعات رو از کاربر دریافت کنید. این راه حل شاید کمی سخت باشه و کنترل خیلی موارد توش سخت میشه.

استفاده از قالب های آماده برای فرم چند مرحله ای

راهکار دوم اینه که از قالب هایی استفاده کنید که خودشون چنین قابلیتی رو به شما میده. اگر توی گوگل سرچ کنید "ساخت فرم ورود اطلاعات به صورت چند مرحله ای توسط جی کویری" براتون چنین قالب هایی رو میاره که میتونین استفاده کنید. یک نمونه از این قالب رو هم برای دانلود براتون میذارم. (لینک دانلود)

پیش نمایش این قالب رو هم در این لینک می تونید مشاهده کنید.

استفاده از پلاگین های ساخت فرم چندمرحله ای در جی کویری

ممکنه شما نخواید قالب پروژتون رو عوض کنید، بنابراین روش قبلی کاربرد نداره برای شما. در این شرایط می تونید از پلاگین هایی که از قبل برای ساخت فرم های چند مرحله ای آماده شده استفاده کنید. برخی از این پلاگین ها مثل :

• jquery-steps.com
• Jquery smart wizard

استفاده از کامپوننت های دات نت برای ساخت فرم چند مرحله ای مثل Syncfusion

برای ساخت فرم های Wizard یا چند مرحله ای به صورت خیلی حرفه ای با هر نوع تغییری که میخاید می تونید از کامپوننت های برنامه نویسی استفاده کنید. این کامپوننت های مثل Syncfusion و DevExpress امکانات بسیار خوبی رو در رابطه با ایجاد فرم های چند مرحله ای با مجموعه ای از امکانات در اختیار شما قرار میدن.