asp.net, jquery ve diğer web teknolojileri üzerine » Asp.Net

Twitter #hashtag, @kullanici ve url biçimlendirme

apoStyLEE — Fri, 19 Aug 2011 07:23:47 +0000

Twitter, Friendfeed gibi sosyal ağlarda bir şeyi etikletlemek istediğimizde #(diyez) işaretiyle başlayarak etiketimizi yazabiliyoruz, buna hashtag (#etiketimiz) deniyor. Twitter’ da @ işaretiyle başlayıp herhangi bir kullanıcının adını yazdığımızda (@apostylee) o kullanıcıya bir uyarı gidiyor ve ekranda biz bu girdiyi kullanıcının profiline giden bir link olarak görüyoruz. Konuyla ilgili geçenlerde şöyle bir şey paylaşmıştım. Bu iki özelliğe ek olarak http:// yada www. ile başlayan bir girdi yaptığımızda otomatik olarak linke dönüştürülüyor. Bu olay yaptığım bir projede lazım olmuştu, hazır yapılmışı varmı diye ararken burada ki kodları buldum. İş sadece biçimlendirmeyle bitmiyor, eğer Twitter’ da ki gibi ilgili kullanıcıya bir bilgi vermemiz gerekirse o kullanıcı adına sahip olmamız gerekiyor, bu işi ufak bir regex kullanarak hallediyoruz. Örneklere bakınca demek istediğimi daha iyi anlayacaksınız. Önce girdiyi biçimlendiren kodlarımız;

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Text.RegularExpressions;

namespace WebApplication2
{
    public static class HtmlParser
    {
        public static List hashTagList(string s) {
            Regex tags = new Regex(@"(?:(?            List l = new List();
            foreach (Match item in tags.Matches(s))
            {
                l.Add(item.Groups[1].ToString());
            }
            return l;
        }

        public static List userNameList(string s)
        {
            Regex tags = new Regex(@"(?:(?            List l = new List();
            foreach (Match item in tags.Matches(s))
            {
                l.Add(item.Groups[1].ToString());
            }
            return l;
        }

        public static string Link(this string s, string url)
        {
            return string.Format("{1}", url, s);
        }
        public static string ParseURL(this string s)
        {
            return Regex.Replace(s, @"(http(s)?://)?([\w-]+\.)+[\w-]+(/\S\w[\w- ;,./?%&=]\S*)?", new MatchEvaluator(HtmlParser.URL));
        }
        public static string ParseUsername(this string s)
        {
            return Regex.Replace(s, "(@)((?:[A-Za-z0-9-_]*))", new MatchEvaluator(HtmlParser.Username));
        }
        public static string ParseHashtag(this string s)
        {
            return Regex.Replace(s, "(#)((?:[A-Za-z0-9-_]*))", new MatchEvaluator(HtmlParser.Hashtag));
        }
        private static string Hashtag(Match m)
        {
            string x = m.ToString();
            string tag = x.Replace("#", "");
            return x.Link("http://www.alanadi.com/tag/" + tag);
        }
        private static string Username(Match m)
        {
            string x = m.ToString();
            string username = x.Replace("@", "");
            return x.Link("http://www.alanadi.com/" + username);
        }
        private static string URL(Match m)
        {
            string x = m.ToString();
            return x.Link(x);
        }
    }
}

Örnek kullanım ise şu şekilde;

