ASP.NET Core otomatik sayfa oluşturma

Arkadaşlar sitede mesela kullanıcı ürünler sayfasına tıkladığı zaman karşımıza ürünler gelecek ve bir sayfada misal toplam 10 tane ürün yayınlayacağım. Yeniden eskiye doğru sıralanacak bunlar. Eğer ürün sayısı 10'u geçerse otomatikman 2. bir sayfa oluşturulacak ve eklenme tarihi eski olan ürünler 2. sayfada sıralanmaya başlayacak Listeleme işleminde bir sorunum yok lakin dediğim gibi otomatik sayfa oluşmasını istiyorum. Nasıl yapabilirim bunu?

Sayfalama yapmak istiyorsun anladım kadarıyla. Toplam ürün sayısını bulup kaç tane ürün göstermek istiyorsan bir sayfada ona bölüyorsun. Örneğin 200 ürünün var ve her sayfada 20 ürün gözükecekse toplam sayfan 10 olur. Daha sonra urlde parametre belirlemen lazım. Bunun nasıl olacağı tamamen sana bağlı. Ürünleri listelediğin sql kodunda limit kullanman gerekiyor.

DrKatil dedi:

Sayfalama yapmak istiyorsun anladım kadarıyla. Toplam ürün sayısını bulup kaç tane ürün göstermek istiyorsan bir sayfada ona bölüyorsun. Örneğin 200 ürünün var ve her sayfada 20 ürün gözükecekse toplam sayfan 10 olur. Daha sonra urlde parametre belirlemen lazım. Bunun nasıl olacağı tamamen sana bağlı. Ürünleri listelediğin sql kodunda limit kullanman gerekiyor.

Genişletmek için tıkla...

Getirdiğim liste metodundan sonra .OrderByDescending(x=> x.AddedDate).Take(10) yazıyorum mesela. Ama bu sadece son eklenen 10 ürünü getiriyor. Benim istediğim dinamik olarak 2. Bir sayfa oluşsun ve ürünün yenileri eklendikçe eskiler otomatiktan bu sayfaya düşsün.

Caulfield dedi:

Getirdiğim liste metodundan sonra .OrderByDescending(x=> x.AddedDate).Take(10) yazıyorum mesela. Ama bu sadece son eklenen 10 ürünü getiriyor. Benim istediğim dinamik olarak 2. Bir sayfa oluşsun ve ürünün yenileri eklendikçe eskiler otomatiktan bu sayfaya düşsün.

Genişletmek için tıkla...

OrderByDescending(x=> x.AddedDate).Skip(20).Take(10) şeklinde kullanman gerekiyor. Şeklinde kullanman gerekiyor. Bulunduğu sayfanın sayısı ile Skip değerini çarpmalısın.

QueryString ile kaçıncı sayfada olduğunu taşıyacaksın. Misal adres ?Page=2 olacak. Bu sayede 2.sayfayı istediğini anlayacaksın ve Page in default 1 olduğunu varsayalım 2 olarak gönderince OrderByDescending(x=> x.AddedDate).Skip(Page-1*10).Take(10) gibi yazacaksın. Mantığı bu kısaca. E-ticaret sitelerinin filtreleme kısımlarını inceleyebilirsin bunun için epey fikir verecektir.

Epey uğraşmıştım bu durumlarla. Skip() ve Take() işinizi görecektir. Öncelikle toplam ürün sayınızı bulursanız işler daha kolay olur. Ona göre sayfalama yaparsınız. Bunun yanında fikir vermesi adına Facebook gibi sayda aşağı doğru indiğinde veri tabanından yeni ürün getirebilirsiniz. Ajax ile yapmıştım. Sonrasında ise AngularJs ile yapmıştım.

enjele dedi:

Epey uğraşmıştım bu durumlarla. Skip() ve Take() işinizi görecektir. Öncelikle toplam ürün sayınızı bulursanız işler daha kolay olur. Ona göre sayfalama yaparsınız. Bunun yanında fikir vermesi adına Facebook gibi sayda aşağı doğru indiğinde veri tabanından yeni ürün getirebilirsiniz. Ajax ile yapmıştım. Sonrasında ise AngularJs ile yapmıştım.

Genişletmek için tıkla...

O bahsettiğiniz kaydırarak getirme işlemi için bi kaynak yazar mısınız?

Caulfield dedi:

O bahsettiğiniz kaydırarak getirme işlemi için bi kaynak yazar mısınız?

Genişletmek için tıkla...

Mesela

<button type="button" class="btn btn-outline-primary col-md-12" ng-click="GetProject()">Getir</button>

$scope.GetCastProject = function GetProject() {
page = page + 5;
$http({
method: 'POST',
url: '/buraya adresi yacaksın/',
dataType: 'Json',
data: { Page: page }
}).then(function (response) {
$scope.newdata = response.data;
for (var i = 0; i < $scope.newdata.length; i++) {
$scope.castProject.push($scope.newdata)
}
});

AngularJs ile bu şekilde yapmıştım.
Tuşa basıldığında yeni 5 tane daha alta ekliyordu.
Getirdiğini mecvur array ye push ediyordu. Bu şekilde aşağıya doğru inmeye devam ediyordu.
Bunu Jquery ile de yapabilirsin.


function GetNewItem(){
$.ajax({
method:'get',
url:'Buraya url yazacaksın',
success: function(response){
**var olan arrayine push edecesin gelen veriyi. ya da direk div içine append edersin.
}
});
}