Bilal SERT

E-S�nav B�l�m-1 (Soru kay�t y�netimi)

Merhaba, bu uygulamam�zda sizlerle birlikte temel kayit i�lemlerini gerçekle�tirece�iz fakat tek bir farkla; uygulamada HTML bölümünde hiç bir tasar�m yapmayaca��z. Yani ne HTML ne ASPX nesnesi olarak hiç bir eleman� web sayfam�za yerle�tirmeyece�iz. Tüm veri kontrollerini; dü�meleri, metin kutular�n� vb. kod ile sayfaya yazd�raca��z. Verilerimizi sunucuya göndermeden evvel kullan�c� taraf�nda temel kontrollerini JavaScript kodlar ile yapaca��z. Asl�nda bu pek tercih edece�iniz bir yöntem de�il zira kod sayfas�nda (k�smen ve yerine göre gereksiz, yerine göre ise zaruri biçimde) fazladan kod sat�r� yazman�z� gerekli k�lacakt�r. Uygulamam�z asl�nda k�smen bir test s�nav� uygulamas�n�n soru-cevap yönetimi bölümü olarak kullan�labilir. Bunu sizler geli�tirerek ders ve ilgili derse ait konular�n kay�tlar�n� da ekleyerek güzel bir soru bankas� haline dönü�türebilirsiniz. Uygulamam�z �u �ekilde i�liyor:

Öncelikle sayfa yüklenirken veritaban�ndaki kay�t say�s� sorgulan�yor,
�eyet hiçbir kay�t bulunamaz ise temel kay�t giri� formu nesneleri yazd�r�l�yor. Bunlar:
1. Soru metni için bir < textarea / > eleman�
2. 5 adet (A, B, C, D, E, F) cevap ��kk� için < textarea / > eleman�
3. Do�ru cevab� seçebilmek için bir < option / > eleman�
4. De�i�iklikleri kaydetmek için Kaydet dü�mesi veri alanlar�n� temizleyebilmek için Temizle ve yap�lan i�lemi iptal etmek için �ptal dü�mesidir.
�ayet en az bir kay�t bulunmu� ise Veri yönetim formu nesneleri yazd�r�l�yor. Bunlar yine temel giri� formunda olan veri giri� elamanlar� ile bu formdan farkl� olarak:
1. Aktif kay�t üzerinde yap�lan de�i�iklikleri kaydedebilmek için Güncelle dü�mesi, seçilen kayd� silebilmek için Sil dü�mesi ve temel veri giri� formunu görüntlemek için Yeni dü�mesidir.
Ve �ayet en az bir kay�t bulunmu� ise ise kay�tlar�n listesi görüntüleniyor. Bu listede soru metni, sorunun do�ru cevap ��kk� ve bu kay�t üzerinde de�i�iklik yapabilmek için tüm bilgilerin Veri yönetim formuna yüklenmesini sa�layan Seç dü�mesidir. Özetle bir kay�t üzerinde i�lem yapabilmek için o kayd�n mutlaka seç dü�mesi ile seçilmesi gerekmektedir.

Uygulaman�n ekran görüntüleri a�a��da verildi�i gibidir. Bu uygulama sizlere daha önce ayr� bir makalede aktard��m üzere ve derslerimizde de sözlü olarak defaatle ifade etti�im gibi "web dünyas� metin dünyas�d�r" fikrinin hayat bulmu� halidir. Uygulamada verilerimizi saklamak/depolamak için Microsoft Access Veritaban� kullan�yoruz, ke�ke bu ola�an üstü olay medyada gelmemi� olsayd� da sizlerle derslerimizde Micsoroft SQL Server üzerinde bir veritaban� olu�turarak uygulama yapma imkan� bulabilseydik ama ne demi�ler "Nasipten ötesi yalan...". Bundan sonras� art�k yüksek okulda alaca��n�z ö�retime kal�yor. �ayet tüm bu olumsuzluklar olmam�� olsa idi sizler ile kendi okulumuzda bir PC' yi sunucu olarak kullarak o sunucuya ba�layaca��m�z bir Arduino geli�tirme kart� ile seri haberle�me yaparak a� üzerinden aç/kapat ve PWM kontrol uygulamas� yazacakt�k ama dedi�im gibi "Nasip de�ilmi�..." Sizlere bundan sonra yüksek ö�retimde ba�ar�lar dilemekten ba�a bir�ey gelmiyor elimden güzel çocuklar�m.

Temel veri giri� formu

Veri yönetim formu

Gelelim web formumuzun HTML kodlar�na; a�a��da verildi�i üzer asl�nda pek fazla üzerinde duracak bir �ey yok lakin sizlerin dikkatini çekmek istedi�im bir nokta var ki o da < body < % Response.Write(mesajVerilsin); % > > �eklindeki bölüm. Burada mesajVerilsin C# taraf�nda tan�mlanm�� bir string tipindeki public de�i�kendir. Bu de�i�ken normalde hiç bir veri içermemektedir lakin sizler kay�tlar üzerinde ekleme, silme ve güncelleme i�lemi yaparsan�z de�eri onload='mesajVer()' olarak de�i�ir ki bu da kayitYonetimi.js dosyas�nda bulunan mesajVer(); fonksiyonu çal��t�r�r ve sizler animasyonlu bir bilgilendirme mesaj� al�rs�n�z. Elbette bunun gerçekle�ebilmesi sayfan�zdaki < script >< / script > bölümününde bulunmas� gerekir. Bu kodlar ad� ya da id'si acilanKutu olan nesnesini görüntülemek ya da bu nesneyi X simgesi t�kland��nda ya da web sayfas� üzerinde bo� bir alan t�kland��nda gizlemek için varlar. Özetle bu kodlar olmazsa animasyonlu mesaj kutusu istedi�imiz gibi çal��maz ve onu gizleyemezsiniz.