        protected void Page_Load(object sender, EventArgs e)
        {
            string strCumle = "selam @apostylee @ferdinand @drogma, nasılsın bakalım ? #tag #tag2 http://www.apostylee.com www.alanadi.com";

            Response.Write(strCumle.ParseURL().ParseUsername().ParseHashtag()+"

");

            Response.Write(HtmlParser.userNameList(strCumle).Count+"

");

            foreach (var item in HtmlParser.userNameList(strCumle))
            {
                Response.Write(item+"
");
            }
        }

HtmlParser.userNameList() ve HtmlParser.hashTagList() methodları bize ilgili girdideki kullanıcı adlarının yada etiketlerin listesini döndürüyor. Yukarıda da bahsettiğim gibi eğer veritabanına yazmamız gereken bir durum varsa bu iki methodun bize döndürdüğü listeyi kullanıyoruz. Projenin çalışır halini buradan indirebilirsiniz. Umarım faydalı bir yazı olmuştur..

EntityFramework SqlMigrations ile Verileriniz Kaybolmasın

apoStyLEE — Thu, 28 Jul 2011 14:07:50 +0000

Başlıktan bir şey anlamamış olabilirsiniz ama eğer Ado.Net Entity ile ilgiliyseniz bu yazı çok hoşunuza gidecek ;)

3-5 dakika önce Google Reader dan Code First Migrations: Walkthrough of August 2011 CTP başlığıyla gördüğüm yazıyı hemen sizlerle paylaşmak istedim.

Bildiğiniz üzere eğer modelinizi code-first yaklaşımıyla oluşturmuşsanız ve projenizi çalıştırmışsanız veritabanı otomatik olarak oluşuyor ve sonrasında modelinizde yaptığınız değişikliği veritabanına uygulamak için context inizin içine “System.Data.Entity.Database.SetInitializer(new System.Data.Entity.DropCreateDatabaseIfModelChanges());” ifadesini ekleyerek modeldeki güncellemeyi veritabanımıza uyguluyorduk. Fakat bu yöntemde istenmeyen bir durum oluşuyor ve eğer veritabanında bilgi varsa bilgilerde gidiyordu çünkü bu kod veritabanını komple kaldırıp yeniden oluşturarak güncelleme işini yapıyordu. Artık bu can sıkıcı durumdan kurtuluyoruz !

Yapmamız gereken tek şey projemize “EntityFramework.SqlMigrations” paketini eklemek. Sonrasında yeni bir alanı güncellemek için paket yönetici konsoluna “Update-Database” komutunuı yazıp çalıştırmamız yeterli oluyor. Eğer varolan bir alanın adını güncellemek istiyorsak “Update-Database -Renames:”kullanici.Email=>kullanici.EmailAddress”” komutunu çalıştırmamız yeterli. SqlMigrations’ un diğer özelliklerine buradan bakabilirsiniz. Bu işlemler yapılırken veritabanı içindeki bilgi kaybolmuyor sadece ilgili değişiklikler yapılıyor.

Bu mekanızma sayesinde önemli bir açığın kapandığını düşünüyorum, yukarda da belirttiğim gibi can sıkıcı bir durumdu ve iki türlü iş ile uğraşıyorduk. Biraz alel acele yazmak zorunda kaldım fakat durum sanıyorum anlaşılmıştır :)

ADO.NET Entity’ e Giriş eKitabı

apoStyLEE — Sat, 16 Jul 2011 21:29:52 +0000

ADO.Net Entity’ e başlangıç yapmak için faydalı olacağına inandığım bir eKitap yazdım. Umarım konuya ilgi duyan arkadaşların işine yarayan bir kaynak olmuştur. Gelen istekler üzerine sürekli güncellemeye çalışacağım bu kitabı buradan indirebilirsiniz. Olumlu olumsuz görüşlerinizi belirtirseniz çok mutlu olurum ;)

Profil sayfası kişiselleştirme ve ComplexType

apoStyLEE — Wed, 29 Jun 2011 09:40:58 +0000

Başlık biraz karışık oldu sanırım, biraz açayım. Profil sayfası kişiselleştirme dediğim; Twitter, FriendFeed gibi sayfalarda arkaplan resmini, konumunu ve renkleri isteğimize göre düzenleyebiliyoruz, yani profilimizi kişiselleştirebiliyoruz. ComplexType ise ilk konudan bir hayli alakasız aynı zamanda ComplexType olayını anlamak için çok alakalı. En kaba tabirle; modelimizde ki belirli özellekleri kümelediğimiz ve kod yazarken bize çok büyük kolaylık sağlayan bir yaklaşım.

Öncelikle modelimizi oluşturalım ve ComplexType nedir ona bir bakalım. Senaryo şu şekilde. Kullanıcılarımız sayfalarını istedikleri gibi kişiselleştirebiliyor. Bu sebepten dolayı ilgili bilgileri veritabanında tutmamız gerekiyor. Öte yandan kullanıcıya ait ana bilgileride veritabanında tuttuğumuzu düşünürsek karışıklık olmasın diye bu iki tabloyu birbirinden ayrı ve ilişkilendirilmiş bir şekilde tasarlamamız olası bir durum. ComplexType ile birlikte bu karmaşayı ortadan kaldırabiliyoruz. Tablonun içinde tüm alanlar bulunuyor fakat kod yazarken kümelediğimiz isim üzerinden ilgili alanlara ulaşabiliyoruz. Örneğin bu kullanıcının adres bilgileri de aynı tabloda olsaydı, oldukça karmaşık bir durum söz konusu olacaktı. Aşağıda ki modelde kullanici isimli sınıfın içine kisisel adında bir ComplexType tanımlıyoruz ve kod yazarken kullanici yazıp noktaya bastığımızda, kisisel adında bir özellik görüyoruz, bu özelliğin içinde ise kisisel sınıfı içindeki alanlara erişebiliyoruz. Bu durumda veritabanımız şu şekilde oluşuyor;

Gördüğünüz gibi kisisel_ ön ekiyle birlikte alanlarımız oluşmuş oldu. Buradaki isimlendirmeyi Fluent Api ile birlikte düzenlememiz de mümkün. Eğer adres bilgilerinide kümelediğimiz bir ComplexType ımız olsaydı aynı tablo içinde adres_ ön ekiyle ve kullanıcı modelini kullanırken kullanici.adres.* şeklinde ilgili alanlara erişebilecektik, bu sayede kod yazarken adresle ilgili bilgilerin adresin altında, kişiselleştirme ile ilgili bilgilerin kisiselin altında olduğunu anlayacaktık ;) Konuyla ilgili uygulama yaparsanız çok daha iyi anlayacaksınız.

Projemizde kullanacağımız modelimiz aşağıdaki gibi olacak..

