Selçuk Engin ATILGAN | Yazılım & Web Günlüğü

Bu yazımda Ajax Kontrol Toolkit’in Rating kontrolünün kullanımına değineceğim. Rating kontrolünü uygulamalarımızda kullanıcıdan değerlendirme yapmasını istediğimiz noktalarda kullanabiliriz.

Kullanımına geçelim ve bir uygulama yapalım.

Öncelikle uygulamamız içinde kullanmak üzere yıldız resimlerine ihtiyacımız var.  En az iki çeşit olmasında fayda var içi dolu ve de boş yıldız olmak üzere.   Bu yıldızların Rating kontrolü içerisinde düzgün görüntülenebilmesi için css class ları kullanacağız.(Yazının ileriki kısmında…)

İçi boş yıldız(EmptyStar.png) Boş yıldıza tıklandığında anlık gözükecek yıldız(SavedStar.png) Değerlendirme yapıldığında gözükecek yıldız(FilledStar.png)

Yeni bir ASP.net sayfası oluşturuyoruz ve sayfamıza Ajax Extensions sekmesi altından script manager ekliyoruz.

<asp:ScriptManager ID=”ScriptManager1″ runat=”server” />

Script Manager’ ımızı ekledikten sonra Ajax Control Toolkit sekmemiz üzerinden Rating kontrolümüzü sayfamıza ekliyoruz.

Rating kontrolünü kullanabilmemiz için sayfamıza register ediyoruz ve tagprefix imizi belirliyoruz.

<%@ Register assembly=”AjaxControlToolkit” namespace=”AjaxControlToolkit” tagprefix=”ctrl” %>

Rating kontrolümüzü ekledikten sonra kontrolümüzle alakalı birkaç önemli ayarı yapmamız gerekiyor.

<ctrl:Rating ID=”Rating1″ runat=”server” CurrentRating=”0″ MaxRating=”5″ EmptyStarCssClass=”empty” FilledStarCssClass=”filled” StarCssClass=”filled” WaitingStarCssClass=”saved” />

CurrentRating özelliği sayfa ilk yüklendiğinde kontrolün kullanıcıya gösterilme şeklini belirler.(Standart olarak kaç yıldız seçili olacağı belirlenir.) MaxRating özelliği değerlendirme aralığınızı ayarlar.(Örn: 0-5 yıldız)  Diğer özelliklerimizde kullanıcının seçim yaparken kontrolün üzerindeki yıldızların hangi css class ‘ına göre gösterileceğini belirler. Örneğin sayfa ilk yüklendiğinde yani “EmptyStarCssClass” özelliği empty class ına eşitledik. Aşağıdaki css classlarımıza baktığımızda herbirinin arkaplanına yazının başında belirttiğim yıldızları ekliyoruz. Ayrıca düzgün görüntülenebilmesi için herbirinin yüksekliğini ve genişliğini belirttik.

<style type=”text/css”>
.empty
{
background-image: url(EmptyStar.png);
width: 13px;
height: 12px;
}
.filled
{
background-image: url(FilledStar.png);
width: 13px;
height: 12px;
}
.saved
{
background-image: url(SavedStar.png);
width: 13px;
height: 12px;
}
</style>

Artık kontrolümüz kullanıma hazır ve denemek için sayfamıza bir label ve bir buton ekliyoruz. Butonumuza tıkladığımız anda label a seçilen değeri yazdıralım.

<asp:Button ID=”Button1″ runat=”server” Text=”Değerlendir”  onclick=”Button1_Click”/>

<asp:Label ID=”Label1″ runat=”server” />

Sayfamızın içerisinde kodumuzu yazıyoruz.

<script runat=”server”>
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
Label1.Text = Rating1.CurrentRating
End Sub
</script>

Merhaba

Bu yazımda , üzerinde çalıştığım bir uygulama için kullanabileceğim bir HTML editor ararken keşfettiğim, Ajax Control Toolkit kütüphanesine yeni eklenen özelliklerden biri olan Editor kontrolünün kullanımından bahsedeceğim. Editör kontrolünü kullanabilmeniz için Ajax Control Toolkit’in bilgisayarınızda kurulu olması gerekiyor. BURADAN indirip kurabilirsiniz. Ayrıca Ajax Control Toolkit’in bu sürümünü kurabilmeniz için bilgisayarınızda .NET Framework 3.5 SP1 kurulu olması da gerekiyor.

Ajax Control Toolkit içerisinde bulunan Editör kontrolümüz internet üzerinde bulunan diğer HTML editörlere nazaran daha sade bir editör ve kullanılabilirlik açısından daha iyi.

Şimdi kullanımına geçelim…

İlk olarak ASP.net sayfamıza aşağıdaki kodu ekliyoruz.

<%@Register assembly="AjaxControlToolkit" 
namespace="AjaxControlToolkit.HTMLEditor" tagprefix="cc1"%>

