UI Katmanı

 

Bu katman projenin ayağa kalktığı katmandır. Bu proje için arayüz sayfalar için Views, işleyiş komutları için Controllers, Yardımcı sınıflar için Helpers , sayfalarda controllerdan bağımsız çalışan görünüm parçaları için ViewComponents,  tasarım komutları için wwwroot  Klasörlerini açalım. İsimlendirmeleri aynı yapmanız komutların sorunsuz çalışması için önemli..

Bu katmanda MVC nin çalışabilmesi için startup.cs  classındaki ConfigureServices altına aşağıdaki servsisi eklememiz gerekiyor.

        services.AddControllersWithViews();

app.UseEndPoint kısmını ise aşağıdaki gibi düzenleyelim.

 app.UseEndpoints(endpoints =>
            {
                 endpoints.MapControllerRoute(
                    name: "Default",
                    pattern: "{controller=Home}/{action=Index}/{id?}"
                  );
            });

Controllers klasörü altına HomeController.cs classını açalım.

     public IActionResult Index()

        {

            return View();

        }

Otomatik olarak gelen Index Action Result fonsiyonundaki Index kelimesine sağ tıklayarak AddView dediğmizde View Klasörü altına Home klasörü açaçak ve içine index.cshtml sayfasını otomatik oluşturacaktır. index sayfasına aşağıdaki komutu yazalım.

<h1> Proje Çalışıyor</h1>

Projeyi ayağa kaldırmadan önce UI katmanına sağ tıklayarak Set as StartUp Project 'e tıklamamız gerekiyor.

UI Katmanımızın Son hali:

Buraya kadar projeden bağımsız bir katmanlı yapı iskeleti oluşturduk. Bundan sonra projemizi bu iskelet üzerinde geliştirmeye başlayacağız.

Bu iskeletin bu halini buradan indirebilirsiniz.