Să mergem la fișierul index.php, chiar în partea superioară a fișierului, înainte de toate etichetele HTML pe care le adăugăm inserarea PHP:
Comanda requ_once conectează un fișier extern la index.php. Puteți apela funcțiile din fișierul lib.php.Fayl lib.php este fundamentală pentru crearea de PHP-cod, și va fi înregistrată în concluzie fayleindex.php funcțiilor gata făcute.
Să mergem mai jos și să găsim etichetele div pentru a forma zona albă. În interiorul etichetei cu foaia de identificare2 adăugăm o inserare PHP:
Am înregistrat funcția de apel makeOpisan (), care va crea un fișier în interiorul funcției lib.php.Eta va efectua achiziția de date - descrierea produsului din baza de date, și a le afișa pe pagina. Cu alte cuvinte, în loc de a numi această funcție, se va introduce un fragment mare de etichete cu text.
Să trecem la fișierul: lib.php și să adăugăm următorul cod:
Creați funcția makeOpisan ():
// Constante pentru conectarea la baza de date
// Funcție pentru crearea unei descrieri a mărfurilor
Vom forma o interogare în baza de date.
Am făcut deja o acțiune similară în fișierul tovar.php. Funcția runMySQL () are codul necesar. Copiați și inserați acest fragment în makeOpisan () funcția. Apoi scoateți șirurile inutile de acolo și inserați conexiunea constantă la baza de date. Rezultatul este următorul cod (a se vedea Figura 8.21):
Rețineți că acum, în loc de valori explicite pentru conectarea la baza de date, există constante din liniile cu comanda define ():
// Funcție pentru crearea unei descrieri a mărfurilor
// Dacă conexiunea are succes
// Selectați baza de date cu o verificare de selecție reușită
// Specificați utilizarea codării UTF-8
mysql_query ("SET nume 'utf8'", $ db);
// În acest moment va fi adăugat codul.
// Deconectați-vă de MySQL
Acest cod de program se conectează la MySQL, selectează baza de date, stabilește codarea UTF-8 și apoi se deconectează. După instalarea codării UTF-8, vom adăuga codul programului pentru a extrage descrierea bunurilor din baza de date și a le afișa pe pagină:
$ rez = mysql_query ("SELECT * FROM opisan", $ db);
// Căutăm prin zece rânduri rezultatul cererii
// Obțineți următoarea linie din interogare
// Adăugați la sfârșitul liniei
$ out_page. = "
“.// Afișați în pagina browserului
Să vedem rezultatul în browser (vezi Figura 8.22):
A fost un text cu descrierea bunurilor. Luați în considerare codul programului:
$ rez = mysql_query ("SELECT * FROM opisan", $ db);
Această linie execută o solicitare de preluare a datelor din tabelul opisan, rezultatul intră în variabila $ rez Rezultatul interogării este de zece linii - toate rândurile din tabelul theopisan:
Variabila $ out_page va conține un set de etichete cu o descriere a textului care va fi afișat pe pagină:
// Căutăm prin zece rânduri rezultatul cererii
// Obțineți următoarea linie din interogare
Bucla execută zece pași, deoarece rândurile din tabel sunt exact zece!
// Obțineți următoarea linie din interogare
La fiecare pas al ciclului, următorul rând din variabila $ row va fi extras din rezultatul $ rez.
Din linia primim valoarea câmpului: naim și txt, numerele lor fiind respectiv 1 și 2, numerotarea coloanelor este de la zero.
// Adăugați la sfârșitul liniei
$ out_page. = "
“.O nouă piesă de date este adăugată la sfârșitul liniei. În loc de variabilele inserate în paranteze curbate: și, valorile lor vor fi înlocuite - acesta este numele produsului și descrierea acestuia. Rândurile sunt adăugate prin adăugarea de linii prin punctul operator (.).
Eticheta h1 este titlul. Textul antetului este afișat ca text simplu, cu trecerea la linia următoare. Motorul de căutare distinge etichetele antetului de alte etichete, așadar este mai bine să includeți astfel de informații în aceste etichete. În final există o etichetă
- aceasta este o pauză de linie pentru a face o indentare suplimentară între descrieri. Rețineți că etichetele h1 și div au atașate atributele de clasă, acest lucru fiind făcut pentru utilizarea în CSS. Dacă citatele sunt în interiorul citatelor duble, atunci trebuie să utilizați citate simple!
După buclă pentru:
// Afișați în pagina browserului
valoarea variabilei $ out_page este afișată în pagina browserului.
Deschideți codul HTML pentru a derula în jos și pentru a găsi eticheta div cu fișa de identificare2:
Uită-te la fragmentul de cod care merge mai departe (a se vedea Figura 8.24):
Acest cod este generat din funcția PHP makeOpisan ().
Dacă am creat pagina doar folosind HTML, fără a utiliza PHP, atunci acest fragment mare ar trebui să fie plasat pe pagină, în interiorul etichetelor HTML!
Ultimul lucru rămas este de a da aspectul descrierii mărfurilor. Pentru aceasta, mergeți la fișierul puh.css și, în partea de jos, adăugați două selectori la clasă cu următoarele proprietăți:
/ * Fragment cu textul descrierii produsului * /
font-familie: verdana, arial, serif;
Să vedem rezultatul în browser (vezi Figura 8.25):
Ca rezultat, am avut aspectul descrierii mărfurilor, ca și pe eșantion.
Să discutăm mai detaliat codul CSS. Selectorul de clasă este indicat prin punctul operator (.):
Spre deosebire de selectorul de identificare, selectorul de clasă poate fi aplicat unui întreg grup de etichete. În acest caz, primim zece etichete: div și h1. Proprietățile CSS specificate determină aspectul textului, multe proprietăți fiind deja cunoscute.
Proprietatea spațiu alb cu valoarea normală indică faptul că cuvintele textului vor fi mutate în linia următoare. Cu această proprietate, puteți împiedica transferul cuvintelor dacă setați valoarea de acum:
justify-aliniază textul la lățimea, pe marginea dreaptă și la stânga simultan.
font-familie: verdana, arial, serif;
Atunci când mai multe fonturi sunt enumerate prin virgule, apoi următorul font în ordine, browserul se va aplica dacă nu este acceptat cel care se află în lista din stânga.
Înălțimea liniei este intervalul dintre linii.
Textul se potrivește într-o zonă albă, a cărei lățime este de 550 de pixeli, dar are o indentare de 10 pixeli la stânga și la dreapta, astfel încât lățimea textului este de 530 de pixeli.
Proprietatea de decorare text vă permite să faceți text, de exemplu, subliniat sau dezactivat sublinierea.
Proprietatea de culoare specifică culoarea textului.
Proprietatea font-size specifică dimensiunea textului.
Proprietatea în stil de font specifică înclinația textului.
Proprietatea font-weight determină greutatea textului.
Aceasta completează crearea secțiunii cu descrierea bunurilor!
Rezultatul activității: În această lecție, vom: • crea și popula o descriere tabel de date a mărfurilor; • înființat meniul principal al site-ului; • format o secțiune a descrierii mărfurilor, pe baza datelor din baza de date MySQL.
Lecția 9 "Crearea părții stângi și drepte a paginii"
În această lecție, organizăm tranziția prin elementele de meniu: - creați o parte din stânga cu informații despre secțiunile site-ului; - creați partea dreaptă cu inserarea Flash.
În clasele anterioare am creat cadrul principal al site-ului nostru, meniul și secțiunea de descriere a bunurilor. În această lecție, vom continua să lucrăm la magazinul nostru online, aspectul și funcționalitatea acestuia. Iată ce ar trebui să adăugăm:
Pentru a rezolva sarcinile, avem nevoie de:
· Cinci noi imagini;
· Film Flash pentru locația din partea dreaptă a paginii;
· Un fișier text cu etichete pentru inserarea unui film Flash.
Aceste etichete pe care le vom folosi când lucrăm cu Flash-movie.
Ultimul fișier shar.swf este un film Flash care va fi introdus în partea dreaptă a paginii (vezi Figura 9.1)
Articole similare
Trimiteți-le prietenilor: