Bu derste ASP.net ile Connection Nesnesini Kullanarak Sql Server’a bağlanalım…

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.SqlClient; // SQL Server için namespace ekliyoruz..

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        SqlConnection sqlbaglanti = new SqlConnection("Data Source=FAIK; Initial Catalog=FaikGencGunluk; Integrated Security=True;");
        sqlbaglanti.Open();
        Response.Write("sql server veritabanına bağlantı gerceklestirildi....");
        sqlbaglanti.Close();
    }
}

Gelen aramalar :

• asp net dersleri
• asp net ile web tasarımı

The post ASP.net ile connection nesnesini kullanarak sql server'a bağlanma first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Gridview kontrolümüzdeki bilgilerimizi DropDownList kontrolümüz yardımıyla sayfalamayı inceleyeceğiz. Aslında Dropdownlist kontrolünün Gridviewle nekadarda kullanışlı olduğunu daha iyi görelim…

<%@ Page Language="C#" AutoEventWireup="true"
CodeFile="GridViewPaging.aspx.cs" Inherits="GridViewPaging" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
   <title>Untitled Page</title>
</head>
<body>
   <form id="form1" runat="server">
       <div>
           <asp:GridView ID="GridView1" AllowPaging="true" runat="Server"
OnRowCreated="GridView1_RowCreated"
               ShowFooter="True" OnPageIndexChanging="GridView1_PageIndexChanging">
               <PagerTemplate>
                   Goto Page
                   <asp:DropDownList ID="ddlPageSelector" runat="server" AutoPostBack="true">
                   </asp:DropDownList>
                   <asp:Button Text="Başa Dön" CommandName="Page" CommandArgument="First" runat="server"
                       ID="btnFirst" />
                   <asp:Button Text="Geri" CommandName="Page" CommandArgument="Prev" runat="server"
                       ID="btnPrevious" />
                   <asp:Button Text="İleri" CommandName="Page" CommandArgument="Next" runat="server"
                       ID="btnNext" />
                   <asp:Button Text="Son" CommandName="Page" CommandArgument="Last" runat="server"
                       ID="btnLast" />
               </PagerTemplate>
           </asp:GridView>
       </div>
   </form>
</body>
</html>


using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class GridViewPaging : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            BindGridViewView();
        }
    }

    private void BindGridViewView()
    {
        if (Session["strTemp"] != null)
        {

            GridView1.DataSource = Session["strTemp"] as DataTable;
            GridView1.DataBind();

        }
        else
        {
            GridView1.DataSource = GetCustomMadeDataTable();
            GridView1.DataBind();
        }
    }

    public DataTable GetCustomMadeDataTable()
    {
        //DataTable nesnemizi oluşturalım
        System.Data.DataTable objDataTable = new System.Data.DataTable();
        //3 tane string tipinde Column oluşturalım.

        objDataTable.Columns.Add("ISBN", typeof(string));
        objDataTable.Columns.Add("Title", typeof(string));
        objDataTable.Columns.Add("Publisher", typeof(string));
        objDataTable.Columns.Add("Year", typeof(string));
        DataColumn[] dcPk = new DataColumn[1];
        dcPk[0] = objDataTable.Columns["ISBN"];
        objDataTable.PrimaryKey = dcPk;
        objDataTable.Columns["ISBN"].AutoIncrement = true;
        objDataTable.Columns["ISBN"].AutoIncrementSeed = 1;
        //DataTable'ımıza bazı bilgiler girelim.
        DataRow dr;
        for (int i = 1; i <= 45; i++)
        {
            dr = objDataTable.NewRow();
            dr[1] = "Başlık" + i.ToString();
            dr[2] = "Editör" + i.ToString();
            dr[3] = "200" + i.ToString();
            objDataTable.Rows.Add(dr);
        }
        Session["strTemp"] = objDataTable;
        return objDataTable;
    }

    protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.Pager)
        {
            SetPagerButtonStates(GridView1, e.Row, this);
        }
    }

    public void SetPagerButtonStates(GridView gridView, GridViewRow gvPagerRow, Page page)
    {

        int pageIndex = gridView.PageIndex;
        int pageCount = gridView.PageCount;
        Button btnFirst = (Button)gvPagerRow.FindControl("btnFirst");
        Button btnPrevious = (Button)gvPagerRow.FindControl("btnPrevious");
        Button btnNext = (Button)gvPagerRow.FindControl("btnNext");
        Button btnLast = (Button)gvPagerRow.FindControl("btnLast");
        btnFirst.Enabled = btnPrevious.Enabled = (pageIndex != 0);
        btnNext.Enabled = btnLast.Enabled = (pageIndex < (pageCount - 1));
        DropDownList ddlPageSelector = (DropDownList)gvPagerRow.FindControl("ddlPageSelector");
        ddlPageSelector.Items.Clear();
        for (int i = 1; i <= gridView.PageCount; i++)
        {
            ddlPageSelector.Items.Add(i.ToString());
        }
        ddlPageSelector.SelectedIndex = pageIndex;

        ddlPageSelector.SelectedIndexChanged += delegate
        {
            GridView1.PageIndex = ddlPageSelector.SelectedIndex;
            BindGridViewView();
        };

    }

    protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
    {
        GridView1.PageIndex = e.NewPageIndex;
        BindGridViewView();
    }
}

