Asp.net Mvc Highchart örneği

Json Verisi ile Dinamik Olarak HighChart Oluşturmak

ALİ ÖZDEMİR

Herkese merhaba,
Bugün sizlere asp.net mvc de highchartlar nasıl dinamik yapılır bunu göstermek istiyorum. HighChart nedir diyorsanız bu siteyi ziyaret edebilirsiniz. http://www.highcharts.com/
Sizler için 2 tane örnek hazırladım. İlki pie chart, diğeri column chart.
Öncelikle pie chart ile başlayalım.
Önce controllerda view tarafı için gerekli verimizi ayarlıyoruz. Kodlar şu şekilde,
public class Data
{
public string Name { get; set; }

public int Count { get; set; }
}

View tarafından ajax ile istekde bulunacağımız metod
public JsonResult GetData()
{
List list = new List()
{
new Data(){ Name = "Elma", Count=20 },
new Data(){ Name = "Portakal", Count=30 },
new Data(){ Name = "Ceviz", Count=10},
new Data(){ Name = "Muz", Count=10 },
new Data(){ Name = "Kahve", Count=30 },
};
return new JsonResult() { Data = list, JsonRequestBehavior = JsonRequestBehavior.AllowGet};
}

View tarafında ise ekranımıza bir tane button ve bir tane div atıyoruz. Butona basıldığı zaman pie chart ın…

View original post 102 kelime daha

Reklamlar

Yazılım Yaşam Döngüsü Temel Aşamaları (Software Development Life Cycle Core Processes)

Yazılım Yaşam Döngüsü Temel Aşamaları (Software Development Life Cycle Core Processes)

Doç. Dr. Deniz KILINÇ Blog Sitesi

Yazılımın ürününün hem üretim hem de müşterideki kullanım süreci boyunca geçirdiği tüm aşamalar yazılım geliştirme yaşam döngüsü (“software development life cycle”, “SDLC”) olarak adlandırılır. Yazılım geliştirme süreci, zamanlamaya dayalı ve içerik olarak bölünmüş aşamalardan oluşmaktadır. Bu sayede yazılım planlı bir şekilde geliştirilmektedir. Yazılım işlevleri ile ilgili gereksinimler sürekli olarak değiştiği ve genişlediği için, söz konusu aşamalar sürekli bir döngü biçiminde ele alınır. Döngü içerisinde her hangi bir aşamada geriye dönmek ve tekrar ilerlemek söz konusudur. Temel yazılım geliştirme aşamaları aşağıdaki gibidir:

View original post 715 kelime daha

Bundling and Minification

Asp.net MVC 4’ün destek verdiği aynı bundling and minification frameworku ASP.Net MVC 4.5 te içermektedir. Peki ne işe yarar bundling and minification?

Bundlelar

Bu sistem içine birkaç script referansı ekleyip birleştirerek sayfanıza gelen requestları yani istekleri azaltır ve tek bir request haline getirir. Bu da sitenizin yüklenme zamanındaki performans kaybını azaltır. Peki bundle ayarlarını nerde yaparız? Asp.net MVC projemizdeki /App_Start/BundleConfig.cs dosyamızda, projemizdeki Layout view içinde hangi still veya hangi script dosyalarının referans edildiğini görebiliriz. veya kendimiz de referans etmek istediğimiz dosyaları ekleyebiliriz. Örnek olarak MVC Internet Application templatei default olarak versiyon numarası bağlanmamış bir jquery bundle dosyası bulundurur :

bundles.Add(new ScriptBundle(“~/bundles/jquery”).Include(
“~/Scripts/jquery-{version}.js”));

Referans olarak eklediğimiz bundleları sitemizde çağırmak için hangi URL’yi layoutta (_Layout.cshtml) çağırmamız gerekiyor sorusunun cevabı ise :

@Scripts.Render(“~/bundles/jquery”)

Minifacation : 

Gereksiz boşlukların, koddaki satır sonu ve yorum satırlarının kaldırılması yükleme sürelerinin iyileştirilmesi için bir süreçtir. Yani still ve script dosyalarımızı optimize edip istemciye giden dosya boyutunun küçülmesini ve request sayısının azalmasını sağlar.

Asp.net MVC 4 Proje Oluşturma

ASP.NET MVC 4 ü daha iyi anlayabilmek için örnek bir proje oluşturup, onun üzerinde inceleme yapabiliriz.

ASP.NET MVC 4 İçin Yazılım Gereksinimleri

  • Windows XP
  • Windows Vista
  • Windows 7
  • Windows 8
  • Windows Server 2003
  • Windows Server 2008
  • Windows Server 2008 R2
MVC 4 geliştirme araçları Visual Studio 2012 de hazır gelmektedir. Visual Studio 2010 SP1/Visual Web Developer 2010 Express SP1 ortamlarına da yüklenebilir.
ASP.NET MVC 4 Uygulaması Oluşturma

  1. File > New Project
    2.  ASP.NET MVC 4 Webb Application ı seçiyoruz.
    3. Uygulama ismini girip OK seçin.
Uygulama Şablonları
 
Yeni proje oluşturup OK a bastığımızda karşımıza aşağıdaki gibi bir pencere gelecek. Bu pencereden hazır proje şablonu seçebiliriz.
Buradaki şablonların kısaca tanımı;
  • The Internet Application Template: Bu şablonda gerekli olan scriptler, css ler, üyelik için gerekli sınıflar ve fonksiyonlar, kısacası hazır çalışan bir web uygulaması şeklinde bir şablon gelir.
  • The Intranet Application Template: Internet Application Template ile aynıdır, tek farkı ASP.NET Membership üyelik sistemi yerine Windows Kullanıcı Hesaplarını kullanır.
  • The Basic Template: Css ve scriptler vardır. Model ve controller klasörleri boş olarak gelir.
  • The Empty Template: Boş bir proje gelir. Sadece App_Start klasöründe routing ve filter ayarları yapılmıştır.
  • The Mobile Application Template: Internet Application Template gibi çalışan bir uygulama olarak gelir. Scriptler ve css ler tamamen mobil tarayıcılar için uygun olarak gelir.
  • The Web API Template: Yine çalışabilir bir hazır bir şablondur. Üyelik yönetimi yoktur. HTTP servis için gerekli ayarlar yapılmıştır.
Görüntüleme Motorları (View Engines)
 
Şablon seçiminin altında sözdizimini kullanacağımız görüntüleme aracınıda seçebiliriz. Derslerimiz boyunca Razor ile örneklerimizi yapacağız.
 
Test
 
Bütün şablonlar için test projesi seçilebilir durumdadır.
Eğer test projeside eklemek istiyorsak, Create a unit test project seçeneğiniz işaretliyoruz. Seçimden sonra iki seçenek daha gelir.
  1. Test project name: Test projesinin ismini belirlediğimiz alan.
  2. Test framework: Test altyapısını seçtiğimiz alan. Yüklü olan altyapılar görünür varsayılan olarak Visual Studio Unit Test yüklü olarak gelir. Farklı (like xUnit, NUnit, MbUnit, … vb) altyapılarda yükleyebiliriz.