10. týždeň

Úloha 7 - Webové aplikácie

Ciele

  1. Implementujte webovú aplikáciu s používateľským rozhraním.

Úvod

Vašou úlohou na dnešnom a nasledujúcich cvičeniach je implementovať webovú aplikáciu s rozhraním pre používateľa prístupnú cez webový prehliadač.

Postup

Krok 1

Úloha 1.1

Implementujte webovú aplikáciu s používateľským rozhraním pre vašu hru.

Na implementáciu využijeme ASP.NET Core MVC. Najprv nakonfigurujte podporu MVC a Session v súbore Startup.cs Vašej webovej aplikácie podľa súboru Startup.cs na Gite. Konkrétne v metóde public void ConfigureServices(IServiceCollection services) pridajte (ak to tam už nemáte)

            services.AddControllersWithViews();
            services.AddDistributedMemoryCache();
            services.AddSession();

a v metóde public void Configure(IApplicationBuilder app, IHostingEnvironment env) pridajte (ak to tam už nemáte)

            app.UseStaticFiles();
            app.UseRouting();
            app.UseSession();
            app.UseCookiePolicy();
            app.UseEndpoints(endpoints =>
            {
            endpoints.MapDefaultControllerRoute();
            });

Pridajte si do webového projektu súbor SessionExtensionsTuke.cs, ktorý Vám umožní ukladať do Session serializované objekty. Nezabudnite, že objekty, ktoré budete serializovať musia mať atribút pri ich triede atribút [Serializable]. Vytvorte si pre hru Controller. Nad adresárom Controllers zvoľte v kontextovom menu Add/Controller... . (napríklad PuzzleController)

Obr. 1

Podľa názvu Controllera si vytvorte adresár pre View (napríklad Puzzle).

Obr. 2

Následne vytvorte pohľad Index. Nad adresárom Views/názov zvoľte v kontextovom menu Add/View... .

Obr. 3

Pri implementácii webovej aplikácie sa inšpirujte verziou hry NPuzzle z gitu: https://git.kpi.fei.tuke.sk/jaroslav.poruban/npuzzle2020

Zdroje

  1. ASP.NET Core MVC https://docs.microsoft.com/en-us/aspnet/core/mvc/overview