ایتا - پروژه ASP.Net Core MVC (وب و سی شارپ)

پروژه ASP.Net Core MVC (وب و سی شارپ)

html
<article>
    <h2 class="params-headline">
        مشخصات فنی
        <span>Samsung Galaxy Note 10 Dual SIM 256GB Mobile Phone</span>
    </h2>
    <section>
        <ul class="params-list">
            @foreach (var item in Model.Features)
            {
                <li class="params-list-item">
                    <div class="params-list-key">
                        <span class="block"> @item.DisplayName </span>
                    </div>
                    <div class="params-list-value">
                        <span class="block">
                            @item.Value
                        </span>
                    </div>
                </li>
            }
        </ul>
    </section>
</article>
این بخش شامل لیست کامل ویژگی‌های فنی محصول است.

بخش اسکریپت‌ها:

csharp
@section Scripts
{
    <script src="~/SiteTemplate/assets/js/vendor/lightgallery-all.js"></script>
    <script src="~/SiteTemplate/assets/js/vendor/jquery.ez-plus.js"></script>
}
این بخش شامل لینک اسکریپت‌های لازم برای نمایش گالری تصاویر و قابلیت زوم تصاویر است.

نتیجه‌گیری:
این کد به شما امکان می‌دهد تا جزئیات کامل یک محصول را به همراه تصاویر، ویژگی‌ها، نقد و بررسی، و مشخصات فنی در سایت خود نمایش دهید. شامل مدال برای نمایش تصاویر، گالری تصاویر محصول، عنوان و مشخصات کلی، ویژگی‌ها، نقد و بررسی اجمالی، و مشخصات فنی محصول است. این طراحی به کاربران کمک می‌کند تا به راحتی به اطلاعات کامل و دقیقی از محصول دسترسی داشته باشند.

1 مشاهده11:50

پروژه ASP.Net Core MVC (وب و سی شارپ)

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

توضیحات کد:
تعریف اینترفیس IGetProductForSiteService:

csharp
public interface IGetProductForSiteService
{
    ResultDto<ResultProductForSiteDto> Execute(int Page);
}
این اینترفیس یک متد Execute تعریف می‌کند که یک پارامتر Page دریافت می‌کند و یک ResultDto<ResultProductForSiteDto> را بازمی‌گرداند.

کلاس GetProductForSiteService:

فیلدهای خصوصی و سازنده:

csharp
public class GetProductForSiteService : IGetProductForSiteService
{
    private readonly IDataBaseContext _context;

    public GetProductForSiteService(IDataBaseContext context)
    {
        _context = context;
    }
}
این کلاس شامل یک فیلد خصوصی _context از نوع IDataBaseContext و یک سازنده است که این فیلد را مقداردهی اولیه می‌کند.

متد Execute:

csharp
public ResultDto<ResultProductForSiteDto> Execute(int Page)
{
    int totalRow = 0;
    var products = _context.Products
        .Include(p => p.ProductImages)
        .ToPaged(Page, 5, out totalRow);

    Random rd = new Random();
    return new ResultDto<ResultProductForSiteDto>
    {
        Data = new ResultProductForSiteDto
        {
            TotalRow = totalRow,
            Products = products.Select(p => new ProductForSiteDto
            {
                Id = p.Id,
                Star = rd.Next(1, 5),
                Title = p.Name,
                ImageSrc = p.ProductImages.FirstOrDefault().Src,
                Price = p.Price
            }).ToList(),
        },
        IsSuccess = true,
    };
}
این متد لیست محصولات را از دیتابیس دریافت می‌کند و سپس آن‌ها را به صورت صفحه‌بندی شده (paging) بازمی‌گرداند.

از Include برای بارگذاری اطلاعات مرتبط (تصاویر محصول) استفاده می‌شود.

متد ToPaged برای انجام عملیات صفحه‌بندی استفاده می‌شود و totalRow تعداد کل رکوردها را محاسبه می‌کند.

از کلاس Random برای ایجاد یک عدد تصادفی بین ۱ تا ۵ برای ستاره‌های محصول استفاده می‌شود.

نتیجه به عنوان یک ResultDto<ResultProductForSiteDto> شامل محصولات صفحه‌بندی شده و تعداد کل رکوردها بازگردانده می‌شود.

کلاس ResultProductForSiteDto:

