Jednoduchý návod na vlastní prezentaci v PHP s použitím CSS a MySql databáze.
Stavíme si vlastní prezentaci pomocí PHP, MySql a CSS
V tomto seriálu si ukážeme příklad, jak si postavit vlastní prezentaci. Postavíme jednoduchou kostru, dáme ji kabát, postupně přidáme pár modulů a nezapomeneme ani na admin rozhraní.
Co k tomu budeme potřebovat:
Asi né každý si hned kvůli jednoduché prezentaci poběží koupit vlastní server a bude platit za jeho umístění a konektivitu. Proto existují a asi i nejlepším řešením pro nás bude webhosting (např. banan.cz) který podporuje PHP a nabízí MySql databázi.
V tomto článku nebudu podrobně rozebírat každý příkaz jaké má možnosti. Rozebereme si pouze náš konkrétní příklad.
Předpokládám aspoň nějakou znalost html, php a mysql příkazů. Pokud tomu tak náhodou není, nemusíte to hned vzdávat, protože zde veškeré scripty uveřejním. Ale doporučuji si projít seriály s touto tématikou.
Web je k nahlédnutí na adrese http://ukazky.owebu.cz/diviweb
Pro představu jak by web mohl vypadat po tzv. přeskinování a pár úpravách v kódu je zde odkaz http://trend.ostravak.com
V tomto prvním díle si postavíme základní soubory. Budou to soubory:
index.php
základní soubor který se zobrazuje vždy a skrze něj se
bude zobrazovat celý obsah webu
config.php
soubor obsahující veškeré potřebné nastavení a spojení
s databází
command.inc
soubor ve kterém budou potřebné funkce
Tak a teď konečně k samotnému zápisu:
index.php
<?php
include("config.php");
include("command.inc");
echo "
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1250'>
<link href='$theme/style.css' rel='stylesheet' type='text/css'>
<title>Moje stránky</title>
</head>
<body>
";
if (file_exists("./$theme/theme.inc")) {
include("$theme/theme.inc");
} else {
echo "nebyl nalezený požadovaný vzhled";
}
?>Příkazem include se vkládá obsah jiného souboru. Mohli by
jsme dát veškerý obsah do souboru index.php ale pak by se nám tento
soubor stal nepřehledným.
Proto vše co se bude týkat konfigurace si vložíme do
souboru config.php a různé funkce do souboru command.inc
Dále vložíme deklaraci <!DOCTYPE> . Jelikož existuje více verzí HTML, má každá verze vlastní DTD (Document Type Definition). Pomocí značky pak můžeme určit, kterou verzi HTML v dokumentu používáme. Tím tedy prohlížeči který bude náš script číst říkáme jak ho má číst.
Následuje už vložení html tagu pro hlavičku. V našem
případě tady sdělujeme, že soubor bude v kódovaní (znakové sadě) WINDOWS-1250. V poslední době nejčastěji používané znakové sady které podporují český jazyk jsou ISO 8859-2 (někdy označované jako Latin 2, nebo středoevropské jazyky ISO), Windows-1250 a UTF-8(unicode).
Tento meta tag se má správně používat ještě před titulkem (tag <title>), protože kdyby titulek obsahoval diakritiku, a meta tag by byl až za ním, nemusí se pak třeba v Exploreru stránka vůbec zobrazit.
Dále uvádíme kde má hledat soubor s CSS stylem. CSS je zkratka pro anglický název Cascading Style Sheets, česky tabulky kaskádových stylů. Je to jazyk pro popis způsobu zobrazení stránek napsaných v jazycích HTML, XHTML nebo XML.
Jazyk byl navržen standardizační organizací W3C která na svých stránkách také nabízí tzv. validátor, který slouží k kontrole správnosti zápisu. Byly vydány zatím dvě verze specifikace CSS1 a CSS2 (plus CSS 2.1), pracuje se na verzi CSS3. Hlavním smyslem je umožnit návrhářům oddělit vzhled dokumentu od jeho struktury a obsahu.
A nakonec zadáme titulek stránky pomocí tagu <title>.
Dále v těle stránky máme umístěnou funkci, který zkontroluje
jestli existuje soubor s vzhledem a pokud ano vloží se souboru theme.inc
který nám formátuje a zobrazuje celý obsah.
Existenci souboru ověřujeme pomocí funkce file_exists. Tato funkce ověřuje, jestli soubour který má uvedený v závorce existuje. Pokud ano, vrátí nám hodnotu true (pravda). Tato funkce nefunguje na vzdálených souborech.
config.php
<?php
$theme="theme/vzhled1";
$dbserv = "databazovyserver";
$dbuser = "jmeno";
$dbpass = "heslo";
$dbname = "databaze";
MySQL_Connect($dbserv,$dbuser,$dbpass) or die("Nelze se pripojit k serveru s databází." . mysql_error());
MySQL_Select_DB("$dbname") or die("Nelze vybrat databázi." . mysql_error());
?>V souboru config.php zadáváme základní proměnné
s kterými se bude pracovat a spojení s MySql databází
Proměnná theme nám udává cestu k theme souboru. To
proto, že si jich časem můžeme vytvořit více a dle potřeby změnou této proměnné
se mezi nimi přepínat.
Bez proměnných se neobejde žádný skript. Ani PHP není výjimkou. Proměnné deklarujeme pomocí znaku dolaru $. Typ hodnoty proměnné se může libovolně měnit, záleží na posledním přiřazení
Dále už následuje zadání proměnných pro navázání komunikace
s databází. Jsou to dbserver pro adresy k serveru s databází, dbuser pro uživatelské jméno (login) k databázi, dbpass pro heslo a dbname pro jméno databáze ke které se chceme připojit.
A samotné funkce pro tuto komunikaci s databází. Funkce MySQL_Connect navazuje spojení s databázovým serverem. Funkce MySQL_Select_DB nám nastaví spojení s konkrétní databází.
Soubor musí mít příponu PHP, protože kdyby
měl příponu INC nebo jakoukoli jinou, a kdokoli by zadal adresu přímo
tohoto souboru tak by se mu zobrazil jeho obsah.
command.inc
<?php
function obsah($page) {
if ($page=="") {$page="default";}
if (file_exists("./modules/$page/index.inc")) {
include ("modules/$page/index.inc");
} else { echo "nebyl nalezen požadovaný modul"; }
}
?>V souboru command.inc v našem případě máme jen jednu
funkci a to funkci obsah. Funkce obsah si zjistí hodnotu proměnné
page a podle toho zkontroluje přítomnost požadovaného souboru a následně
vloží obsah požadované stránky. V případě, že hodnota proměnné page je
prázdná, vrátí nám obsah souboru modules/default/index.inc. Pokud požadovaný soubor neexistuje, vypíše nám chybovou hlášku o neexistenci souboru.
Tím by jsme měli napsány první tři soubory a příště si ukážeme jak si můžeme napsat vzhled stránek.
Soubory k tomuto dílu. DOWNLOAD
K nahlédnutí na http://ukazky.owebu.cz/diviweb
Login: admin
Heslo: root
Autor: Václav Dressler
2024 ©