În cele două articole anterioare ale acestei serii, am explicat cum să configurați Netbeans într-o distribuție desktop Linux ca IDE pentru a dezvolta aplicații web. Apoi am continuat să adăugăm două componente de bază, jQuery și Bootstrap, pentru a face paginile dvs. prietenoase pentru dispozitive mobile și receptive.
Deoarece rareori vă veți ocupa de conținut static ca dezvoltator, acum vom adăuga funcționalitate dinamică la pagina de bază pe care am configurat-o în Partea 2. Pentru început, să enumerăm cerințele preliminare și să le abordăm înainte de a merge mai departe.
Pentru a testa o aplicație dinamică în mașina noastră de dezvoltare înainte de a o implementa pe un server LAMP, va trebui să instalăm câteva pachete.
Din moment ce folosim un Ubuntu desktop pentru a scrie această serie, presupunem că contul dvs. de utilizator a fost deja adăugat la
sudoeri fișier și a acordat permisiunile necesare.Vă rugăm să rețineți că în timpul instalării vi se poate solicita să introduceți o parolă pentru utilizatorul root MySQL. Asigurați-vă că alegeți o parolă puternică și apoi continuați.
Ubuntu și derivate (și pentru alte Distribuții bazate pe Debian):
$ sudo apt update && sudo apt install apache2 php php-common php-mysql mysql-server filezilla.
Fedora / CentOS / RHEL si de asemenea pentru altele Distribuții bazate pe RHEL):
$ sudo yum update && sudo yum install httpd php php-common php-mysql mysql-server filezilla.
Când instalarea este completă, se recomandă insistent să rulați mysql_secure_installation
comandă pentru a vă securiza serverul de baze de date.
$ sudo mysql_secure_installation.
Vi se vor solicita următoarele informații:
Pentru a crea o bază de date eșantion și a încărca câteva date de testare, conectați-vă la serverul dvs. DB:
$ sudo mysql -u root -p.
Vi se va solicita să introduceți parola pentru utilizatorul root MySQL.
La promptul MySQL, tastați
CREAȚI BAZĂ DE DATE tecmint_db;
și apăsați introduce:
Acum să creăm un tabel:
USE tecmint_db; CREATE TABLE articles_tbl( Id INT NOT NULL AUTO_INCREMENT, Titlu VARCHAR(100) NOT NULL, Author VARCHAR(40) NOT NULL, SubmissionDate TIMESTAMP DEFAULT CURRENT_TIMESTAMP, PRIMARY KEY ( Id ) );
și completați-l cu date eșantion:
INSERT INTO articles_tbl (Titlu, Autor) VALUES („Instalarea Filezilla în CentOS 7”, „Gabriel Canepa”), („Cum se configurează un server LAMP în Debian”, „Dave Null”), („Activarea depozitului EPEL în CentOS 6”, „John Căprioară');
De cand Netbeans, în mod implicit, stochează proiecte în directorul de pornire al utilizatorului curent, va trebui să adăugați legături simbolice care indică acea locație. De exemplu,
$ sudo ln -s /home/ubuntu/NetBeansProjects/TecmintTest/public_html /var/www/html/TecmintTest.
va adăuga o legătură soft numită TecminTest care indică /home/gabriel/NetBeansProjects/TecmintTest/public_html
.
Din acest motiv, atunci când îndreptați browserul către http://localhost/TecmintTest/, veți vedea de fapt aplicația în care am configurat-o Partea 2:
Deoarece puteți configura cu ușurință un FTP și server web cu instrucțiunile furnizate în Partea 9 – Instalați și configurați FTP și server web securizat din seria RHCSA din Tecmint, nu le vom repeta aici. Vă rugăm să consultați acel ghid înainte de a continua.
Probabil veți crede că nu putem face mare lucru cu exemplele de date pe care le-am adăugat la baza noastră de date mai devreme și aveți dreptate, dar va fi suficient să înveți elementele de bază ale încorporării codului PHP și rezultatele interogărilor la o bază de date MySQL în paginile tale HTML5.
În primul rând, va trebui să schimbăm extensia documentului principal al aplicației noastre la .php
in loc de html:
# mv /var/www/html/TecmintTest/index.html /var/www/html/TecmintTest/index.php.
Apoi, să deschidem proiectul în Netbeans și să începem să facem câteva modificări.
1. Adăugați un folder la proiectul numit include unde vom stoca aplicațiile php backend.
2. Creați un fișier numit dbconnection.php
interior include si introduceti cu urmatorul cod:
php $host = „localhost”; $username = „rădăcină”; $parolă = „MyFancyP4ssw0rd”; $database = „tecmint_db”; //Stabiliți o conexiune cu serverul MySQL $mysqli = new mysqli($gazdă, $nume utilizator, $parolă,$bază de date); /* Verificați starea conexiunii. Ieșire în caz de erori. */ if (mysqli_connect_errno()) { printf("Conexiune a eșuat: %s\n", mysqli_connect_error()); Ieșire(); } $mysqli -> query("SET character_set_results = 'utf8', character_set_client = 'utf8', character_set_connection = 'utf8', character_set_database = 'utf8', character_set_server = 'utf8'"); $records = array(); $query = "SELECTARE Titlu, Autor, Data trimiterii FROM articole_tbl;"; $rezultat = $mysqli->query($query) sau die($mysqli->error); $date = array(); while ( $row = $result->fetch_assoc() ){ $data[] = json_encode($row); } echo json_encode($date);
după cum este indicat în imaginea următoare:
Acest fișier va fi folosit pentru a vă conecta la serverul bazei de date, pentru a-l interoga și pentru a returna rezultatele acea interogare într-un șir asemănător JSON să fie consumată de aplicația frontend cu o ușoară modificare.
Rețineți că, de obicei, veți folosi fișiere separate pentru a efectua fiecare dintre aceste operațiuni, dar am ales să includem toate acele funcționalități într-un singur fișier, de dragul simplității.
3. În index.php
, adăugați următorul fragment chiar sub deschidere corp etichetă. Acesta este modul jQuery de a apela o aplicație PHP externă pe web document este gata, sau cu alte cuvinte, de fiecare dată când se încarcă:
4. Acum, adăugați un id unic (la fel ca în bucla for de mai sus) la fiecare linie din div cu o clasă rând la fundul index.php:
TitluriAutoriiPublicat pe:
Dacă faceți clic acum Rulați proiectul, ar trebui să vezi asta:
Aceasta este în esență aceeași cu informațiile returnate când am rulat interogarea de la promptul clientului nostru MySQL mai devreme.
Lansa Filezilla de la Dash meniu și introduceți IP a serverului FTP la distanță și a acreditărilor dvs. Apoi apasa Conectare rapidă pentru a se conecta la FTP Server:
Navigheaza catre /home/gabriel/NetBeansProjects/TecmintTest/public_html/, selectați conținutul acestuia, faceți clic dreapta pe el și selectați Încărcați.
Acest lucru, desigur, presupune că utilizatorul de la distanță a indicat în Nume de utilizator trebuie să scrie permisiuni în directorul de la distanță. Când încărcarea este finalizată, îndreptați browserul către locația dorită și ar trebui să vedeți aceeași pagină ca înainte (vă rugăm să rețineți că noi nu ați configurat baza de date locală MySQL la gazda de la distanță, dar puteți face acest lucru cu ușurință urmând pașii de la începutul acestui tutorial).
În acest articol, am adăugat funcționalitate dinamică aplicației noastre web folosind jQuery si putin JavaScript. Vă puteți adresa oficialului jQuery docs pentru mai multe informații, care vă vor fi de mare ajutor dacă vă decideți să scrieți aplicații mai complexe. În încheiere, am implementat și aplicația noastră pe o telecomandă LAMPĂ server folosind un FTP client.
Suntem încântați să auzim părerea dumneavoastră despre acest articol – nu ezitați să ne contactați folosind formularul de mai jos.