< %@ Page Language="C#" AutoEventWireup="true" CodeFile="kayitYonetimi.aspx.cs" Inherits="kayitYonetimi" % >
< html xmlns="http://www.w3.org/1999/xhtml" >
< head runat="server" >
< title >..:: Soru/ Cevap kayit yönetimi ::..< / title >
< link rel="stylesheet" type="text/ css" href="kayitYonetimi.css" /  >
< script type="text/ javascript" src="kayitYonetimi.js" >< / script >
< / head >
< body < % Response.Write(mesajVerilsin); % > >
< form id="form1" runat="server" >
 
< div id="icerik" runat="server" >< / div >
 
< div id="liste" runat="server" >< / div >  
 
</ form >
 
< script >
// acilanKutu isimli div nesnesi acilan degiskenine aktariliyor 
var acilan = document.getElementById('acilanKutu');
 
// kapat dugmesinin sinifi okunarak btnKapat degiskenine aktariliyor
var btnKapat = document.getElementsByClassName("kapat")[0];
 
// btnKapat tiklaninca popup gizlensin
btnKapat.onclick = function () {
	acilan.style.display = "none";
}
 
// acilan, kendisi disinda sayfa uzerinde tiklama yapildiginda gizlensin
window.onclick = function (event) {
	if (event.target == acilan) {
		acilan.style.display = "none";
	}
}
< / script >
< / body >
< / html >

Yukar�da verilen kodlarda id='icerik' �eklinde tan�mlaana div nesnesinde form nesneleri görüntülenirken, id='liste' �eklinde tan�mlanan div nesnesinde kay�tlar�n listesi verilmektedir. Kullan�c� kay�tlar üzerinde ekleme, silme ve güncelleme vb. i�lemler yap�l�rken k�sm� kontroller yap�l�rken (alanlar bo� mu? De�il mi?) kullan�c�dan duruma göre onay al�nmaktad�r. Tüm bu i�lemleri JavaScript kodlar ile kullan�c� taraf�nda yapt�m ve yazd��m kodlar kayitYonetimi.js dosyas�nda olup bunlar�n dökümü a�a��daki gibidir.

function islemYap(islemID, kid) {
//////////////////////////////////////////////////////////////////////////////////////
// Kodlama          : Bilal SERT
// Amaç             : Formu sunucuya yapilacak isleme gore gondermek
// Tarih|Saat       : 30.05.2020 | 14:42
// G|Ç              : Yapilacak islem tanimayicisi (yeni, sil, guncelle vb.) | yok
//////////////////////////////////////////////////////////////////////////////////////
var cevap = "";
if (islemID == 1) {
	//yeni
	if (kontrol() == true) {
		document.getElementById("kayNo").value = "";
		document.getElementById("islem").value = "yeni";
		cevap = confirm("Kayit ekleme i�lemini onayl�yor musunuz?");
		if (cevap) document.getElementById("form1").submit();
	}
} else if (islemID == 2) {
	//sil
	document.getElementById("kayNo").value = kid;
	document.getElementById("islem").value = "sil";
	cevap = confirm("Kayit silme i�lemini onayl�yor musunuz?");
	if (cevap) document.getElementById("form1").submit();
} else if (islemID == 3) {
	//guncelle
	if (kontrol() == true) {
		document.getElementById("kayNo").value = kid;
		document.getElementById("islem").value = "guncelle";
		cevap = confirm("Kayit güncelleme i�lemini onayl�yor musunuz?");
		if (cevap) document.getElementById("form1").submit();
	}
}
} //end of islemYap

function verileriYukle(kid) {
//////////////////////////////////////////////////////////////////////////////////////
// Kodlama          : Bilal SERT
// Amaç             : Secilen kaydin verilerini yuklemek
// Tarih|Saat       : 30.05.2020 | 14:50
// G|Ç              : Istenilen kaydin numarasi| yok
//////////////////////////////////////////////////////////////////////////////////////
document.getElementById("kayNo").value = kid;
document.getElementById("form1").submit();
} //end of verileriYukle

function tazele(isID) {
//////////////////////////////////////////////////////////////////////////////////////
// Kodlama          : Bilal SERT
// Amaç             : Secilen kaydin verilerini yuklemek
// Tarih|Saat       : 30.05.2020 | 14:55
// G|Ç              : yok | yok
// Cagrildigi yer   : kontrolleriEkle()-> tazele(1); kayitGetir() -> tazele(2);
//                    kontrolleriEkle()-> tazele(3); 
//////////////////////////////////////////////////////////////////////////////////////
if (isID == 1) {
	//temizle
	document.getElementById("txtSoru").value = "";
	document.getElementById("txtSecA").value = "";
	document.getElementById("txtSecB").value = "";
	document.getElementById("txtSecC").value = "";
	document.getElementById("txtSecD").value = "";
	document.getElementById("txtSecE").value = "";
	document.getElementById("islem").value = "";
} else if (isID == 2) {
	//yeni 
} else if (isID == 3) {
	//iptal
	window.open("kayitYonetimi.aspx", "_self");
	return;
}
document.getElementById("islem").value = "";
document.getElementById("kayNo").value = "";
document.getElementById("form1").submit();
} //end of tazele