Daha sonra sayfamıza Toolbox’ımızdan Ajax Extensions sekmesi altında bulunan Script Manager ekliyoruz.

Bu adımdan sonra ToolBox’ımız üzerinde bulunan Ajax Control Toolkit Sekmesi altındaki Editör kontrolümüzü sayfamıza ekliyoruz.

Daha sonra sayfamızı çalıştırarak editörümüzün çalıştığını görebiliriz.

Merhabalar

Bu yazımda ASP.net Ajax Kontrollerinden Calendar Extender’ın nasıl kullanıldığını, nasıl özelliklere sahip olduğunu inceleyeceğiz.

Öncelikle Visual Studio da AJAX özelliklerimizi kullanabileceğimiz “ASP.net AJAX Enabled Web-Site” projesi açıyoruz. Projemiz açıldıktan sonra Default.aspx sayfamıza Toolbox üzerindeki Ajax Extensions tabımızdan Script Manager ekliyoruz.

Görüldüğü gibi sayfamıza Script Manager’ımızı ekledik. Şimdi Calendar Extender kontrolümüze geçelim. Calendar Extender dan alacağımız tarihi bir TextBox üzerinden göstereceğimiz için sayfamızda div taglarımızın arasına bir adet TextBox ekliyoruz ve TextBox’ımızın id sini tarihTextBox olarak değiştiriyoruz.

<asp:TextBox ID=”tarihTextBox” runat=”server”></asp:TextBox>

Şimdi de Default.aspx sayfamıza Calendar Extender özelliğimizi ekliyoruz. Bu özellik Ajax Control Toolkit içerisinde mevcuttur.

Daha sonra CalendarExtender’ımızın TargetControlID sine daha önce oluşturduğumuz TextBox’ımızın id sini yazıyoruz. Bu sayede seçeceğimiz tarih TextBox ımızın içerisinde gözükecek.

Default.aspx sayfamızın son hali

Şimdi sayfamızı çalıştırıyoruz ve görüşdüğü gibi CalendarExtender kontrolümüz kullanıma hazır. TextBox’a tıkladığımız anda açılan takvimden tarih seçebiliyoruz.

Şimdi örneğimizi biraz değiştirelim. TextBox’ımızın yanına bir takvim ikonu koyalım ve bu küçük resime tıklandığında takvimimiz açılsın. Öncelikle projemize dahil ettiğimiz takvim resmimizi aşağıdaki kodumuzla Default.aspx sayfamıza ekliyoruz.

<asp:Image ID=”Image1″ runat=”server” ImageUrl=”~/takvim.jpg”/>

Şimdi daha önce eklediğimiz CalendarExtender özelliğimizin eklediğimiz küçük resime tıklanıldığında açılmasını sağlamak için PopUpButtonID kısmına ekledğimiz resmin id’sini yazacağız. Kodumuzun son hali aşağıdaki gibi oldu.

Sayfamızı çalıştırdığımız zaman artık resime tıkladığımızda takvimimiz açılmış olacaktır.

Yazdığımız uygulamalarda güvenliği arttırmamız için çeşitli yöntemler kullanmamız gerekiyor. Bu yöntemlerden biri de verileri MD5 formatında şifrelemek. Örneğin kullanıcıdan bir form aracıyla alınan şifre gibi kişisel bilgilerin veritabanına kaydedilirken MD5 formatında kaydedilmesi, veritabanından bu bilgiler çalınsa dahi kötü amaçlı kullanılmasını engelleyebilir. MD5 formatındaki bir verinin kırılması çok zordur. İnternet üzerinde MD5 verileri kırdığını iddia eden siteler olsa da, örneğin farklı kombinasyonlardan oluşturulmuş güçlü bir parolanın kırılması çok zor hatta imkansızdır. Şimdi küçük bir uygulama ile aldığımız verinin nasıl MD5 formatına çevirildiğini görelim.

Verimizi MD5 formatına çevirebilmemiz için System.Security.Cryptography kütüphanesini import ediyoruz. Bir fonksiyon yazalım ve bu fonksiyona göndereceğimiz veri şifrelensin.  ComputeHash() methodumuz gönderdiğimiz veriyi hash haline çevirecektir.

Imports System.Security.Cryptography
Imports System.Text

Partial Public Class WebForm2
Inherits System.Web.UI.Page

Public Function sifrele(ByVal p_value) As String
Dim md5Hasher As New MD5CryptoServiceProvider
Dim hashedvalue As Byte()
Dim encoder As New UTF8Encoding
Dim value As StringBuilder = New StringBuilder()

hashedvalue = md5Hasher.ComputeHash(encoder.GetBytes(p_value))
For a As Integer = 0 To hashedvalue.Length – 1
value = value.Append(hashedvalue(a).ToString(”x2″))
Next
Return value.ToString()
End Function

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
Response.Write(sifrele(”Bu metni şifrele”))
End Sub
End Class

