Artık yavaş yavaş yönetim panelini oluşturmaya başlamalıyım. Bildiğimiz üzere yönetim panelimiz so-admin/ dizini içerisinde yer alacak ve kendine has yapısı, fonksiyon ve betikleriyle ayrı bir sayfa tasarımına ihtiyaç duyulacaktır.
so-admin/ dizinin içeriğini şimdilik şu dizinler oluşturmaktadır:
- base-files/
- config-files/
- image-files/
Bu dizinlerin ne anlama geldiği tabiki artık adlarından da tahmin edilebilmektedir. Ben daha önceden admin panelimize belirli bir yapı oluşturduğumdan, so-admin/ dizinindeki index.php ile açıklamaya başlayarak yeri geldiğince diğer yapılara değinerek devam edelim.
so-admin/index.php içeriği:
<?php
include(’../so-base/functions/base_functions.php’);
include(’base-files/admin_functions.php’);
$user_logged_in=ask_loged_in();
if ($user_logged_in==true) {
include(’base-files/main.php’);
}
else {
get_admin_warning(”giriş, yapmamışsınız! anasayfaya yönlendiriliyorsunuz..”);
}
?>
Daha önceden hazırladığımız fonksiyonlarımız lazım olabileceğinden görüldüğü üzere base_functions.php betiğini çağırdık. Birde yönetim paneline ait fonksiyonları içeren so-admin/base-files/ dizininde bulunan admin_functions.php betiğimizi çağırdık.
Burada kullandığımız ask_loged_in fonksiyonu base_functions.php betiğinde tanımlı bir fonksiyondur ve giriş yapılıp yapılmadığını bildirmek üzere TRUE veya FALSE değerleri döndürür. İçeriği şu şekildedir:
function ask_loged_in() {
@session_start();
if (session_is_registered(”spuser”)) {
return true;
}
else {
return false;
}
}
get_admin_warning() fonksiyonu ise admin_functions.php betiğinde yer alan bir fonksiyondur, içeriği ise şu şekildedir:
function get_admin_warning($warning) {
echo”
<!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>
<meta http-equiv=\”Content-Type\” content=\”text/html; charset=UTF-8\” />
<META HTTP-EQUIV=\”refresh\” CONTENT=\”5;URL=../index.php\”>
<link rel=\”stylesheet\” type=\”text/css\” href=\”config-files/admin.css\”>
</head>
<body>
<div id=\”header\”>$warning</div>
</body>
</html>
“;
}
so-admin/base-files/ dizini altındaki main.php betiği eğer giriş yapılmışsa çağırılan ve admin panelini yükleyen betiktir. İçeriği şu şekildedir:
<!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>
<link rel=”stylesheet” type=”text/css” href=”config-files/admin.css”>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
</head>
<body>
<div id=”header”>samkon içerik yönetim sistemi admin paneline hoşgeldiniz!
<div id=”header-gotosite”><a href=”../index.php”>Siteyi Göster »</a></div>
</div>
</body>
</html>
Burada yeni bir css dosyası ile karşılaşmaktayız: config-files/admin.css
admin.css içeriği:
/*
Description: Design by Guardian
Version: 1.0
Author: Guardian
Author URI: http://www.samkon.org
*/
input,textarea,select,option
{
border: #3186ac 1px dashed;
background-color:#cadae1;
color: #666666;
}
body {
margin: 0;
padding: 0;
background: #FFFFFF;
font-family: Verdana;
font-size: 12px;
color: #000000;
}
a {
color:#3186ac;
text-decoration: none;
}
a:hover {
text-decoration: none;
border-bottom: none;
color: #3186ac;
background:#d0dce1;
}
a img {
border: none;
}
/* header */
#header {
margin: 0px;
position: absolute;
background: #FFFFFF url(../image-files/header_bg.gif) repeat-x;
color: 000000;
width: 100%;
height: 25px;
top: 0px;
left: 0px;
}
#header-gotosite {
margin: 0px;
position: absolute;
top: 2px;
right: 2px;
}
Tabiki so-admin/image-files/ dizini altında admin.css dosyasının kullandığı header_bg.jpg adlı bir imaj dosyamız bulunmaktadır.
Yazıdaki içeriği test etmek için proje sayfasından giriş yapabilirsiniz:
kullanıcı: test
şifre: test