function kontrol() {
//////////////////////////////////////////////////////////////////////////////////////
// Kodlama          : Bilal SERT
// Amaç             : Yeni kayit icin form alanlarinin bos birakilmasini engellemek
// Tarih|Saat       : 30.05.2020 | 15:00
// G|Ç              : yok | yok
//////////////////////////////////////////////////////////////////////////////////////
if (document.getElementById("txtSoru").value == "") {
	alert("Soru metni bo� b�rakilamaz");
	return (false);
} else if (document.getElementById("txtSecA").value == "") {
	alert("Cevaplardan A seçene�i bo� b�rak�lamaz");
	return (false);
} else if (document.getElementById("txtSecB").value == "") {
	alert("Cevaplardan B seçene�i bo� b�rak�lamaz");
	return (false);
} else if (document.getElementById("txtSecC").value == "") {
	alert("Cevaplardan C seçene�i bo� b�rak�lamaz");
	return (false);
} else if (document.getElementById("txtSecD").value == "") {
	alert("Cevaplardan D seçene�i bo� b�rak�lamaz");
	return (false);
} else if (document.getElementById("txtSecE").value == "") {
	alert("Cevaplardan E seçene�i bo� b�rak�lamaz");
	return (false);
}
return (true);
} //end of kontrol

function mesajVer() {
var mpopup = document.getElementById('acilanKutu');
mpopup.style.display = "block";
}

