Gotowiec panelu administracyjnego, był czysty HTML, przerabiam go pod PHP (http://medialoot.com/item/html5-admin-template/).
Tak wygląda index.php:
<?php
require "../core.php";
?>
<!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>
<script type="text/javascript" src="../js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="../js/hideshow.js"></script>
<script type="text/javascript" src="../js/jquery.tablesorter.min.js"></script>
<script type="text/javascript" src="../js/jquery.equalHeight.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$(".tablesorter").tablesorter();
}
);
$(document).ready(function() {
//When page loads...
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active ID content
return false;
});
});
</script>
<script type="text/javascript">
$(function(){
$('.column').equalHeight();
});
</script>
<link rel="shortcut icon" href="" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="ESS - Elektroniczny dziennik składek" />
<meta name="keywords" content="ESS, kubek3898" />
<meta name="author" content="kubek3898" />
<title>ESS - Panel administracyjny</title>
<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen" />
<!--[if lt IE 9]>
<link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen" />
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header id="header">
<hgroup>
<h1 class="site_title"><a href="index.php">ESS</a></h1>
<h2 class="section_title">
<?php if(isset($breadcrumbs)) echo $breadcrumbs; ?></h2><div class="btn_view_site"><a href="../index.php">Strona główna</a></div>
</hgroup>
</header> <!-- end of header bar -->
<section id="secondary_bar">
<div class="user">
<p>Admin (<a href="#">X Wiadomości</a>)</p>
<!-- <a class="logout_user" href="#" title="Logout">Logout</a> -->
</div>
<div class="breadcrumbs_container">
<article class="breadcrumbs"><a href="?page=index">Panel administracyjny</a> <div class="breadcrumb_divider"></div> <a href="?page=
<?php echo $breadcrumbs; ?>" class="current">
<?php if(isset($breadcrumbs)) echo $breadcrumbs; ?></a></article>
</div>
</section><!-- end of secondary bar -->
<aside id="sidebar" class="column">
<form class="quick_search">
<input type="text" value="Szukaj" onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;">
</form>
<hr/>
<h3>System składek</h3>
<ul class="toggle">
<li class="icn_new_article"><a href="?page=add_cash">Dodaj wpłatę</a></li>
<li class="icn_edit_article"><a href="?page=edit_cash">Edytuj / usuń wpłatę</a></li>
<li class="icn_categories"><a href="?page=statistics">Statystyki wpłat</a></li>
</ul>
<h3>Użytkownicy</h3>
<ul class="toggle">
<li class="icn_add_user"><a href="?page=add_user">Dodaj nowego użytkownika</a></li>
<li class="icn_view_users"><a href="?page=list_users">Lista użytkowników</a></li>
<li class="icn_profile"><a href="?page=profile">Twój profil</a></li>
</ul>
<h3>Admin</h3>
<ul class="toggle">
<li class="icn_settings"><a href="?page=settings">Ustawienia</a></li>
<li class="icn_security"><a href="?page=security">Bezpieczeństwo</a></li>
<li class="icn_tags"><a href="?page=license">Licencja</a></li>
<li class="icn_jump_back"><a href="?page=logout">Wyloguj</a></li>
</ul>
<h3>Statystyki i logowania</h3>
<ul class="toggle">
<li class="icn_photo"><a href="?page=visit">Odwiedziny</a></li>
<li class="icn_folder"><a href="?page=settlement">Rozliczenia</a></li>
<li class="icn_video"><a href="?page=logs">Logowania</a></li>
</ul>
<footer>
<hr />
<p><strong>ESS - Elektroniczny dziennik składek ver. 0.0.1 © kubek3898</strong></p>
</footer>
</aside><!-- end of sidebar -->
<?php
$breadcrumbs = '';
switch($_GET['page'])
{
case 'index':
{
$breadcrumbs = 'Kokpit';
//require_once "index.php";
break;
}
case 'add_cash':
{
$breadcrumbs = 'Dodaj wpłatę';
require_once "add_cash.php";
break;
}
case 'edit_cash':
{
$breadcrumbs = 'Edytuj wpłatę';
require_once "edit_cash.php";
break;
}
case 'statistics':
{
$breadcrumbs = 'Statystyki';
require_once "statistics.php";
break;
}
case 'add_user':
{
$breadcrumbs = 'Dodaj nowego użytkownika';
require_once "add_user.php";
break;
}
case 'list_users':
{
$breadcrumbs = 'Lista użytkowników';
require_once "list_users.php";
break;
}
case 'profile':
{
$breadcrumbs = 'Twój profil';
require_once "profile.php";
break;
}
case 'settings':
{
$breadcrumbs = 'Ustawienia';
require_once "settings.php";
break;
}
case 'security':
{
$breadcrumbs = 'Bezpieczeństwo';
require_once "security.php";
break;
}
case 'license':
{
$breadcrumbs = 'Licencja';
require_once "license.php";
break;
}
case 'logout':
{
$breadcrumbs = 'Wyloguj';
require_once "logout.php";
break;
}
case 'visit':
{
$breadcrumbs = 'Odwiedziny';
require_once "visit.php";
break;
}
case 'settlement':
{
$breadcrumbs = 'Rozliczenia';
require_once "settlement.php";
break;
}
case 'logs':
{
$breadcrumbs = 'Logowania';
require_once "logs.php";
break;
}
}
?>
Tak wygląda core.php
<?php
require_once "config.php"; // Wiem nie opłaca się dla włączania 1 pliku, ale później tutaj będzie dalszy kod...
?>
oraz config.php
<?php
$db['host'] = '127.0.0.1';
$db['user'] = 'root';
$db['pass'] = '';
$db['select'] = 'test';
$db['connect'] = mysql_connect($db['host'], $db['user'], $db['pass']) or
die('Połączenie z bazą danych nie powiodło się. Sprawdź plik <strong>config.cfg</strong>');
or
die('Wybór bazy danych nie powiódł się. Sprawdź plik <strong>config.cfg</strong>');
@mysql_query("SET CHARACTER SET utf8", $db['connect']); @mysql_query("SET collation_connection = utf8_general_ci", $db['connect']); @mysql_query("set character_set_connection=utf8", $db['connect']); @mysql_query("set character_set_client=utf8", $db['connect']); @mysql_query("set character_set_database=utf8", $db['connect']); @mysql_query("set character_set_results=utf8", $db['connect']); @mysql_query("set character_set_server=utf8", $db['connect']); @mysql_query("set collation_database=utf8_general_ci", $db['connect']); @mysql_query("set collation_server=utf8_general_ci", $db['connect']);
?>
No i przykładowy plik logs.php:
<?php
/*
$row = mysql_fetch_assoc(mysql_query("SELECT * FROM logs", $db['connect']));
$_SESSION['id'] = $row['id'];
$_SESSION['ip'] = $row['ip'];
$_SESSION['login'] = $row['login'];
$_SESSION['data'] = date("d.m.Y, H:i", $row['data']);
$_SESSION['udane'] = $row['udane'];
*/
?>
<section id="main" class="column">
<h4 class="alert_info">Poniżej znajdują się logi panelu administracyjnego, rejestrujące każdą akcję administracyjną.</h4>
<article class="module width_full">
</article>
<div class="clear"></div>
</div>
</article><!-- end of stats article -->
<article class="module width_3_quarter">
<header><h3 class="tabs_involved">Logowania</h3>
</header>
<div class="tab_container">
<div id="tab1" class="tab_content">
<table class="tablesorter" cellspacing="0">
<thead>
<tr>
<th>ID</th>
<th>IP</th>
<th>Login</th>
<th>Data</th>
<th>Udane</th>
<th>Akcje</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<?php echo $_SESSION['id'] ?></td>
<td>
<?php echo $_SESSION['ip'] ?></td>
<td>
<?php echo $_SESSION['login'] ?></td>
<td>
<?php echo $_SESSION['data']; ?></td>
<td>
<?php echo $_SESSION['udane'] ?></td>
<td><input type="image" src="../images/icn_edit.png" title="Edit"><input type="image" src="../images/icn_trash.png" title="Trash"></td>
</tr>
</tbody>
</table>
</div><!-- end of #tab1 -->
</div><!-- end of .tab_container -->
</article><!-- end of content manager article -->
@refresh...
Proszę o pomoc, utknąłem w tym miejscu ;D