csharp
public class ResultProductForSiteDto
{
    public List<ProductForSiteDto> Products { get; set; }
    public int TotalRow { get; set; }
}
این کلاس شامل جزئیات مربوط به صفحه‌بندی مانند تعداد کل رکوردها و لیست محصولات است.

کلاس ProductForSiteDto:

csharp
public class ProductForSiteDto
{
    public long Id { get; set; }
    public string Title { get; set; }
    public string ImageSrc { get; set; }
    public int Star { get; set; }
    public int Price { get; set; }
}
این کلاس شامل اطلاعات محصول مانند شناسه، نام، مسیر تصویر، تعداد ستاره‌ها و قیمت است.

نتیجه‌گیری:
این کد به شما امکان می‌دهد تا لیست محصولات را به صورت صفحه‌بندی شده برای نمایش در سایت دریافت کنید. از اینترفیس IGetProductForSiteService برای تعریف قرارداد و از کلاس GetProductForSiteService برای پیاده‌سازی این قرارداد استفاده می‌شود. اطلاعات محصولات شامل جزئیات صفحه‌بندی و محصولات بازگردانده شده است که به کاربران سایت کمک می‌کند تا به راحتی محصولات را مشاهده کنند.

1 مشاهده11:55

پروژه ASP.Net Core MVC (وب و سی شارپ)

بیایید کد سرویس GetProductDetailForSiteService و اینترفیس IGetProductDetailForSiteService را که برای دریافت جزئیات محصول جهت نمایش در سایت استفاده می‌شود بررسی کنیم.

توضیحات کد:
تعریف اینترفیس IGetProductDetailForSiteService:

csharp
public interface IGetProductDetailForSiteService
{
    ResultDto<ProductDetailForSiteDto> Execute(long Id);
}
این اینترفیس یک متد Execute تعریف می‌کند که یک پارامتر Id دریافت می‌کند و یک ResultDto<ProductDetailForSiteDto> را بازمی‌گرداند.

کلاس GetProductDetailForSiteService:

فیلدهای خصوصی و سازنده:

csharp
public class GetProductDetailForSiteService : IGetProductDetailForSiteService
{
    private readonly IDataBaseContext _context;

    public GetProductDetailForSiteService(IDataBaseContext context)
    {
        _context = context;
    }
}
این کلاس شامل یک فیلد خصوصی _context از نوع IDataBaseContext و یک سازنده است که این فیلد را مقداردهی اولیه می‌کند.

متد Execute:

csharp
public ResultDto<ProductDetailForSiteDto> Execute(long Id)
{
    var Product = _context.Products
        .Include(p => p.Category)
        .ThenInclude(p => p.ParentCategory)
        .Include(p => p.ProductImages)
        .Include(p => p.ProductFeatures)
        .Where(p => p.Id == Id).FirstOrDefault();

    if (Product == null)
    {
        throw new Exception("Product Not Found.....");
    }

    return new ResultDto<ProductDetailForSiteDto>()
    {
        Data = new ProductDetailForSiteDto
        {
            Brand = Product.Brand,
            Category = $"{Product.Category.ParentCategory.Name}  - {Product.Category.Name}",
            Description = Product.Description,
            Id = Product.Id,
            Price = Product.Price,
            Title = Product.Name,
            Images = Product.ProductImages.Select(p => p.Src).ToList(),
            Features = Product.ProductFeatures.Select(p => new ProductDetailForSite_FeaturesDto
            {
                DisplayName = p.DisplayName,
                Value = p.Value,
            }).ToList(),

        },
        IsSuccess = true,
    };

}
این متد اطلاعات محصول را با استفاده از شناسه محصول Id از دیتابیس دریافت می‌کند.

از Include و ThenInclude برای بارگذاری اطلاعات مرتبط استفاده می‌شود (مثلاً دسته‌بندی‌ها، ویژگی‌های محصول، تصاویر محصول).

اگر محصول مورد نظر پیدا نشود، یک استثناء (Exception) پرتاب می‌شود.

نتیجه به عنوان یک ResultDto<ProductDetailForSiteDto> شامل جزئیات محصول بازگردانده می‌شود.

کلاس ProductDetailForSiteDto:

csharp
public class ProductDetailForSiteDto
{
    public long Id { get; set; }
    public string Title { get; set; }
    public string Brand { get; set; }
    public string Category { get; set; }
    public string Description { get; set; }
    public int Price { get; set; }
    public List<string> Images { get; set; }
    public List<ProductDetailForSite_FeaturesDto> Features { get; set; }
}
این کلاس شامل جزئیات محصول مانند شناسه، نام، برند، دسته‌بندی، توضیحات، قیمت، تصاویر و ویژگی‌های محصول است.

کلاس ProductDetailForSite_FeaturesDto:

csharp
public class ProductDetailForSite_FeaturesDto
{
    public string DisplayName { get; set; }
    public string Value { get; set; }
}
این کلاس شامل اطلاعات ویژگی‌های محصول است که شامل نام نمایشی ویژگی و مقدار آن است.

نتیجه‌گیری:
این کد به شما امکان می‌دهد تا جزئیات کامل یک محصول را با استفاده از شناسه آن دریافت کنید. از اینترفیس IGetProductDetailForSiteService برای تعریف قرارداد و از کلاس GetProductDetailForSiteService برای پیاده‌سازی این قرارداد استفاده می‌شود. جزئیات محصول شامل ویژگی‌ها، تصاویر، دسته‌بندی، و سایر اطلاعات مرتبط است که به کاربران سایت کمک می‌کند تا اطلاعات کامل و دقیقی از محصولات داشته باشند.

1 مشاهده11:59

پروژه ASP.Net Core MVC (وب و سی شارپ)

بیایید کد کلاس ProductFacad را که به عنوان فاساد (Facade) برای مدیریت عملیات‌های مرتبط با محصولات در سیستم استفاده می‌شود، بررسی کنیم.

توضیحات کد:
تعریف کلاس:

csharp
public class ProductFacad : IProductFacad
{
    private readonly IDataBaseContext _context;
    private readonly IHostingEnvironment _environment;

    public ProductFacad(IDataBaseContext context, IHostingEnvironment hostingEnvironment)
    {
        _context = context;
        _environment = hostingEnvironment;
    }
}
این کلاس ProductFacad از اینترفیس IProductFacad پیاده‌سازی می‌کند.

دو فیلد خصوصی _context و _environment تعریف شده‌اند که از طریق سازنده مقداردهی می‌شوند.

_context برای دسترسی به دیتابیس و _environment برای دسترسی به محیط میزبانی استفاده می‌شود.

سرویس‌های مختلف فاساد:

AddNewCategoryService:

csharp
private AddNewCategoryService _addNewCategory;
public AddNewCategoryService AddNewCategoryService
{
    get
    {
        return _addNewCategory = _addNewCategory ?? new AddNewCategoryService(_context);
    }
}
این ویژگی یک نمونه از AddNewCategoryService را بازمی‌گرداند. اگر نمونه قبلاً ایجاد نشده باشد، آن را ایجاد می‌کند.

IGetCategoriesService:

csharp
private IGetCategoriesService _getCategoriesService;
public IGetCategoriesService GetCategoriesService
{
    get
    {
        return _getCategoriesService = _getCategoriesService ?? new GetCategoriesService(_context);
    }
}
این ویژگی یک نمونه از IGetCategoriesService را بازمی‌گرداند. اگر نمونه قبلاً ایجاد نشده باشد، آن را ایجاد می‌کند.

AddNewProductService:

csharp
private AddNewProductService _addNewProductService;
public AddNewProductService AddNewProductService
{
    get
    {
        return _addNewProductService = _addNewProductService ?? new AddNewProductService(_context, _environment);
    }
}
این ویژگی یک نمونه از AddNewProductService را بازمی‌گرداند. اگر نمونه قبلاً ایجاد نشده باشد، آن را ایجاد می‌کند.

IGetAllCategoriesService:

csharp
private IGetAllCategoriesService _getAllCategoriesService;
public IGetAllCategoriesService GetAllCategoriesService
{
    get
    {
        return _getAllCategoriesService = _getAllCategoriesService ?? new GetAllCategoriesService(_context);
    }
}
این ویژگی یک نمونه از IGetAllCategoriesService را بازمی‌گرداند. اگر نمونه قبلاً ایجاد نشده باشد، آن را ایجاد می‌کند.

IGetProductForAdminService:

csharp
private IGetProductForAdminService _getProductForAdminService;
public IGetProductForAdminService GetProductForAdminService
{
    get
    {
        return _getProductForAdminService = _getProductForAdminService ?? new GetProductForAdminService(_context);
    }
}
این ویژگی یک نمونه از IGetProductForAdminService را بازمی‌گرداند. اگر نمونه قبلاً ایجاد نشده باشد، آن را ایجاد می‌کند.

IGetProductDetailForAdminService:

