10. diel - E-shop v ASP.NET Core MVC - Práca s obrázkami - Dokončenie

V minulej lekcii, E-shop v ASP.NET Core MVC - Správa produktov - Obrázky , sme si pripravili manager pre editáciu obrázkov vrátane produktov. V dnešnom ASP.NET Core tutoriálu dokončíme prácu s obrázkami úpravou pohľadu a kontroleru. K tomu si pridáme ešte zobrazenie stromovej ponuky kategórií v ľavej časti stránky, k čomu použijeme helper a MemoryCache.

Dnešné lekcie tiež obsahuje doterajšie zdrojový kód na stiahnutie.

Kontrolér

Úprava kontroleru (samozrejme ProductController) bude jednoduchá. V Poštová akciu Manage() si pred volanie metódy SaveProduct() najprv pripravíme aktuálnu Id produktu a počet jeho obrázkov:

int oldProductID = model.Product.ProductId;
int oldImagesCount = model.Product.ImagesCount;

Po zavolaní metódy UpdateProductCategories() ešte pridáme volanie metódy pre uloženie obrázkov:

productManager.SaveProductImages(model.Product, model.UploadedImages, oldProductID, oldImagesCount);

K tomu si pridáme akciu pre mazanie obrázkov, ktorú budeme volať z pohľadu s pomocou AJAXu, teda na pozadí. Výhodou toho je, že používateľ ani nemusí vedieť, že k nejakej komunikácii so serverom došlo, pretože stránka sa nebude znova načítavať. Prípadné úpravy v stránke (v našom prípade odstránenia náhľadu obrázku) musíme teda zabezpečiť s pomocou JavaScriptu ( jQuery).

[Authorize(Roles = "Admin")]
public void DeleteImage(int productID, int imageIndex)
{
    productManager.RemoveProductImage(productID, imageIndex);
}

A s úpravou kontroleru

...koniec náhľadu článku...
Pokračuj ďalej