Chcete-li vytvořit slibný, rozšiřitelný a efektivní web jakékoli složitosti, měli byste začít s jednoduchým. Tento proces není jednoduchý, vyžaduje určité základní znalosti PHP a MySQL, ale když se na to podíváte bod po bodu, můžete si sestavit jakýsi „plán práce“, který se vám bude hodit při vytváření nových stránek. Připravme si „jádro“ a základ pro projekt. Zpočátku to bude běžná vizitka, ale přidáním funkčnosti z ní lze udělat cokoliv. Pojďme tedy začít.
1. Příprava databáze. Vytvořte první tabulku v databázi MySQL
Vytvořte novou databázi, například „mysite“. Osobně jsem zvyklý pracovat s kódováním UTF-8, takže rovnou udělám rezervaci: ujistěte se, že všechny textové soubory webu, samotná databáze, tabulky a pole tabulek jsou ve stejném kódování.
Vytvořte tabulku v nové databázi. Říkejme tomu „stránky“. Tato tabulka bude ukládat statické stránky budoucího webu a informace o nich. Tabulka musí obsahovat následující pole:
- page_id - ID stránky (SMALLINT, primární klíč, auto_increment);
- alias stránky - alias stránky pro řetězec adresy CNC (VARCHAR, 255);
- page_title - název stránky v okně prohlížeče (VARCHAR, 255);
- page_meta_d - meta popis stránky pro meta tag popis(varchar, 255);
- page_meta_k - meta klíčová slova pro značku meta klíčových slov (VARCHAR, 255);
- strana_h1 - název stránky (VARCHAR, 255);
- page_s_desc - Stručný popis materiál, například pokud jsou materiály webu ve formě blogu (TEXT);
- obsah_stránky - hlavní text stránky, který se zobrazí v centrálním sloupci webu (TEXT);
- page_publish - obsahuje "Y", pokud je stránka publikována, nebo "N", pokud je skrytá (CHAR, výchozí je "Y").
Ihned po vytvoření tabulky vložte hodnoty pro domovská stránka místo. Do pole „alias_stránky“ pro hlavní stránku doporučuji vložit hodnotu „domů“. Meta tagy – dle tématu celého webu. Stejným způsobem můžete vytvořit další stránky, například "O společnosti" s aliasem "o" a vlastními meta tagy nebo "Kontakty" s aliasem "kontakty" atd.
2. Vytvořte konfigurační soubor webu
V kořenové složce webu, která by v této fázi měla být prázdná, vytvoříme složku „cfg“, v ní pomocí .htaccess uzavřeme přístup direktivou „deny from all“. Vytvořte soubor core.php s následujícím obsahem:
// MySQL
třída MyDB
{
$dblogin = "root"; // PŘIHLÁŠENÍ DO VAŠE DATABÁZE
var $dbpass = ""; // VAŠE HESLO DO DATABÁZE
var $db = "mysite"; // NÁZEV ZÁKLADNY PRO STRÁNKY
var $dbhost="localhost";
var $ odkaz;
var$ dotaz;
var $err;
var $vysledek;
var$data;
var $fetch;
Funkce connect() (
$this->link = mysql_connect($this->dbhost, $this->dblogin, $this->dbpass);
mysql_select_db($this->db);
mysql_query("SET NAMES utf8");
}
funkce close() (
mysql_close($this->link);
}
Spuštění funkce($query) (
$this->query = $dotaz;
$this->result = mysql_query($this->dotaz, $this->link);
$this->err = mysql_error();
}
funkční řádek() (
$this->data = mysql_fetch_assoc($this->vysledek);
}
načíst() (
while ($this->data = mysql_fetch_assoc($this->result)) (
$this->fetch = $this->data;
return $this->fetch;
}
}
funkce stop() (
unset($this->data);
unset($this->vysledek);
unset($this->fetch);
unset($this->err);
unset($this->query);
}
}
Tento soubor zatím obsahuje pouze jednoduchou třídu připojení k databázi, ale v budoucnu do něj můžete přidat různé užitečné funkce, které budou dostupné odkudkoli v kódu webu. Nezapomeňte si změnit uživatelské jméno a heslo k databázi.
Pokud pracujete v prostředí Windows, mohu doporučit použití . Tento editor má číslování řádků a snadno překládá text z jednoho kódování do druhého. POZORNOST! Pokud pracujete v kódování UTF-8 – převádějte soubory do UTF-8 bez kusovníku – pomůže vám to předejít problémům v budoucnu.
3. Vytvořte index.php – hlavní správce webu
Konfigurační soubor byl vytvořen. Nyní vytvoříme index.php v kořenové složce webu – to bude hlavní skript webu, jakýsi „hlavní ovladač“. Obsah souboru index.php:
define("INDEX", ""); // NASTAVENÍ KONSTANTY HLAVNÍHO OVLADAČE
Require_once($_SERVER."/cfg/core.php"); // PŘIPOJTE JÁDRO
// PŘIPOJIT K DB
$db = new MyDB();
$db->connect();
// HLAVNÍ OVLADAČ
přepínač ($_GET) (
případ "stránka":
include($_SERVER."/com/page.php");
přestávka;
výchozí:
include($_SERVER."/com/home.php");
přestávka;
}
Include($_SERVER."/template.php");
$db->zavřít();
Proměnná $_GET sdělí hlavnímu kontroléru, kterou komponentu webu načíst na požádání. Náš web má nyní pouze dvě složky: „stránku“ a „hlavní stránku“ (v zásadě si vystačíte s jednou komponentou pro zobrazení běžné stránky, ale vzhled hlavní stránky webu se často liší od běžných stránek položky nabídky). Logika hlavního řadiče je následující: název požadované komponenty (hodnota proměnné $option) je extrahován z URL řetězce, v závislosti na jeho hodnotě je zahrnut soubor samotné komponenty (obsažený v / složka com). Komponentní soubor provede veškerou potřebnou práci, načte data z databáze a zapíše je do proměnných, které mají být předány do šablony návrhu. Na samém konci je připojen soubor návrhu webu, do kterého se přenášejí všechny proměnné a data extrahovaná v komponentách. Zní to mnohem složitější, než to funguje.
4. Vytvořte normální komponentu výstupu stránky
V kořenovém adresáři webu vytvořte složku "com" - bude ukládat dílčí soubory. Komponenta webu je podle mého chápání soubor, ve kterém se zpracovávají data pro různé části webu. Komponenta běžné stránky například načte název, popis a text materiálu z databáze a zapíše je do proměnných $title, $meta_d, $meta_k, $content atd. Tato data se pak přenesou do šablona návrhu (pro každou komponentu můžete vytvořit vlastní šablonu návrhu) a zobrazí se uživateli jako stránka HTML. Například komponenta katalogu, kterou lze vytvořit v budoucnu, by dělala téměř totéž, ale s daty o produktech – a tam jsou specifika, další pole v tabulce a tak dále. Proto se pro každou funkční sekci webu vyplatí vytvořit samostatnou komponentu. Ve schématu MVC (Model-View-Controller) hraje komponenta roli modelu.
Vytvořte soubor "page.php" ve složce "com". Obsah souboru je následující:
/* SOUČÁST STRÁNKY */
$alias = $_GET;
$query = "VYBRAT * ZE stránek WHERE page_alias="".$alias."" AND page_publish="Y" LIMIT 1";
$db->run($dotaz);
$db->row();
// KOMPONENTOVÉ PROMĚNNÉ
$id = $db->data;
$alias = $db->data;
$title = $db->data;
$h1 = $db->data;
$meta_d = $db->data;
$meta_k = $db->data;
$s_desc = $db->data;
$komponenta = $db->data;
// POKUD STRÁNKA NEEXISTUJE
pokud (!$id) (
header("HTTP/1.1 404 Nenalezeno");
$component = "CHYBA 404! Tato stránka neexistuje";
}
$db->stop();
5. Vytvořte komponentu zobrazení domovské stránky
Hlavní stránka v naší databázi je uložena pod pseudonymem "home", a zatím se svou strukturou neliší od běžných stránek webu - je to jen článek. Přesto pro něj vytvoříme samostatnou komponentu – takříkajíc do budoucna.
Obsah komponenty "home.php" ve složce "com" je téměř stejný jako obsah běžné komponenty stránky, s výjimkou řetězce dotazu do databáze a názvu komponenty. Řetězec dotazu nyní vypadá takto:
$query = "VYBRAT * Z wx_pages WHERE page_alias="home" LIMIT 1";
6. Vytvořte šablonu návrhu pro celý web
Vytvořte soubor template.php v kořenovém adresáři webu. Ve skutečnosti se jedná o běžné rozvržení webdesignu ve formátu HTML + CSS, pouze s proměnnými PHP na správných místech. Vložit mezi značky titulků, ve středním sloupci vložky webua tak do celé šablony umístíme potřebné proměnné, které jsou deklarovány v komponentách.
Kořenová složka by také měla obsahovat složky „css“ a „images“ pro prvky návrhu. V souboru /css/style.css - styly si můžete upravit podle svého.
7. Vyčistěte odkazy a soubor .htaccess
Pro vytvoření čistých odkazů používám mod_rewrite s přímými instrukcemi pro pravidla pro každou komponentu zvlášť, protože parsování adresního řádku pomocí samotného ovladače je považováno za zbytečnou funkčnost. Obsah .htaccess v této fázi je:
Přepis motoru zapnutý
RewriteBase /
RewriteCond %(REQUEST_FILENAME) !-d
RewriteCond %(REQUEST_FILENAME) !-f
# ZAKÁZANÉ SOUBORY
RewriteRule .htaccess – [F]
RewriteRule template.php - [F]
# PRAVIDLA mod_rewrite
Stránka RewriteRule/(+)([\/](0,1))\.htm$ index.php?option=page&alias=$1 [L]
V budoucnu přidáme pravidla pro vyhledávací komponenty, katalog, blog s články atd. Existuje pouze jeden bod: převést odkazy jako "mysite.com/index.php?option=pages&alias=about" na odkaz jako "mysite.com/pages/about.htm" - vypadá docela hezky. Při vývoji se snažte z bezpečnostních důvodů vyhnout poli $_GET a nespoléhejte na něj. Je vhodné v něm ukládat pouze parametry pro hlavní regulátor (proměnná $option) a pro komponentu (proměnná $alias).
V každé složce webu také „pro jistotu“ vytvořte prázdný soubor index.html - je to nutné, aby se při přístupu do adresáře přes adresní řádek nic nezobrazovalo.
Tagy: php, mysql, site engine, controller, site creation, mvc
Mluvili jsme jen o statické stránky, tedy takové, které bez ohledu na to, jak s nimi uživatel interaguje, zůstávají vždy nezměněny, a aby se mohl změnit jejich obsah nebo design, musí vlastník stránky upravit kód ručně.
Dynamické stránky a co potřebují
Kromě statických existují i dynamické stránky. Většina z nich je nyní na internetu. Informace se načítají z externí zdroje, jako je databáze nebo jiné soubory. Obsah a formátování takových stránek se může měnit v závislosti na akcích uživatele. Pro úpravu dynamických stránek není nutné zasahovat do jejich kódu – stačí změnit obsah ve speciálně navrženém souboru nebo databázi, což je mimochodem také soubor, jen určitým způsobem strukturovaný.
K vytváření dynamických webových stránek nestačí pouze HTML a CSS. Používá také programovací jazyky, stejně jako pro ně databáze a dotazovací jazyky. Nejčastěji se v nich používají moderní dynamické stránky HTML práce, CSS, PHP, JavaScript, SQL. První dvě zkratky už znáte z první ruky, SQL se používá pro přístup k databázím, JavaScript je jazyk na straně klienta, jehož příkazy zpracovává prohlížeč a často se používají k zobrazení nejrůznějších krás, jako jsou závěsy nebo plynulé otevírání fotografií, ale PHP je server-side programovací jazyk , který mimo jiné pracuje s obsahem webu a dělá ho dynamickým, dnes se s ním setkáme.
Příklad použití příkazu include
V předchozím článku jsem mluvil o blokovém uspořádání webu a uvedl jako příklad nejjednodušší stránka(dokument index.html a soubor s ním spojený styl.css).
Nyní dokument rozdělíme index.html do několika souborů, z nichž každý bude obsahovat svou část stránky, což pomůže dále oddělit kód, zlepšit strukturu šablony a v podstatě zdynamizovat stránku. K tomuto účelu použijeme jazyk PHP, respektive pouze jednu z jeho direktiv – funkci zahrnout(), který zahrnuje jeden soubor v jiném.
1. Změňte oprávnění souboru vytvořeného v článku o rozložení bloku index S .html na .php pojmenovat dokument index.php. Typ souboru .PHP označuje serveru, že dokument byl napsán nebo používá vložky ve stejnojmenném programovacím jazyce.
2. Ve složce se stránkou vytvořte adresář bloky.
3. Všechny podpůrné informace (nahoře, dole, navigace a postranní panel site) vyjmeme do samostatných souborů, které umístíme do složky bloky.
Vytvořte tedy čtyři soubory v adresáři bloků: hlavička.php, navigace.php, sidebar.php a patička.php. Vyplňte soubory kódem.
záhlaví (záhlaví webu)
4. Zkontrolujte strukturu složek šablon. Soubory musí být v kořenovém adresáři index.php, styl.css a adresář bloky.
Struktura složek bloky by to mělo být takhle.
5. V souboru index.php odstraňte stávající kód a napište nový:
Obsah hlavní stránky
V prohlížeči vypadá soubor index.php úplně stejně jako předtím, ale struktura šablony se zcela změnila. O tom, co se stalo, si povíme později a nyní odpovíme na otázku ohledně tajemných příkazů formuláře .
Stejně jako kód HTML má i kód PHP své vlastní označení začátku a konce. Takže musíte spustit PHP insert s příkazem a končí řádkem ?> . Mezi těmito příkazy je zapsán hlavní kód. V našem případě je to jen jeden příkaz - zahrnout.
Funkce zahrnout() vloží do souboru kód z jiného souboru a umožní tak ukládat různé části stránky do různých dokumentů, čímž je od sebe spolehlivě oddělí.
V důsledku provedených akcí jsme získali dynamickou stránku index.php, jehož části se načítají z různých souborů. Díky tomu můžete vytvářet další stránky načítáním pomocných prvků ze souborů složek stejným způsobem. bloky.
Tento přístup je dobrý, protože pokud chcete změnit, řekněme, název položky nabídky na webu o 20-30 stránkách, pak v šabloně s nově vytvořenou strukturou budete muset provést změny pouze u jednoho souboru - bloků /navigation.php a nabídka se okamžitě změní na všech stránkách, na kterých je obsažena. Pokud by byl web statický, pak pro změnu názvu jedné položky nabídky byste museli provést změny každý od 20-30 stran. Rozdíl je zřejmý.
Poslední aktualizace: 1.11.2015
Nyní vytvoříme malou stránku, která je navržena tak, aby poskytla počáteční pochopení práce s PHP.
Pro tvorbu programů v PHP potřebujeme textový editor. Nejoblíbenějším programem současnosti je Notepad++.
Přesuňme se do dříve vytvořeného adresáře C:\localhost , ve kterém budou uloženy všechny dokumenty webu. Pojďme tvořit textový soubor a nazvěme to index.html. Pojďme to otevřít textový editor a přidejte do něj následující kód:
Zadejte své údaje:
HTML kód obsahuje formulář se dvěma textová pole. Po kliknutí na tlačítko jsou data formuláře odeslána do skriptu display.php, jak je uvedeno v atributu action.
Nyní vytvoříme tento skript, který bude data zpracovávat. Přidat do složky c:\localhost nový textový soubor. Přejmenujme jej na display.php. Ve výchozím nastavení mají programové soubory php příponu .php. Přidejme tedy do souboru display.php následující kód:
Zde již v html značení jsou skvrny kódu PHP. Tagy se používají k přidávání PHP výrazů na stránku, mezi nimiž jsou instrukce pro jazyk PHP. V php kód obdržíme data formuláře a zobrazíme je na stránce.
Každý jednotlivý PHP výraz musí končit středníkem. V tento případ máme tři výrazy. Dva z nich obdrží odeslaná data formuláře, například $name = $_POST["firstname"]; .
$name je proměnná, která bude uchovávat nějakou hodnotu. Všem proměnným v PHP předchází znak $. A protože formulář na stránce index.html používá k odeslání metodu POST, můžeme pomocí výrazu $_POST["firstname"] získat hodnotu, která byla zadána do textového pole s atributem name="firstname" . A tato hodnota se dostane do proměnné $name.
Pomocí příkazu echo můžete zobrazit jakoukoli hodnotu nebo text, který následuje za příkazem na stránce. V tomto případě (echo „Vaše jméno: ".$name ." " . $příjmení.""), pomocí tečky je citovaný text zřetězen s hodnotami proměnných $jméno a $příjmení a zobrazen na stránce.
Nyní přejdeme na vstupní formulář tím, že přejdeme na adresu http://localhost:8080:
Zadejte nějaké údaje a klikněte na tlačítko Odeslat:
Takže náš scénář fungoval display.php, který přijal a zobrazil odeslaná data na stránce.
Je třeba přijmout preventivní opatření. Protože zdroj se může ukázat jako extrémně dynamický. To a podívej, kousni!
PHP a HTML
Nyní jsou tyto dvě disciplíny téměř propojeny. Jejich tandem je základem, na kterém je postaven „život“ většiny internetu. Ve spojení s html se samozřejmě používají i další jazyky na straně serveru (Perl, ASP.NET). Ale jejich prevalence na World Wide Web ve srovnání s PHP je čistě epizodická.
Podle statistik je architektura většiny zdrojů na internetu postavena na bázi php a html.
Pro mnoho začátečníků se zdá vztah mezi těmito technologiemi nepochopitelný. Na jedné straně statické html , které je interpretováno prohlížeči na straně klienta. Na druhou stranu je to programovací jazyk, který je zpracováván na serveru. Proto před napsáním webu v php od nuly uvedeme jednoduchý příklad interakce těchto dvou technologií:
- Vytvořme nový soubor s příponou php;
- Umístíme tam následující kód:
- Uložte soubor do lokální server a otevřete jej v prohlížeči. Poté klikněte pravým tlačítkem myši a kontextová nabídka vyberte položku" Pohled html stránky ».
Jak můžete vidět na snímku obrazovky, řádekse nezobrazuje v html kódu stránky. V prohlížeči i v kódu je vidět pouze vrácené datum a čas. To znamená, že skript byl zpracován na straně serveru. Proto se tvorba webu v php zásadně liší od psaní jednoduchých html stránek.
Dynamický web
Moderní webové stránky jsou dvou hlavních typů:
- Statické - vytvořeno pouze na založené na html. Takové stránky nemění svůj obsah v reakci na akce uživatelů. Samozřejmě, že statický zdroj může reagovat na události a akce uživatele. Ale implementace dynamiky stránky na straně klienta má úzký rozsah, omezený schopnostmi Java Scriptu.
Kód Java Script běží v prohlížeči na straně klienta.
- Dynamické - schopné měnit svůj stav a obsah - html stránky dynamických webů se tvoří za běhu v okamžiku spuštění kódu v reakci na požadavek uživatele, který odešle z prohlížeče na server. Nejčastěji se stránka generuje na straně serveru pomocí kódu napsaného v php.
Dynamický php web se skládá z následujících souborů:
- index.php je hlavní soubor projektu;
- Šablony – zahrnují strukturu jedné nebo druhé části stránky ( uzávěry, suterén, hlavní tělo);
- CSS soubory – ukládají všechny popisy stylů zdroje.
Kromě toho může projekt webu sestávat ze souborů, které ukládají kód funkcí a metod php. A také obsahovat databázi.
Ve většině CMS je zdrojem obsahu pro vyplňování stránek dynamicky generovaných na straně serveru databáze. Nejčastěji používanou databází je MySQL.
Jak napsat web v PHP
Chcete-li pochopit, jak je web vytvořen v php, zvažte praktický příklad. Samozřejmě, že hodně z toho je zjednodušeno, ale celý mechanismus práce a fáze tvorby jsou zachovány.
Mám html stránku s následující strukturou a designem:
Jeho kód: