Dreamweaver ile a dan z ye ASP Resimli

Asi Ruh

Kayıtlı Üye
gerekli malzemeleri yazıyorum
  • 1 adet macromedia dreamweaver (notepad olur ama Konu Dreamweaver ile asp)
  • Windows Xp Professional , 2003 veya NT işletim sistemi
    dikkat XP home editon kullanan arkadaşların asp için hiçbir şansları yok üzgünüm ama home editon'da asp çalıştıramıyoruz
Evet arkadaşlar, hazırlıklara başlıyoruz asp ile hiç ilgilenmemiş olan arkadaşlarımız için önce IIS (internet information services) Kuracağız bu bizim kendi bilgisayarımızdaki hostumuz olacak ve asp ile yaptığımız programları bu bileşenle çalıştıracağız kurulmu XP Professionale göre anlatacağım diğer işletim sistemlerindede bu yöntem aynıdır

Öncelikle XP kurulum cd'sini sürücüye takın
Başlat menüsüne gidin oradan denetim masası ve ardından program ekle/kaldır menüsünü açın görünüm aşağıdaki gibi olcak

iis1us3.jpg


Buradan windows bileşeni ekle/kadır adlı butonu tıklayın aşağıdaki gibi bir pencere açılacak internet information sevices (iis) yazısının yanındaki kutucuğu işaretliyoruz

iis2bj1.jpg


gelen tüm pencerelere ileri diyerek kurulumu tamamlıyoruz

evet artık bir asp hostumuz var tamamen bizim ve ücretsiz
smile.gif


isterseniz bir test yapalım internet tarayıcınızı açın(explorer veya benzeri)
adres satırına http://localhost yazın enter yapın
karşımıza hostumuzla ilgili bilgiler geldi ve bazı açıklamalar var kurulum başarılı eğer sayfa açılmadıysa işlemleri tekrar edin
peki bu host nerede şimdi sistem diskine gidin (genellikle c sürücüsüdür eğer siz farklı bir kurulum yapmadıysanız) sistem diskinin içinde ben artık buraya c:/ diyeceğim inetpub diye bir klasör açılmış olduğunu göreceksiniz
klasörü açın içinde farklı isimlerde birkaç klasör daha var ama bizim işimiz wwwroot klasörüyle çünki kodlarımız burada çalışıyor

artık iis miz kurulu ve nerede olduğunu biliyoruz bu işlemi yapamayan arkadaşlar bana sorunu bildirsinler
birdahki konu wwwroot klasörüne yazma hakkı vermek ve dreamweaver ayarları için olacak daha sonra tam gaz yola devam edeceğiz arkadaşlar


Evet Arkadaşlar bu derste asp ile yapılacak siteyi kuracağımız klasörü hazırlayıp veritabanı klasörüne yazma hakkı vereceğiz.

Bir önceki derste iis kurmuştuk ve bir inetpub klasörü açılmıştı
Şimdi bu inetpub klasörünün içindeki wwwroot klasörünün içine bir klasör ekleyin ismi dersler olsun
Şimdi eklediğiniz klasörün içine bir klasör daha ekleyin ismi data olsun bu klasöre veritabanımızı kuracağız

Kullanacağımız veritabanı Access şimdi Access i açın ve bir veritabanı oluşturun bu veritabanını data klasörüne forumtr.mdb ismiyle kaydedin kaydettikten sonra Access i kapatın

Şimdi gelelim klasör işlemlerine başlat menüsünden denetim masasını tıklayın açılan pencereden performans ve bakımı tıklayın

iis3st3.jpg


Gelen pencereden yönetimsel araçlara

iis4xp1.jpg


Ardından Internet information servicess

iis5jx4.jpg


Şimdi açılan pencereden sol taraftaki konsol ağacındaki yerel bilgisayar web siteleri varsayılan web sitesi bölümlerini genişletin ve dersler klasörünü bulun

iis51et8.jpg


Dersler klasörünü tıkladıktan sonra sağ tarafta eklediğimiz data klasörünü gördünüz mü bu klasöre sağ tıklayın ve özellikler penceresini açın

iis6pq4.jpg


Açılan özellikler penceresinde yazma isimli kutuyu işaretleyin ardından uygula ve tamam butonlarını tıklayarak pencereyi kapatın

iis7uj3.jpg


Şimdi yine data klsörüne sağ tıklayın açılan menüden tüm görevler oradan izin sihirbazına tıklayıp gelen pencerelere ileri diyerek işlemi tamamlayın

iis8ll6.jpg


iis9kq5.jpg


data klasörü için yaptığınız yazma ve görev işlemlerinin aynısını klasörün içindeki veritabanı içinde uygulayın

Evet arkadaşlar klasör işlemleri tamam şimdi sıra bu klasörle dreamweaver i ilişkilendirmekte sonrası bolca asp site programJ



sabır arkadaşlar az kaldı bu son ayar dersi sonrası çok zevkli geçecek

dreamweaver programını açın görünüm açağıdaki gibidir bir burada yeni bir site oluşturmak için dreamweaver in bir önceki derslerimizde oluşturduğumuz klasörlere erişimini sağlayacağız hadi başlayalım



dw0kc5.jpg


sağ taraftaki panelden files isimli barı açıyoruz eğer bu bar yoksa f8 tuşuna basarak veya window menüsü altından files i tıklayarak açabiliriz sol ucundan tutup istediğimiz yere konumlandırabiliriz

files barında açılır kutudan manage sitesi tıklıyoruz

dw1li1.jpg


açılan pencerede new ardından siteyi tıklıyoruz

dw2sr1.jpg


gelen pencereden (amma çok pencere açıyoruz be hayat pencerede geçti
ka23.gif
) sol panelde local info seçiliyken orta panelde site name yazan kısma denemesitesi yazın Local root folder yazan kısımda dersler klsörünü bulun tamam ı tıklayın(sağ taraftaki klasör simgesini kullanabilirsiniz) http adress yazan kısma http://localhost yazın sol panelden remote infoyu seçin


dw3yo0.jpg


access yazan kısımda local/network seçin
bu işlemin ardından altta yeni parametreler açılır
remote folder kısmında yine dersler klasörünü bulun
diğer ayarlar olduğu gibi kalsın
sol panelde testing server ı tıklayın

dw4rk8.jpg


sever model yazan yere dokunmayın acces yazan kısımda local network seçin diğer ayarlar otomatik olarak gelecek tamam ı (ok) tıklayın ve pencereyi kapatın

dw5yt9.jpg


manage sites penceresinde denemesitesi ni seçin done ı tıklayıp pencereyi kapatın

dw6tw1.jpg


evet arkadaşlar ayarlama olayları bitmiştir hayırlı olsun artık kod yazmaya başlayabiliriz



Evet arkadaşlar sonunda projeye karar verdim kitapevi sitesi yapacağız
Önce bir plan yapmamız gerekiyor plansız proje bitmez bitsede hatalı biter ve hatalar kapatılamaz projenin zamanı uzar Belirlememiz gereken ilk şey projede neler olması gerektiği
bizim projemizde

öncelikle görsellik ve program yetenekleri Mükemmel olacak kod yazalım diye tasarım iğrenç olmayacak
gerekli icon ve resimleri paylaşıma açacağım
  1. Admin(kontrolpaneli)olacak
  2. Üyelik Sistemi(admin onaylı)
  3. Kitap listesi
  4. Yazar listesi
  5. Ana Kategori menüsü
  6. Alt kategori menüsü
  7. Mesaj Panosu
  8. Yorum Panosu (her kitap için ayrı)
  9. Yayın evi listesi
  10. Haber Bandı
  11. E posta Listesi
  12. Adres Defteri
  13. Cari Hesap Yönetimi
  14. Stok Yönetimi
  15. Sipariş Yönetimi
  16. Özel Mesaj Yönetimi
  17. Admin Kullanıcı Hesapları Yönetimi
  18. Site içi arama motoru
    Kitap Adına Göre Arama
    Yazar Adına Göre Arama
  19. En Önemlisi Kısmende olsa küfür koruması tam olarak yapmaya çalışırsak mesajdan eser kalmaz
  20. En Güzeli Kullanıcı Kontrol Paneli
    Panel özellikleri
    ilgilendiği kitaplar
    Mesaj Kutusu
    Kişisel Ayarlar
    Şifre İşlemleri
    İmza
  21. Admine Özel Bir Dosya Yönetimi(bunu yapınca fso olayını parçalamış yemiş ve yutmuş olacağız)
  22. Mail Gönderme (admine özel)
 
DERS:1
Arkadaşlar Projeye başlıyoruz ilk olarak admin panelini inşa etmeye başlayacağız admin paneline ilk adım olarak admin hesaplarıya başlayalım. Buradan Başlamamın nedeni admin panelindeki her asp sayfası şifre ve kullanıcı adını sorgulayacak

Bu derste neler öğreneceğiz


  • [*]Temel Asp Bilgisi(bilmeyen arkadaşlar için)
    [*]Yeni Bir Asp Sayfası Açmak
    [*]Form Hazırlama
    [*]Veritabanına Bağlanma
    [*]Veritabanına Kayıt ekleme/silme/okuma/Kontrol Etme
    [*]Session değişkenleri
temel asp bilgileri her dersin başında yer alacak konuyla ilgili bölümleri anlatacak

* Temel Asp Bilgileri a1
Kısım1 Asp tagları
Asp kodları html de olduğu gibi bazı tag lar arsına yazılır html ‘ < > ’ tagları arasına yazılırken asp <% %> tagları arasına yazılır mesela tarayıcıda tarih göstermek istersek (hazır fonksiyon) <%=date%> Olarak yazarız
Buradaki = işareti responsewrite anlamına gelir responsewrite bir şeyler yaz demektir
Yani <% responsewrite date %> demekle <%=date%> demek aynı şeydir
Zaten konular ilerledikçe sırası gelen her şeyi anlatacağım
Demek ki kod yazarken asp kodlarını <% ve %> tagları arasına yazmamız gerekecek
Uygulamaya başlayalım daha iyi anlatırım

*Yeni Bir Asp Sayfası Açmak
Dreamweaver 8 i açın arkadaşlar görünüm aşağıdaki gibi olacaktır önceki derslerde klasörleri ilişkilendirmiştik zaten sağ taraftaki panelde data isimli klasörü ve içindeki veritabanını görüyor olmalısınız