    public class kullanici
    {
        public kullanici() {
            kisisel = new kisisel();
        }

        public int id { get; set; }
        public string kullaniciAdi { get; set; }
        public string eposta { get; set; }
        public string sifre { get; set; }
        public kisisel kisisel { get; set; }
    }

    public class kisisel
    {
        public string bgColor { get; set; }
        public string bgImage { get; set; }
        public string bgPosition { get; set; }
        public string bgStyle { get; set; }
    }

Modelimizi oluşturduktan sonra işin zevkli kısmına geçebiliriz. Modelimize ait kontrollerimizide oluşturduktan sorna, Edit.cshtml sayfasına girip ilgili düzenlemeleri yapıyoruz. Kişiselleştirme için arkaplan rengini düzenleyeceğimizden bir renk seçme paletine ihtiyacımız var, ben farbtastic i kullandım. Mevcut Edit.cshtml sayfasına farbtastic in dosyalarını ekliyoruz ve şu şekilde değiştiriyoruz.

@model profilKisisellestirme.Models.kullanici

@{
    ViewBag.Title = "Edit";
}

Edit






 

@using (Html.BeginForm("Edit","kullanici",FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    string strColor = "#5c87b2";

    if (!string.IsNullOrEmpty(Model.kisisel.bgColor))
    {
        strColor = Model.kisisel.bgColor;
    }

    string strPosition = "";

    if (!string.IsNullOrEmpty(Model.kisisel.bgPosition))
    {
        if (Model.kisisel.bgPosition.Contains("scroll"))
        {
            strPosition = "checked";
        }
    }    

    @Html.ValidationSummary(true)
    
        kullanici

        @Html.HiddenFor(model => model.id)

        
            @Html.LabelFor(model => model.kullaniciAdi)
        
        
            @Html.EditorFor(model => model.kullaniciAdi)
            @Html.ValidationMessageFor(model => model.kullaniciAdi)
        

        
            @Html.LabelFor(model => model.eposta)
        
        
            @Html.EditorFor(model => model.eposta)
            @Html.ValidationMessageFor(model => model.eposta)
        

        
            @Html.LabelFor(model => model.sifre)
        
        
            @Html.EditorFor(model => model.sifre)
            @Html.ValidationMessageFor(model => model.sifre)
        
        

        

            
                Kişiselleştirme
            

            Arka resmi
            
                

                @if (!string.IsNullOrEmpty(Model.kisisel.bgImage))
                {
                    

                    Arkaplanı kaldır
                }

                

                
                    Yükleyeceğiniz fotoğraf en fazla 750kb ve uzantısı jpg, png olabilir.
                
            

            
            Arka plan rengi
            
                
            

            
            Arkaplan tekrar etsin 
            

        

        
            
        
    
}


    @Html.ActionLink("Back to List", "Index")

Son olarakda _Layout.cshtml içindeki tagını şeklinde değiştiriyoruz.

Mekanızmanın mantığından biraz bahsetmek istiyorum. Öncelikle anlık renk değişimi ve arkaplanın pozisyonunu nasıl ayarladığımızdan bahsedeyim. Aslında bahsedecek çok fazlada bir şey yok, jQuery ile ilgili değişikliklerin olduğu form elemanlarını yakalayıp ilgili değişiklikleri sayfaya uyguluyoruz. Renk değişimini uygulamak içinse farbtastic.js içine 247. satıra $(“body”).css(“backgroundColor”,fb.color); kodunu ekliyoruz, diğer kodlar şu şekilde;

 $(document).ready(function () {
         var f = $.farbtastic('#picker');
         var p = $('#picker').hide();
         var selected;
         $('.colorwell')
          .focus(function () {
              if (selected) {
                  $(selected).removeClass('colorwell-selected');
              }
              f.linkTo(this);
              p.show();
              $(selected = this).addClass('colorwell-selected');
          });

         $("input[name=bgPosition]").change(function () {
             var s = $(this).attr("checked");
             var b = $("body");
             if (s) {
                 b.css({ backgroundAttachment: 'scroll', backgroundRepeat: 'repeat repeat' });
             }
             else {
                 b.css({ backgroundAttachment: 'fixed', backgroundRepeat: 'no-repeat no-repeat' });
             }
         });

     });

Geri kalan kısımda ise veritabanına bilgi ekliyoruz ve fotoğraf yüklüyoruz. Ben bu örnekte kullanıcının kişiselleştirilmiş style bilgisini Session da tuttum, kullanıcı sisteme giriş yaptığında bu bilgiyi güncellemek yeterli. Siz kendi yapınızda nasıl kullanmak istiyorsanız o şekilde kullanabilirsiniz. Projenin çalışır halini ve kodlarını incelediğinizde esasında olayın çok basit olduğunu fark edeceksiniz. Umarım faydalı bir yazı olmuştur :)

Uyarı: Bu mekanızma tamamen eğitsel amaçlıdır, kullanımdan doğacak güvenlik problemlerinden beni sorumlu tutmay

Projenin çalışır haline buradan bakabilir, buradan indirebilirsiniz.

PagedList kullanarak verileri sayfalama

apoStyLEE — Tue, 28 Jun 2011 08:10:06 +0000

Verileri sayfalamak iyidir :D Giriş için cümle bulamıyorum resmen, neyse siz girdik sayın :)