The post Gridview kontrolümüzü DropDownList kontrolü ile sayfalamak first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Asp.Net’de boyutlandırma kodundan bahsedeceğiz. Ayrıca bu benim de kullandıgım boyutlandırma kodudur.

 public  System.Drawing.Image ResimBoyutlandir(System.Drawing.Image imgPhoto, int Yukseklik)
        {
            int sourceWidth = imgPhoto.Width;
            int sourceHeight = imgPhoto.Height;

            int destWidth = Yukseklik;
            int destHeight = 200;

            Bitmap bmPhoto = new Bitmap(destWidth, destHeight, PixelFormat.Format24bppRgb);
            bmPhoto.SetResolution(imgPhoto.HorizontalResolution, imgPhoto.VerticalResolution);

            Graphics grPhoto = Graphics.FromImage(bmPhoto);
            grPhoto.InterpolationMode = InterpolationMode.HighQualityBicubic;
            grPhoto.FillRectangle(Brushes.White, 0, 0, destWidth, destHeight);

            grPhoto.DrawImage(imgPhoto, new Rectangle(0, 0, destWidth, destHeight), new Rectangle(0, 0, sourceWidth, sourceHeight), GraphicsUnit.Pixel);

            grPhoto.Dispose();
            return bmPhoto;
        }

       Kullanışı

                  if (FileUpload1.HasFile == true)
            {
                string imageName = FileUpload1.FileName;
                if (imageName != null)
                {

                        System.Drawing.Image imgPhotoVert = System.Drawing.Image.FromFile(Server.MapPath(Klasor));
                        System.Drawing.Image imgPhoto = null;
                        Images img = new Images();
                        imgPhoto = img.ResimBoyutlandir(imgPhotoVert, yeniW); //ScaleByPercent adlı mekanızmaya yolluyoruz aldığımız bilgileri.
                        imgPhoto.Save(Server.MapPath("~/upload/" + gelenResim), ImageFormat.Jpeg); // Ekrana basıyoruz..
                        imgPhoto.Dispose();

                }

The post Asp.net de Resim Boyutlandırma Kodu first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Ajax Toolkitle gelen Accordion nesnesinin kullanımını anlatmaya calısacagım. Toolboxtaki bu nesne sayesinde sayfalarımızda güzel menüler oluşturabiliriz..

Sayfamızın Source kısmına geleceğiz. Tüm dizaynı kod bölümünden yapacağız. Öncelikle en üste Script Manager atıyoruz. Tüm Ajax uygulamalarımız için bu böyle biliyorsunuz.
<asp:ScriptManager ID=”ScriptManager1″ runat=”server”/>

Hemen sonrasında accordionumuzu ekliyoruz. Bunu istersek kodla yapabiliriz. Ya da ToolBox’ımızdan ekleyedebiliriz.

Eklediğimizde ilk görünümü ;

<cc1:Accordion ID="Accordion2" runat="server">                </cc1:Accordion>
gibi olacaktır. Fakat bunu şu şekilde düzenleyebiliriz.
<cc1:Accordion  ID="Accordion1"  runat="server"
SelectedIndex="0"
HeaderCssClass="accordionHeader"
ContentCssClass="accordionContent"
FadeTransitions="true"
FramesPerSecond="40"
TransitionDuration="250"
AutoSize="None">
</cc1:Accordion>

Değişiklikleri yaptıysak accordionumuzun çerçevesi hazırdır şimdi panellerimizi ekleyerek accordionumuzu tamamlayalım..

<asp:ScriptManager ID="ScriptManager1" runat="server"/>
<cc1:Accordion
ID="Accordion1"
runat="server"
SelectedIndex="0"
HeaderCssClass="accordionHeader"
ContentCssClass="accordionContent"
FadeTransitions="true"
FramesPerSecond="40"
TransitionDuration="250"
AutoSize="None">
<Panes>
<cc1:AccordionPane ID="AccordionPane1" runat="server">
<Header>Başlık 1</Header><%--Başlık--%>
<Content>Panel 1</Content><%--İçerik--%>
</cc1:AccordionPane>
<cc1:AccordionPane ID="AccordionPane2" runat="server">
<Header>Başlık 2</Header>
<Content>Panel 2</Content>
</cc1:AccordionPane>
<cc1:AccordionPane ID="AccordionPane3" runat="server">
<Header>Başlık 3</Header>
<Content>Panel 3</Content>
</cc1:AccordionPane>
<cc1:AccordionPane ID="AccordionPane4" runat="server">
<Header>Başlık 4</Header>
<Content>Panel 4</Content>
</cc1:AccordionPane>
</Panes>
</cc1:Accordion>

Eğer AccordionPanelerimizi eklediysek işimiz bitmiştir. Gördüğünüz üzere her paneli ayrı renklerdirdim istediğiniz kadar panel ekleyebilirsiniz veya silebilirsiniz. F5 yaparak projemizi çalıştıralım. Göreceğimiz üzre görsellikten yoksun bir Accordionumuz var.Projemize sağ tıklayarak Add > New Item diyerek 1 adet StyleSheet ekliyoruz bu bilindik bir css dosyasıdır. İsmini style.css olarak verebilirsiniz. Accordionumuzun görsel kısmını bu css dosyamızda tanımlayacağız.

.accordionContent{
background-color: #C0C0C0;
border: thin dashed #808080;
font-size: medium;
font-family: calibri;
}

.accordionHeader{
font-family: calibri;
font-size: medium;
background-color: #008080;
border: thin solid #808080;
}

Şimdi ise oluşturduğumuz bu css dosyasını projemızde tanımlatmalıyız.Bunun için sayfamızdaki <head></head> tagları arasına

<link href="style.css" rel="stylesheet" type="text/css" />

Ekleyerek css’imizide tanımlatıyoruz.

Şu anda çalıştırdığınızda küçük ama bizim bir accordion çıkacaktır, bunu büyüretek kendi accordionlarınızı yapabilirsiniz; bu şekilde menüler, manşet sistemleri ve hatta direk siteler yapabilirsiniz, aslında farklı da olabilir o sizin hayal gücünüze kalmış tabii ki…

The post Asp.net de Ajax Accordion Nesnesinin Kullanımı first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Web ortamında özellikle üyelik kayıtlarında sıkça karşılaştığımız bu kontrollerin kullanımı hata yapma olasılığını ve bilgi dağınıklığını ortadan kaldırıyor. Herhangi bir kayıt formunu doldururken şifrenizi, Email adresinizi ve buna benzer bilgilerinizi yanlış girdiğinizde veya boş bıraktığınızda, yanlış girildiğine ve boş bırakıldığına dair uyarılarla karşılaşırız. Örneğin diyelim www.site.com sayfasına üyelik kaydı gerçekleştireceğiz. Formu doldururken kullanıcı adınızı boş geçtiğinizde “Bu alan Boş bırakılamaz”, Email adresinizi uygun formatta girmediğinizde “geçersiz E-mail adresi”, şifre giriş kısmında şifre iki defa istenir. Her iki kısımdan biri yanlış olduğunda “Şifreler birbiriyle uyuşmuyor.” gibi uyarılar almışızdır. DHTML ve Javascript ile gerçekleştirilen bu doğrulama ve kontrol işlemleri Asp. Net’te Validation kontrolleri ile daha kolay hale getirilmiştir.

Validation Kontrolleri kullanım amacına göre ayrılmıştır. 5 çeşit Validation geçerlilik kontrolü bulunmaktadır. Bu 5 farklı kontrol dışında birde ValidationSummary kontrolü var. Bu kontrol aslında bir geçerlilik kontrolünde ziyade, diğer geçerlilik kontrollerinden gelen hata mesajlarını özet olarak vermektedir. Şimdi tek tek inceleyelim.

Validation Çeşitleri

Örneklerimizi yandaki örneğimize göre anlatacağız.

Sayfaya (Adı)TextBox1.text, (Soyadı) TextBox2.Text, (E-Posta)TextBox3.Text, (Şifre)TextBox4.Text, (Şifre Tekrar)TextBox5.Text ve Buton ekledik.
Compare Validator:Karşılaştırma kontrolüdür. Web Sayfalarında sıkça karşılaşılan bir kontroldür. Yandaki Örnekte Şifre ve Şifre Tekrarı alanlarına şifrenin doğruluğunu, her iki textbox’ı bu kontrolü kullanarak karşılaştırabiliriz.

Eğer her iki alana şifleriniz aynı girmediyseniz aşağıdaki gibi bir hata alırsınız. Tabi buradaki uyarı siz belirliyorsunuz ben örnek olarak “Şifreniz Uyuşmuyor” şeklinde yazdım.

Bu ve buna benzer karşılaştırmalar yapabilirsiniz.

Kontrole ait bazı özellikler;

ControlToValidate: Hangi form elemanı kontrol edilecekse o formun ID si yazılır. Örneğin biz Textbox4.Text’ in kontrol edilmesini sağladık.

ControlToCompare: Karşılaştırılacak Form elemanının ID si yazılır. Örneğin biz TextBox4.Text in TextBox5.Text ile karşılaştırılmasını istedik. Dolayısıyla ControlToCompare ye TextBox5.Text ID sini belirtik.

Text: Ekranda gözükecek olan Hata mesajı yazılır.

Type: Karşılaştırılacak olan veri tipi belirtilir. (integer, string gibi)

Not: Yukarıdaki açıkladığımız özelliklerin bazıları diğer geçerlilik kontrolleri içinde ortaktır.

Range Validator: Sayfayaeklediğimiz kontrollere ait önceden belirtilen tipteki değer aralığının kontrolünü sağlar. Örneğin sayfamıza bir TextBox. text birde Buton ekleyelim. Ve Propertieste Öncelikle ControlToValidat seçeneğinden kontrol edilecek olan sayfamızdaki kontrolü seçiyoruz(TextBox1.Text). Daha sonra Propertieste MaximumValue değeri ve MinimumValue aralıklarını giriyoruz örneğin MaximumValue değerine 100,MinimumValuedeğerinde 0 girelim. Burada dikkat etmemiz gerekeken nokta veri tipini belirtmek. Biz Integer bir değer kullanacığımız için Veri tipini (Type) Integer olarak belirliyoruz.

Biz sayfamız eklediğimiz TextBox. Text kontrolüne dışarıdan 0 &#8211; 100 Aralığı dışında bir değer girecek olursak bize hata verecek. 0 &#8211; 100 Aralığında bir değer girersek işlemi doğru uygulamış oluruz ve hiçbir hata ile karşılaşmayız. Bu örneği yazımızın başında belirtmiş olduğum örnekten ayrı bir örnekte veriyorum. Yukarıda belirtmiş olduğum örnek görünüm ise aşağıdaki gibidir.

Gördüğümüz gibi önceden belirtilen değer Aralığımız 0 ile 100 olduğu için bu değer aralığı dışında bir değer girdiğimizde yukarıdaki gibi uyarı alırız. Eğer girdiğimiz değer 0-100 arasında bir değer ise uyarı vermeyecektir.

RaquiredFieldValidator: Diğer geçerlilik kontrollerinden farklı olarak olarak bu kontrol kullanıcının dışarıdan veri girilip girilmediğini kontrol eder. Örnek uygulamamızda Ad, Soyad, E-Posta ve şifre girişlerinden Herhangi birine değer girmediğimizde bizi uyarır. Tek bir alanı kontrol edebileceğiniz gibi, birden fazla alanıda kontrol edebilirsiniz. Örneğin Ad, Soyad, E-posta ve Şifre alanlarının hepsini kontrol edebiliriz veya Girilmesi Zorunlu olan alanları belirtip bu alanları kontrol edebiliriz tamamen size kalmış bir tercih. Öncelikle değer girmeden kaydet diyelim.

Görülüğü gibi hiçbir alana değer girilmemiş ve bu alanların boş geçilemeyeceği ni veya bu alanları girmediniz gibi bize bilgi verir.Kullanıcıları bu kontrolle bilgi girişine zorlayabilirsiniz.

Gelin bir de “E-Posta” alanı hariç tüm alanlara değer girelim, bir de öyle sonuca bakalım.

Bir çok özelliğe sahip bu kontrole basit olarak E-Posta adresini vereceğiz. Bu kontrol Karakter kontrolü yapar. Örneğin uygulamamızdaki E-Posta alanına uygun formatta e-posta adresi girilip girilmediğini kontrol edelim. Burada kontrol edilecek karakterler “@” ve “.” Karakterleridir. E-Posta Alanı yanına Regular Expression Validator kontrolümüzü ekliyoruz veControlToValidat özelliğini önceden belirlediğimiz TextBox3.Text seçiyoruz. Çünkü bu alanı kontrol edeceğiz. Daha sonra ValidationExpress ten İnternet e-mail adres seçiyoruz.

Ekranda hemen altta gördüğünüz tanım ise bizim e-posta adresimizdeki “@” ve “.” Karakterlerini kontrol eden bir tanım görüyorsunuz.

w+([-+.']w+)*@w+([-.]w+)*.w+([-.]w+)*

Not: E-mail adresinden başka RegularExpression Editor de birçok seçenek mevcuttur. Posta kodu kontrolü, Telefon numarası v.b uygulamaları kontrol edebiliriz.

Dikkat ettiyseniz “.” Karakterini kullanmadım ve Uyarı verdi.

Custom Validation: Bu kontrol diğer geçerlilik kontrollerinin dışında bir kontrol tanımlanması gerekiyorsa bu kontrol kullanılır. Diğer kontrollerde olduğu gibi bu kontrolde de Text ve ValidateControl aynı şekilde kullanılabilir.

ValidationSummary: Evetarkadaşlar şuana kadar anlatmış olduğumuz tüm geçerlilik kontrollerinin belli amaçlara göre kullanıldığını gördük. Ancak ValidationSummary kontrolü diğer geçerlilik kontrollerinin Hata mesajlarını ErrorMessage bilgilerin özetinin verildiği kısımdır. Uygulamamızda ki geçerlilik kontrollerinin ErrorMessage bilgilerini bir arada belirtebiliriz. Bunun için eklemiş olduğumuz geçerlilik kontrolerininTextÖzelliğiNE “*” karakterini girerek önemli bir durumun veya hatanın olduğunu belirterek ErrorMessage bilgilerini Özet alanında görüntüleyebiliriz.

<sanalkurs>

The post ASP.net de Validation Kontrolleri first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Asp.Net’te textbox içindeki text i herhangi bir postback sonucu javascript kullanarak seçili (highlight) yapmayı görelim.

Öncelikle böyle birşeye neden ihtiyacımız olabileceğini açıklayalım. Örneğin herhangi bir üye kayıt sayfası düşünün ve kullanıcıdan bir Kullanıcı Adı (username) girmesini istiyorsunuz. Kullanıcı username girdikten sonra girilen kullanıcının sistemde zaten varolduğunu msgbox la gösterdiğimizi farzedelim. Kullanıcı msgbox ı okuyup onayladıktan sonra kayıt sayfasına geri döndüğünde username textbox ının içindeki text i seçili olarak göstermek isteyebilirsiniz. Bunu yapmak için basit bir javascript öbeğini kodumuzun içine iliştireceğiz.
Çok basit bir örnekle kullanımı gösterelim;default.aspx

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="Ornek1._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <asp:Label ID="Label1" runat="server" Text="Kullanıcı Adı:"></asp:Label>
        &nbsp;&nbsp;
        <asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
        &nbsp;&nbsp;
        <asp:Button ID="btnKaydet" runat="server" Text="Kaydet" />

    </div>
    </form>
</body>
</html>

default.aspx.vb

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

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

    End Sub

    Protected Sub btnKaydet_Click(ByVal sender As Object, ByVal e As EventArgs) Handles btnKaydet.Click
        If txtUserName.Text = "ahmet" Then
            MsgBox("Girilen Kullanıcı Adı Sistemde Mevcut.Farklı Bir Kullanıcı Adı Giriniz!")
            'script i aşağıdaki gibi ekliyoruz.
            txtUserName.Attributes.Add("onFocus", "javascript: this.form." + txtUserName.ClientID.ToString + ".focus(); this.form." + txtUserName.ClientID.ToString + ".select();")
            txtUserName.Focus()
        End If
    End Sub
End Class

Resimlerde de sırayla göstermeye çalıştım,

1.

2.

3.

4.

The post Textbox İçini Seçili (highlight) Yapmak first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.