dw1fa4.jpg


Ortadaki panelden asp vbscript yazan yeri seçin evet arkadaşlar boş bir asp sayfası açtık

Dreamweaver bize sayfayı üç şekilde gösteriri biri dizaym modu biri kod modu biriside split screen olarak kod bölümüne geçin arkadaşlar

dw2md4.jpg


Gördüğünüz gibi gerekli olan bazı kodları Dreamweaver otomatik olarak yazdı File menüsünden save i tıklayarak veya Ctrl+S yaparak bu dosyayı default.asp adıyla kaydedin bakalım önceki dersler doğru yapılmışmı F12 tuşuna basarak ön izleme yapın boş bir tarayıcı penceresi açılırsa her şey düzgün ama sayfa gösterilmezse hata yapmışsınız başatan başlayın derim

Tarayıcı penceresini kapatın
Kod bölümü açıkken body body etiketleri arasına <%=date%> yazın Ctrl+S yapın F12 Ye basın Tarayıcı Penceresinde Tarih Yazıyor olması lazım

dw3kc4.jpg
 
Genel Bilgi

arkadaşlar formları kullanıcıdan veya başka bir yerden veri almak için kullanırız bir form verileri ya belirtilen bir web sayfasına yada tekrar kendine gönderebilir

veri göndermenin iki metodu vardır biri post biri get açıklayacak olursak
get metodu ile alacağımız veri sınırlıdır post metodu ile sınırsızdır
get metodu adres çubuğunda veriyi gösterirken post metodu tamamen arka planda çalışır
bu iki yöntemle ilgili ayrıntılı bilgiyi html dökümanlarında bulabilirsiniz arkadaşlar konumuz asp dağılmayalım
biz her iki yöntemide kullanacağız(mecburen) formun ne olduğunu anlayabildiyseniz hadi başlayalım ama tam olarak ayrıntılı bir form olayı öğrenmek istiyorsanız html dökümamanlarını karıştırmalısınız ve bunu yapın arkadaşlar html olmadan asp bilmek yemek yapıp yemeden dökmek gibidir html bilmeyen arkadaşlarımız öğrensinler benim anlattığım html sadece ön bilgi olması amacı ile arkadaşlar html bilgisi bile denmez
dağıldık yine hadi derse devam

*Bilgi Giriş Formu Hazırlıyoruz

Arkadaşlar Önce Bir Bilgi Giriş Formu Yapacağız Ama Formu Asp Olarak Değil HTML olarak Yapacağız

Dreamweaver 8 i Açın File Menüsünden New e tıklayın Açılan penceredeki sol panelden basic page i sağ panelden HTML i seçin create yi tıklayın

dw4gy9.jpg


açılan dosya bir HTML dosyasıdır Bu dosyayı yine file Menüsünden save as i tıklayarak data klasörüne index.html olarak kaydedin dizayn moduna geçin

Şimdi Bir form etiketi ekleyeceğiz ama biz değil Dreamweaver bu işi bizim için yapacak insert Menüsünden form u açılan menüden yine formu tıklıyoruz
dw5au1.jpg


Dizayn Modunda Çalışma Alanına ince kırmızı bir kutu eklendi kırmızı çizginin üzerine birkez tıklayıp seçin ardından sağ tıklayıp properties menüsünü açın

dw6fj0.jpg


form name yazan yere adminformu , action yazan yere onayla.asp yazın onayla.asp sayfasını bu form bittikten sonra yazacağız son olarak method kısmını post olarak seçin

dw14sq2.jpg




kırmızı kutunun adı form arkadaşlar imleç formun (kutunun) içindeyken insert Menüsünden veya Ctrl+T Kısa yolundan tablo oluşturma penceresini açıyoruz Rows kısmına 4 yani 4 satır olacak demek columns kısmına 2 yani iki kolon olacak diyoruz table width kısmına 400 pixels caption özelliğine Yönetici Giriş Formu yazıyoruz header kısmı top olacak

dw7pe5.jpg


tablomuz ekrana geldi şimdi tablomuz seçiliyken properties Menüsünden align özelliğini center (merkez) yapın

dw8ia4.jpg


Formun Tasarımını resimdeki gibi düzenleyin yazı tipi rengi ve boyutlarını properties panelinden yapabilirsiniz. Tabloyu aşağıya indirmek için tablonun sol tarafında (mause cursor ile görünen yer) bir boşluğa tıklayıp enter tuşuna basarak istediğiniz kadar aşağıya indirebilirsiniz

dw9tn4.jpg


Kullanıcı Adı satırının karşısındaki satırın içine tıklayın sonra insert menüsünden form açılan menüden text field i seçin kullanıcı şifresi bir ve iki içinde aynı işlemi tekrarlayın son olarak birde buton ekleyeceğiz tablonun en alt ve sağdaki satırını seçin insert Menüsünden form açılan Menüden Button u tıklayın buton seçili iken properties Menüsünden Value özelliğini Giriş Yap olarak değiştirin

dw12dk2.jpg


Kullanıcı adı nın karşısındaki text fieldi seçin properties panelinden text field özelliğini kullaniciadi (türkçe karakter kullanmayın) olarak değiştirin
sifre1 in karşıfındaki textfieldin type özelliğini password olarak textfileld özelliğini sifre1
şifre2 nin karşıfındaki textfieldin type özelliğini password textfield özelliğini sifre2 olarak değiştirin

dw10eh2.jpg


Formumuz hazır arkadaşlar birazda tasarımını yapalım güzel görünsün şimdi dersler klasörünün içine systemimages adında bi klasör açın ve vereceğim resimleri buraya kopyalayın

http://www.hemenpaylas.com/download/1731147/arkaplan.jpg.html arka plan resmi

Modify Menüsünden (üstte) page properties i seçin açılan pencerede Background image yazan kısımda browse i tıklayıp resmi kaydettiğimiz systemimages klasörünü bulup resmi seçin ok tıklayıp arka planı ekrana yerleştirmeyi bitirin

dw11vj4.jpg


Şimdide giriş formunu şekillendirelim tabloyu seçili hale getirin ve properties penceresinde borde yazan kısma 1 ile 20 arası bi sayı girin ben 20 yazdım ve bdr color yazan kısımda bir renk seçin daha donra bg color yazan kısımda bir renk daha seçin ama farklı bir renk olsun tamamdır form olayı bukadar arkadaşlar bu arada daha asp kodlamaya başlamadık onları deramweaver değil biz yazacağız
bu arada f12 yapında bi bakın nasıl olmuş formunuz birşeyler yazıp giriş yap dediğinizde sayfa bulunamadı diyecektir çünki onayla.asp sayfamızı daha yazmadık birdahaki derste bu sayfayı yapacağız ASP vertabanına bağlanacağız
bide şu formun code kod bölümüne bakın bi gördünüzmü dreamweaver tüm kodları yazmış
 
Kaldığımız Yerder Devam

En son bi admin giriş formu yapmıştık Kullanıcı adı ve şifreler için giriş kutuları vardı bu derste onayla.asp dosyamızı yazacağız ama önce veritabanına bağlanalım


* Genel Asp Bilgileri
bu konuda değişken tanımlamayı session değişkeni tanımlamayı ado ile veritabanına bağlanmayı öğreneceğiz biraz açıklama yapalım
değişken dedik adı üstünde değişken. Adını yapacağı görevi yani herşeyini bizim ayarladığımız komut adlarıdır değişkenler.

Değişken tanımlarken dimension (boyutlandır,yapılandır) kelimesinin Kısaltılmışını Kullanırız yani değişken tanımlamadan önce Dim yazarız
kısa bir örnek=

<% Dim sayi
sayi = 100
%>
gibi artık asp sayfasında sayı yazdığımız yerin değeri 100 olacaktır

ado nedir (Activex Data Object)
ADO gerçekten bir ASP nesnesi olmaktan çok Server Component'i (server bileşeni) sayılır. Bu bileşene biz ASP içinden bir ActiveX nesnesi ile ulaşırız.
Yani daha anlaşılır biçimde söylemek gerekirse, ADO bir Server(sunucu) Bileşeni ve bu bileşene ulaşmak için bir ActiveX nesnesini kullanırız..

Hazırsak Balayalım önce bir Bağlantı Kuracağız arkadaşlar ama küçük bir ipucu veryim
diyelimki 500 sayfadan oluşan bir site yapıyoruz ve her sayfanın veritabanına bağlanması gerek sizce her sayfaya ayrı ayrı kod yazmakmı daha mantıklı yoksa bir yere yazıp bütün sayfaların oradan kullanmasını sağlamakmı?
cevap b tüm sayfalar bir yerden kullansın NİYE diyen var 500 sayfa yazdınız bağlantı kodunu iyi eyvallah peki sitede değişiklik var mesela veritabanının adı değişti baştan 500 sayfa kod düzeltirsiniz ama tüm sayfalar biryerden kullanırsa 1 sayfa kod düzeltirsiniz tüm sayfalar değişir
ka23.gif


* Veritabanı BAğlantısı Kurmak

Evet Arkadaşlar boş bir asp sayfası açın (file mönüsünden new oradan Asp VBScript )Bunu artık biliyosunuz bu sayfayı data klasörüne baglanti.asp adıyla kaydedin (türkçe karakter kullanmayın)
kod bölümünü açın
demiştik ya bu sayfayı bütün sayfalar kullanacak diye kod bölümünde haır yazılmış kodlar var gördünüzmü şimdi o kodların hepsini silin sayfanın kod bölümü tamamen boş olsun sebebini birazdan anlatacaım

ilk once bir değişken tanımlamalıyız nasıl tanımlanır yukarıda bahsetmiştim
kodlar aşağıda

<%
dim baglanti , yol
Set baglanti=Server.CreateObject("ADODB.Connection")
yol="Provider = Microsoft.Jet.OLEDB.4.0;data source = "&Server.MapPath("forumtayfa.mdb")&";"
baglanti.open (yol)
%>

bağlantı ve yol isminde iki değişken tanımladık
bağlantı değişkenimize ActiveX Data Object nesnesini Ekledik