Sağa sola bulaşmadan Nuget Gallery den PagedList.Mvc paketini projemize ekliyoruz. Nasıl ekliyoruz sorusunun cevabını burada bulabilirsiniz. PagedList açık kaynak bir proje, github sayfasına buradan ulaşabilirsiniz.

PagedList’ in kullanımı oldukça basit. Örneğimize göz atalım;

        public ViewResult Index(int? page)
        {
            int pageIndex = page ?? 0;
            var result = db.mesajs.OrderByDescending(x=>x.id).ToPagedList(pageIndex, 2);
            return View(result);
        }

View katmanına verileri gönderdiğimiz Action kontrolümüzde sadece şu kontrolü yapıyoruz. Eğer sayfa numarası yoksa sayfa numarasını 0 (sıfır) a eşitliyoruz. Sonrasında ToPagedList içerisine olduğumuz sayfayı ve bir sayfada listelenecek kayıt sayısını belirtip view a gönderiyoruz. View’ ımız yani kullanıcıların gördüğü kısımı ise aşağıda ki şekilde düzenliyoruz. Aşağıda tüm sayfalama şekillerini gerçekleştirdim, siz istediğinizi kullanabilirsiniz.

@model PagedList.IPagedList
@using PagedList.Mvc;
@using PagedList;