csharp
private IGetProductDetailForAdminService _getProductDetailForAdminService;
public IGetProductDetailForAdminService GetProductDetailForAdminService
{
    get
    {
        return _getProductDetailForAdminService = _getProductDetailForAdminService ?? new GetProductDetailForAdminService(_context);
    }
}
این ویژگی یک نمونه از IGetProductDetailForAdminService را بازمی‌گرداند. اگر نمونه قبلاً ایجاد نشده باشد، آن را ایجاد می‌کند.

IGetProductForSiteService:

csharp
private IGetProductForSiteService _getProductForSiteService;
public IGetProductForSiteService GetProductForSiteService
{
    get
    {
        return _getProductForSiteService = _getProductForSiteService ?? new GetProductForSiteService(_context);
    }
}
این ویژگی یک نمونه از IGetProductForSiteService را بازمی‌گرداند. اگر نمونه قبلاً ایجاد نشده باشد، آن را ایجاد می‌کند.

IGetProductDetailForSiteService:

csharp
private IGetProductDetailForSiteService _getProductDetailForSiteService;
public IGetProductDetailForSiteService GetProductDetailForSiteService
{
    get
    {
        return _getProductDetailForSiteService = _getProductDetailForSiteService ?? new GetProductDetailForSiteService(_context);
    }
}
این ویژگی یک نمونه از IGetProductDetailForSiteService را بازمی‌گرداند. اگر نمونه قبلاً ایجاد نشده باشد، آن را ایجاد می‌کند.

1 مشاهده12:02

پروژه ASP.Net Core MVC (وب و سی شارپ)

نتیجه‌گیری:
این کلاس ProductFacad به عنوان یک فاساد عمل می‌کند که دسترسی به سرویس‌های مختلف مربوط به محصولات را فراهم می‌کند. با استفاده از ویژگی‌های مختلف، این کلاس سرویس‌هایی مانند اضافه کردن دسته‌بندی، دریافت دسته‌بندی‌ها، اضافه کردن محصول، دریافت اطلاعات محصولات برای ادمین‌ها و سایت، و دریافت جزئیات محصولات برای سایت را ارائه می‌دهد. این طراحی کمک می‌کند تا عملیات‌های پیچیده به صورت ساده‌تر و یکپارچه‌تر مدیریت شوند.

1 مشاهده12:02

پروژه ASP.Net Core MVC (وب و سی شارپ)

بیایید کد این اینترفیس IProductFacad را که به منظور تعریف قراردادهای مختلف برای مدیریت عملیات‌های مرتبط با محصولات استفاده می‌شود بررسی کنیم.

توضیحات کد:
تعریف نام‌فضا:

csharp
namespace Test_Store.Application.Interfaces.FacadPatterns
این خط کد نام‌فضایی (namespace) به نام Test_Store.Application.Interfaces.FacadPatterns تعریف می‌کند که اینترفیس IProductFacad در آن قرار دارد.

تعریف اینترفیس IProductFacad:

csharp
public interface IProductFacad
{
    AddNewCategoryService AddNewCategoryService { get; }
    IGetCategoriesService GetCategoriesService { get; }
    AddNewProductService AddNewProductService { get; }
    IGetAllCategoriesService GetAllCategoriesService { get; }
    IGetProductForAdminService GetProductForAdminService { get; }
    IGetProductDetailForAdminService GetProductDetailForAdminService { get; }
    IGetProductForSiteService GetProductForSiteService { get; }
    IGetProductDetailForSiteService GetProductDetailForSiteService { get; }
}
ویژگی‌های اینترفیس:

AddNewCategoryService:

csharp
AddNewCategoryService AddNewCategoryService { get; }
این ویژگی یک شیء از نوع AddNewCategoryService بازمی‌گرداند که برای اضافه کردن دسته‌بندی جدید استفاده می‌شود.

IGetCategoriesService:

csharp
IGetCategoriesService GetCategoriesService { get; }
این ویژگی یک شیء از نوع IGetCategoriesService بازمی‌گرداند که برای دریافت دسته‌بندی‌ها استفاده می‌شود.

AddNewProductService:

csharp
AddNewProductService AddNewProductService { get; }
این ویژگی یک شیء از نوع AddNewProductService بازمی‌گرداند که برای اضافه کردن محصول جدید استفاده می‌شود.

IGetAllCategoriesService:

