public class ProductViewModel {     public int? ProductID { get; set; }     public string ProductName { get; set; }     public System.Nullable<decimal> UnitPrice { get; set; }     public string CategoryName { get; set; }     public int? CategoryID { get; set; }     public int? SupplierID { get; set; }     public bool Discontinued { get; set; } }

Müşteri bilgisini daha sonra dropdownlist içerisinde kullanmak amacıyla SuppliersViewModel isimli sınıf oluşturuyoruz.

public class SupplierViewModel {     public string CompanyName { get; set; }     public int SupplierID { get; set; } }

CategoryViewModel sınıfını ekliyoruz.

Public class CategoryViewModel {     public string CategoryName { get; set; }     public int CategoryID { get; set; } }

IProductRepository isimli arayüz oluşturuyoruz. Bu arayüz ile entity model içerisinde yer alan objelere erişerek sorgular hazırlayarak bütün veriye ulaşmayı sağlayacağız.

interface IProductRepository {     IQueryable<Product> GetProducts();     IQueryable<ProductViewModel> GetProductsProjected(int? supplierID, int? categoryID);     IQueryable<SupplierViewModel> GetSuppliers();     IQueryable<CategoryViewModel> GetCategories(); }

IProductRepository arayüzünü implement edecek ProductRepository isimli bir sınıf oluşturuyoruz ve arayüzün elemanlarına aşağıdaki görevleri yapacak olan kod parçalarını ekliyoruz.

GetProducts() - Bütün ürün bilgisini döndürecek
GetProductProjected() - SupplierID ve CategoryID 'ye göre filtrelenmiş veri döndürecektir.
GetSuppliers() - Satıcı verisini döndürecektir.
GetCategories() - Kategori bilgisini döndürecektir.

