قسمت 11 و قسمت آخر راهنمای تازه کار. در این مقاله آخر، ما در مورد توسعه وب صحبت خواهیم کرد زیرا این یک مهارت حیاتی در چشم انداز تکنولوژیکی امروزی است که به شما امکان می دهد برنامه های کاربردی پویا و با استفاده آسان ایجاد کنید که از هر مرورگری قابل دسترسی هستند. در این مقاله، اصول توسعه برنامه های کاربردی وب با استفاده از آن را بررسی خواهیم کرد هسته ASP.NET، با بهره گیری از امکانات آخرین نسخه دات نت 8 و سی شارپ 12.
1. ASP.NET Core چیست؟
ASP.NET Core یک فریم ورک مدرن، منبع باز و چند پلتفرمی برای ساخت اپلیکیشن وب است. از انواع سبک های توسعه پشتیبانی می کند، از جمله:
- صفحات تیغ: برای سناریوهای متمرکز بر صفحه.
- Model-View-Controller (MVC): ایده آل برای برنامه هایی با منطق UI پیچیده.
- حداقل API ها: یک رویکرد سبک وزن برای ساخت API.
- بلزور: برای ساخت رابط های وب تعاملی با C# به جای جاوا اسکریپت.
2. ایجاد یک برنامه وب ساده
در این بخش، ما یک برنامه وب مینیمال با استفاده از جدیدترین ها ایجاد می کنیم هسته ASP.NET ویژگی ها
مرحله 1: راه اندازی پروژه
- یک ترمینال یا IDE دلخواه خود را باز کنید (به عنوان مثال، ویژوال استودیو یا کد VS).
- دستور زیر را برای ایجاد یک پروژه ASP.NET Core جدید اجرا کنید:
dotnet new web -n MyFirstWebApp
- به پوشه پروژه بروید:
cd MyFirstWebApp
- برنامه را اجرا کنید:
dotnet run
بازدید کنید http://localhost:5000 در مرورگر خود برای مشاهده اولین برنامه ASP.NET Core در حال اجرا.
مرحله ۲: افزودن نقطه پایانی با Minimal API
Minimal API ها روشی ساده برای تعریف نقاط پایانی در ASP.NET Core هستند. را باز کنید Program.cs فایل و کد زیر را اضافه کنید:
var builder = WebApplication.CreateBuilder(args);
var app = builder.Build();
app.MapGet("https://dev.to/", () => "Welcome to my first ASP.NET Core application!");
app.Run();
برنامه را مجددا اجرا کنید و برای مشاهده پیام نمایش داده شده به URL ریشه مراجعه کنید.
3. آشنایی با MVC (Model-View-Controller)
MVC یک الگوی طراحی است که یک برنامه کاربردی را به سه جزء به هم پیوسته جدا می کند:
- مدل: نشان دهنده داده ها و منطق تجاری برنامه است.
- مشاهده کنید: لایه ارائه (HTML، CSS و غیره) را مدیریت می کند.
- کنترل کننده: ورودی کاربر را کنترل می کند و مدل و نمایش را بر اساس آن به روز می کند.
بیایید یک مثال ساده MVC را پیاده سازی کنیم:
مرحله 1: اضافه کردن MVC به پروژه
- را به روز کنید
Program.csفایل شامل پشتیبانی MVC:
var builder = WebApplication.CreateBuilder(args);
builder.Services.AddControllersWithViews();
var app = builder.Build();
app.MapControllerRoute(
name: "default",
pattern: "{controller=Home}/{action=Index}/{id?}");
app.Run();
مرحله 2: ایجاد یک کنترلر
پوشه ای به نام ایجاد کنید Controllers در root پروژه قرار دهید و یک فایل جدید اضافه کنید HomeController.cs با کد زیر:
using Microsoft.AspNetCore.Mvc;
public class HomeController : Controller
{
public IActionResult Index()
{
return View();
}
}
مرحله 3: ایجاد یک View
- پوشه ای به نام ایجاد کنید
Viewsدر ریشه پروژه - داخل
Views، پوشه دیگری به نام ایجاد کنیدHome. - یک فایل جدید اضافه کنید
Index.cshtmlدرHomeپوشه ای با محتوای زیر:
برنامه را مجددا اجرا کنید و برای مشاهده صفحه مبتنی بر MVC خود از URL ریشه بازدید کنید.
4. ساختن یک برنامه MVC ساده: مدیریت دانشجو
بیایید دانش خود را با ایجاد یک برنامه MVC ساده که لیستی از دانش آموزان را مدیریت می کند گسترش دهیم.
مرحله 1: مدل را تعریف کنید
یک پوشه جدید به نام اضافه کنید Models و یک فایل بسازید Student.cs:
public class Student
{
public int Id { get; set; }
public string Name { get; set; }
public int Age { get; set; }
}
مرحله 2: کنترلر را ایجاد کنید
یک کنترلر جدید اضافه کنید StudentController.cs در Controllers پوشه:
using Microsoft.AspNetCore.Mvc;
using System.Collections.Generic;
public class StudentController : Controller
{
private static List<Student> students = new List<Student>
{
new Student { Id = 1, Name = "Alice", Age = 20 },
new Student { Id = 2, Name = "Bob", Age = 22 }
};
public IActionResult Index()
{
return View(students);
}
[HttpGet]
public IActionResult Create()
{
return View();
}
[HttpPost]
public IActionResult Create(Student student)
{
if (ModelState.IsValid)
{
student.Id = students.Count + 1;
students.Add(student);
return RedirectToAction("Index");
}
return View(student);
}
}
مرحله 3: نمایش ها را ایجاد کنید
- در
Viewsپوشه، یک پوشه جدید به نام ایجاد کنیدStudent. - یک فایل اضافه کنید
Index.cshtml:
@model List
ID
Name
Age
@foreach (var student in Model)
{
@student.Id
@student.Name
@student.Age
}
href="/Student/Create">Add New Student
- یک فایل اضافه کنید
Create.cshtml:
@model Student
برنامه را دوباره اجرا کنید و به آن بروید /Student برای مدیریت دانش آموزان
5. بهترین شیوه ها
نکات عمومی
- استفاده کنید تزریق وابستگی برای مدیریت موثر خدمات و وابستگی ها.
- ورودی کاربر را در هر دو سطح کلاینت و سرور تأیید کنید.
- داده های حساس را با متغیرهای محیطی و
UserSecretsابزار - استفاده کنید چارچوب های ورود به سیستم مانند Serilog برای نظارت و اشکال زدایی.
تمیز نگه داشتن کد
- استفاده کنید DTO (اشیاء انتقال داده) برای جدا کردن مدل های داده از مدل های مشاهده
- قوانین نامگذاری و ساختارهای پوشه را برای قابلیت نگهداری دنبال کنید.
افکار نهایی
با ASP.NET Core، شما یک چارچوب قدرتمند برای ایجاد برنامه های کاربردی وب مدرن و مقیاس پذیر در اختیار دارید. این فصل آخر راهنمای ما شما را با توسعه وب آشنا می‌کند و پایه‌ای برای بررسی موضوعات پیشرفته‌تر مانند ایجاد API، احراز هویت و یکپارچه‌سازی پایگاه داده فراهم می‌کند. کد نویسی و سال نو مبارک!
