În această lecție săptămânală, screencast +, vom învăța cum să creați propriul nostru coș de cumpărături cu PHP și MySQL. Veți vedea că totul nu este atât de dificil cum pare.
Să începem cu structura de directoare:
- reset.css - puteți obține prin acest link
- style.css - fișierul nostru css pentru stilul de aspect HTML
- connection.php - fișier pentru conectarea la baza de date
- index.php - șablon de coș de cumpărături
- cart.php - un fișier care schimbă produsele în coș (adăugați, ștergeți)
- products.php - pagina de produse
Să începem cu html-ul de marcare și apoi cu designul său. Deschideți index.php și copiați / inserați codul:
După cum puteți vedea, pagina noastră are două coloane: coloana principală și bara laterală. Acum du-te la CSS. Deschideți fișierul style.css și scrieți codul:
Iată cum arată acum pagina noastră de produse:
Full screencast
Înainte de a trece la partea PHP / MySQL, trebuie să creați o bază de date. Deschideți phpMyadmin și urmați acești pași:
- Faceți clic pe fila Privilegii. faceți clic pe butonul de adăugare a unui nou utilizator și configurați: Nume utilizator. tutorial; Gazdă. localhost; Parola. supersecretpassword. Asigurați-vă că sunt setate privilegiile globale; apoi treceți la pasul următor.
- Creați o nouă bază de date numită tutoriale.
- Creați un tabel nou produse, și setați numărul de câmpuri 4. Acum completați în aceste domenii ca: id_integer - asigurați-vă că este setat la INT, și marcați-o ca primar (setat, de asemenea, la auto_increment); nume - va fi un VARCHAR de lungime 100; descriere - VARCHAR lungime 250; preț - valoarea DECIMAL (2,6)
- Completați tabelul cu câteva exemple de produse.
Pentru a economisi timp, mi-am exportat tabelul, astfel încât purtați pur și simplu următoarea interogare:
Înainte de extragerea datelor din baza de date, voi face un șablon index.php pentru lista de produse și coșul de reciclare. Deci, adăugați următorul cod în partea de sus a paginii index.php.
Pentru aceasta trebuie să includeți un fișier; adăugați această linie la index.php între div cu id "principal":
Acum avem index.php complet.
Să creăm o conexiune cu MySQL. Deschideți conexiunile.php și scrieți următoarele:
Să atribuim un marcaj pentru pagina de produse. Deschideți-l și introduceți următoarele:
Să ne uităm la pagină:
După cum puteți vedea, este destul de urât. Să adăugăm acest CSS.
Bine: o altă problemă:
Arată mult mai bine, nu-i așa? Mai jos este codul complet stil.css.
Înainte de extragerea produsului din baza de date, să eliminăm ultimele două linii din tabelul nostru (au fost necesare numai pentru a vedea cum va arăta). Ștergeți aceasta:
Excelent! Acum, în locul unde erau rândurile mesei, introduceți următorul cod PHP:
- Deci, mai întâi folosim SELECT pentru a extrage produsele, apoi treceți fiecare linie din baza de date și traduceți-o la pagina din rândul tabelului.
- Vedeți că ancora se referă la aceeași pagină (când utilizatorul selectează produsul adăugând la coș / sesiune). Transmitem câteva variabile suplimentare, cum ar fi id-ul produsului.
Dacă specificați una dintre legăturile pe care doriți să le adăugați în coș, în partea de jos a paginii veți vedea că acesta a fost transferat.
Să facem o ancoră prin adăugarea următorului cod în partea de sus a paginii noastre:
- Dacă variabila GET, numită acțiune, este setată și valoarea acesteia este ADD, executăm codul.
- Ne asigurăm că idul trecut prin variabila GET este un număr întreg
- Dacă id-ul produsului este în coșul SESSION, pur și simplu creștem numărul lui cu 1
- Dacă id-ul nu este în sesiune, trebuie să ne asigurăm că ID-ul trecut prin variabila GET există în baza de date. Dacă da, percepem prețul și creăm o sesiune. Dacă nu este cazul, setăm variabila cu mesajul de nume, care va conține eroarea noastră.
Să verificăm dacă această variabilă este setată la un mesaj și să o apelați pe pagină (introduceți acest cod sub antetul paginii H1):
Aici este pagina completă a produselor.php.
Iată mesajul de eroare dacă id-ul este nevalid
Să revenim la index.php și să atribuim o bara laterală. Adăugați următorul cod:
- În primul rând, verificăm dacă sesiunea de coș este instalată. Dacă nu, afișăm un mesaj, avertizând utilizatorul că coșul este gol.
- Apoi vom crea mysql SELECT, dar vom selecta numai acele produse care sunt prezente în această sesiune. Pentru aceasta, folosim funcția foreach. Deci, trecem prin buclă și adăugăm ID-ul produsului la SELECT. Apoi vom folosi funcția substr pentru a elimina ultima virgulă din SELECT.
- În final, afișăm datele în browser.
Uită-te la imaginea de mai jos:
Deoarece index.php este un șablon pentru toate fișierele, bara laterală va fi, de asemenea, vizibilă în cart.php. Nu e misto.
În cele din urmă, deschideți cart.php și introduceți codul:
Este similar codului din index.php și products.php, așa că nu voi mai explica totul. Ați observat că cantitatea este afișată nu în formă, ci în câmpul de introducere (pentru a putea schimba cantitatea). În plus, tabelul este inclus într-o etichetă de formular. Pentru a obține costul total al elementelor, înmultim cantitatea unui anumit produs (din sesiune) id cu prețul acestuia. Aceasta se repetă în fiecare ciclu.
NOTĂ: intrarea este o matrice, cheia este id-ul produsului, iar cantitatea este valoarea cantității.
În cele din urmă, trebuie să punem formularul la muncă. Deci, adăugați acest cod în partea superioară a paginii cart.php.
- Mai întâi verificăm dacă a fost furnizat formularul. Dacă a existat o valoare de intrare de zero, am anula această sesiune.
- Dacă ar exista altă valoare, în loc să specificăm cantitatea.
Aici este completat cart.php