@{
    ViewBag.Title = "Index";
}



Kayıtlar



@foreach (var item in Model)
{
    
}


    
        
            baslik
        
        
            icerik
        
    

        
            @Html.DisplayFor(modelItem => item.baslik)
        
        
            @Html.DisplayFor(modelItem => item.icerik)
        
    



Varsayılan sayfalama
@Html.PagedListPager(Model, page => Url.Action("Index", new { page = page }))


Önceki, Sonraki
@Html.PagedListPager(Model, page => Url.Action("Index", new { page = page }), PagedListRenderOptions.Minimal)


Önceki, Sonraki ve hangi sayfadasınız
@Html.PagedListPager(Model, page => Url.Action("Index", new { page = page }), PagedListRenderOptions.MinimalWithPageCountText)


Önceki, Sonraki ve hangi sayfadasınız. Toplam kayıt sayısı
@Html.PagedListPager(Model, page => Url.Action("Index", new { page = page }), PagedListRenderOptions.MinimalWithItemCountText)


Sayfa numaraları
@Html.PagedListPager(Model, page => Url.Action("Index", new { page = page }), PagedListRenderOptions.PageNumbersOnly)


Önceki, sonraki ve sayfa numaraları
@Html.PagedListPager(Model, page => Url.Action("Index", new { page = page + 1 }), PagedListRenderOptions.OnlyShowFivePagesAtATime)


Kişiselleştirilmiş sayfalama
@Html.PagedListPager(Model, page => Url.Action("Index", new { page = page }), new PagedListRenderOptions { LinkToFirstPageFormat = "<< İlk", LinkToPreviousPageFormat = "< Önceki", LinkToNextPageFormat = "Sonraki >", LinkToLastPageFormat = "Son >>" })

baslik	icerik
@Html.DisplayFor(modelItem => item.baslik)	@Html.DisplayFor(modelItem => item.icerik)

Bu sayfalama yöntemi webForm’ daki GridView ve benzeri diğeri kontroller içerisindeki veriyi sayfalamaktan çok daha performanslı. Sebebi ise şu, bu kontrollerin bize sunduğu sayfalama yöntemlerinde, ilk önce veritabanındaki tüm kayıtlar kontrolün içine doldurulup sonra sayfalanıyor. Yani 10000 satırlık bir verimiz varsa önce tüm veri çekileceğinden, ciddi bir performans kaybı oluşacaktır. Bu yöntemde sayfalama işlemini Sql Server Profiler ile gözlemlediğimizde, sadece istediğimiz kayıtların geldiğini gözlemye biliyoruz.

Yukarıda ki durum sayfamızın ilk yüklendiğinde neler olduğunu gösteriyor. 1. kısım olarak işaretli yerde veritabanında ki toplam kayıt sayısı alınıyor, 2. kısımda 0 dan büyük 2 kayıt isteniyor, neden 2 kayıt çünkü biz ToPagedList içerisine gönderdiğimiz parametrede 1 sayfada 2 kayıt olmasını istemiştik ;) Neden 0 çünkü eğer sayfa numarası yoksa 0 a eşitlemiştik ;) Bu olay mysql de limit fonksiyonu ile yapılabiliyor. Limit olayını Linq de ki Take() Skip() fonksiyonlarını kullanarak yapabiliyoruz. PagedList’ in temelinide bu ikili oluşturuyor ;)

İlk sayfaya geçtiğimizde yukarıdaki durumu gözlemliyoruz. Değişen tek şey 0 dan büyük 2 kayıt yerine bu sefer 2 den büyük 2 kayıtın istenmesi. Diğer sayfalara geçtğimizde de 2′ nin katları şeklinde arttığını görüyoruz, yani her seferinde 2 kaydı bize çağırıyor ;) Anlatacaklarım bu kadar, umarım faydalı olmuştur.

Projenin çalışır halini şuradan görebilirsiniz, buradan indirebilirsiniz.

Ajax ile daha fazla kayıt göster olayı (Load More Data)

apoStyLEE — Mon, 27 Jun 2011 11:52:34 +0000

Yine kullanımını ilk olarak Facebook ve Twitter’ dan gördüğümüz bu olayın temel mantığını bildiğimiz sayfalama oluşturuyor. Neden bu şekilde bir sayfalama kullanmak gerekiyor isterseniz bunlara bir bakalım.

Sayfa komple yenilenmeyeceğinden daha işlevsel. Örneğin; kullanıcı video izlerken altında ki yorumları sayfa sayfa dolaşmak isterse, video yarıda kesilmeyecektir.
Sayfanın sadece ilgili yerini, ilgili kayıtlar kadar güncelleyeceğimizden daha performanslı. Bu performans sunucu tarafında; daha az sistem kaynağı tüketimi, kullanıcı tarafında ise; sayfanın yüklenme süresi olarak gözlenebilir. Özetlersek sunucudan yapılan isteği minimize etmiş oluyoruz.

Çektiğim videoların birinde dile getirdiğim bir konu vardı, yukarıda ki maddeleri görünce yazılı olarak da eklemek istedim. Anlık çok fazla kullanıcıya, çok fazla isteğe cevap verme durumunda olan siteler ajaxı bizim kara kaşımıza yada şekilli olsun afilli olsun diye kullanmıyor. Örneğin Facebook her işlemde sayfayı yeniden yüklemeye kalkarsa altından kalkılamaz bir yükle karşı karşıya kalır. Anlık Facebook’ a yazılan yorum, mesaj yada benzeri girdileri düşündüğümüzde ajaxın hava yastığı görevi gördüğünü hayal etmek güç olmasa gerek. Özetlemek gerekirse, ajax yaklaşımı şekilden ibaret değildir ;) Konumuza geri dönelim.

Mekanızma şu şekilde çalışıyor. Ekranda listelediğimiz kayıtlardan sonuncusunun id sini post edip, bu id den küçük olan son 2 kaydı ekrana basıyoruz.




    @foreach (var item in Model)
    {
        @item.baslik
@item.icerik
    }


daha fazla

Home kontrolümüzdeki getir adında ki aksiyonumuz;

  public ActionResult Getir()
        {
            //System.Threading.Thread.Sleep(2000); // yükleniyor mesajını görmek için biraz bekleme yapıyoruz ;)

            int sonId = Convert.ToInt32(Request.Form["SonId"]);

            var result = context.mesajs.Where(x=>x.idx.id).Skip(_skip).Take(_take);

            if (result.Count() == 0)
            {
                return Json(new { sonId = -1}, JsonRequestBehavior.AllowGet);
            }

            return Json(new { m = result, sonId = result.First().id }, JsonRequestBehavior.AllowGet);
        }

Bu örneği php, asp yada farklı bir dillede gerçekleştirebilirsiniz. Ben örneği asp.net de yapıyorum diye illa asp.net de olacak diye bir şart yok yani ;) Projenin çalışır haline buradan bakabilir, buradan da indirebilirsiniz.

Textbox içinde arama (Twitter Style)

apoStyLEE — Sat, 25 Jun 2011 07:37:30 +0000

Twitter da tweet yazarken @ işaretiyle başlayıp yazmaya başladığımızda, arkadaşlarımızı bulmamıza olanak sağlayan bir arama mekanızması bulunuyor. Geçenlerde lazım oldu epey bir aradım fakat tam olarak bu işi yapan bir betiğe rastlayamadım, bende isteğime en yakın örneği bulup üzerinde bir kaç ufak değişiklikle amacıma ulaştım. Faydalandığım örneğin adresini bir türlü bulamadım, bu yüzden paylaşamıyorum :S Olayın temelinde jQueryUi – Autocomplete‘ nin Multiple Values özelliği bulunuyor.

