ilk web uygulaması

8/16/2019 Ilk Web Uygulaması

1/33


2/33

ASP.NET WEB APPLICATION


3/33


4/33

Görüldüğü gibi bize lazım olan tüm alt yapı (Formlar,Global aspx,Default.aspx, Amsteroage, Packages…..) hazır

olarak kodlarıyla birlikte oluşturulmuş olmaktadır.


5/33


6/33


7/33


8/33

Google chrome‘da görünen sayfamız


9/33

Bu sayfada yapılacak tüm değişiklikleri Source(Kod) ekranından yapıyorum (Desigekranından da yapılabilir).

Sayfamız PARDUS’u

tanıtacak bir sayfa oBuradaki paragrafıinternetten (Wikipe

bulduğum2 satırı yapıştırıyoruLinkide wikipedia ol

ayarlıyorum.


10/33

Aşağıda SPLIT ekran düzeni yani hem kod ekranı hem tasarım ekranıgörülmektedir. Bu sefer değişikliği Design ekranından yaptım.


11/33

Mevcut Maddeleri ve liinkleri değiştirip birde fazladan madde ekledim.


12/33

Şimdi mevcut sayfada bize sunulan arka plan renkleri vs. gibi özellikleri değiştirmekistiyoruz.

Bunun için arka plandyer alan ve Sitenin ge

şablonunu oluşturanCSS dosyasını açmamCSS dosyası olduğu okkoddan anlaşılabilinir.


13/33


14/33

Buradaki

CSS Class’larıkullanılarakHer türlü şabayarıyapılabilmekt


15/33

Web Application içinde oluşturulan tüm klasör ve dosyalar buradadır.


16/33

Web Applicationüzerinde sağtuşa basarakADD –NewFolder diyerek

kendi

klasörümüzüoluştururuzveya

Mevcut

klasörlerikullanabiliriz.


17/33

1. Logo diye bir klasör oluşturup internetten bulduğum pardus logosunu içine attımresim görünmüyorsa Include in project seçeneği seçilmelidir.)

2. Site-Master seçeneği tıklayıp sol alt köşedeki Design seçeneği seçilir ve Logo sürü

bırak yöntemiyle eklenir.


18/33

1. Şimdi sayfamızın menülerini Türkçeleştirelim. bu işlemi Site.Mastersayfamızdan yapıyoruz.


19/33

ASP.NET Web Application COMPONEN


20/33


21/33

ASP.NET Web Application Bileşenleri

Solution Explorer

References seçeneğiniseçin. Visual Studio 2008ile hazırlanan C#projelerine 8 referans

otomatik olarak dahiledilmektedir. Ve bu

referanslarda bulunan

namespace'lerdeki Class

kullanabilirsiniz. DLL

dosyaları (references)belleğe yüklenirler.

Her ne kadar burada referans eklemeden söz edilse bile eklenherhangi bir şey yoktur.Yapılan şudur: Yararlanılmak istenen referanslar hakkında VisStudio bilgilendirilmektedir. Yoksa referanslar yani DLL dosyalailgili klasörde durmaktadır.


22/33


1- About.aspx

2-Contact.aspx

3-Default.aspx

4-Site.Master

5-Global.asax

Dosyaları otomatik olarak oluşur.Bu dosyaların her birinin altında .cs dosyaları vedesigner.cs dosyaları oluşmaktadır.

Örneğin:About.aspx dosyasının;

About.aspx.cs

About.aspx.designer.cs

AS A i i


23/33


Master Page, web kullanıcı kontrollerine çok fazlabenzemektedir. Kullanıcı kontrollerinden farkı, HTML vediğer kontrollerin bir arada tümleşik haldebulunabilmesidir. Master Page, ek özelliklerle, olaylarla,metotlarla geliştirilebilir ve yine web kullanıcı kontrollergibi son kullanıcı tarafından direkt olarakgörüntülenemezler. Mutlaka bir web form içinde yeralırlar ya da directive edilirler diyebiliriz.Bir Master Page birden çok web formu barındıran birşablondur aslında yani bir template’dir. Örneğin birmaster page, her web sayfasında olan header, footer,navigation bar gibi elementleri barındırabilir ve bunu

daha sonra tüm sayfalarımızda kullanabilmek için bizekolaylık sağlayabilir.Master Page dosyalarının uzantısı .netortamında master‘dır. Ayrıca tıpkı web formları ve webuser kontrolleri gibi codebehind dosyalarını destekler.Tüm master pagedosyaları System.Web.UI.MasterPagesınıfından mirasalmaktadırlar.


24/33

ASP NET W b A li ti Bil l i


25/33


Her sayfanın sonunda (FOOTER) yer alsın istediğim yazılarıburaya yazıyorum.

ASP NET Web Application Bileşenleri


26/33


Her sayfanın başında (HEADER) yer alsın istediğim yazıları buraya yazıyorum.


27/33

ASP.NET Web Application

GLOBAL.ASAX Dosyası



28/33

Visual Studio'da ASP.NET bir proje oluşturulduğunda iki adet özel dosya dah