yol değişkenine veritabanımızın adresini yazdık ama nedir bu Provider = Microsoft.Jet.OLEDB.4.0;
açıklayalım diyoruzki veritabanımıza microsoftun jet database bağlantısının4.0 sürümünü kullanarak bağlan
data source = adı üstünde veri yolu
"&Server.MapPath demeklede kök dizini bul ona göre yol bilgisi al dedik
evet arkadaşlar veritabanı bağlantısı bukadar

F12 yapın eğer boş bir sayfa gelirse işlem başarılı ama hata verirse baştan deneyin

evet arkadaşlar boş bir asp sayfası daha açın data klasörüne onayla.asp adıyla kaydedin

şimdi data klasöründeki access i açın ve bir tablo oluşturun
tablomuz aşağıdaki gibi
alan adı veri türü
id otomatik sayı 'birincil anahtar burası olacak
kullaniciadi metin
sifre1 metin
sifre2 metin
tablonun adını yoneticihesaplari adıyla kaydedin
 
Son dersimizde baglanti.asp adıyla bir veritabanı bağlantı sayfası bir onayla.asp ve kullanicihesaplari adıyla tablo oluşturmuştuk

bu dersimizde yaptıklarımızı kullanarak projeyi geliştirmeye devam ediyoruz


*Asp Bilgileri

include file Yöntemi
bu yöntemi pojemiz boyunca hemen her sayfada kullanacağız hatırlarsanız önceki derslerde veritabanı bağlantısı yaptığımız sayfayı diğer sayfalarda kullanacağız demiştik işte include file yöntemi bu işe yarıyor aslında bu iş için birçok yeni ve daha kaliteli yöntemler yapıldı ama ne demiş atalarımız HOCA BİLDİĞİNİ OKUR

bu yöntemi kullanma şeklimiz çok basit eğer görünen bir sayfayı include edeceksek (mesela banner yan veya üst panel gibi) görünmesini istediğimiz yere yazarız ama görünmeyen bir sayfaysa(veri tabanı bağlantısı yaptığımız sayfa gibi) işlevine göre bir yere konumlandırırız genelde sayfanın üst bölümlerindedir
kullanımına gelince önece bu yöntemi kullanacağımıza dair asp.dll dosyasını uyarmak amcıyla <!--# etiketi açarız
sonra include file="eklenecek dosya adı" deriz ve --> etiketiyle kapatırız
yani sonuç <!--#include file="eklenecek dosya adı" --> olur

* onayla.asp sayfası yapımı

arkadaşlar onayla.asp dosyamızı açın kod bölümüne geçin ve buradaki hazır yazlı olan kodları silin sayfa tertemiz olsun
şimdi include file yöntemini kullanarak baglanti.asp dosyasını sayfaya ekleyin

<!--#include file="baglanti.asp" -->

Dikkat ettiyseniz sadece dosyanın adını yazdık yol bilgisini girmedik sebebi baglanti.asp ile onayla.asp dosyası aynı klasörde ama başka klasörde olsaydı mesela onayla.asp data klasöründe baglanti.asp data klasörünün içindeki bir klasörde olsaydı ozaman yol bilgisi girmemiz gerekirdi örnek verelim data klasörünü içindeki klasör adı resim olsun ve baglanti.asp sayfamız bu klsörde olsaydı kodlarımız
<!--#include file="resim/baglanti.asp" -->
olurdu

Kodun bitmiş hali
<!--#include file="baglanti.asp" -->


*Asp bilgileri

arkadaşlar onceki derslerde bi index.html adında bi giriş formu yapmıştık ve onayla.asp sayfasına gönder demiştik peki bu bilgiler onayla.asp sayfası nasıl alacak işte yanıtı
bir sayfadan gelen veriyi okumak için request nesnesinin
form veya querystring yöntemini kullanırız daha önce demiştikya post metodu ile sınırsız ve get metodu ile sınırlı veri yollarız diye
işte veri post metodu ile gönderildiyse form yöntemini get metodu ile gönderildiyse qerystring yöntemini kullanırız
biz post yöntemiyle veri gönderdik
kullanımı
<% request.form("gelenbilgi")%>
projeye dönelim

*onayla.asp sayfası yapımı