Bu işi yaparken jQuery ve jQueryUi yi kullanıyoruz, diğer dinamik kısım için php, asp, java vb.. diller kolaylıkla kullanılabilir. Ben asp.net mvc (c#) ile bu örneği gerçekleştirdim. Mekanızma şöyle çalışıyor; adres satırından aranacak bilgiyi gönderip, veritabanında aramamızı gerçekleştirip sonucu geriye json olarak döndürüyoruz.

Javascript kodlarımız (textAreaAutoComplete.js);

$(function () {
    function split(val) {
        return val.split(/ \s*/);
    }
    function extractLast(term) {
        return split(term).pop();
    }

    $("#search")
		.bind("keydown", function (event) {
		    if (event.keyCode === $.ui.keyCode.TAB &&
					$(this).data("autocomplete").menu.active) {
		        event.preventDefault();
		    }
		})
		.autocomplete({
		    minLength: 0,
		    selectFirst: true,
		    source: function (request, response) {
		        if (extractLast(request.term).substr(0, 1) == "@") {
		            $.getJSON(root + "kullanici/search/", {
		                term: extractLast(request.term)
		            }, response);
		        }
		    },
		    focus: function () {
		        return false;
		    },
		    select: function (event, ui) {
		        var terms = split(this.value);
		        terms.pop();
		        terms.push(ui.item.value.split(' ')[0]);
		        terms.push("");
		        this.value = terms.join(" ");
		        return false;
		    }
		});
});

Veritabanında arama işlemini yapan action methodumuz.

        public ActionResult search()
        {
            string strParameter = Request.QueryString["term"].Replace("@", string.Empty).Replace("%40",string.Empty);

            var result = db.kullanicis.Where(x => x.takmaAd.Contains(strParameter));

            if (result.Count() == 0)
            {
                return null;
            }
            else
            {
                return Json(result.Select(x => "@"+x.takmaAd +" "+x.adSoyad), JsonRequestBehavior.AllowGet);
            }
        }

Çalışan örneğe buradan ulaşabilir, buradan indirebilirsiniz.

Easy Db Tool ile veritabanı işlemlerini kolayca halledin.

apoStyLEE — Fri, 24 Jun 2011 12:36:03 +0000

Epey bir zaman kullandığım veritabanı aracımı sizlerle paylaşmak istedim. Bu vesileyle üzerimde büyük emeği ve desteği bulunan sevgili arkadaşım, kardeşim Yunus Emre Çavuşoğlu‘ na teşekkürlerimi sunmak istiyorum.

Bu araçla birlikte;

Açık kaynak olduğu için, istediğiniz gibi şekillendirebilirsiniz.
Veritabanına ekleme, silme ve güncelleme işlemlerini kolaylıkla yapabilirsiniz.
Veritabanında ki bilgileri kolayca DataTable ye kolayca aktarabilirsiniz.
Oluşturduğunuz formdaki eleman isimlerinin veritabanındaki isimlerle aynı olması şartıyla bir kerede formdaki tüm bilgileri ekleyebilir veya güncelleyebilirsiniz. (* alan adlarının başına 3 karakterli kontrollerin kısaltılmış ön ekinin girilmesi gereklidir. Örneğin; txtsoyadi, ddlsehir, rblcinsiyet gibi..)
Veritabanında ki bilgileri DataTable ye aktarırken bilgiyi önbellekte (cache) tutma ve bu belleği basit bir şekilde yönetme.

Kullanımı, öncelikle veritabanında ki tablomuza karşılık gelen bir sınıf yazıyoruz. Bu sınıfta id alanını belirtmiyoruz , zamanında böyle yapmışım böyle kalmış :)

    // Poco Class
    public class testTable
    {
        public string name { get; set; }
        public string email { get; set; }
        public DateTime? createDate { get; set; }
        public int? age { get; set; }
    }

Normal ekleme işlemi

            testTable tt = new testTable
            {
                name = "test",
                email = "mail@mail.com",
                age = 18,
                createDate = DateTime.Now
            };

            db.Insert(tt, true);

Formda ki bilgileri ekleme işlemi;


 name  

 email  

 age

db.Insert(new testTable(),divForm,false);