Sayfan�n C# kodlar� a�adaki gibidir kodlardan önce yeteri kadar aç�klama sat�r� yazd��m için ayr�ca yazd��m tüm fonskiyonlar�n isimleri de görevlerini ifade eden Türkçe sözcükler oladu�u için burada ayr�ca bir aç�klama yapma gere�i duymuyorum.

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.OleDb;
 
 
public partial class kayitYonetimi : System.Web.UI.Page
{
    public string mesajVerilsin = string.Empty;
    string bilgi = string.Empty;
    int kaySay = 0;
    OleDbConnection conn = new OleDbConnection();
    OleDbCommand cmd = new OleDbCommand();
    OleDbDataReader dr;
    OleDbDataAdapter da = new OleDbDataAdapter();
    DataSet ds = new DataSet();
 
protected void Page_Load(object sender, EventArgs e)
{
string islem = string.Empty;
string geriBildirim = Request.QueryString.Get("sonuc");
//tablomuzdaki toplam kayit sayisini ogreniyoruz
kaySay = kayitSayisi();      
//sayfa ilk defa cagrildiginda
if (!Page.IsPostBack)
{
    if (kaySay == 0)
        //kayit yoksa veri girisi icin kontroller yuklensin
        kontrolleriEkle();
    else
    {
        //sayet kayit varsa son kaydin bilgileri kontrollere yuklensin
        kaydiGetir(0);
        //tum kayitlari listeliyoruz
        kayitlariListele();
    }
}else { 
    //sayfa sunucuya geri gonderilmis ise
    islem=Request.Form["islem"];
    if (islem == "yeni")
    {
        kayitEkle();
    }
    else if (islem == "sil")
    {
        kayitSil(int.Parse(Request.Form["kayNo"]));
    }
    else if (islem == "guncelle")
        kayitGuncelle(int.Parse(Request.Form["kayNo"]));
    {
    }
    if (Request.Form["kayNo"] != "")
        //bir kayit numarasi gelmisse o kaydi
        kaydiGetir(int.Parse(Request.Form["kayNo"]));
    else
        //tum kayitlar silinmisse yeni veri girisi icin
        kontrolleriEkle();
}
}//end of Page_Load
 
 
int  kayitSayisi()  {
//*******************************************************************************
//Created By         : Bilal SERT
//Date /Time         : 26.05.2020 /19:44
//Aim                : kayit sayisini belirlemek
//I/O                : none
//Calls              : 
//Called by          : 
//*******************************************************************************
int sonuc=  0;
conn.ConnectionString = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" + 
Server.MapPath("~/data.mdb");
cmd.Connection = conn;
cmd.CommandType = CommandType.Text;
cmd.CommandText = "SELECT COUNT(*) FROM sorular";
try{
    conn.Open();
    sonuc = (Int32)cmd.ExecuteScalar();
}catch(Exception ex){
    //mesajVer("< span style='color:red'>Dikkat! Hata olu�tu< /span> (Modul: Kayit sayma)< br / >" & ex.Message.ToString());
}finally{
if(conn.State ==ConnectionState.Open) {
    conn.Close();
    conn.Dispose();
}
}
return (sonuc);
}//end of kayitSayisi
 
void kaydiGetir(int kayNo){
/////////////////////////////////////////////////////////////////////////////////
//Created By         : Bilal SERT
//Date /Time         : 26.05.2020 /19:44
//Aim                : tablodaki son kaydi getirmek
//I/O                : none
//Calls              : 
//Called by          : 
/////////////////////////////////////////////////////////////////////////////////
conn.ConnectionString = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" +
Server.MapPath("~/data.mdb");
cmd.Connection = conn;
cmd.CommandType = CommandType.Text;
if(kayNo == 0)
    cmd.CommandText = "SELECT TOP 1 * FROM sorular ORDER BY sid DESC";
else
    cmd.CommandText = "SELECT * FROM sorular  WHERE sid=" + kayNo.ToString();
 
try{
    conn.Open();
    da.SelectCommand = cmd;
    da.Fill(ds, "sorular");
    if(ds.Tables["sorular"].Rows.Count != 0){
    icerik.InnerHtml = "< div class='kayitTutucu' > ";
    icerik.InnerHtml + = "< table style='width:100%;' cellspacing='3' cellpadding='0' border='0' > ";
    icerik.InnerHtml + = "< tr>";
    icerik.InnerHtml + = "< td colspan='2' class='baslik'>KAYIT B�LG�LER�< / td >";
    icerik.InnerHtml + = "< / tr >";
    icerik.InnerHtml + = "< tr>";
    icerik.InnerHtml + = "< td class='etiket' valign='top'>Soru metni< / td >";
    icerik.InnerHtml + = "< td class='kontrol' > ";
    //icerik.InnerHtml + = "< input type='text' name='txtSoru' class='formElemani' value='" & ds.Tables("sorular").Rows(0).Item(1).ToString() & "'  / >";
    icerik.InnerHtml + = "< textarea rows='4' cols='40' id='txtSoru' name='txtSoru' class='formElemani' > "+ ds.Tables["sorular"].Rows[0][1].ToString()  + "< / textarea>";
    icerik.InnerHtml + = "< / td >";
    icerik.InnerHtml + = "< / tr >";
    icerik.InnerHtml + = "< tr>";
    icerik.InnerHtml + = "< td class='etiket'>A seçene�i< / td >";
    icerik.InnerHtml + = "< td  class='kontrol' > ";
    //icerik.InnerHtml + = "< input type='text' name='txtSecA' class='formElemani' value='" + ds.Tables["sorular"].Rows[0][2].ToString()  + "' / >";
    icerik.InnerHtml + = "< textarea rows='2' cols='40' id='txtSecA' name='txtSecA' class='formElemani' > "+ ds.Tables["sorular"].Rows[0][2].ToString()  +"< / textarea>";
    icerik.InnerHtml + = "< / td >";
    icerik.InnerHtml + = "< / tr >";
    icerik.InnerHtml + = "< tr>";
    icerik.InnerHtml + = "< td class='etiket'>B seçene�i< / td >";
    icerik.InnerHtml + = "< td class='kontrol' > ";
    //icerik.InnerHtml + = "< input type='text'  name='txtSecB' class='formElemani' value='" + ds.Tables["sorular"].Rows[0][3].ToString()  + "' / >";
    icerik.InnerHtml + = "< textarea rows='2' cols='40' id='txtSecB' name='txtSecB' class='formElemani' > "+ ds.Tables["sorular"].Rows[0][3].ToString()  + "< / textarea>";
    icerik.InnerHtml + = "< / td >";
    icerik.InnerHtml + = "< / tr >";
    icerik.InnerHtml + = "< tr>";
    icerik.InnerHtml + = "< td class='etiket'>C seçene�i< / td >";
    icerik.InnerHtml + = "< td class='kontrol' > ";
    //icerik.InnerHtml + = "< input type='text' name='txtSecC' class='formElemani' value='" + ds.Tables["sorular"].Rows[0][4].ToString()  + "' / >";
    icerik.InnerHtml + = "< textarea rows='2' cols='40' id='txtSecC' name='txtSecC' class='formElemani' > "+ ds.Tables["sorular"].Rows[0][4].ToString()  + "< / textarea>";
    icerik.InnerHtml + = "< / td >";
    icerik.InnerHtml + = "< / tr >";
    icerik.InnerHtml + = "< tr>";
    icerik.InnerHtml + = "< td class='etiket'>D seçene�i< / td >";
    icerik.InnerHtml + = "< td class='kontrol' > ";
    //icerik.InnerHtml + = "< input type='text' name='txtSecD' class='formElemani' value='" + ds.Tables["sorular"].Rows[0][5].ToString()  + "' / >";
    icerik.InnerHtml + = "< textarea rows='2' cols='40' id='txtSecD' name='txtSecD' class='formElemani' > "+ ds.Tables["sorular"].Rows[0][5].ToString()  + "< / textarea>";
    icerik.InnerHtml + = "< / td >";
    icerik.InnerHtml + = "< / tr >";
    icerik.InnerHtml + = "< tr>";
    icerik.InnerHtml + = "< td class='etiket'>E seçene�i< / td >";
    icerik.InnerHtml + = "< td class='kontrol' > ";
    //icerik.InnerHtml + = "< input type='text' name='txtSecE' class='formElemani' value='" + ds.Tables["sorular"].Rows[0][6].ToString()  +"' / >";
    icerik.InnerHtml + = "< textarea rows='2' cols='40' id='txtSecE' name='txtSecE' class='formElemani' > "+ ds.Tables["sorular"].Rows[0][6].ToString()  +"< / textarea>";
    icerik.InnerHtml + = "< / td >";
    icerik.InnerHtml + = "< / tr >";
    icerik.InnerHtml + = "< tr>";
    icerik.InnerHtml + = "< td class='etiket' style='background-color:yellowgreen; color:#fff; height:35px'>Do�ru cevap< / td >";
    icerik.InnerHtml + = "< td class='kontrol' > ";
    icerik.InnerHtml + = "< select id='txtCevap' name='txtCevap' > ";
    for (int i = 1; i < = 5; i++)
    {
        if (((char)(64 + i)).ToString() == ds.Tables["sorular"].Rows[0][7].ToString())
            icerik.InnerHtml + =  "< option value='" + (char)(64 + i) + "' selected>" + (char)(64 + i) + "< / option>";
        else
            icerik.InnerHtml + =  "< option value='" + (char)(64 + i) + "' > " + (char)(64 + i) + "< / option>";
    }
    icerik.InnerHtml + = "< /select>";
    icerik.InnerHtml + = "< / td >";
    icerik.InnerHtml + = "< / tr >";
    icerik.InnerHtml + = "< tr>";
    icerik.InnerHtml + = "< td>< input type='hidden' name='islem' id='islem' value=''/ >";
    icerik.InnerHtml + = "< input type='hidden' name='kayNo' id='kayNo' value='" + ds.Tables["sorular"].Rows[0][0].ToString() + "'/ >< / td >";
    icerik.InnerHtml + = "< td style='text-align:right' > ";
    //icerik.InnerHtml + = "< input class='dugme' type='button' onclick='islemYap(1,0)' value='Yeni' id='btnYeni' / >";
    icerik.InnerHtml + = "< input class='dugme' id='btnYeni' type='button' value='Yeni' onclick='tazele(2)'/ >";
    icerik.InnerHtml + =  "< input class='dugme' id='btnSil' type='button' onclick='islemYap(2," + ds.Tables["sorular"].Rows[0][0].ToString() + ")' value='Sil' / >";
    icerik.InnerHtml + =  "< input class='dugme' id='btnGuncelle' type='button' onclick='islemYap(3," + ds.Tables["sorular"].Rows[0][0].ToString() + ")' value='Güncelle' / >";
    icerik.InnerHtml + = "< / td >";
    icerik.InnerHtml + = "< / tr >";
    icerik.InnerHtml + = "< / table >";
    icerik.InnerHtml + = "< / div >";
 
    }
}catch(Exception ex){
    mesajVer("< span style='color:red'>Dikkat! Hata olu�tu< /span> (Modul: Veri getirme)< br / >" + ex.Message.ToString());
}finally{
    if(conn.State == ConnectionState.Open){
        conn.Close();
        conn.Dispose();
        ds.Clear();
        ds.Dispose();
        da.Dispose();
    }
}
}//end of kaydiGetir
 
void kayitEkle()
{
    /////////////////////////////////////////////////////////////////////////////////
    //Created By         : Bilal SERT
    //Date /Time         : 27.05.2020 /22:22
    //Aim                : yeni kayit eklemek
    //I/O                : kayNo | yok
    //Calls              : 
    //Called by          : 
    /////////////////////////////////////////////////////////////////////////////////
    int result = 0;
    conn.ConnectionString = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" +
    Server.MapPath("~/data.mdb");
    cmd.Connection = conn;
    cmd.CommandType = CommandType.Text;
    cmd.Parameters.AddWithValue("@p1", Request.Form["txtSoru"]);
    cmd.Parameters.AddWithValue("@p2", Request.Form["txtSecA"]);
    cmd.Parameters.AddWithValue("@p3", Request.Form["txtSecB"]);
    cmd.Parameters.AddWithValue("@p4", Request.Form["txtSecC"]);
    cmd.Parameters.AddWithValue("@p5", Request.Form["txtSecD"]);
    cmd.Parameters.AddWithValue("@p6", Request.Form["txtSecE"]);
    cmd.Parameters.AddWithValue("@p7", Request.Form["txtCevap"]);
    cmd.CommandText = "INSERT INTO sorular(soru,mad1,mad2,mad3,mad4,mad5,cevap)VALUES(@p1,@p2,@p3,@p4,@p5,@p6,@p7)";
    try
    {
        conn.Open();
        result = cmd.ExecuteNonQuery();
        if (result != 0)
            mesajVer("< span style='color:green; font-size:16px; font-weight:bold'>Kayit ekleme< /span> i�lemi ba�ar�l� bir �ekilde tamamland�");
    }
    catch (Exception ex)
    {
        mesajVer("< span style='color:red'>Dikkat! Hata olu�tu< /span> (Modul: Kayit ekleme)< br / >" + ex.Message.ToString());
    }
    finally
    {
        if (conn.State == ConnectionState.Open)
        {
            conn.Close();
            conn.Dispose();
        }
    }
    if (kayitSayisi() > 0) kaydiGetir(0); else kontrolleriEkle();
    kayitlariListele();
}//end of kayitEkle
 
void kayitSil(int kayNo){
/////////////////////////////////////////////////////////////////////////////////
//Created By         : Bilal SERT
//Date /Time         : 27.05.2020 /22:22
//Aim                : id si verilen kaydi silmek
//I/O                : kayNo | yok
//Calls              : 
//Called by          : 
/////////////////////////////////////////////////////////////////////////////////
int result= 0;
conn.ConnectionString = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" +
Server.MapPath("~/data.mdb");
cmd.Connection = conn;
cmd.CommandType =CommandType.Text;
cmd.CommandText = "DELETE FROM sorular  WHERE sid=" + kayNo.ToString();
try{
    conn.Open();
    result = cmd.ExecuteNonQuery();
    if (result != 0)
        mesajVer("< span style='color:red; font-size:16px; font-weight:bold'>Kayit silme< /span> i�lemi ba�ar�l� bir �ekilde tamamland�");       
}catch(Exception ex){
    mesajVer("< span style='color:red'>Dikkat! Hata olu�tu< /span> (Modul: Kayit silme)< br / >" + ex.Message.ToString());
}finally{
    if (conn.State == ConnectionState.Open){
        conn.Close();
        conn.Dispose();
    }
}
if(kayitSayisi() > 0 )kaydiGetir(0); else kontrolleriEkle();
kayitlariListele();
}//end of kayitSil
 
void kayitGuncelle(int kayNo)
{
/////////////////////////////////////////////////////////////////////////////////
//Created By         : Bilal SERT
//Date /Time         : 27.05.2020 /22:22
//Aim                : id si verilen kaydi silmek
//I/O                : kayNo | yok
//Calls              : 
//Called by          : 
/////////////////////////////////////////////////////////////////////////////////
int result = 0;
conn.ConnectionString = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" +
Server.MapPath("~/data.mdb");
cmd.Connection = conn;
cmd.CommandType = CommandType.Text;
cmd.Parameters.AddWithValue("@p1", Request.Form["txtSoru"]);
cmd.Parameters.AddWithValue("@p2", Request.Form["txtSecA"]);
cmd.Parameters.AddWithValue("@p3", Request.Form["txtSecB"]);
cmd.Parameters.AddWithValue("@p4", Request.Form["txtSecC"]);
cmd.Parameters.AddWithValue("@p5", Request.Form["txtSecD"]);
cmd.Parameters.AddWithValue("@p6", Request.Form["txtSecE"]);
cmd.Parameters.AddWithValue("@p7", Request.Form["txtCevap"]);
cmd.CommandText = "UPDATE sorular SET soru=@p1,mad1=@p2,mad2=@p3,mad3=@p4,mad4=@p5,mad5=@p6,cevap=@p7 WHERE sid=" + kayNo.ToString();
try
{
    conn.Open();
    result = cmd.ExecuteNonQuery();
    if (result != 0)
        mesajVer("< span style='color:#0066ff; font-size:16px; font-weight:bold'>Kayit güncelleme< /span> i�lemi ba�ar�l� bir �ekilde tamamland�");
}
catch (Exception ex)
{
    mesajVer("< span style='color:red'>Dikkat! Hata olu�tu< /span> (Modul: Kayit güncelleme)< br / >" + ex.Message.ToString());
}
finally
{
    if (conn.State == ConnectionState.Open)
    {
        conn.Close();
        conn.Dispose();
    }
}
if (kayitSayisi() > 0) kaydiGetir(0); else kontrolleriEkle();
kayitlariListele();
}//end of kayitGuncelle
 
void kayitlariListele(){
    /////////////////////////////////////////////////////////////////////////////////
    //Created By         : Bilal SERT
    //Date /Time         : 28.05.2020 /13:43
    //Aim                : tablodaki tum kayitlari listelemek
    //I/O                : none
    //Calls              : 
    //Called by          : 
    /////////////////////////////////////////////////////////////////////////////////
 
    conn.ConnectionString = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" +
    Server.MapPath("~/data.mdb");
    cmd.Connection = conn;
    cmd.CommandType = CommandType.Text;
    cmd.CommandText = "SELECT * FROM sorular ORDER BY sid DESC";
    try{
        conn.Open();
        da.SelectCommand = cmd;
        da.Fill(ds, "sorular");
        if(ds.Tables["sorular"].Rows.Count != 0) {
            liste.InnerHtml = "< div style='float:left; margin-left:10px; box-shadow:3px 3px 3px #333; margin-bottom:10px; width:45%; overflow:scroll; height:500px; border:2px solid #333' > ";
            liste.InnerHtml + = "< table width='100%' border='0' cellspacing='3' cellpadding='0' > ";
            liste.InnerHtml + = "< tr>< td colspan='8' class='baslik'>KAYIT L�STES�< / td >< / tr >";
            liste.InnerHtml + = "< tr>";
            liste.InnerHtml + = "< td class='hucreBaslik'> < / td >";
            liste.InnerHtml + = "< td class='hucreBaslik' colspan='6' style='width:70%'>SORU METN�< / td >";
            //liste.InnerHtml + = "< td class=''>A-Seçene�i< / td >";
            //liste.InnerHtml + = "< td class=''>B-Seçene�i< / td >";
            //liste.InnerHtml + = "< td class=''>C-Seçene�i< / td >";
            //liste.InnerHtml + = "< td class=''>D-Seçene�i< / td >";
            //liste.InnerHtml + = "< td class=''>E-Seçene�i< / td >";
            liste.InnerHtml + = "< td class='hucreBaslik'>CEVAP< / td >";
            liste.InnerHtml + = "< / tr >";
            for( int sayac = 0 ; sayac<  ds.Tables["sorular"].Rows.Count;sayac++){
 
                liste.InnerHtml + = "< tr>";
                liste.InnerHtml + =  "< td class='' align='center' valign='middle'>< input class='hucreDugme' type='button' value='Seç' onclick='verileriYukle(" + ds.Tables["sorular"].Rows[sayac][0].ToString() + ")' / > < / td >";
                liste.InnerHtml + =  "< td class='hucreVeri' colspan='6' > " + ds.Tables["sorular"].Rows[sayac][1].ToString() + "< / td >";
                //liste.InnerHtml + = "< td class='hucreVeri' > " + ds.Tables["sorular"].Rows[sayac][1].ToString() + "< / td >";
                //liste.InnerHtml + = "< td class='hucreVeri' > " + ds.Tables["sorular"].Rows[sayac][1].ToString() +  "< / td >";
                //liste.InnerHtml + = "< td class='hucreVeri' > " + ds.Tables["sorular"].Rows[sayac][1].ToString() +  "< / td >";
                //liste.InnerHtml + = "< td class='hucreVeri' > " + ds.Tables["sorular"].Rows[sayac][1].ToString() + "< / td >";
                //liste.InnerHtml + = "< td class='hucreVeri' > " + ds.Tables["sorular"].Rows[sayac][1].ToString() +  "< / td >";
                liste.InnerHtml + =  "< td class='hucreCevap' > "+ ds.Tables["sorular"].Rows[sayac][7].ToString() + "< / td >";
                liste.InnerHtml + = "< / tr >";
            }
            liste.InnerHtml + = "< / table >";
            liste.InnerHtml + = "< / div >";
        }else{
            liste.InnerHtml = "";
        }
    }catch(Exception ex){
        mesajVer("< span style='color:red'>Dikkat! Hata olu�tu< /span> (Modul: Kayit Listeleme)< br / >" + ex.Message.ToString());
    }finally{
        if(conn.State == ConnectionState.Open){
            conn.Close();
            conn.Dispose();
            ds.Clear();
            ds.Dispose();
            da.Dispose();
        }
    }
}//end of kayitlariListele
 
void kontrolleriEkle(){
    /////////////////////////////////////////////////////////////////////////////////
    //Created By         : Bilal SERT
    //Date /Time         : 26.05.2020 /19:44
    //Aim                : bos veri kontrollerini eklemek
    //I/O                : none
    //Calls              : 
    //Called by          : 
    /////////////////////////////////////////////////////////////////////////////////
    icerik.InnerHtml = "< div class='kayitTutucu' > ";
    icerik.InnerHtml + =  "< table style='width:100%;' cellspacing='3' cellpadding='0' border='0' > ";
    icerik.InnerHtml + =  "< tr>";
    icerik.InnerHtml + =  "< td colspan='2' class='baslik'>KAYIT B�LG�LER�< / td >";
    icerik.InnerHtml + =  "< / tr >";
    icerik.InnerHtml + =  "< tr>";
    icerik.InnerHtml + =  "< td class='etiket' valign='top'>Soru metni< / td >";
    icerik.InnerHtml + =  "< td class='kontrol' > ";
    //icerik.InnerHtml + =  "< input type='text' class='formElemani' name='txtSoru' value=''  / >";
    icerik.InnerHtml + =  "< textarea rows='4' cols='40' id='txtSoru' name='txtSoru' class='formElemani'>< / textarea>";
    icerik.InnerHtml + =  "< / td >";
    icerik.InnerHtml + =  "< / tr >";
    icerik.InnerHtml + =  "< tr>";
    icerik.InnerHtml + =  "< td class='etiket'>A seçene�i< / td >";
    icerik.InnerHtml + =  "< td  class='kontrol' > ";
    //icerik.InnerHtml + =  "< input type='text' class='formElemani' name='txtSecA' value='' / >";
    icerik.InnerHtml + =  "< textarea rows='2' cols='40' id='txtSecA' name='txtSecA' class='formElemani'>< / textarea>";
    icerik.InnerHtml + =  "< / td >";
    icerik.InnerHtml + =  "< / tr >";
    icerik.InnerHtml + =  "< tr>";
    icerik.InnerHtml + =  "< td class='etiket'>B seçene�i< / td >";
    icerik.InnerHtml + =  "< td class='kontrol' > ";
    //icerik.InnerHtml + =  "< input type='text'  class='formElemani' name='txtSecB' value='' / >";
    icerik.InnerHtml + =  "< textarea rows='2' cols='40' id='txtSecB' name='txtSecB' class='formElemani'>< / textarea>";
    icerik.InnerHtml + =  "< / td >";
    icerik.InnerHtml + =  "< / tr >";
    icerik.InnerHtml + =  "< tr>";
    icerik.InnerHtml + =  "< td class='etiket'>C seçene�i< / td >";
    icerik.InnerHtml + =  "< td class='kontrol' > ";
    //icerik.InnerHtml + =  "< input type='text' class='formElemani' name='txtSecC' value='' / >";
    icerik.InnerHtml + =  "< textarea rows='2' cols='40' id='txtSecC' name='txtSecC' class='formElemani'>< / textarea>";
    icerik.InnerHtml + =  "< / td >";
    icerik.InnerHtml + =  "< / tr >";
    icerik.InnerHtml + =  "< tr>";
    icerik.InnerHtml + =  "< td class='etiket'>D seçene�i< / td >";
    icerik.InnerHtml + =  "< td class='kontrol' > ";
    //icerik.InnerHtml + =  "< input type='text' class='formElemani' name='txtSecD' value='' / >";
    icerik.InnerHtml + =  "< textarea rows='2' cols='40' id='txtSecD' name='txtSecD' class='formElemani'>< / textarea>";
    icerik.InnerHtml + =  "< / td >";
    icerik.InnerHtml + =  "< / tr >";
    icerik.InnerHtml + =  "< tr>";
    icerik.InnerHtml + =  "< td class='etiket'>E seçene�i< / td >";
    icerik.InnerHtml + =  "< td class='kontrol' > ";
    //icerik.InnerHtml + =  "< input type='text' class='formElemani' name='txtSecE' value='' / >";
    icerik.InnerHtml + =  "< textarea rows='2' cols='40' id='txtSecE' name='txtSecE' class='formElemani'>< / textarea>";
    icerik.InnerHtml + =  "< / td >";
    icerik.InnerHtml + =  "< / tr >";
    icerik.InnerHtml + =  "< tr>";
    icerik.InnerHtml + =  "< td class='etiket' style='background-color:yellowgreen; color:#fff;height:35px'>Do�ru cevap< / td >";
    icerik.InnerHtml + =  "< td class='kontrol' > ";
    icerik.InnerHtml + =  "< select id='txtCevap' name='txtCevap' > ";
    for(int i=1; i< =5;i++){
        icerik.InnerHtml + =  "< option value='" +(char)(64 + i) + "' > " + (char)(64 + i) + "< / option>";
    }
    icerik.InnerHtml + =  "< /select>";
    icerik.InnerHtml + =  "< / td >";
    icerik.InnerHtml + =  "< / tr >";
    icerik.InnerHtml + =  "< tr>";
    icerik.InnerHtml + =  "< td>< input type='hidden' name='islem' id='islem' value=''/ >";
    icerik.InnerHtml + =  "< input type='hidden' name='kayNo' id='kayNo' value=''/ >< / td >";
    icerik.InnerHtml + =  "< td style='text-align:right' > ";
    icerik.InnerHtml + =  "< input class='dugme' type='button' value='�ptal' onclick='tazele(3)' id='btnIptal' / >";
    icerik.InnerHtml + =  "< input class='dugme' type='button' value='Temizle' onclick='tazele(1)' id='btnTemizle' / >";
    icerik.InnerHtml + =  "< input class='dugme' type='button' onclick='islemYap(1)' value='Kaydet' id='btnKaydet' / >";
    icerik.InnerHtml + =  "< / td >";
    icerik.InnerHtml + =  "< / tr >";
    icerik.InnerHtml + =  "< / table >";
    icerik.InnerHtml + =  "< / div >";
}//end of kontrolleriEkle
 
void  mesajVer(string mesaj){
    /////////////////////////////////////////////////////////////////////////////////
    //Created By         : Bilal SERT
    //Date /Time         : 28.05.2020 /13:43
    //Aim                : uyari mesaji vermek
    //I/O                : none
    //Calls              : 
    //Called by          : 
    /////////////////////////////////////////////////////////////////////////////////
    bilgi = "< div id='acilanKutu' class='popup' > ";
    bilgi + =  "< div class='popup-icerik' > ";
    bilgi + =  "< div class='popup-baslik' > ";
    bilgi + =  "	< span class='kapat'>×< /span>";
    bilgi + =  "	< h2>Kullan�c�n�n dikkatine< / h2 >";
    bilgi + =  "< / div >";
    bilgi + =  "< div class='popup-temel' > ";
    bilgi + =  "	< p >" + mesaj + "< / p >";
    bilgi + =  "< / div >";
    bilgi + =  "< div class='popup-altBilgi' > ";
    bilgi + =  "	< p >https://www.bilalsert.com.tr< / p >";
    bilgi + =  "< / div >";
    bilgi + =  "< / div >";
    bilgi + =  "< / div >";
    mesajVerilsin = "onload='mesajVer()'";
    Response.Write(bilgi);
 
}//end of mesajVer
}//end of class kayitYonetimi