oluşturulur. Bunlar ;(1) Web.config (2)Global.asax dosyalarıdır .Eğer projede Global.asax dosyası oluşturulmamış ise, Solution Explorer üzerine tıklanarak Add New Item seçilir ve Global.asax dosyası oluşturulur.Global.asax (Global Application Class - Genel Uygulama Sınıfı) dosyasıtıpkı web.config dosyası gibi görsel bir arayüzü olmayan ve çalışan uygulamanınmetotlarının kullanılmasını sağlayan özel bir dosyadır ve sadece server üzerindeçalıştırılır.

AMA ! uygulamamız ilk çalıştırıldığında ya da server «restart» edildiğinde ilkçalışan Application_Start yordamıdır, ve bu yordam Global.asax’da tanımlanmıYine istenmeyen bir olay meydana geldiğinde çalışan Application_Error, yineGlobal.asax’da tanımlanmıştır olarak ASP.NET web sitesi projelerinde kullanılabilmektedir.




29/33

Aşağıda Global.asax dosyası içinde yer alan yordamların listesini görebilirsiniz

Application_Start : Uygulama ilk kez çalıştırıldığında bir kere çalışan, IIS başladıksonra kullanıcıya ilk istekte gelen, Loglama (data akışını takip) için kullanılan birolaydır.Application_End : Uygulamanın sonlanmasında hemen önce çalışır . Application_Sta tanımladığımız fonksiyonları burada sonlandırabiliriz.Application_Error : Uygulama içinde istenmeyen bir hata meydana geldiğinde çalApplication_BeginRequest : Serverden her istek yapıldığında çalışır . Projemizde bulunan herhangi bir sayfadan istek çağrıldığında tetiklenen olaydır.Application_EndRequest : Serverden gelen her istek sonlandıktan sonra çalışır.Application_PreSendRequestHeaders : Başlık bilgileri tarayıcıya gönderilmeden

önce çalışır.Application_PreRequestContent : İçerik bilgileri tarayıcıya gönderilmeden önceçalışır.Application_AuthenticationRequest : Kullanıcı kimlik doğrulaması yapılmadanhemen önce çalışır . Bu sayede kullanıcı herhangi bir sayfaya yönlendirilebilir, rolatanabilir veya bilgisayarına cookie bırakılabilir.Application_AuthorizeRequest : Kullanıcı yetkilendirmesinden önce çalışır.




30/33

Sitemizde bulunan herhangi bir sayfayı kullanıcı ziyaret ettiğinde çağrılır.İlk sayfa isteğinde çağrılır ve daha sonra çağrılmaz.Fakat sessionun timeout süresi dolmuşsa ve kullanıcı bu süreden sonra tekrar bir istek bulunursa yeni kullanıcı gibi davranılıp bu event tekrar tetiklenir. Kullanıcınınsiteyi ilk ziyareti sırasında yazılacak fonksiyonlar burada bulunur.Online kullanıcı sayısı gibi

Kullanıcının timeout olması durumunda bu olay tetiklenir. Yukarıda yazılan bir çokfonksiyonla ilgili işlem burada yapılabilir. Online kullanıcının siteden çıkması vb.


protected void Session_End(object sender, EventArgs e){

}

protected void Session_Start(object sender, EventArgs e)

{

}

AKTİF ZİYARETÇİ UYGULAMASI


31/33

void Application_Start(object sender, EventArgs e)

{

// UYGULAMA BAŞLADIĞINDA ÇALIŞAN KOD (APPLICATION-START)

BundleConfig.RegisterBundles(BundleTable.Bundles);AuthConfig.RegisterOpenAuth();

// Uygulama ilk çalıştığında Visitor değişkenimi sıfırlıyorum.Application["visitor"] = 0;

}

void Application_End(object sender, EventArgs e)

{// UYGULAMA BİTTİĞİNDE ÇALIŞAN KOD (APPLICATION-END)Application.Remove("visitor");// Uygulama sonlandığında Application State

değişkeni silinir.}

Ç

GLOBAL.ASAX.CS SAYFAMIZA AŞAĞIDAKİ KODLARI YAZIYORUZ.



32/33

void Session_Start(object sender, EventArgs e)

{

// Kullanıcı sitemi ziyaret ettiğinde visitor değişkenine +1 eklenir.//Aynı anda 2 veya daha fazla kullanıcı visitor değişkenine değer atamasın diye

Application.Lock(); // ile uygulama kilitlenir.

Application["visitor"] = Convert.ToInt32(Application["visitor"]) + 1;

Application.UnLock();

}

void Session_End(object sender, EventArgs e)

{

// Kullanıcı uygulamayı sonlandırdığında-siteden çıktığında- (sesion timeout) vdeğişkeni -1 yapılır.

Application.Lock();

Application["visitor"] = Convert.ToInt32(Application["visitor"]) - 1;

Application.UnLock(); // ile değişkene yeni değer ataması için izin veriyorum.}

Ç

GLOBAL.ASAX.CS SAYFAMIZA AŞAĞIDAKİ KODLARI YAZIYORUZ.



33/33

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace WebApplication1

{

public partial class _Default : Page

{

protected void Page_Load(object sender, EventArgs e)

{

Response.Write("Aktif Ziyaretçi : " + Application["visitor"]);}

}

}

DEFAULT.ASPX.CS SAYFAMIZA AŞAĞIDAKİ KODLARI YAZIYORUZ.

ilk web uygulaması

Documents