Asp.Net
24
Ağu
2013
Asp.Net Web Api
Kategori : Asp.Net
Ekleyen : Admin
Merhaba Arkadaşlar; Bu Makalemde Asp.Net Web Api projesi oluşturulması ve basit bir form post olayı gerçekleştirilmesi hakkında bilgiler vereceğim. Projemizi Yakın zamanda yayınlanan Visual Studio 2013 üzerinde gerçekleştireceğiz. Projeyi neden VS 2013 üzerinde oluşturacağımızı sorarsanız VS 2012 üzerinde Projemizi oluşturamak için, Nuget Paket yöneticisinden gerekli paketleri yüklemeniz gerekiyor. VS 2013 üzerinde proje stabil bir durumda olduğu için karmaşadan uzak rahat bir şekilde kullanım yapabiliyoruz.
Deneme Sürümleri için Visual Studio 2013
Vakit kaybetmeden projemizi nasıl oluşturacağımıza bakalım. Daha sağlıklı olması açısından projemizi resim dosyaları ile anlatmata çalışacağım.
New Project -> Templates / Visual C# / Web, sekmesinde Asp.Net Web Application, .Net Framework Versiyonumuz 4.5
Proje Seçimimizi Boş (Empty) olarak ve seçeneklerimiz Web Forms & Web Api
Oluşan Proje Görüntümüz.
Projemize Controller sınıfımızı ekliyoruz.
Controller sınıfımız PagesController
Görüntülerle işimiz bittiğine göre artık ufak tefek kod yazımına geçebiliriz :)
Projemize Standart MasterPage ve bu MasterPage a bağlı Default bir asp.net sayfası ekliyoruz.
Projemizde bulunan Models dizinine, sayfada işlem yapacağımız Users sınıfını oluşturuyoruz.
   1:  public class Users
   2:  {
   3:      public string firstName { get; set; }
   4:      public string lastName { get; set; }
   5:  }
Default.aspx sayfamız
   1:  <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
   2:   
   3:      <form action="api/pages/addUser" method="post" enctype="application/x-www-form-urlencoded">
   4:   
   5:          <div><label for="firstName">Adınız</label></div>
   6:          <div><input type="text" name="firstName" /></div>
   7:          <div><label for="lastName">Soyadınız</label></div>
   8:          <div><input type="text" name="lastName" /></div>
   9:          <div><input type="submit" value="Kaydet" /></div>
  10:   
  11:      </form>
  12:   
  13:  </asp:Content>
Formumuza dikkat ederseniz asp.net'ten alışıla gelmiş postback Event i dışında klasik form yapısı.
PagesController sınıfımız.
   1:  public class PagesController : ApiController
   2:  {
   3:      // GET api/<controller>
   4:      public IEnumerable<string> Get()
   5:      {
   6:          return new string[] { "value1", "value2" };
   7:      }
   8:   
   9:      // GET api/<controller>/5
  10:      public string Get(int id)
  11:      {
  12:          return "value";
  13:      }
  14:   
  15:      // POST api/<controller>
  16:      [HttpPost]
  17:      [ActionName("addUser")]
  18:      public string InsertUser([FromBody]Users user)
  19:      {
  20:          string fname = user.firstName;
  21:          string lname = user.lastName;
  22:   
  23:          return fname + " " + lname;
  24:      }
  25:   
  26:      // PUT api/<controller>/5
  27:      public void Put(int id, [FromBody]string value)
  28:      {
  29:      }
  30:   
  31:      // DELETE api/<controller>/5
  32:      public void Delete(int id)
  33:      {
  34:      }
  35:  }
Sınıfımızda kullanacağımız bölüm,
   1:  [HttpPost]
   2:  [ActionName("addUser")]
   3:  public string InsertUser([FromBody]Users user)
   4:  {
   5:      string fname = user.firstName;
   6:      string lname = user.lastName;
   7:   
   8:      return fname + " " + lname;
   9:  }
Projenin Post ile Çalışacağını, ve api action isminin addUser olduğunu belirtip formumuzdan daha önce oluşturduğumuz Users sınıfını kapsayacağını belirtiyoruz. Metodumuz string döndüren bir metod siz void değer döndürmeyen bir metodta tanımlayabilirsiniz. String olarak dönen değer aslında ön tanımlı olarak Json Formatındadır.
Projemizi Çalıştırıp Formu doldurup post ediyoruz.
Post işleminden sonra, IE görüntüsü
Post işleminden sonra Firefox görüntüsü
Bu makalemde sizlere Asp.Net Web Api Proje oluşturulmasını ve basit bir form post işlemi nasıl yapılır bunun hakkında bilgiler vermeye çalıştım. Umarım işinize yarar bilgiler edinmişsinizdir. Başka bir makalede görüşmek dileğiyle esen kalın.
Örnek Proje : Asp.Net Web Api
İlk yorum yazan siz olun.