DataGrid ile ziyaretçi defteri yapma

Evet arkadaşlar bir çok sitede gördüğümüz ziyaretçi defterini oluşturacağız.İlk önce veri tabanımızı aşağıdaki gibi bir table oluşturuyoruz.Table’ın adını defter koyuyoruz.

Birde veri tabanımızda Stored Procedures’ü dışarıdan girdiğimiz verileri kaydetmek için aşağıdaki gibi oluşturuyoruz.

Şimdi aspx kısmında dizaynımızı yapıyoruz.

<table class=”style1″>

<tr>

<td class=”style2″ colspan=”2″>

Ziyaret Defteri</td>

</tr>

<tr>

<td class=”style3″>

İsim</td>

<td>

<asp:TextBox ID=”txtad” runat=”server” BorderStyle=”Solid”></asp:TextBox>

</td>

</tr>

<tr>

<td class=”style3″>

E-posta</td>

<td>

<asp:TextBox ID=”txtposta” runat=”server” BorderStyle=”Solid”></asp:TextBox>

</td>

</tr>

<tr>

<td class=”style3″>

Yorum</td>

<td>

<asp:TextBox ID=”txtyorum” runat=”server” BorderStyle=”Solid” Height=”130px”

TextMode=”MultiLine” Width=”359px”></asp:TextBox>

</td>

</tr>

<tr>

<td class=”style3″>

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

</td>

<td>

&nbsp;</td>

</tr>

</table>

Burda Kullanıcı adı için txtad’ı eposta için txtposta’yı yorumlar içinde txtyorum’u oluşturuyoruz fakat burda Properties den TextModunu MultiLine yapıyoruz.(Yorumlarımız uzun olabileceğinden dolayı yaptık.)

Code behind kısmına geciyoruz.

protected void Button1_Click(object sender, EventArgs e)

{

SqlConnection baglantı = new SqlConnection(ConfigurationManager.ConnectionStrings["Database"].ConnectionString);

SqlCommand komut = new SqlCommand(“ziyaretdefteri”, baglantı);

komut.CommandType = CommandType.StoredProcedure;

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

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

komut.Parameters.Add(“@yorum”, SqlDbType.Text).Value = txtyorum.Text;

baglantı.Open();

komut.ExecuteNonQuery();

baglantı.Close();

}

Burada textboxlara girdiğimiz verileri stored procedures veri tabanına kaydediyoruz.

Şimdi veritabanımıza kaydettiğimiz verileri DataGrid ile sayfamızda gösterecez.Toolbox dan DataGridi sayfamıza sürükleyip bırakıyoruz. Şimdi aşağıdaki resimlerdeki adımları takip edip bağlantımızı oluşturuyoruz.