آموزش ساخت برنامه های Web API Angular و ASP.NET

مقدمه Introduction

• سایت خود را با Angular و ASP.NET Web API تعامل بیشتری ایجاد کنید Make your site more interactive with Angular and ASP.NET Web API

• آنچه باید بدانید What you should know

1. تنظیم زیرساخت برنامه 1. Setting Up the App Infrastructure

• نمای کلی برنامه Application overview

• ایجاد یک برنامه API وب Creating a Web API application

• مرور معماری وب API Web API architectural overview

• ایجاد یک برنامه جدید Angular Creating a new Angular application

• نمای معماری زاویه ای Angular architectural overview

2. شروع به کار با API وب 2. Getting Started with Web API

• ایجاد مدل ورود Creating the entry model

• پیکربندی DbContext Configuring DbContext

• پیکربندی یک بانک اطلاعاتی Configuring a database

• ایجاد یک بانک اطلاعاتی Creating a database

• گرفتن داده از پایگاه داده Getting data from the database

3. شروع به کار با زاویه ای 3. Getting Started with Angular

• اضافه کردن یک جزء Adding a component

• اضافه کردن یک سرویس Adding a service

• پیکربندی مسیریابی در Angular Configuring routing in Angular

• درخواست داده از API وب Requesting data from Web API

• طراحی نمای با طراحی متریال Designing a view with Material Design

• ایجاد جدول طراحی مواد Creating a Material Design table

• نمایش داده ها به کاربران Showing data to the users

4- ذخیره داده به پایگاه داده 4. Saving Data to Database

• ایجاد یک نقطه پایانی API HttpPost وب Creating a Web API HttpPost endpoint

• پیکربندی یک شکل واکنشی زاویه ای Configuring an Angular reactive form

• ایجاد یک شکل واکنشی زاویه ای Creating an Angular reactive form

• اعتبارسنجی یک شکل واکنشی زاویه ای Validating an Angular reactive form

• طراحی یک هدر و پاورقی Designing a header and footer

• ایجاد درخواست HttpPost در زاویه ای Creating an HttpPost request in Angular

5- به روز کردن داده های موجود 5. Updating Existing Data

• ایجاد یک نقطه پایانی API HttpPut وب Creating a Web API HttpPut endpoint

• تنظیم یک گفتگو Setting up a dialog

• پیکربندی گفتگو با داده ها Configuring the dialog with data

• گفتگو را با داده جمع کنید Populating the dialog with data

• ایجاد درخواست HttpPut در زاویه ای Creating an HttpPut request in Angular

6. حذف داده ها 6. Deleting Data

• ایجاد یک نقطه پایانی API HttpDelete Creating a Web API HttpDelete endpoint

• افزودن یک مرحله تأیید Adding a confirmation step

• دریافت یک ورودی واحد Getting a single entry

• طراحی نمای تأیید Designing a confirmation view

• ایجاد درخواست HttpDelete در زاویه ای Creating an HttpDelete request in Angular

7. احراز هویت با استفاده از توکن 7. Authentication Using Tokens

• تنظیم AuthController Setting up AuthController

• تنظیم AuthService Setting up AuthService

• ایجاد یک جزء ثبت Creating a register component

• ثبت نام کاربران Registering users

• ایجاد نشانه Generating a token

• درخواست یک نشان از Angular Requesting a token from Angular

• بررسی تأیید هویت از طریق نشانه ها Authentication check via tokens

• ورود به سیستم کاربران Logging out users

• ایجاد یک مؤلفه ورود به سیستم زاویه ای Creating an Angular login component

• گرفتن اطلاعات از فرم ورود به سیستم Getting data from the login form

• ورود به سیستم در کاربران Logging in users

• مدیریت خطاها در زاویه ای Handling errors in angular

8. بسته بندی طراحی پروژه 8. Project Design Wrap-Up

• افزودن فیلتر Adding a filter

• اضافه کردن صفحه بندی Adding pagination

• افزودن دکمه های آیکون Adding icon buttons

نتیجه Conclusion

• مراحل بعدی Next steps