Örneklerde ki true, false olarak ifade ettiğimiz değer, eklenilen kaydın id sinin geriye integer olarak dönüp dönmeyeceğini ifade ediyor. Diğer örnekler ve EasyDbTool için gitHub sayfasını ziyaret edebilirsiniz https://github.com/apoStyLEE/easy-Db-Tools

DataAnnotationsExtensions ile form doğrulama (validation)

apoStyLEE — Fri, 24 Jun 2011 07:45:29 +0000

Asp.Net Mvc’ de doğrulama (validation) işlemleri için modelimizdeki alanlara açıklamalar (Annotations) yazıyoruz. Bu alan zorunludur yada en fazla 10 karakter girilebilir gibi en temel doğrulama kuralları varsayılan olarak gelirken, e-posta yada adres doğrulama gibi işlemler için kendi doğrulama fonksiyonlarımızı yazıyoruz. Nuget Gallery deki DataAnnotationsExtensions.MVC3 paketiyle bu ekstra yükten kurtulabiliyoruz. İlk göze çarpanlar; e-posta doğrulama, en az uzunluk, adres doğrulama, şifre uyumu ve dosya uzantısı kontrolü. Daha fazlası için projenin ana sayfasına bakabilirsiniz.

Paketleri projemize nasıl eklediğimizi şurada yazmıştım. Örnek kullanım şu şekilde.

    public class modelim
    {
        public int id { get; set; }

        [Email]
        [Required]
        public string eposta { get; set; }

        [FileExtensions("png|jpg|jpeg|gif")]
        public string dosyaAdi { get; set; }

        [Min(2,ErrorMessage="en az uzunluk 2")]
        public int sayi { get; set; }

        [Required]
        public string sifre { get; set; }
        [Required]
        [EqualTo("sifre",ErrorMessage="Şifreler aynı değil")]
        public string sifreTekrar { get; set; }

        [Url]
        public string adres { get; set; }
    }

aSanalPos kullanıma hazır.

apoStyLEE — Thu, 23 Jun 2011 10:15:20 +0000

Sanal posun lazım olduğu yerlerde kullandığım basit bir sınıfım vardı. Biraz düzenleyip sizlerle paylaşmak istedim. Esasında benim yaptığım bir şey yok, sadece bankaların verdiği kodları bir araya topladım. Projenize basitçe ekleyebilir ve kullanabilirsiniz. Şimdilik şu bankaların posları bulunuyor;

İş Bankası
Garanti Bankası
Vakıfbank
Akbank
Yapı Kredi
FinansBank
DenizBank

Projenin Git sayfası https://github.com/apoStyLEE/aSanalPos

Örnek Kullanım;

public void Cekim() {

            // kullanıcıdan kart bilgilerini alıyoruz.
            PosForm pf = new PosForm {
                ay = 1,
                yil=2011,
                guvenlikKodu = 123,
                kartNumarasi = 1234567891234568,
                kartSahibi = "kart sahibi",
                taksit = 3,
                tutar = 1.00
            };

            // Poslarımıza yukarıdaki bilgileri gönderiyoruz.
            Pos p = new Pos();

            // Örnek gönderim;
            p.Akbank(pf);
            //p.GarantiBankasi(pf);
            //p.VakifBank(pf);
            //p.YapiKredi(pf);
            //p.IsBankasi(pf);

            // Poslardan geriye dönen bilgileri alıyoruz.

            if (p.sonuc)
            {
                // Çekim işlemi başarılı ise, geri dönen bilgileri alıyoruz.
                // Genellikle bu bilgiler veritabanında saklanır.
                // Bankadan bankaya değişiklik göstereceği için, alanlardan bazıları boş gelebilir.
                Response.Write(p.referansNo);
                Response.Write(p.groupId);
                Response.Write(p.transId);
                Response.Write(p.code);
            }
            else
            {
                // Çekim işlemi herhangi bir sebepden dolayı olumsuz sonuçlanmışsa, bankadan dönen hatayı alıyoruz.
                // Hata kodlarının açıklamaları ilgili banka dökümantasyonunda belirtilmiştir.
                Response.Write(p.sonuc);
                Response.Write(p.hataMesaji);
                Response.Write(p.hataKodu);
            }

        }