Mis tahes keerukusega paljutõotava, laiendatava ja tõhusa saidi loomiseks peaksite alustama lihtsast. See protsess ei ole lihtne, see nõuab teatud PHP ja MySQL baasteadmisi, kuid kui vaadata seda punkthaaval, saate koostada omamoodi “tööplaani”, mis tuleb kasuks uute saitide loomisel. Valmistame ette projekti "tuumiku" ja aluse. Algul on see tavaline visiitkaartide sait, kuid siis saab selle funktsionaalsust lisades muuta ükskõik milleks. Nii et alustame.
1. Andmebaasi ettevalmistamine. Looge MySQL-i andmebaasis esimene tabel
Looge uus andmebaas, näiteks "minu veebisait". Isiklikult olen harjunud töötama UTF-8 kodeeringuga, seega broneerin kohe: veenduge, et saidi kõik tekstifailid, andmebaas ise, tabelid ja tabeliväljad oleksid samas kodeeringus.
Looge tabel uues andmebaasis. Nimetagem seda "lehtedeks". See tabel salvestab tulevase saidi staatilised lehed ja teave nende kohta. Tabel peab sisaldama järgmisi välju:
- page_id - lehe ID (VÄIKE, esmane võti, auto_increment);
- page_alias – CNC-aadressi stringi lehekülje alias (VARCHAR, 255);
- page_title - lehe pealkiri brauseriaknas (VARCHAR, 255);
- page_meta_d – lehe metakirjeldus metasilt kirjeldus(varchar, 255);
- page_meta_k – meta märksõnad metamärksõnade sildi jaoks (VARCHAR, 255);
- page_h1 - lehekülje pealkiri (VARCHAR, 255);
- page_s_desc - Lühike kirjeldus materjal, näiteks kui saidi materjalid on ajaveebi kujul (TEKST);
- page_content - lehe põhitekst, mis kuvatakse saidi keskmises veerus (TEKST);
- page_publish – sisaldab "Y", kui leht on avaldatud, või "N", kui see on peidetud (CHAR, vaikimisi on "Y").
Kohe pärast tabeli loomist sisestage väärtused avaleht saidile. Pealehe väljale "page_alias" soovitan sisestada väärtuse "home". Metasildid – vastavalt kogu saidi teemale. Samamoodi saate luua muid lehti, näiteks "Ettevõtte kohta" aliase "teave" ja oma metasiltide abil või "Kontaktid" aliasega "kontaktid" jne.
2. Looge saidi konfiguratsioonifail
Saidi juurkaustas, mis peaks selles etapis olema tühi, loome kausta “cfg”, milles .htaccessi abil sulgeme juurdepääsu käskkirjaga “keela kõigist”. Looge järgmise sisuga core.php fail:
// MySQL
klass MyDB
{
var $dblogin = "juur"; // TEIE ANDMEBAASI SISSElogimine
var $dbpass = ""; // TEIE ANDMEBAASI PAROOL
var $db = "minu veebisait"; // SAIDI BAASI NIMETUS
var $dbhost="localhost";
var$link;
var$query;
var $err;
var $tulemus;
var$andmed;
var $fetch;
Funktsioon connect() (
$see->link = mysql_connect($see->dbhost, $see->dblogin, $see->dbpass);
mysql_select_db($this->db);
mysql_query("SET NIMED utf8");
}
funktsioon close() (
mysql_close($see->link);
}
Funktsiooni käivitamine($query) (
$see->päring = $päring;
$see->tulemus = mysql_query($see->päring, $see->link);
$see->err = mysql_error();
}
funktsioon row() (
$see->andmed = mysql_fetch_assoc($see->tulemus);
}
tõmba() (
while ($this->data = mysql_fetch_assoc($this->result)) (
$see->tooda = $see->andmed;
tagasta $this->fetch;
}
}
funktsioon stop() (
unset($this->data);
unset($see->tulemus);
unset($this->fetch);
unset($this->err);
unset($this->query);
}
}
See fail sisaldab praegu ainult lihtsat andmebaasi ühenduse klassi, kuid tulevikus saate sellele lisada erinevaid kasulikke funktsioone, mis on saadaval saidi koodis kõikjal. Ärge unustage muuta oma andmebaasi kasutajanime ja parooli.
Kui töötate Windowsi keskkonnas, võin soovitada kasutada . Sellel redaktoril on ridade nummerdamine ja see tõlgib teksti hõlpsalt ühest kodeeringust teise. TÄHELEPANU! Kui töötate UTF-8 kodeeringus - teisendage failid UTF-8-ks ilma BOM-ita - see aitab tulevikus probleeme vältida.
3. Loo index.php – saidi peamine kontroller
Konfiguratsioonifail on loodud. Nüüd loome saidi juurkausta index.php - see on saidi põhiskript, omamoodi "peakontroller". Faili index.php sisu:
define("INDEKS", ""); // SEADISTA PÕHIKONTROLLERI KONSTANT
Require_once($_SERVER."/cfg/core.php"); // ÜHENDA TUUM
// ÜHENDA DB-GA
$db = new MyDB();
$db->ühenda();
// PÕHIKONTROLLER
lüliti ($_GET) (
juhtum "leht":
include($_SERVER."/com/page.php");
murda;
vaikimisi:
include($_SERVER."/com/home.php");
murda;
}
Include($_SERVER."/template.php");
$db->sulge();
Muutuja $_GET ütleb põhikontrollerile, millist saidi komponenti nõudmisel laadida. Nüüd on meie saidil ainult kaks komponenti: "leht" ja "pealeht" (tavalise lehe kuvamiseks saate põhimõtteliselt ühe komponendiga hakkama, kuid sageli erineb saidi avalehe välimus tavapärastest lehtedest. menüüelemendid). Peakontrolleri loogika on järgmine: URL-i stringist ekstraheeritakse vajaliku komponendi nimi (muutuja $option väärtus), olenevalt selle väärtusest kaasatakse komponendi enda fail (sisaldub / com kausta). Komponentfail teeb ära kogu vajaliku töö, otsib andmebaasist andmed ja kirjutab need muutujatesse, mis edastatakse kujundusmalli. Päris lõpus ühendatakse saidi kujundusfail, kuhu kantakse üle kõik komponentidest eraldatud muutujad ja andmed. See kõlab palju keerulisemalt kui töötab.
4. Looge tavaline lehe väljundkomponent
Looge saidi juurtes kaust "com" - see salvestab komponentfailid. Saidikomponent on minu arusaamise järgi fail, milles töödeldakse saidi erinevate osade andmeid. Näiteks otsib tavalise lehe komponent andmebaasist materjali pealkirja, kirjelduse ja teksti ning kirjutab need muutujatesse $title, $meta_d, $meta_k, $content jne. Seejärel kantakse need andmed üle kujundusmall (iga komponendi jaoks saate luua oma kujundusmalli ) ja kuvatakse kasutajale HTML-lehena. Näiteks kataloogikomponent, mida saab tulevikus luua, teeks peaaegu sama asja, kuid andmetega toodete kohta - ja seal on oma spetsiifika, muud väljad tabelis jne. Seetõttu tasub saidi iga funktsionaalse osa jaoks luua eraldi komponent. MVC (Model-View-Controller) skeemis täidab komponent mudeli rolli.
Looge kaustas "com" fail "page.php". Faili sisu on järgmine:
/* LEHEKOMPONENT */
$alias = $_GET;
$query = "SELECT * FROM pages WHERE page_alias="".$alias."" AND page_publish="Y" LIMIT 1";
$db->käivita($päring);
$db->rida();
// KOMPONENTMUUTUVAD
$id = $db->andmed;
$alias = $db->andmed;
$pealkiri = $db->andmed;
$h1 = $db->andmed;
$meta_d = $db->andmed;
$meta_k = $db->andmed;
$s_desc = $db->andmed;
$komponent = $db->andmed;
// KUI LEHTI EI OLE
kui (!$id) (
header("HTTP/1.1 404 ei leitud");
$component = "VIGA 404! Seda lehte pole olemas";
}
$db->stopp();
5. Looge Home Page Display Component
Meie andmebaasi avaleht on salvestatud pseudonüümi "kodu" all ja siiani ei erine see oma struktuurilt saidi tavapärastest lehtedest - see on lihtsalt artikkel. Sellest hoolimata loome selle jaoks eraldi komponendi - nii-öelda tuleviku jaoks.
Kaustas "com" oleva komponendi "home.php" sisu on peaaegu sama, mis tavalise lehe komponendi sisu, välja arvatud andmebaasi päringutring ja komponendi nimi. Päringu string näeb nüüd välja selline:
$query = "SELECT * FROM wx_pages WHERE page_alias="kodu" LIMIT 1";
6. Loo kujundusmall kogu saidi jaoks
Looge saidi juurtes fail template.php. Tegelikult on see tavaline veebidisaini paigutus HTML + CSS formaadis, ainult õigetes kohtades on PHP muutujad. Sisestage pealkirja siltide vahele, saidi sisestuse keskmises veerusja nii paigutame kogu mallis vajalikud muutujad, mis on komponentides deklareeritud.
Juurkaustas peaksid olema ka kujunduselementide kaustad "css" ja "images". Failis /css/style.css - saate stiile oma maitse järgi kohandada.
7. Puhastage lingid ja .htaccess-fail
Puhaste linkide loomiseks kasutan mod_rewrite'i koos otseste juhistega iga komponendi reeglite jaoks eraldi, kuna aadressiriba sõelumist kontrolleri enda abil peetakse tarbetuks funktsionaalsuseks. Faili .htaccess sisu selles etapis on:
Kirjutage mootor uuesti sisse
RewriteBase /
RewriteCond %(REQUEST_FILENAME) !-d
RewriteCond %(REQUEST_FILENAME) !-f
# KEELATUD FAILID
RewriteRule .htaccess – [F]
RewriteRule template.php – [F]
# mod_rewrite REEGLID
RewriteRule page/(+)([\/](0,1))\.htm$ index.php?option=page&alias=$1 [L]
Edaspidi lisame reeglid otsingukomponentide, kataloogi, artiklite ajaveebi jne kohta. On ainult üks punkt: teisendada lingid nagu "mysite.com/index.php?option=pages&alias=about" lingiks nagu "mysite.com/pages/about.htm" - tundub päris kena. Arenduses proovige ohutuse huvides vältida massiivi $_GET ja ärge lootke sellele. Soovitav on salvestada ainult põhikontrolleri ($option muutuja) ja selles oleva komponendi ($alias muutuja) parameetrid.
Samuti looge saidi igas kaustas "igaks juhuks" tühi fail index.html - see on vajalik selleks, et aadressiriba kaudu kataloogile juurdepääsul midagi ei kuvataks.
Sildid: php, mysql, saidi mootor, kontroller, saidi loomine, mvc
Me ainult rääkisime staatilised lehed, ehk need, mis sõltumata sellest, kuidas kasutaja nendega suhtleb, jäävad alati muutumatuks ning nende sisu või kujunduse muutumiseks peab lehe omanik koodi käsitsi muutma.
Dünaamilised lehed ja nende jaoks vajalik
Lisaks staatilisele on olemas ka dünaamilised lehed. Enamik neist on praegu Internetis. Teave laaditakse aadressilt välistest allikatest, nagu andmebaas või muud failid. Selliste lehtede sisu ja vorming võivad muutuda sõltuvalt kasutaja tegevusest. Dünaamiliste saitide redigeerimiseks ei ole vaja nende koodi sekkuda – piisab sisu muutmisest spetsiaalselt loodud failis või andmebaasis, mis, muide, on samuti fail, ainult teatud viisil üles ehitatud.
Dünaamiliste veebisaitide loomiseks ei piisa ainult HTML-ist ja CSS-ist. Samuti kasutab see programmeerimiskeeli, samuti nende jaoks andmebaase ja päringukeeli. Kõige sagedamini kasutatakse nendes kaasaegseid dünaamilisi saite HTML töö, CSS, PHP, JavaScript, SQL. Esimesed kaks lühendit on teile juba tuttavad, SQL-i kasutatakse andmebaasidele juurdepääsuks, JavaScript on kliendipoolne keel, mille käske töötleb brauser ja mida kasutatakse sageli igasuguse ilu näitamiseks, nagu kardinad või sujuvalt avanevad fotod, aga PHP on serveripoolne programmeerimiskeel , mis töötab muuhulgas koos saidi sisuga ja muudab selle dünaamiliseks, puutume sellega täna kokku.
Näide käsu include kasutamisest
Eelmises artiklis rääkisin saidi plokkide paigutusest ja tõin näite kõige lihtsam leht(dokument index.html ja sellega seotud faili stiil.css).
Nüüd jagame dokumendi pooleks index.html mitmeks failiks, millest igaüks sisaldab oma leheosa, mis aitab koodi veelgi eraldada, parandada malli struktuuri ja muuta lehe dünaamiliseks. Sel eesmärgil kasutame PHP keelt või õigemini ainult ühte selle direktiivi - funktsiooni sisaldama (), mis sisaldab ühte faili teises.
1. Muutke plokkide paigutuse artiklis loodud faili luba indeks Koos .html peal .php dokumendile nime andma index.php. Faili tüüp .PHP näitab serverile, et dokument on kirjutatud või kasutab samanimelises programmeerimiskeeles lisasid.
2. Looge lehega kaustas kataloog plokid.
3. Kogu tugiteave (ülemine, alumine, navigeerimis- ja külgriba sait) eraldame eraldi failidesse, mille paigutame kausta plokid.
Looge siis plokkide kataloogis neli faili: header.php, navigation.php, külgriba.php ja jalus.php. Täitke failid koodiga.
päis (saidi päis)
4. Kontrollige malli kausta struktuuri. Failid peavad olema juurfailis index.php, stiil.css ja kataloog plokid.
Kausta struktuur plokid peaks olema selline.
5. Failis index.php kustutage olemasolev kood ja kirjutage uus:
Pealehe sisu
Brauseris näeb fail index.php välja täpselt samasugune nagu varem, kuid malli struktuur on täielikult muutunud. Juhtunust räägime hiljem ja nüüd vastame küsimusele vormi salapäraste käskude kohta .
Nagu HTML-koodil, on ka PHP-koodil oma alguse ja lõpu tähistus. Niisiis, peate käivitama PHP-i sisestamise käsuga ja lõpetage joonega ?> . Nende käskude vahele kirjutatakse põhikood. Meie puhul on see vaid üks käsk - sisaldama.
Funktsioon sisaldama () lisab faili teisest failist koodi, mis võimaldab salvestada lehe erinevaid osi erinevatesse dokumentidesse, eraldades need seeläbi üksteisest usaldusväärselt.
Teostatud toimingute tulemusena saime dünaamilise lehe index.php, mille osad laaditakse erinevatest failidest. Tänu sellele saate luua teisi lehti, laadides samamoodi kaustafailidest abielemente. plokid.
See lähenemine on hea, sest kui soovite muuta näiteks 20–30-leheküljelise saidi menüüelemendi nime, peate vastloodud struktuuriga mallis muutma ainult ühte faili - plokke. /navigation.php ja menüü muutub kohe kõigil lehtedel, kuhu see on lisatud. Kui sait oleks staatiline, siis tuleb ühe menüüelemendi nime muutmiseks teha muudatusi iga 20-30 lk. Erinevus on ilmne.
Viimane uuendus: 1.11.2015
Nüüd loome väikese saidi, mille eesmärk on anda esmane arusaam PHP-ga töötamisest.
PHP-s programmide loomiseks vajame tekstiredaktorit. Tänapäeval on kõige populaarsem programm Notepad++.
Liigume edasi varem loodud kataloogi C:\localhost , mis salvestab kõik saidi dokumendid. Loome tekstifail ja nimetame seda index.html. Avame selle sisse tekstiredaktor ja lisage sellele järgmine kood:
Sisestage oma andmed:
html-kood sisaldab kahega vormi tekstiväljad. Nupu klõpsamisel saadetakse vormi andmed skripti display.php, nagu see on määratud action atribuudis.
Nüüd loome selle skripti, mis töötleb andmeid. Lisa kausta c:\localhost uus tekstifail. Nimetame selle ümber display.php-ks. Vaikimisi on php programmifailidel laiend .php. Nii et lisame faili display.php järgmise koodi:
Siin on juba html-i märgistuses PHP-koodi laigud. Silte kasutatakse PHP-avaldiste lisamiseks lehele, mille vahel on juhised PHP keel. AT php kood saame vormi andmed ja kuvame need lehel.
Iga PHP avaldis peab lõppema semikooloniga. AT sel juhul meil on kolm väljendit. Kaks neist saavad esitatud vormi andmed, näiteks $nimi = $_POST["eesnimi"]; .
$nimi on muutuja, millel on teatud väärtus. Kõigile PHP muutujatele eelneb märk $. Ja kuna lehel index.html olev vorm kasutab esitamiseks POST-meetodit, saame kasutada avaldist $_POST["eesnimi"], et saada väärtus, mis sisestati tekstiväljale atribuudiga name="firstname" . Ja see väärtus satub muutujasse $name.
Kajalausega saate kuvada mis tahes väärtuse või teksti, mis on lehel lause järel. Sel juhul (kaja "Teie nimi: ".$nimi . " " . $perekonnanimi . "), ühendatakse tsiteeritud tekst punkti abil muutujate $nimi ja $perekonnanimi väärtustega ning kuvatakse lehel.
Nüüd pöördume aadressi minnes sisestusvormi poole http://localhost:8080:
Sisestage mõned andmed ja klõpsake nuppu Esita:
Niisiis, stsenaarium töötas meie jaoks display.php, mis võttis vastu ja kuvas lehel esitatud andmed.
Tuleb võtta ettevaatusabinõusid. Sest ressurss võib osutuda äärmiselt dünaamiliseks. See ja vaata, hammusta!
PHP ja HTML
Nüüd on need kaks distsipliini peaaegu omavahel seotud. Nende tandem on aluseks, millele on üles ehitatud enamiku Interneti "elu". Loomulikult kasutatakse koos html-iga ka teisi serveripoolseid keeli (Perl, ASP.NET). Kuid nende levimus World Wide Webis on PHP-ga võrreldes puhtalt episoodiline.
Statistika järgi on enamiku Interneti-ressursside arhitektuur üles ehitatud php ja html baasil.
Paljudele algajatele tundub nende tehnoloogiate vaheline seos arusaamatu. Ühelt poolt staatiline html , mida tõlgendavad kliendi poolel olevad brauserid. Teisest küljest on see programmeerimiskeel, mida töödeldakse serveris. Seetõttu anname enne php-s saidi nullist kirjutamist lihtsa näite nende kahe tehnoloogia koostoimest:
- Loome uue php laiendiga faili;
- Paneme sinna järgmise koodi:
- Salvestage fail asukohta kohalik server ja avage see brauseris. Seejärel klõpsake hiire paremat nuppu ja kontekstimenüü vali üksus" Vaade html lehekülgi ».
Nagu näete ekraanipildil, joonei kuvata lehe html-koodis. Nii brauseris kui koodis on näha ainult tagastatud kuupäev ja kellaaeg. See tähendab, et skripti töödeldi serveri poolel. Seetõttu erineb saidi loomine php-s põhimõtteliselt lihtsate html-lehtede kirjutamisest.
Dünaamiline sait
Tänapäeval on kahte peamist tüüpi veebisaite:
- Staatiline – loodud ainult sisse html põhine. Sellised saidid ei muuda oma sisu vastuseks kasutaja tegevusele. Loomulikult võib staatiline ressurss reageerida sündmustele ja kasutaja toimingutele. Kuid lehe dünaamilisuse kliendipoolsel rakendamisel on kitsas ulatus, mida piiravad Java Scripti võimalused.
Java Scripti kood töötab kliendipoolses brauseris.
- Dünaamilised - võimelised muutma nende olekut ja sisu - dünaamiliste saitide html-lehed moodustatakse käigult koodi täitmise ajal vastuseks kasutaja päringule, mille ta brauserist serverisse saadab. Kõige sagedamini toimub lehe genereerimine serveri poolel php-s kirjutatud koodi abil.
Dünaamiline php-sait koosneb järgmistest failidest:
- index.php on peamine projektifail;
- Mallid – sisaldavad lehe kindla osa struktuuri ( korgid, kelder, põhikorpus);
- CSS-failid – salvestage kõik ressursi stiilide kirjeldused.
Lisaks võib saidiprojekt koosneda failidest, mis salvestavad php funktsioonide ja meetodite koodi. Ja lisada ka andmebaas.
Enamikus CMS-ides on serveri poolel dünaamiliselt genereeritud lehtede täitmise sisuallikaks andmebaas. Kõige sagedamini kasutatav andmebaas on MySQL.
Kuidas PHP-s veebisaiti kirjutada
Et mõista, kuidas sait php-s luuakse, kaaluge praktiline näide. Muidugi on suur osa sellest lihtsustatud, kuid säilib kogu töömehhanism ja loomise etapid.
Mul on järgmise struktuuri ja kujundusega html-sait:
Tema kood: