Real Estate Projesi ASPNET CORE 8.0 bölüm 18

Anlatıma geçmeden önce AspNet Core 8.0 ile geliştirdiğimiz bu projeye ait linkleri aşağıda sıraladım.

AspNet Core 8.0 projesi için linkler

GitHub

Video Linki

Ayrıca bir önceki yazıyı okumadıysanız;

Bir önceki yazı

Real Estate Projesi ASPNET CORE 8.0 bölüm 17

Haberi görüntüle

AspNet Core ile geliştirdiğimiz projenin bu bölümünde “hizmetler” kısmına verilerimizi getirmek için API’yi “consume” ediyoruz.

Amacımız görseldeki maddeleri datadan çekmek ve ui katmanında yazdırmak.

Üst kısımdaki başlık, yazı ve alt yazıyı bir önceki ders getirmiştik. Bunu “_DefaultWhoWeAreComponentPartial” içerisinde yapmıştık. Bahsettiğim kısım ViewComponent olan kısım. Şimdi ise aynı dosya içerisinde bir istek daha atarak maddelerimizi getirebiliriz. Bu maddeleri Service tablosunda tutmuştuk. Hatta API’sini de hazırlamıştık. Dolayısıyla bize kalan API consume işlemi.

Dosya yolu:

UI > ViewComponents > HomePage > _DefaultWhoWeAreComponentPartial.cs

Kod bloğumuz InvokeAsync kısmı. Buranın üzerinde çalışacağız. Başlamadan önceki hali şöyleydi;

Kodu değiştiğimizde ise şu şekilde gözüküyor. Aşağıda kod bloğunu text halini de ekliyor olacağım.

public async Task<IViewComponentResult> InvokeAsync()
		{
			var client = _httpClientFactory.CreateClient();
			var client2 = _httpClientFactory.CreateClient();
			var responseMessage = await client.GetAsync("http://localhost:5010/api/WhoWeAreDetail");
			var responseMessage2 = await client2.GetAsync("http://localhost:5010/api/Service");

			if (responseMessage.IsSuccessStatusCode && responseMessage2.IsSuccessStatusCode)
			{
				var jsonData = await responseMessage.Content.ReadAsStringAsync();
				var jsonData2 = await responseMessage2.Content.ReadAsStringAsync();
 
				var value = JsonConvert.DeserializeObject<List<ResultWhoWeAreDetailDto>>(jsonData);
				var value2 = JsonConvert.DeserializeObject<List<ResaultServiceDto>>(jsonData2); 
				
				ViewBag.title = value.Select(x => x.Title).FirstOrDefault();
				ViewBag.subtitle = value.Select(x => x.Subtitle).FirstOrDefault();
				ViewBag.description1 = value.Select(x => x.Description1).FirstOrDefault();
				ViewBag.description2 = value.Select(x => x.Description2).FirstOrDefault();
				return View(value2);
			}
			return View();
		}

Şimdi sırada Default.cshtml düzenlemek var.

Default.cshtml Düzenlenmesi

Burada artık bir model aldığımız için using işlemi uygulamalıyız. Ancak bunu sürekli olarak yapmamak için Views klasöründe yer alan _ViewImports.cshtml dosyasına bunu ekleyebiliriz.

@using RealEstate_Dapper_UI
@using RealEstate_Dapper_UI.Models
@using RealEstate_Dapper_UI.Dtos.WhoWeAreDetailDtos
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

Şimdi Default.cshtml’de

@model List<ResaultServiceDto>

diyebileceğiz. Çünkü otomatik olarak ViewImports klasöründe Dto’nun yolunu belirttik.

Ardından maddelerimizn olduğu kısmı foreach döngüsüne alarak ekrana yazdırma işlemini gerçekleştirebiliriz.

<ul class="w3l-right-book w3l-right-book-grid mt-md-5 mt-4">
                            @foreach (var item in Model)
                            {
                                <li><span class="fa fa-check" aria-hidden="true"></span>@item.ServiceName</li>
                            }
                        </ul>