Sayfamızın page load kısmında fonksiyonumuza bir veri yolladık ve bize geri dönen MD5 halini ekrana yazdırdık.

Görüldüğü gibi c12bbcbe78bdb572625a25de7ccc1a0d değeri bize geri döndü.

Yaptığımız örnekteki gibi küçük bir fonksiyonla verilerimizi MD5 formatında şifreleyebiliyoruz. Dikkat etmemiz gereken nokta bu formata çevirdiğimiz verilerin geri dönüşünün olmamasıdır. Bu yüzden algoritma oluşturulurken dikkat edilmelidir.

Herkese merhabalar;

Bu yazımda elimden geldiğince Stored Procedure lerin SQL Server üzerinde ve ASP.net ile kullanımını anlatacağım.

Stored Procedures Nedir ?

Öncelikle şöyle başlayalım. “Stored procedures” T-SQL ifadelerinden oluşur ve SQL Server üzerinde tutulurlar. Stored Procedure kullanmanın avantajları hızlı ve bence en önemlisi güvenli olmasıdır. Hızlı olmasının sebebi yazılan prosedürün sadece ilk çağırıldığında derlenmesinden dolayıdır. Sonraki çağırılmaları için tekrar tekrar derlenmezler. Bu da bizlere hız açısından büyük avantaj sağlamaktadır.

Bir örnekle SQL Server üzerinde kullanımını inceleyelim…

Bu tablomuzun adı test olsun.

Bir store procedure yazalım ve bu tablodaki öğrencilerden notu 50 ve üzeri olanları bize göstersin.

Create proc PassedStudents

As

Select name,surname from test where grade >= 50

Prosedürümüzü oluşturduk. Şimdi çalıştıralım ve sonucu görelim.

Prosedürümüzü çalıştırdıktan sonra notu 50 ve üzeri olan öğrenciler listelendi.

İçinde bir değişken tanımlayacağımız ve bu değişkene bağlı bir sorgu yazacağımız yeni bir prosedür tanımlayalım.

Create proc GetStudent

@LastName varchar(50)

As

Select name,surname from test where surname = @LastName

Prosedürümüzü oluşturduk. Bizim yollayacağımız değere göre sorgulama yapılacaktır.

Çalıştıralım…

exec GetStudent ’yılmaz’

Soyadı “yılmaz” olan kayıt listelendi.

Bu örnekte de görüldüğü gibi stored procedure lerimize parametre göndererek işlem yapabiliriz.

Şimdi de parametre göndererek tablomuza kayıt ekleyelim.

Yeni bir prosedür oluşturalım.

Create proc AddStudent

@name varchar(50),

@surname varchar(50),

@grade int

As

Insert into test(name,surname,grade) values(@name,@surname,@grade)

Prosedürümüzü yazdık. Şimdi parametre göndererek tablomuza veri ekleyelim.

exec ‘Selcuk’,’Atilgan’,70

Görüldüğü gibi tablomuza yeni bir kayıt ekledik.

Şimdi de SQL Server üzerinde yaptığımız bu işlemi bir ASP.net projesi içerisinde kullanalım…

Ekranda gördüğümüz şekilde formumuzu oluşturduk.

Butonumuzun click event ine aşağıdaki kodlarımızı yazalım.

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs) Handles Button1.Click

Try

strConnection = ConfigurationManager.AppSettings(“ConnectionString”)

connection = New SqlConnection(strConnection)

cmd = New SqlCommand()

cmd.CommandType = CommandType.StoredProcedure

cmd.CommandText = “AddStudent”

cmd.Parameters.AddWithValue(“@name”, TextBox1.Text)

cmd.Parameters.AddWithValue(“@surname”, TextBox2.Text)

cmd.Parameters.AddWithValue(“@grade”, TextBox3.Text)

cmd.Connection = connection

If connection.State = ConnectionState.Closed Then

connection.Open()

End If

Dim output = cmd.ExecuteNonQuery

Response.Write(output & “New Student Succesfully Added !”)

Catch ex As Exception

Response.Write(ex.ToString)

End Try

End Sub

Kodlarımızı yazdık. Şimdi bir deneme yapalım , yeni bir öğrenci ekleyelim…

Yeni öğrenci bilgilerini yazdık ve save butonumuza tıkladık.

Test adlı tablomuza baktığımızda girdiğimiz kaydın eklendiğini görüyoruz.

Prosedürümüzün yapısını değiştirerek update, delete gibi işlemler de de kolaylıkla kullanabiliriz.

Elimden geldiğince sade ve basit bir şekilde Stored Procedure leri anlatmaya çalıştım. Umarım okuyanlara faydalı olur. Sorularınız için sitemin iletişim kısmındaki e-posta adresimden bana ulaşabilirsiniz.