csharp
IGetAllCategoriesService GetAllCategoriesService { get; }
این ویژگی یک شیء از نوع IGetAllCategoriesService بازمی‌گرداند که برای دریافت همه دسته‌بندی‌ها استفاده می‌شود.

IGetProductForAdminService:

csharp
IGetProductForAdminService GetProductForAdminService { get; }
این ویژگی یک شیء از نوع IGetProductForAdminService بازمی‌گرداند که برای دریافت اطلاعات محصولات برای مدیران استفاده می‌شود.

IGetProductDetailForAdminService:

csharp
IGetProductDetailForAdminService GetProductDetailForAdminService { get; }
این ویژگی یک شیء از نوع IGetProductDetailForAdminService بازمی‌گرداند که برای دریافت جزئیات محصولات برای مدیران استفاده می‌شود.

IGetProductForSiteService:

csharp
IGetProductForSiteService GetProductForSiteService { get; }
این ویژگی یک شیء از نوع IGetProductForSiteService بازمی‌گرداند که برای دریافت محصولات برای نمایش در سایت استفاده می‌شود.

IGetProductDetailForSiteService:

csharp
IGetProductDetailForSiteService GetProductDetailForSiteService { get; }
این ویژگی یک شیء از نوع IGetProductDetailForSiteService بازمی‌گرداند که برای دریافت جزئیات محصولات برای نمایش در سایت استفاده می‌شود.

نتیجه‌گیری:
این اینترفیس IProductFacad به شما امکان می‌دهد تا قراردادهای مختلف برای مدیریت عملیات‌های مرتبط با محصولات را تعریف کنید. با استفاده از این اینترفیس، می‌توانید به صورت یکپارچه و ساده به عملیات‌های مختلفی مانند اضافه کردن دسته‌بندی، دریافت دسته‌بندی‌ها، اضافه کردن محصول، دریافت اطلاعات محصولات برای ادمین‌ها و سایت، و دریافت جزئیات محصولات برای سایت دسترسی داشته باشید. این طراحی کمک می‌کند تا عملیات‌های پیچیده به صورت ساده‌تر و یکپارچه‌تر مدیریت شوند.

1 مشاهده12:03

پروژه ASP.Net Core MVC (وب و سی شارپ)

Test_Store 10.zip

حجم: 54.8M

متصل کردن منو به دیتابیس و مدیریت منو فروشگگاه در ادمین و پیاده سازی جستجو

1 مشاهده12:51

پروژه ASP.Net Core MVC (وب و سی شارپ)

بیایید این کد را که برای مدیریت منوها در یک سیستم استفاده می‌شود بررسی کنیم.

توضیحات کد:
تعریف اینترفیس IGetMenuItemService:

csharp
public interface IGetMenuItemService
{
    ResultDto<List<MenuItemDto>> Execute();
}
این اینترفیس یک متد Execute تعریف می‌کند که هیچ پارامتری دریافت نمی‌کند و یک ResultDto<List<MenuItemDto>> را بازمی‌گرداند.

این متد به منظور دریافت لیست آیتم‌های منو استفاده می‌شود.

کلاس GetMenuItemService:

فیلدهای خصوصی و سازنده:

csharp
public class GetMenuItemService : IGetMenuItemService
{
    private readonly IDataBaseContext _context;

    public GetMenuItemService(IDataBaseContext context)
    {
        _context = context;
    }
}
این کلاس شامل یک فیلد خصوصی _context از نوع IDataBaseContext و یک سازنده است که این فیلد را مقداردهی اولیه می‌کند.

متد Execute:

csharp
public ResultDto<List<MenuItemDto>> Execute()
{
    var category = _context.Categories
        .Include(p => p.SubCategories)
        .Where(p => p.ParentCategoryId == null)
        .ToList()
        .Select(p => new MenuItemDto
        {
            CatId = p.Id,
            Name = p.Name,
            Child = p.SubCategories.ToList().Select(child => new MenuItemDto
            {
                CatId = child.Id,
                Name = child.Name,
            }).ToList(),
        }).ToList();

    return new ResultDto<List<MenuItemDto>>()
    {
        Data = category,
        IsSuccess = true,
    };
}
این متد لیست دسته‌بندی‌ها را از دیتابیس دریافت می‌کند و سپس آن‌ها را به صورت یک لیست MenuItemDto بازمی‌گرداند.

از Include برای بارگذاری اطلاعات مرتبط (زیردسته‌ها) استفاده می‌شود.