Gelelim son olarak sayfan�n görsel olarak ayn� �ekilde görüntülenebilmesi için yaz�lmas� gereken CSS kodlar�na ki bunlar kayitYonetimi.css dosyas�nda yer almaktad�rlar. Bu sayfan�n kodlar�n�n tam dökümü a�a��daki gibi olup nesne ve s�n�f adlar� tamamen Türkçe oldu�u için bir aç�klama yapmak bu noktada bence gereksiz ki siz zaten temel css ayarlar�n� ö�rendiniz. Ayr�ca bu uygulaman�n C# ve JavaScript kodlar� olmayan halini kaynak dosyalar ba�lant�s�ndan indirip kullanabilirsiniz. Kodlar� bu sayfadan kopyalarak, düzenleyerek ilgili yerlere yap��t�r�p uygulamay� çal��r hale getirebilrsiniz. Unutmay�n çaba harcamadan yapt��n�z hiç bir �eyi ö�renemezsiniz. Bu uygulamay� tamamlad�ktan sonra bunun 2. bölümünü kodlayaca��z ki bu bölümde; kullan�c�, ad� ve �ifresi ile giri� yaparak veritaban�ndan çekilen sorulardan olu�an bir testi yapacak sonras�nda tesi tamamlad��nda sonuçlar�n� gözlemleyecek kullan�c� bu testi sadece bir defa yapabilecek. Uygulamada test olu�turulurken tüm kontroller burada oldu�u gibi saf HTML elemanlar� ile dinamik olarak yazd�r�lacak. Evet 2. bölümde görü�mek üzere esen kal�n, "mutlu kodlama günleri" dilerim.

