Serdar Demir

Evet asp.net ile bir site yaptınız ve wordpress in admin paneli  gibi sitemize kolay bir şeklide haber makale program eklemek istiyoruz.  Ben asp.net ile yaptıgım sitede   kendi projelerimi eklemek için kullandığım admin panelini anlatmaya çalışacağım.

Ben kendi sitemde “masterpage” kullandım ve orta kısımını yaptığım projeleri yayınlamak için ayırdım bu kısıma ise “Detailsview” ekledim. Bu işlemlerden sonra çoğu sitede de olduğu gibi orta kısımda  üstte konu başlığı altında konunun resmi,  resmin altında küçük bir ayrıntı,  proje ile ilgili download ikonu ve download linki olcak şekilde yapmak istiyorum. Bu sıralama, font, başlık biçim  işlemleri detailsview e SqlDataSource bağladıktan sonra gerçekleştireceğiz. Biz şimdi Admin Panelimizi oluşturalım.

Evet  admin.aspx adında sayfa ekliyoruz. Daha sonra resimdeki arayüzü oluşturuyoruz. 4 adet textbox ve bir  fileupload ekliyoruz, ve using System.Data.SqlClient; eklemeyi unutmuyoruz.

Daha sonra bu verileri veritabanına kaydedeceğimiz için aşağıdaki gibi veritabanımızı ve tablo sütunlarımızı oluşturuyoruz . Şimdi gelelim kodlamaya öncelikle FileUpload kontrolünü  nasıl kullanacağımızı anlatalım. öncelikler Proje dizinimin içine resimler adında bir klasör açıyoruz.

FileUpload1.SaveAs(Server.MapPath(“Resimler/”) + FileUpload1.FileName); //diyerek resmimizi kaydediyoruz.

Yolla butonuna tıkladıgımızda ise veritabanına kayıt yapacağız ben veritabanına kayıt yaparken store procedure kullandım (kullanmanızı tavsiye ederim )

Tablomuzdan store procedure/new store procedue diyoruz ve ;

ALTER PROCEDURE dbo.defterkayit

@baslik varchar(50),

@resim varchar(50),

@ayrinti varchar(MAX),

@link varchar(50)

AS

INSERT INTO defter(baslik,resim,ayrinti,link) VALUES(@baslik,@resim,@ayrinti,@link)

yazıp kaydediyoruz.

Gelelim butonun click olayına;

SqlConnection bağlantı = new SqlConnection(“Data Source=SERDAR-PC\\SQLEXPRESS;Initial Catalog=ziyaret;Integrated Security=True;Pooling=False”);

SqlCommand komut = new SqlCommand(“defterkayit”, bağlantı);

komut.CommandType = CommandType.StoredProcedure;

komut.Parameters.Add(“@baslik”, SqlDbType.VarChar).Value = TextBox1.Text;

komut.Parameters.Add(“@resim”, SqlDbType.VarChar).Value = Fileupload1.FileName;

komut.Parameters.Add(“@ayrinti”, SqlDbType.Text).Value = TextBox2.Text;

komut.Parameters.Add(“@link”, SqlDbType.Text).Value = TextBox3.Text;

komut.Connection.Open();

komut.ExecuteNonQuery();

komut.Connection.Close();

veritabanımıza bağlandık ve store procedure de tanımladıgımız @ ile başlayan değişkenlerin hangi kontroller olduklarını tanımladık.  komut.CommandType = CommandType.StoredProcedure; dedik buraya istersek insert into komutunu yazabilirdik ama böyle daha güzel oldu bence Geldik Detailsview de nasıl görüneceğini ayarlamaya

Detailsview’in edit fiedls tagına tıklıyoruz. Bound field altında tablomuzun sütunlarını görürüz burdan görünmesini istediklerimizi ekliyoruz. Biz resimde gösteemek istiyoruz bu yüzden bir adet image ekliyoruz imageın propertiesinden DataImageUrlField kısmına veritabanımızın resim sutununu gösteriyoruz. Aynı işlemi ikon için yapıyoruz download ikonumuz aynı olacağı için o textboxın özelligini readonly yaptık. Veritabanından çektiğimiz yazıların fon ayarlamalarınıd buradan yapıyoruz ben başlıkların forecolor ını kırmızı yaptım mesala ayrıca enable paging diyerek sayfalama yapabiliyorsunuz her sayfada kaç kayıt gösterileceğini ayarlayabilirsiniz. Auto format diyerek sitenizin tasarımına uygun formatı seçebilirsiniz. Özellikleri anlatmakla biteremeyeceğiz )
Şimdi yaptıklarımızı çalıştıralım;

Evet şimdi sitemizi localde çalıştırıyoruz.