using System.Linq; namespace NorthwindReports.DAL {     public class ProductRepository:IProductRepository     {         #region IProductRepository Members         public IQueryable<Product> GetProducts()         {             var dataContext = new NorthwindEntities();             var products = from p in dataContext.Products                                  select p;             return products;         }         public IQueryable<ProductViewModel> GetProductsProjected(int? supplierID, int? categoryID)         {             var projectedProducts = from p in GetProducts()             select new ProductViewModel                            {                                ProductID = p.ProductID,                                ProductName = p.ProductName,                                UnitPrice = p.UnitPrice,                                CategoryName = p.Category.CategoryName,                                CategoryID = p.CategoryID,                                SupplierID = p.SupplierID,                                Discontinued = p.Discontinued                            };             if (supplierID.HasValue)                 projectedProducts = projectedProducts.Where(a => a.SupplierID == supplierID);             if (categoryID.HasValue)                 projectedProducts = projectedProducts.Where(a => a.CategoryID == categoryID);             return projectedProducts;         }         public IQueryable<SupplierViewModel> GetSuppliers()         {             var dataContext = new NorthwindEntities();             var suppliers = from s in dataContext.Suppliers                                   select new SupplierViewModel                                   {                                       SupplierID = s.SupplierID,                                       CompanyName = s.CompanyName                                   };             return suppliers;         }         public IQueryable<CategoryViewModel> GetCategories()         {             var dataContext = new NorthwindEntities();             var categories = from c in dataContext.Categories                                    select new CategoryViewModel                                    {                                        CategoryID = c.CategoryID,                                        CategoryName = c.CategoryName                                    };             return categories;         }         #endregion     } }

Bu sınıfıda hazırladıktan sonra DAL içerisinde yapacak olduğumuz işlemleri tamamlamış oluyoruz. Şimdi klasörün içerisine bir göz atalım hangi sınıflarımız oldu.


Raporları ekleyecek olduğumuz ve daha sonrasında da çağıracağımız RDLC isimli bir dosya kullanıyoruz. Bu dosyanın üzerinde sağ tıklama yaptıktan sonra rapor şablonları arasında yer alan Report Wizard şablonu yardımı ile raporu hazırlamaya başlıyoruz.



Karşımıza çıkan ekranda DataSet Name kısmına "ProductDataSet", DataSource kısmına "NorthwindReports.DAL" kullanacağı metodu ise ProductRepository(GetProductProjected) seçimlerini yaparak işlemlere devam ediyoruz.



Gösterilecek olan verileri Values bölümüne sürükleyip bırakıyoruz.



Sıradaki ekranda herhangi bir işlem yapmamıza gerek yoktur. Bu ekran raporun görünümünün nasıl olacağına ilişkin ufak bir görünüm sunmaktadır.



Raporu, eğer ki hazır stillerden birini seçerek kullanmak isterseniz işlemleri bu ekran üzerinden yapılır.



Artık raporun ön tasarımını hazırlamış bulunuyoruz. Şimdi üst ve alt bilgi ekleme işlemleri için boş bir kısımda sağ tıklama sonrasında aşağıdaki ekranı çıkarıyor ve alt, üst bilgi ekle seçeneklerini seçerek işlemlere devam ediyoruz.



Alt ve üst bilgilere textbox v.b. kontroller ekleyebiliriz.



Eklemiş olduğumuz bu kontrollerin ve verilerin gözükecek olduğu tablo üzerinde tasarımsal değişiklikler yapabiliriz. Bunun için üst kısımda yer alan formating toolbar işimizi görecektir.



TextBox 'ların içerisine yalnızca sabit veriler değil, değişken verilerinde eklenebilmesi mümkündür. Bunun için üzerinde sağ tıklama yaptıktan sonra Expression... seçeneği yardımı ile karşımıza çıkan ekranda başında "=" olacak şekilde kod parçacıklarını ekleyebiliriz.



Verilerin gösterileceği tabloda yer alan textbox lar üzerinde görünüm ile ilgili değişiklikler yapılabilmesi mümkündür. Örneğin UnitPrice değeri paradır ve bu değerin yanında o ülkenin para değerinin gözükmesi gerekmektedir. Bu işlemi yapabilmek için üzerinde sağ tıklama yaparak Text Box Properties seçeneğini seçiyoruz.



Sonrasında Number tabı içerisinde yer alan kategorilerden Currency 'i seçip işlemi tamamlıyoruz.



Raporları yalnızca tablo içerisinde veriler ile değil, grafiksel olarakta sunabilmemiz mümkündür. Bunun için Toolbox içerisinden Chart kontrolünü rapor ekranına sürüklememiz yeterli olacaktır.



Rapor kontrolünü sürüklediğimizde bizden ne tür arayüzde bir rapor istediğimize ilişkin bir seçim yapmamızı isteyecektir.



Sonrasında eklenen grafiğin hangi koordinatında hangi verinin olacağına ilişkin bilgiyi giriyor olacağız. Bunun için Report Data içerisinden UnitPrice ve CategoryName alanlarını sürüklüyoruz.


Koordinatların daha düzgün gözükebilmesi için grafiğin boyunu genişletiyoruz.



Görmüş olduğumuz seri doğrularının görsel görünümlerini değiştrebilmemiz mümkündür. Bunun için üzerinde sağ tıklama yaptıktan sonra Series Properties seçeneğini tıklıyoruz. Sonrasında Fill tabını seçiyor ve aşağıdaki görsel görünümü uyguluyoruz.



Sıradaki adım aspx dosyaya raporun görüntelenmesi için ReportViewer kontrolünü ekliyoruz.

<div>     <asp:ScriptManager ID="smScriptManager" runat="server">     </asp:ScriptManager>     <div id="searchFilter">         Filtre : Kategori :         <asp:DropDownList ID="ddlCategories" runat="server" />         ve Satıcı:         <asp:DropDownList ID="ddlSuppliers" runat="server" />     </div>     <rsweb:ReportViewer ID="rvProducts" runat="server">     </rsweb:ReportViewer> </div>

Sayfa içerisinde değişiklik yaptıktan sonra görünümü aşağıdaki gibi olmuştur.



Sonrasında rapor ekranının boyutunu düzenliyoruz.



ReportViewer 'in veriyi göstereceği rapor dosyasını seçiyor sonrasında da choos Data Source ile düzenleme yapıyoruz.



Yeni bir DataSource seçeneğini seçiyoruz.



Object veri bağlantısı seçeneğini seçiyoruz.


ProductRepository iş nesnesini seçiyoruz.


Bir sonraki ekrandan GetProductProjected metodunu seçiyoruz.



Sonrasında supplierID ve categoryID 'yi Control olarak belirleyip ddlCategories kontorlüne bağlıyoruz.



Benzer işlemi supplier dropdownlist 'i için de hazırlıyoruz. Sonrasında bu iki bileşenin SelectedIndexChanged olaylarına aşağıdaki kod parçasını ekleyerek geliştirme sürecini tamamlıyoruz.

protected void ddlCategories_SelectedIndexChanged(object sender, EventArgs e) {     rvProducts.LocalReport.Refresh(); } protected void ddlSuppliers_SelectedIndexChanged(object sender, EventArgs e) {     rvProducts.LocalReport.Refresh(); }

Bu işlemler sonrasında raporu hazırlamış bulunuyoruz.

Bu yazımız boyunca veri katmanını oluşturup, RDLC raporunu ekleyip, grafik ile görselleştirdikten sonra web sayfasına nasıl ekleyip kullanabileceğimizi incelemeye çalıştık.

Umarım sizler için yararlı olabilmiştir.

Turhal Temizer
[email protected]