sunmeat

Веб-API. AJAX. Веб-додаток «Музичний портал»

Модифікувати веб-додаток «Музичний портал» наступним чином.

Реалізувати клієнтський веб-інтерфейс адміністратора порталу як односторінковий веб-додаток (Single Page Application).

Для взаємодії веб-клієнта з веб-сервісом у рамках REST-архітектури використовувати технологію AJAX та методи протоколу HTTP (GET, POST, PUT, DELETE).

sunmeat

Модифікувати раніше розроблений веб-додаток «Музичний портал» наступним чином.

Використовуючи технологію Web API, реалізувати функціональність адміністратора порталу у вигляді веб-сервісу.

Зокрема, веб-сервіс має надавати такі можливості:

Користувачі

• Отримання списку користувачів
• Додавання нового користувача
• Зміна даних користувача

sunmeat

Invoke-RestMethod https://localhost:7279/api/students -Method GET

Invoke-RestMethod https://localhost:7279/api/students/3 -Method GET

Invoke-RestMethod https://localhost:7279/api/students -Method POST -Body (@{Name = "Олег"; Surname = "Сидоренко"; Age = 20; GPA = 10.5} | ConvertTo-Json) -ContentType "application/json; charset=utf-8"

Invoke-RestMethod https://localhost:7279/api/students -Method GET

Invoke-RestMethod https://localhost:7279/api/students -Method PUT -Body (@{Id = 4; Name = "Олег"; Surname = "Сидоренко"; Age = 27; GPA = 10.7} | ConvertTo-Json) -ContentType "application/json; charset=utf-8"

sunmeat

using Scalar.AspNetCore; // зверніть увагу, це потрібно для налаштування Scalar

namespace WebApplication1
{
    public class Program
    {
        public static void Main(string[] args)
        {
            var builder = WebApplication.CreateBuilder(args); 
            builder.Services.AddControllers(); 

sunmeat

namespace WebApplication1
{
    public class Program
    {
        public static void Main(string[] args)
        {
            var builder = WebApplication.CreateBuilder(args); 
            builder.Services.AddControllers(); 
  
            builder.Services.AddOpenApi(); 

sunmeat

namespace WebApplication1
{
    public class Program
    {
        public static void Main(string[] args)
        {
            var builder = WebApplication.CreateBuilder(args); // створює білдер для конфігурації веб-додатку на основі аргументів командного рядка та файлів конфігурації
            // Add services to the container.
            builder.Services.AddControllers(); // додає сервіси для підтримки контролерів MVC (API або MVC з views)
            // Learn more about configuring OpenAPI at https://aka.ms/aspnet/openapi

sunmeat

Модифікувати архітектуру раніше розробленого Web-додатка «Гостьова книга» таким чином, щоб вийшов односторінковий додаток (SPA). Необхідно застосовувати AJAX-запити до контролера та оновлювати єдину Web-сторінку додатка без перезавантаження.

sunmeat

Завдання: ASP.NET Core MVC. Багаторівнева архітектура. Рівень представлення. Веб-додаток «Музичний портал»

Модифікувати раніше розроблений веб-додаток «Музичний портал» з монолітною архітектурою таким чином, щоб у результаті вийшла трирівнева архітектура.

У цьому завданні необхідно реалізувати Presentation Layer (рівень представлення), з яким безпосередньо взаємодіє користувач.

Зокрема, потрібно:

• Розробити класи-контролери (Controllers).
• Розробити подання (Views) — Razor-шаблони (.cshtml).

sunmeat

Завдання: ASP.NET Core MVC. Багаторівнева архітектура. Рівень бізнес-логіки. Веб-додаток «Музичний портал»

Модифікувати раніше розроблений веб-додаток «Музичний портал» з монолітною архітектурою таким чином, щоб у результаті вийшла трирівнева архітектура.

У цьому завданні необхідно реалізувати Business Logic Layer (рівень бізнес-логіки).

Зокрема, потрібно:

• Розробити класи-сервіси (service classes).
• Розробити трансферні моделі (DTO — Data Transfer Objects).

sunmeat

──────────────────────────────────────────────────────────────────────────────────────
Presentation Layer (Рівень подання — те, що бачить і з чим взаємодіє користувач)
├── Контролери (Controllers)
├── Подання (Views / .cshtml файли)
├── ViewModels (моделі, які використовуються тільки у поданнях і контролерах)
├── DTO, які приходять від користувача (наприклад, з форм або JSON-запитів)
├── wwwroot (CSS, JavaScript, зображення)
├── Tag Helpers
├── Клієнтська валідація (JavaScript)
├── HttpContext (доступ до User, Session, Request, Response)