Anasayfa / Web Programlama / ASP.NET ile Basit Blog Yapımı -1 | TaaRRuz

ASP.NET ile Basit Blog Yapımı -1 | TaaRRuz

Merhaba Arkadaşlar,

Bugün sizlere ASP.NET ile yapılmış bir blog scriptinin yapımını anlatıcam.Dersleri set şeklinde vericem tahmini 5-8 ders arası tamamen bir blog scripti yapmış oluruz.Admin paneli vs herşey dahil…

Öncelikle Video 40 dakika idi zamanı düşürüp daha hızlı upload edebilmek için videonun hızını 200 yaptım.Yani videoda bazen durdurmanız gerekicek kodları görebilmeniz için.Bende kodların görünme zorluğu olmasın diye kodları vermeyi düşündüm.

Video:

http://www.youtube.com/watch?v=SjUKiaNdZsE

Videodaki Metin Belgesi İçeriği:

Merhaba Arkadaşlar Ben TaaRRuz (Abdullah SERDAR),

Bugün ASP.NET ile Blog Yapımına başlayacağız ve tahminim o dur ki 5 video ile basit bir ASP.NET scripti yapacağız.

-İlk Adım:

Visual Studio Programını Çalıştırıp Daha Sonra Yeni Bir ASP.NET formu oluşturmak.Dil olarak C# kullanacağımız için Languageden C#’ı seçmeye özen gösterin.

Visual Studioyu Çalıştır >> Yeni Proje >> Boş ASP Projesi (Empty ASP.NET Form)

-2.Adım:

Yeni Bir Master Sayfası Açıp içine tasarımımı ekliyoruz.Daha sonra oluşturduğumuz aspx sayfalarını bu masterden türetip hepsinin aynı tasarıma sahip olmasını
sağlayacağız.

{
<asp:ContentPlaceHolder>

</asp:ContentPlaceHolder>
}

Kısımlarının içine değiştirebilir alanlarımızı koyacağız.Bu master sayfasından ürettiğimiz .aspx uzantılı sayfalar içine eklediklerimiz bu placeholder’lar içine eklenecektir.
Master sayfasında onun içini doldurmaya gerek yok zaten .aspx’lerde koyacağız.

Add >> MasterPage >> Sayfa tasarımı…

Add >>Web Form Using >> .Master uzantılı sayfayı seçip açacağız.

-3.Adım:

Veritabanını Oluşturacağız.Server Explorer Panelinden Yeni Bir Veritabanı Oluşturup Ona Bir isim veriyoruz.

Daha Veritabanımıza Şu Tabloları Açıyoruz:

Makale:
-MakaleID
-MakaleBaslik
-MakaleIcerik
-MakaleEklenmeTarihi

Uyeler:
-userID
-KullaniciAdi
-Sifre
-Email

Yorum:
-yorumID
-yorumBaslik
-yorumIcerik
-yorumGondermeTarihi

Adminler:
-userID
-KullaniciAdi
-Sifre
-Email

VeriTabanı Oluştur >> Tabloları Oluştur >> Tablolara Alanları Ekle >> Veritabanı Connection Stringini Oluştur >> Veritabanı Bağlantını Kur.

-4.Adım:

kayit.aspx adından masterden türetilmiş bir sayfa oluştur >> Sayfa Dizaynını Yap. >> Kayit Butonuna Basarak Veritabanına Üye Kaydını Gerçekleştir.

İLK DERSTE BUNLARI PEKİŞTİRMENİZ YETERLİ OLACAKTIR.

TaaRRuz…

Site1.Master ‘in içindeki Kodlar:

<%@ Master Language=”C#” AutoEventWireup=”true” CodeBehind=”Site1.master.cs” Inherits=”BlogTurka.Site1″ %>

<!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>
<asp:ContentPlaceHolder ID=”head” runat=”server”>
</asp:ContentPlaceHolder>
</head>
<body style=”margin:0px; padding:0px;>
<form id=”form1″ runat=”server”>
<div style=”width:100%; background-color:#f2a409; padding-top:1%; padding-bottom:1%; height:100px;”>
<div style=”float:left; width:35%; background-color:#f2a409; border-right:1px solid #000000; height:80px; margin-top:10px; padding-left:10px;”>
Logo
</div>
<div style=”float:right; width:40%; padding-top:30px; font-family:Calibri; background-color:#f2a409; padding-bottom:20px; height:50px;”>
<ul style=”list-style-type:none; margin:0px; padding:0px;”>
<li style=”float:left; border-right:1px solid #000000; padding-right:4px; padding-left:4px;”><a style=”text-decoration:none;  color:Black; font-weight:bold; font-family:Calibri;” href=”kayit.aspx”>Kayıt OL</a></li>
<li style=”float:left; border-right:1px solid #000000; padding-right:4px; padding-left:4px;”><a style=”text-decoration:none;  color:Black; font-weight:bold; font-family:Calibri;” href=”giris.aspx”>Giriş Yap</a></li>
<li style=”float:left; border-right:1px solid #000000; padding-right:4px; padding-left:4px;”><a style=”text-decoration:none;  font-weight:bold; color:Black; font-family:Calibri;” href=”haberler.aspx”>Haberler</a></li>
<li style=”float:left; border-right:none; padding-right:4px; padding-left:4px;”><a style=”text-decoration:none;  font-weight:bold; color:Black; font-family:Calibri;” href=”cikis.aspx”>Çıkış Yap</a></li>
</div>
<div style=”clear:both;”></div>
</div>
<div style=”margin-top:15px; width:940px; margin-left:auto; background-color:#d4ffaa; margin-right:auto; border:1px solid #000000; padding:5px;”>
<asp:ContentPlaceHolder ID=”ContentPlaceHolder1″ runat=”server”>