از Where برای فیلتر کردن دسته‌بندی‌ها که ParentCategoryId آن‌ها null است استفاده می‌شود.

هر دسته‌بندی به یک MenuItemDto تبدیل می‌شود که شامل شناسه دسته‌بندی (CatId)، نام دسته‌بندی (Name) و لیست زیردسته‌ها (Child) است.

نتیجه به عنوان یک ResultDto<List<MenuItemDto>> شامل لیست دسته‌بندی‌ها و وضعیت موفقیت‌آمیز بودن عملیات بازگردانده می‌شود.

کلاس MenuItemDto:

csharp
public class MenuItemDto
{
    public long CatId { get; set; }
    public string Name { get; set; }
    public List<MenuItemDto> Child { get; set; }
}
این کلاس شامل جزئیات آیتم‌های منو است.

CatId: 
شناسه دسته‌بندی.

Name:
 نام دسته‌بندی.

Child
: لیستی از آیتم‌های زیردسته.

نتیجه‌گیری:
این کد به شما امکان می‌دهد تا لیست دسته‌بندی‌ها و زیردسته‌ها را از دیتابیس دریافت کنید و به صورت یک ساختار درختی (Nested Structure) برای مدیریت منوها بازگردانید. از اینترفیس IGetMenuItemService برای تعریف قرارداد و از کلاس GetMenuItemService برای پیاده‌سازی این قرارداد استفاده می‌شود. داده‌ها به صورت یک لیست MenuItemDto بازگردانده می‌شوند که شامل دسته‌بندی‌ها و زیردسته‌های آن‌ها است.

1 مشاهده12:56

پروژه ASP.Net Core MVC (وب و سی شارپ)

بیایید کد کلاس GetMenu که به عنوان یک ViewComponent در پروژه ASP.NET Core استفاده می‌شود را بررسی کنیم. همچنین، توضیح خواهیم داد که پوشه ViewComponents و کلاس GetMenu چه کاربردی دارند.

ViewComponents در ASP.NET Core:
ViewComponents در ASP.NET Core 
به شما امکان می‌دهند تا بخش‌های قابل تکرار و قابل استفاده مجدد از رابط کاربری (UI) را ایجاد کنید. مشابه Partial Views هستند اما با قابلیت‌ها و امکانات بیشتر. ViewComponents می‌توانند منطق خود را داشته باشند و داده‌ها را از سرویس‌ها یا دیتابیس دریافت کنند و آن‌ها را به View ارسال کنند.

توضیحات کد:
تعریف کلاس GetMenu:

csharp
public class GetMenu : ViewComponent
{
    private readonly IGetMenuItemService _getMenuItemService;

    public GetMenu(IGetMenuItemService getMenuItemService)
    {
        _getMenuItemService = getMenuItemService;
    }
}
کلاس GetMenu از کلاس پایه ViewComponent ارث‌بری می‌کند.

یک فیلد خصوصی _getMenuItemService از نوع IGetMenuItemService تعریف شده است.

سازنده کلاس GetMenu فیلد _getMenuItemService را از طریق تزریق وابستگی مقداردهی اولیه می‌کند.

متد Invoke:

csharp
public IViewComponentResult Invoke()
{
    var menuItem = _getMenuItemService.Execute();
    return View(viewName: "GetMenu", menuItem.Data);
}
متد Invoke برای اجرای ViewComponent استفاده می‌شود.

از سرویس IGetMenuItemService برای دریافت داده‌های منو استفاده می‌شود.

نتیجه داده‌های دریافت شده به View به نام "GetMenu" ارسال می‌شود.

پوشه ViewComponents:
پوشه ViewComponents در پروژه‌های ASP.NET Core معمولاً برای نگهداری کلاس‌های ViewComponent استفاده می‌شود. این پوشه به شما کمک می‌کند تا کلاس‌های ViewComponent خود را سازماندهی و مدیریت کنید.

فایل View مربوط به ViewComponent:
برای ViewComponent به نام GetMenu، فایل View مربوطه باید در مسیر زیر قرار گیرد:

Views/Shared/Components/GetMenu/Default.cshtml
یا اگر ViewComponent به صورت دقیق‌تری تعریف شده باشد:

Views/Shared/Components/GetMenu/GetMenu.cshtml
نتیجه‌گیری:
کلاس GetMenu به عنوان یک ViewComponent عمل می‌کند که منوی سایت را با استفاده از سرویس IGetMenuItemService دریافت و نمایش می‌دهد. ViewComponents به شما امکان می‌دهند تا بخش‌های قابل استفاده مجدد و قابل تکرار از UI را ایجاد کنید و آن‌ها را در پروژه‌های ASP.NET Core خود به کار ببرید.

1 مشاهده13:04

پروژه ASP.Net Core MVC (وب و سی شارپ)

بیایید کد ویوی GetMenu.cshtml را که برای نمایش منوی سایت استفاده می‌شود بررسی کنیم.

توضیحات کد:
اضافه کردن فضای نام‌ها و مدل:

csharp
@using Test_Store.Application.Services.Common.Queries.GetMenuItem;
@model List<MenuItemDto>
@using برای استفاده از فضای نام سرویس‌های مورد نیاز برای دریافت داده‌های منو.

@model برای تعریف مدل داده‌ای که به ویو ارسال می‌شود. در اینجا مدل List<MenuItemDto> است که شامل لیستی از آیتم‌های منو است.

تنظیم Layout:

csharp
@{
    Layout = null;
}
Layout = null 
به این معنا است که این ویو از هیچ Layout استفاده نمی‌کند.

نمایش منوها:

از @foreach برای پیمایش مدل (لیست آیتم‌های منو) و نمایش هر آیتم منو استفاده شده است.

html
@foreach (var item in Model)
{
    <li id="nav-menu-item" class="menu-item nav-overlay">
        <a href="#" class="current-link-menu">
            @item.Name
        </a>

        @if (item.Child.Count() > 0)
        {
            <ul class="sub-menu is-mega-menu-small">
                @foreach (var itemChild in item.Child)
                {
                    <li class="menu-mega-item menu-item-type-mega-menu item-small">
                        <a href="~/products/index?CatId=@itemChild.CatId" class="mega-menu-link">
                            @itemChild.Name
                        </a>
                    </li>
                }
            </ul>
        }
    </li>
}
لیست اصلی منو (<li id="nav-menu-item" class="menu-item nav-overlay">):

این کد هر آیتم منوی اصلی را نمایش می‌دهد.

@item.Name:
 نام آیتم منو را نمایش می‌دهد.

بررسی وجود زیردسته‌ها (@if (item.Child.Count() > 0)):

اگر آیتم منو دارای زیردسته باشد، زیردسته‌ها نمایش داده می‌شوند.

لیست زیردسته‌ها (<ul class="sub-menu is-mega-menu-small">):

از @foreach برای پیمایش زیردسته‌ها و نمایش آن‌ها استفاده شده است.

@itemChild.Name: 
نام زیردسته را نمایش می‌دهد.

لینک هر زیردسته به صفحه‌ای با شناسه دسته‌بندی (CatId) اشاره می‌کند.

نتیجه‌گیری:
این کد به شما امکان می‌دهد تا یک منوی سایت با استفاده از داده‌های دریافتی از سرویس GetMenuItemService ایجاد کنید. آیتم‌های منو و زیردسته‌های آن‌ها به صورت داینامیک از مدل List<MenuItemDto> دریافت و نمایش داده می‌شوند. این طراحی به شما کمک می‌کند تا منوهای سایت خود را به صورت پویا مدیریت و نمایش دهید.

1 مشاهده13:10

پروژه ASP.Net Core MVC (وب و سی شارپ)

بیایید کد سرویس GetCategoryService و اینترفیس IGetCategoryService را که برای جستجوی دسته‌بندی‌ها استفاده می‌شود بررسی کنیم.

توضیحات کد:
تعریف اینترفیس IGetCategoryService:

csharp
public interface IGetCategoryService
{
    ResultDto<List<CategoryDto>> Execute();
}
این اینترفیس یک متد Execute تعریف می‌کند که هیچ پارامتری دریافت نمی‌کند و یک ResultDto<List<CategoryDto>> را بازمی‌گرداند.

این متد به منظور دریافت لیست دسته‌بندی‌ها استفاده می‌شود.

کلاس GetCategoryService:

فیلدهای خصوصی و سازنده:

csharp
public class GetCategoryService : IGetCategoryService
{
    private readonly IDataBaseContext _context;

    public GetCategoryService(IDataBaseContext context)
    {
        _context = context;
    }
}
این کلاس شامل یک فیلد خصوصی _context از نوع IDataBaseContext و یک سازنده است که این فیلد را مقداردهی اولیه می‌کند.

متد Execute:

csharp
public ResultDto<List<CategoryDto>> Execute()
{
    var category = _context.Categories
        .Where(p => p.ParentCategoryId == null)
        .ToList()
        .Select(p => new CategoryDto
        {
            CatId = p.Id,
            CategoryName = p.Name,
        }).ToList();

    return new ResultDto<List<CategoryDto>>()
    {
        Data = category,
        IsSuccess = true,
    };
}
این متد لیست دسته‌بندی‌ها را از دیتابیس دریافت می‌کند و سپس آن‌ها را به صورت یک لیست CategoryDto بازمی‌گرداند.

از Where برای فیلتر کردن دسته‌بندی‌ها که ParentCategoryId آن‌ها null است استفاده می‌شود. این یعنی فقط دسته‌بندی‌های اصلی (بدون والد) را دریافت می‌کند.

هر دسته‌بندی به یک CategoryDto تبدیل می‌شود که شامل شناسه دسته‌بندی (CatId) و نام دسته‌بندی (CategoryName) است.

نتیجه به عنوان یک ResultDto<List<CategoryDto>> شامل لیست دسته‌بندی‌ها و وضعیت موفقیت‌آمیز بودن عملیات بازگردانده می‌شود.

کلاس CategoryDto:

csharp
public class CategoryDto
{
    public long CatId { get; set; }
    public string CategoryName { get; set; }
}
این کلاس شامل جزئیات دسته‌بندی است.

CatId: 
شناسه دسته‌بندی.

CategoryName: 
نام دسته‌بندی.

نتیجه‌گیری:
این کد به شما امکان می‌دهد تا لیست دسته‌بندی‌های اصلی را از دیتابیس دریافت کنید. از اینترفیس IGetCategoryService برای تعریف قرارداد و از کلاس GetCategoryService برای پیاده‌سازی این قرارداد استفاده می‌شود. داده‌ها به صورت یک لیست CategoryDto بازگردانده می‌شوند که شامل شناسه و نام دسته‌بندی‌ها است. این طراحی به شما کمک می‌کند تا دسته‌بندی‌ها را به صورت ساختار‌یافته مدیریت و نمایش دهید.

1 مشاهده13:13

پروژه ASP.Net Core MVC (وب و سی شارپ)

بیایید کد کلاس Search که به عنوان یک ViewComponent در پروژه ASP.NET Core استفاده می‌شود را بررسی کنیم.

توضیحات کد:
تعریف کلاس Search:

csharp
public class Search : ViewComponent
{
    private readonly IGetCategoryService _getCategoryService;

    public Search(IGetCategoryService getCategoryService)
    {
        _getCategoryService = getCategoryService;
    }
}
کلاس Search از کلاس پایه ViewComponent ارث‌بری می‌کند.

یک فیلد خصوصی _getCategoryService از نوع IGetCategoryService تعریف شده است.

سازنده کلاس Search فیلد _getCategoryService را از طریق تزریق وابستگی مقداردهی اولیه می‌کند.

متد Invoke:

csharp
public IViewComponentResult Invoke()
{
    return View(viewName: "Search", _getCategoryService.Execute().Data);
}
متد Invoke برای اجرای ViewComponent استفاده می‌شود.

از سرویس IGetCategoryService برای دریافت داده‌های دسته‌بندی استفاده می‌شود.

نتیجه داده‌های دریافت شده به ویو با نام "Search" ارسال می‌شود.

پوشه ViewComponents:
پوشه ViewComponents در پروژه‌های ASP.NET Core معمولاً برای نگهداری کلاس‌های ViewComponent استفاده می‌شود. این پوشه به شما کمک می‌کند تا کلاس‌های ViewComponent خود را سازماندهی و مدیریت کنید.

فایل View مربوط به ViewComponent:
برای ViewComponent به نام Search، فایل View مربوطه باید در مسیر زیر قرار گیرد:

Views/Shared/Components/Search/Search.cshtml
نتیجه‌گیری:
کلاس Search به عنوان یک ViewComponent عمل می‌کند که منوی جستجو را با استفاده از سرویس IGetCategoryService دریافت و نمایش می‌دهد. ViewComponents به شما امکان می‌دهند تا بخش‌های قابل استفاده مجدد و قابل تکرار از رابط کاربری (UI) را ایجاد کنید و آن‌ها را در پروژه‌های ASP.NET Core خود به کار ببرید.

1 مشاهده13:16

مطالب بعدی

پرسش‌ها

قوانین

داغ‌ترین‌ها

چندسکویی