önce değişkenler
<% dim kullaniciadi , sifre1 , sifre2
'şimdi bu değişkenlerin değerine formdan gelen verileri atayalım
kullaniciadi=request.form("kullaniciadi")
'parantez içindeki kullaniciadı formdan gelen text fieldlerin adı hatırlaryın lütfen
'kullaniciadi yazaısının karşısındaki text fieldi seçin ve properties
'menüsünden textfield özelliğini kullaniciadi yapın demiştik giriş formunu
' yaparken işte bu isimler oradaki isimler
sifre1=request.form("sifre1")
sifre2=request.form("sifre2)
kodların son hali
<!--#include file="baglanti.asp" -->
<%dim kullaniciadi , sifre1 , sifre2
kullaniciadi=request.form("kullaniciadi")
sifre1=request.form("sifre1")
sifre2=request.form("sifre2")


*Asp bilgileri

Recordset oluşturmak
recordset adı gibi kayıt seti onlamına gelir ve kullanımı bu anlama göredir baglanti.asp sayfasıyla veritabanına bağlandık peki ya içindeki kullanici hesapları tablosunabaglandıkmı
işte recordset bu işe yarar yani vertabanının içindeki tablolara bağlanır

kullanımı basittir veritabani bağlantısına banzer neyse devam edelim projeje anlarsınız zaten

*onayla.asp sayfası yapımı

şimdi bir recordset yani kayıtseti yazacağız tabi önce değişken tanımlaması yapacağız

<% dim kayitseti , tablo
set kayitseti=Server.CreateObject("ADODB.Recordset")
tablo="Select kullaniciadi , sifre1 , sifre2 from yonetiicihesaplari"
kayitseti.open tablo , baglanti , 1 , 3
%>

anlaşılmayacak kadar karışık değil , değil mi?

önce kayitseti ve tablo diye iki değişken tanımladık

ben bu isimleri siz daha iyi anlayın diye koydum ama siz isterseniz istediğiniz ismi yazabilirsiniz

kayıtseti değişkenimize yeni bir tablo bağlantısı yapacağız dedik ado ya sonra tablo değişenimize bağlanacağımız tablo adını ve içindeki kolonları belirttik ve kayitseti.open tablo , baglanti , 1 , 3 diyerek kayıtsetimize tablo değişkenin görevini yap dedik şimdei burada bir baglanti kelimesi var bu nerden geldi derseniz vertabani bağlantısı yaptığımız sayfada oluşturduğumuz bağlanti değişkenini hatırlayın derim

1 ve 3 yazıyo onlarda addopenstatics ve addopenoptimistic demenin kısa yolları oluyolar e onlar ne demek yaaaa diyen var bu bağlantıyla veritabanına yeni veri girişine ve veritabanından kayıtları görmemize izin ver demek
evvvet kayıtsetimiz başarılı acele etmeyin henüz sayfada bişey görünmez zaten bu sayfada birşeyde görünmeyecek arka planda çalışacak

kodların son hali

<!--#include file="baglanti.asp" -->
<%dim kullaniciadi , sifre1 , sifre2
kullaniciadi=request.form("kullaniciadi")
sifre1=request.form("sifre1")
sifre2=request.form("sifre2")
dim kayitseti , tablo
set kayitseti=Server.CreateObject("ADODB.Recordset")
tablo="Select kullaniciadi , sifre1 , sifre2 from yoneticihesaplari "
kayitseti.open tablo , baglanti , 1 , 3

*ASP bilgileri

arkadaşlar formdan gelen verileri aldık veritabanına tam tekmil bağlandık peki kullanıcının gönderdiği verilerin veritabanında olup olmadığını naıl anlayacağız
kayıt setimizde biraz değişiklik yapacağız ve baglantıya birde where deyimi ekleyeceğiz where demek nereye yani ben nereye gidecem der gibi

*onayla.asp sayfası kayıtseti düzenleme

set kayitseti=Server.CreateObject("ADODB.Recordset")
tablo="Select kullaniciadi , sifre1 , sifre2 from yoneticihesaplari where kullaniciadi='"&kullaniciadi&"' and sifre1='"&sifre1&"' and sifre2='"&sifre2&"' ",baglanti
kayitseti.open tablo , baglanti , 1 , 3
%>
yani tablodaki kullaniciadi sifre1 sifre2 bilgilerine git dedik bu bilgiler sizin forma yazdığınız bilgiler eğer veritebenında bu bilgiler varsa sonuç olarak veritabanı boş değil olacak bu bilgilere uyan bi kayıt var diycek sonra bağlantıya geri dönecek ve karşolaştırmayı bitirecek bu arada select il from arasına bütün alan isimlerini yaz*** zorunda değilsiniz bi yıldız işareti hepsini seçer zaten artık öyle kullanacağız bu derste böyle olsun bunuda bilin istedim yani “select * from yoneticihesaplari” hepsini seçti
son hali
<!--#include file="baglanti.asp" -->
<%dim kullaniciadi , sifre1 , sifre2
kullaniciadi=request.form("kullaniciadi")
sifre1=request.form("sifre1")
sifre2=request.form("sifre2")
dim kayitseti , tablo
set kayitseti=Server.CreateObject("ADODB.Recordset")
tablo="Select * from yoneticihesaplari where kullaniciadi='"&kullaniciadi&"' and sifre1='"&sifre1&"' and sifre2='"&sifre2&"' "
kayitseti.open tablo , baglanti , 1 , 3

*Asp Bilgileri

session değişkeni ve if else deyimleri
session değişkeni kendisine atanan veriyi siz silene kadar belirli bir süre hafızasında tutar örnek verecek olursak siz forumda geziyosunuz ama kullanıcı adınız ve bilgileriniz heryerde ve her sayufada sizinle geziyo eğer giriş yapmadıysanız bazı şeylere izin vermiyo işte bu session değişkeni ile yapılır arkadaşlar ve bunu istediğiniz gibide kullanabilirsiniz hayalgücü ve programcılık yeteneğinize bağlı birşey tabi forumtr php dili yazlı arkadaşlar

if ve alse deyimlerine gelince kulanımları aynan kelime anlamrıyla aynıdır
if demek eğer ise anlamına gelir
else demek aksi taktirde yoksa değilse daha başka anlamlarına gelir
biz bunu aynen bu anlamlar için kullanırız
birde bu deyinmlerin içinde then ve end if deyimini kullanırız mecburen yoksa cümle tamamlanmıyo
then demekte ozaman öyleyse kelime sonundayasa ise anlamına geliyo
end if demek sorgumuz bitti analamına geliyo yani
eğer bugun 7/10/2006 ise
bunuyaz"ödeme günü ödemelerin var"
değilse
bunuyaz"bugün ödeme yok hadi yine iyisin"
kelime bitti
kod hali
<% dim bugun
if bugun=07/10/2006 then
response.write("ödeme günü ödemelerin var")
else
response.write("bugün ödeme yok hadi yine iyisin”)
end if

true ve false veri türleri
arkadaşlar true ve false bolean veri türüne girer
true demek doğru false demek yanlış anlamına gelir aynen böylede kullanılır
derse devam

*onayla.asp sayfası yapmak

şimdi kullanıcı adı ve şifreler doğrumu veya varmı onu kontrol edelim
if else kullanacaz
önce tablomuzda böyle bi veri varmı yada doğrumu ona bakalım
if kayıtseti.bof then
response.write("Kullanıcı Adı veya Şifreniz Yanlış")
bof demek veri varmı dimek oluyo yada öyle birşey kullanıyom ama ayrıntılı olarak bende bilmiyom
şimdi eğer bilgiler doğruysa session değişkenimize bu bilgileri kaydadelim
else
session("kullaniciadi")=kayitseti("kullaniciadi")
session("girisyapti")=true
end if
kullaniciadi diye bi session değişkeni tanımladık ve değerine kullanicinin veritabnındaki adını kaydettik
girisyapti diye bi session değişkeni tanımladık ve değerine doğru dedik

kodların bitmiş hali


<!--#include file="baglanti.asp" -->
<%dim kullaniciadi , sifre1 , sifre2
kullaniciadi=request.form("kullaniciadi")
sifre1=request.form("sifre1")
sifre2=request.form("sifre2")
dim kayitseti , tablo
set kayitseti=Server.CreateObject("ADODB.Recordset")
tablo="Select kullaniciadi , sifre1 , sifre2 from yoneticihesaplari where kullaniciadi='"&kullaniciadi&"' and sifre1='"&sifre1&"' and sifre2='"&sifre2&"' "
kayitseti.open tablo , baglanti , 1 , 3


if kayitseti.bof then

response.Write("Kullanıcı Adı veya Şifreniz Yanlış")

else
session("kullaniciadi")=kayitseti("kullaniciadi")
session("girisyapti")=true
end if
%>



isterseniz vertabanını açın ve tabloya kullanıcı adınızı ve şifrelerinizi yazın hatta birkaçtane yapın bi onu bi onu girin birkaç veri girdikten sonra index.html dosyanızı açın f12 yapın kullanıcı adı ve şifrenizi girin doğruysa sayfa bomboş açılacak yanlışsa üye adınız yanlış diyecek ama hata sayfası gelirse yanlış birşeyler var en baştan
 
Önceki Dersimizde kullanıcı bilgilerini aldık ve doğruluğunu kontrol ettik şifre yanlışsa bir hata iletisi verdik yalnız proje boyunca sadece burada değil birçok yerde hata ve doğruluk mesajı vereceğiz her ileti için yeniden kod yazmak yerine iki genel ileti sayfası yapacağız biri admin iletileri diğeri kullanıcı iletileri bu arada projeyi inşa ederken önce admin sayfasını inşa edelim demiştim ama konuyu daha iyi anlayın diye ikisini aynı anda inşa etmeye karar verdim

İlk ileti sayfamız admin iletileri için olsun


Hata iletilerine bir tasarım inşa edelim
  • Admin ileti tasarımı 1
Boş bir asp sayfası oluşturun ve ismini sitemesaji.asp olarak data klasörüne kaydedin
Tasarım dizayn bölümüne geçin ve tablo oluşturma sihirbazını(insert mönüsünden table)
kullanarak aşağıdaki tabloyu oluşturun(tablo oluşturmayı önceki derslerde anlatmıştık)
dw15uh0.jpg


tablonun Properties mönüsünden align özelliğini center yapın , caption özelliğini boş bırakın ve formu ortalamak için sol tarafında bir boşuğa tıklayıp enter yapın (bunun yöntemi bu değil aslında ilerleyen derslerde bunu daha ayrıntılı ele alacağız tek tablolu sayfalarda fazla uğraşmamak için bu yöntem kısa ve iyidir)

Modify mönüsünden page properties penceresini açın ve arka plan resmi için form sayfamızda kullandığımız resmi seçin

Şimdi tablomuzdaki üst satırı (ilk satırı) seçin ve içine Site Mesajı yazın

Alt satırın içini seçin ve proprties(ben artık özellikler mönüsü diyeceğim) mönüsünden Horz Özelliğini center vert özelliğini midle H (height) özelliğini 150 yapın
Alt satırın içini seçin ve “ buraya kod gelecek “ yazın bu yazı kod bölümünde bu kısmı bulmamıza yardımcı olacak

dw16gk0.jpg


arkadaşlar tasarım bukadar siz arka plan resimlerini istediğiniz gibi kullanabilirsiniz ben bu arka planı sadece birkaç sayfa için kullanacağım

gelelim kodlara

*Asp Bilgisi

ilk önce response nesnesinin redirect yöntemini kullanacağız ne işe yaradığı adından belli redirect direkt olarak
bunu yöntemi yazdığımız kod bloğunda oluşmasını istetiğimiz durumlarda sayfayı yönlendirmek için kullanırız
kullanımı
response.redirect(“gidilecekadres”)
şeklindedir

birde get metoduyla adres içinden yani link içinden veri gönderme olayı var arkadaşlar şimdi onuda göreceğiz kullanımı kolaydır göndereceğimiz veriyi yazdığımız linkin en sonuna boşluk bırakmadan bir soru işareti koyar ve veriyi yazarız
kullanımı

http://www.xxxxx.com/verigöster.asp?veriadi=verideğeri

şeklindedir veriadi veriyi alacak sayfada kullanacağımız isim oluyor veriyi ayırt edebilmemiz için verideğeri ise veri adının taşıdığı değer oluyor eğer birkaç veri göndereceksek aralarına & işareti koyarız
örnek

http://www.xxxxx.com/verigöster.asp?veriadi=verideğeri&veriadi2=verideğ eri2

şeklinde

hadi yapalım

*Sayfayı Otomatik Yönlendirme

arkadaşlar onayla.asp dosyamızı açın ve
response.Write("Kullanıcı Adı veya Şifreniz Yanlış") kodlarını silip yerine
bu kodları yazın

response.redirect(“sitemesajı.asp?ileti=1”)

kodun açılımı sitemesaji.asp sayfasına git ileti isimli veriyi de yanında götür demek oluyor
bu sayfayı kaydedip kapatın arkadaşlar işi bitti (şimdilik)

*Asp Bilgileri
select case yapısı
arkadaşlar bu yapıda if else deyimlerine benzer tek farkı karşılaştırma yapmaz sadece verilen değişkenin değerine göre verilen görevi yapar uzun uzun if ve else yazmamak için idealdir
kullanımı
dim değişken
değişken = 1
select case değişken

case 1

görevler

case 2
görevler
end select
değişkenin değerine 1 dedik ve case seçerken değişkenin değerini case yapısının adı olarak ata dedik değişkenin değeri 1 olduğuna göre case yapısının adıda 1 oldu bu durumda case 1 yazan yedeki görevleri yapacaktır case 2 yazan yerdeki görevler yapılmayacaktır

*sitemesaji.asp Sayfası Yapımı

arkadaşlar sitemesaji.asp sayfamızı açın ve kod bölümüne geçerek “buraya kod gelecek diye “yazdığımız yazıyı bulun şimdi onu silin birkaç defa enter yaparak kod yazmak için rahat bir alan açın
buraya yazacağımız kodlarla kullanıcıya mesajlar vereceğiz

önce asp taglarımızı açın yani <% bir alt satıra geçin rahat çalışalım
değişkenimizi tanımlayalım bu değişkene göre mesaj vereceğiz değişkenimizin adı mesajlar

dim mesajlar

şimdi değişkenimizin değerini get metodu ile gönderdiğimiz veriyle dolduralım
az önce onayla.asp sayfamızda bu sayfaya get metodu ile ver göndermesini istemiştik bu arada metodun get olduğunu yazmadık çünkü eğer metot belirtilmemişse varsayılan metot get metodudur bu ipucundan sonra devam edelim

mesajlar = request.QueryString("ileti")

mesajlar değişkenimize ileti veri adının değerini atadık veri değeri veri adının içinde arkadaşlar ne yazmıştık bu değere tabi ki 1 bu durumda onayla.asp sayfasından veri geldiğinde mesajlar değişkeninin değeri 1 olacak

devam edelim

case yapısının adını mesajlar değişkeninin değeriyle eşitleyelim

select case mesajlar

yani case yapısının adı mesajlar değişkenin değeridir ve bu değere göre case seç

gelecek verilerin değerini biliyor olmamız lazım arkadaşlar yoksa seçilen case nin ne iş yapacağını nasıl ayarlarız biz değeri biliyoruz onayla.asp den gelen veri 1 o zaman değer 1 ise yapılcak görevi yazalım

response.write(“Kullanıcı Adı veya Şifre Hatalı”)

eğer değer 1 olarak gelirse ekranda kullanıcı adı veya şifre hatalı yazısı görünecek arkadaşlar
şu anda bir hata mesajı istediğimiz için case bitti yeni mesajlara ihtiyacımız oldukça buraya ekleyeceğiz şimdi seçim olayımızı bitirelim

end select

asp tagımızı kapatalım

%>

bitti

son hali


<%
dim mesajlar
mesajlar = request.QueryString("ileti")
select case mesajlar
case 1
response.Write("Kullanıcı Adı veya Şifre Hatalı")
end select


not=ALINTIDIR
 
Son düzenleme:
bayigram takipçi satın al instagram beğeni satın al instagram takipçi satın al tiktok takipçi satın al Buy Followers bugün haber
vozol
Geri
Üst