.kayitTutucu
{
    width:45%;
    float:left;
    padding:5px;
    margin:5px;
    border:1px solid #333;
    box-shadow:3px 3px 3px #333;
}
.etiket
{
    text-align:right;
    padding-right:5px;
    background-color:#eee;
    color:#333;
    font-size:16px;
    font-weight:bold;    
    height:22px;
    width:30%;
    font-family:Arial;
}
.kontrol
{
    text-align:left;
    padding-left:5px;
    background-color:#FFFAF0;
    color:#333;
    font-size:14px;    
    height:22px; 
    font-family:Arial;
    margin-left:5px;      
}
.baslik
{
    background-color:#0080ff;
    color:#fff;
    text-align:center;
    font-size:24px;
    font-family:Arial;
    height:36px;
}
.dugme
{
    width:120px;
    height:35px;
    padding:5px;
    margin-left:10px;    
    box-shadow:3px 3px 3px gray;  
    font-weight:bold;
 }
#btnSil
{
    background-color:#ff0040;
    color:#fff;
}
#btnGuncelle
{
    background-color:yellowgreen;
    color:#fff;
}
#btnYeni
{
    background-color:#6495ed;
    color:#fff;
}
#btnKaydet
{
    background-color:#6495ed;
    color:#fff;
}
#btnTemizle
{
    background-color:#ff0040;
    color:#fff;
}
.formElemani
{
   width:99%;
   text-align:left;
   padding-left:5px;
   font-family:Arial;
   font-size:14px;      
}
.hucreVeri
{
    background-color:ghostwhite;
    color:#333;
    font-size:14px;
    border:1px solid #333;    
    padding-left:5px;
    height:30px; 
}
.hucreCevap
{
    background-color:greenyellow;
    color:#333;
    font-size:14px;
    font-weight:bold;
    border:1px solid #333;    
    padding-left:5px;
    height:30px; 
}
.hucreBaslik
{
    background-color:green;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    border:0px solid #333;    
    padding-left:5px;
    height:30px; 
}
.hucreDugme
{
    width:70%;
    height:30px;
    box-shadow:3px 3px 3px gray;
        
}
/* pop-up-acilan mesaj kutusu */
.popup {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.popup-icerik {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 60%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

.popup-baslik {
    padding: 2px 16px;
    background-color: #ff0000;
    color: white;
}
.popup-temel {padding: 2px 16px;}
.popup-altBilgi {
    padding: 2px 16px;
    background-color: #ff0000;
    color: #ffffff;
}

/* yukaridan asagi animasyon etkisi veriyoruz */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* kapat dugmesi  */
.kapat {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.kapat:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

Bilginize

Se�ti�iniz makalenin i�eri�ini g�r�nt�lemektesiniz.
Bu makale :
3.06.2020 tarihinde yaz�ld� ve
9.08.2020 tarihinde d�zenlendi.
Kaynak dosyay� indirebilirsiniz

Toplam 4 adet kategori listelendi

Yay�nlad���m t�m makaleler

E-S�nav B�l�m-1 (Soru kay�t y�netimi)

Yay�nlad��m t�m makaleler