افزودن کامپوننت سینکفیوژن Syncfusion به پروژه Asp.net Core

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

برای افزودن کامپوننت های Syncfusion به پروژه ASP.NET Core خود، ابتدا باید مراحل زیر را دنبال کنید:

1. نصب بسته NuGet برای Syncfusion:

به کنسول مدیر بسته NuGet بروید و دستورات زیر را اجرا کنید:

Install-Package Syncfusion.Blazor

2. اضافه کردن فضای نام Syncfusion به Startup.cs:

در متد ConfigureServices، فضای نام Syncfusion را اضافه کنید:

using Syncfusion.Blazor;

سپس، در متد ConfigureServices به صورت زیر ثبت نام کنید:

services.AddSyncfusionBlazor();

3. اضافه کردن کلید API Syncfusion:

کلید API خود را که از وب سایت Syncfusion دریافت کرده اید، در فایل appsettings.json اضافه کنید:

"Syncfusion": {
    "LicenseKey": "YOUR_LICENSE_KEY"
}

4. پیکربندی کلید API در Startup.cs:

در متد Configure، کد زیر را اضافه کنید:

Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense(Configuration["Syncfusion:LicenseKey"]);

5. استفاده از کامپوننت های Syncfusion در صفحه:

برای استفاده از کامپوننت ها، در فایل _Host.cshtml یا صفحه Razor خود، کتابخانه ها را اضافه کنید:

<link href="_content/Syncfusion.Blazor/styles/bootstrap4.css" rel="stylesheet" />
<script src="_content/Syncfusion.Blazor/scripts/sf-blazor.min.js"></script>

سپس، کامپوننت های مورد نظر خود را استفاده کنید:

<SfButton Content="Hello Syncfusion"></SfButton>

با انجام این مراحل، می توانید از کامپوننت های Syncfusion در پروژه ASP.NET Core خود استفاده کنید.

استفاده از کامپوننت سینکفیوژن (Syncfusion) در Asp.net core

دوست گرامی برای افزودن کامپوننت های سینکفیوژن به پروژه Asp.net Core شما می تونید از دستورالعمل های خود سایت Syncfusion استفاده کنید. اما یکبار هم به صورت فارسی این راهنما رو اینجا می نویسم براتون :

1 - در ابتدا باید پکیج های زیر رو در ویژوال استودیو نصب کنید.

Syncfusion.EJ2.AspNet.Core
Syncfusion.Licensing

پس از نصب پکیج باید در قسمت packages در Solution Explorer نمایش داده بشه.

2 - در مرحله بعدی باید فایل های Css و js مربوط به کامپوننت های سینکفیوژن رو در layout پروژه قرار بدید تا استایل ها و دستورات جاوااسکریپتی کامپوننت ها در دسترس پروژه قرار بگیره.

Css cdn
<link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/23.1.36/material.css" />

Js cdn
<script src="https://cdn.syncfusion.com/ej2/23.1.36/dist/ej2.min.js"></script>

3 - همونطوری که می دونید کامپوننت های سینکفیوژن به صورت تگ های Html قابل استفاده هستن. بنابراین در فایل layout باید مشخص کنیم که قرار است از این تگ ها استفاده شود. پس بعد از دستورات جاوااسکریپت دستور زیر را اضافه می کنیم :

@await RenderSectionAsync("Scripts", required: false)

<!--این دستور برای استفاده از تگ های سینکفیوژن اضافه شده است-->
<ejs-scripts></ejs-scripts>

4 - در مرحله بعد وارد فایل _viewImports می شویم و از تگ هلپر زیر استفاده می کنیم :

@addTagHelper *, Syncfusion.EJ2

در حال حاضر سینکفیوژن در پروژه شما آماده می باشد و جزیی از پروژه شماست. اما مرحله آخر استفاده از یک لایسنس معتبر برای استفاده از کامپوننت های سینکفیوژن می باشد. برای این منظور در کلاس Program.cs دستور زیر را اضافه می کنیم :

var app = builder.Build();
Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense("MTgzMTcxyMzAyZTM0MmUzMGllOVhmMVVFZ3tSM3NDdHBETnFPdVlQEdUFBxK0lNOUc0cGhUcDN1dXM9");

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

دانلود سورس