</asp:ContentPlaceHolder>
<div style=”clear:both;”></div>
</div>
<div style=”width:100%; background-color:Black; padding-top:10px; margin-top:15px; padding-bottom:10px; height:12px;”>
<div style=”width:250px; margin-left:auto; margin-right:auto;”>
<center><font color=”red” style=”color:Red; font-family:Calibri; text-shadow:0px -2px 2px #ffffff;”>Yapımcı:TaaRRuz (Abdullah SERDAR)</font></center>
</div>
</div>

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

Kayit.aspx sayfasının içindeki kodlar:

<%@ Page Title=”” Language=”C#” MasterPageFile=”~/Site1.Master” AutoEventWireup=”true” CodeBehind=”kayit.aspx.cs” Inherits=”BlogTurka.kayit” %>
<asp:Content ID=”Content1″ ContentPlaceHolderID=”head” runat=”server”>
</asp:Content>
<asp:Content ID=”Content2″ ContentPlaceHolderID=”ContentPlaceHolder1″ runat=”server”>
<table>
<tr>
<td colspan=”2″><center>TurkaBlog Üye Kayıt Formu</center></td>
</tr>
<tr>
<td>Kullanıcı Adınız:</td>
<td><asp:TextBox runat=”server” ID=”txtkadi” ></asp:TextBox> </td>
</tr>
<tr>
<td>Şifreniz:</td>
<td><asp:TextBox runat=”server” ID=”txtsifre” TextMode=”Password”></asp:TextBox></td>
</tr>
<tr>
<td>E-Mail:</td>
<td><asp:TextBox runat=”server” ID=”txtmail”></asp:TextBox></td>
</tr>
<tr>
<td colspan=”2″><center><asp:Button runat=”server” Text=”Kayıt Ol” ID=”kkayit”
onclick=”kkayit_Click” /></center></td>
</tr>
</table>
<asp:SqlDataSource ID=”SqlDataSource1″ runat=”server”
ConnectionString=”<%$ ConnectionStrings:BlogConnectionString %>”
SelectCommand=”SELECT * FROM [Uyeler]”></asp:SqlDataSource>
</asp:Content>

Kayit.aspx.cs ‘nin içindeki kodlar:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Data.SqlClient;
using System.Configuration;

namespace BlogTurka
{
public partial class kayit : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings[“BlogConnectionString”].ConnectionString);

}

protected void kkayit_Click(object sender, EventArgs e)
{
SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings[“BlogConnectionString”].ConnectionString);
con.Open();
string cmdstr = “INSERT INTO Uyeler (KullaniciAdi, Sifre, Email) VALUES (@kadi, @sifre, @mail)”;
SqlCommand cmd = new SqlCommand(cmdstr, con);
cmd.Parameters.AddWithValue(“@kadi”,txtkadi.Text);
cmd.Parameters.AddWithValue(“@sifre”, txtsifre.Text);
cmd.Parameters.AddWithValue(“@mail”,txtmail.Text);
try
{
cmd.ExecuteNonQuery();
con.Close();
Response.Write(“Kayıt Başarıyla Sağlandı”);
Response.Redirect(“kayit.aspx”);
}
catch
{
Response.Write(“Girmiş Olduğunuz Değerleri Kontrol Ediniz.”);
}
}
}
}

Bu Dersin Sonunda Elde Edeceğimiz Önizleme:

DRpMkO
 

Bir önceki yazımız olan Blog Açılışı başlıklı makalemizde acilis, blog ve yeni blog hakkında bilgiler verilmektedir.

İlginizi Çekebilir

Uyumlu Renkler

Tasarımlarınız İçin Uyumlu Renkler

Gerek web tasarım, gerekse grafik çalışmalarınız için uyumlu renk kullanımına yardımcı olan bazı yardımcı siteleri …

2 Yorumlar

  1. Wamp’a göre’de uyarlıdır konu için teşekkürler.

  2. Wamp olmaz.Apache değil IIS gerekir.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir