Top Banner
Curs 6 2018/2019
111

Curs 6 2018/2019

Oct 16, 2021

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Curs 6 2018/2019

Curs 6 2018/2019

Page 2: Curs 6 2018/2019
Page 3: Curs 6 2018/2019

Programarea aplicațiilor web

An V RC

▪ 2C/1L/1P

Page 4: Curs 6 2018/2019

An V

33% E

66% Aplicatii

▪ 33% L (0%)

▪ 33% P (66%)

Page 6: Curs 6 2018/2019

I. HTML si XHTML (recapitulare) 1 oră

II CSS 2 ore

III Baze de date, punct de vedere practic 1 oră

IV Limbajul de interogare SQL 4 ore

V PHP - HyperText Preprocessor 8 ore

VI XML - Extended Mark-up Language si aplicatii 4 ore

VII Conlucrare intre PHP/MySql, PHP/XML, Javascript/HTML 2 ore

VIII Exemple de aplicatii 6 ore

Total 28 ore

6

Page 7: Curs 6 2018/2019

http://rf-opto.etti.tuiasi.ro/master_it.php Laborator 2011-2012

Exercitii/Performanta MySql

optional

7

Page 8: Curs 6 2018/2019

Capitolul II

8

Page 9: Curs 6 2018/2019

Orientat in jurul conceptului de “cutie” – Box model

9

Page 10: Curs 6 2018/2019

10

Page 11: Curs 6 2018/2019

Hypertext PreProcessor

11

Page 12: Curs 6 2018/2019

<?php … ?>

stil XML – impicit, disponibil intotdeauna, recomandat

<? … ?>

scurt, este de obicei dezactivat

lipsa in PHP 7

<script language=“php”> … </script>

stil script, disponibil

<% … %>

stil ASP, de obicei dezactivat

lipsa in PHP 7 12

Page 13: Curs 6 2018/2019

echo …. afiseaza un text la “iesire” (echivalent cu printf() din C)

poate realiza procesarea datelor in exemplu se trimite spre iesire un sir static

(echivalent cu puts() din C) “iesire” in marea majoritate a cazurilor

reprezinta datele trimise clientului de server-ul web

"iesire" poate fi considerata de obicei: documentul curent

pozitia curenta 13

Page 14: Curs 6 2018/2019

Toate variantele ofera aceeasi sursa HTML pentru browser

E recomandata cea care lasa structura HTML nemodificata si doar datele dinamice sunt rezultatul procesarii

Codul HTML + PHP e interpretat mult mai elegant in editoarele WYSIWYG

<h2>Rezultate comanda</h2> <?php echo '<p>Comanda receptionata</p>';?>

<h2>Rezultate comanda</h2> <p><?php echo 'Comanda receptionata';?></p>

<?php echo '<h1>Magazin online XXX SRL</h1>';?> <?php echo '<h2>Rezultate comanda</h2>';?> <?php echo '<p>Comanda receptionata</p>';?>

<?php echo '<h1>Magazin online XXX SRL</h1>‘; echo '<h2>Rezultate comanda</h2>'; echo '<p>Comanda receptionata</p>'; ?>

14

Page 15: Curs 6 2018/2019

declararea variabilelor nu e necesara decat cand se declara un domeniu de definitie (variabile globale)

global $a, $b; $c=$a+$b;

eliberarea memoriei nu este necesara, se face automat la terminarea executiei

15

Page 16: Curs 6 2018/2019

Controlul variabilelor se face automat, “on the fly”

Daca $var nu era definita anterior, in urma atribuirii se defineste de tipul dat de rezultatul expresiei

Daca $var era definita, de un anumit tip (oarecare), in urma atribuirii devine de tipul dat de rezultatul expresiei

La finalizarea executiei script-ului se elimina variabila din memorie (automat)

$var = expresie

16

Page 17: Curs 6 2018/2019

tipul de date este in totalitate dependent de ceea ce se stocheaza

PHP reactualizeaza tipul pentru a putea primi ceea ce se stocheaza

<?php echo $variabila ; // tip Null, neinitializat – valoare NULL (doar) $variabila = "0"; // $variabila tip string (ASCII 48) $variabila += 2; // $variabila tip integer (2) $variabila = $variabila + 1.3; // $variabila tip float (3.3) $variabila = 5 + "10 obiecte"; // $variabila tip integer (15) $var2=5; // $var2 tip integer (5) $variabila=$var2."10 obiecte"; // $variabila tip string “510 obiecte” ?>

17

Page 18: Curs 6 2018/2019

<form action="rezultat.php" method="post">

<p>Comanda receptionata la data: <?php echo date('d/m/Y')." ora ".date('H:i');?></p>

<body> <h1>Magazin online XXX SRL</h1> <h2>Rezultate comanda</h2> <p>Comanda receptionata la data: 10/03/2010 ora 13:36</p> </body>

18

Page 19: Curs 6 2018/2019

19

Page 20: Curs 6 2018/2019

Sa se continue magazinul virtual:

pentru usurinta modificarilor ulterioare aplicatia lucreaza cu matrici

sa prezinte utilizatorului o lista de produse si preturi

lista de produse si preturi se citeste dintr-un fisier

se preia comanda si se calculeaza suma totala

Optional

se creaza o pagina prin care vanzatorul poate modifica preturile si produsele 20

Page 21: Curs 6 2018/2019

1. Se introduce in surse facilitatea template (S61) 2. Se modifica sursele pentru lucru cu matrici

(S101) 3. Se modifica sursele pentru a citi datele de pe

disc anterior se creaza fisierul text sau:

o singura data se salveaza datele (S116) 4. Optional: Se creaza o pagina care sa permita

modificarea fisierului numai pret/descriere, fara adaugare/schimbare

produse

21

Page 22: Curs 6 2018/2019

produse

carte

descr mai multe

pagini scrise

pret 100

cant 0

caiet

descr mai multe

pagini goale

pret 50

cant 0

... ...

22

exemplu de grupare

Page 23: Curs 6 2018/2019

23

Page 24: Curs 6 2018/2019

design?

in aplicatiile web forma este importanta

nu trebuie sa fie inovativa ci familiara

“Don’t make me think!”

capacitatea de extindere?

mai multe produse

schimbare de pret

24

Page 25: Curs 6 2018/2019

<html> <head> <title>Magazin online Firma X SRL</title> </head> <body bgcolor="#CCFFFF"><?php define('PRET_CARTE',100); define('PRET_CAIET',50); define('PRET_PENAR',150); define('PRET_STILOU',125); define('PRET_CREION',25); //orice cod comun PHP ?><table width="600" border="0" align="center"> <tr><td><img src="images/antet.gif" width="600" height="100" /></td></tr> <tr><td height="600" valign="top" bgcolor="#FFFFCC"> <h1>Magazin online Firma X SRL</h1>

</td></tr> </table> </body> </html>

<?php require('antet.php');?> <h2>Lista Produse</h2> <table border="1"> … </table>

<?php require('subsol.php');?>

antet.php subsol.php

25

*.php

Page 26: Curs 6 2018/2019

sectiunile repetabile pot fi mutate intr-un fisier separat si introduse cu require()

se identifica zonele comune

<html> <head> <title>Magazin online Firma X SRL</title> </head> <body bgcolor="#CCFFFF"> <table width="600" border="0" align="center"> <tr><td><img src="images/antet.gif" width="600" height="100" /></td></tr> <tr><td height="600" valign="top" bgcolor="#FFFFCC"> Continut </td></tr> </table> </body> </html>

26

Page 27: Curs 6 2018/2019

<html> <head> <title>Magazin online Firma X SRL</title> </head> <body bgcolor="#CCFFFF"><?php define('PRET_CARTE',100); //orice cod comun PHP ?><table width="600" border="0" align="center"> <tr><td><img src="images/antet.gif" width="600" height="100" /></td></tr> <tr><td height="600" valign="top" bgcolor="#FFFFCC"> <h1>Magazin online Firma X SRL</h1>

</td></tr> </table> </body> </html>

antet.php subsol.php

27

<?php require('antet.php');?> <h2>Lista Produse</h2> <table border="1"> … </table>

<?php require('subsol.php');?>

*.php

Page 28: Curs 6 2018/2019

antet.php orice cod de structura (HTML) comun orice cod de aplicatie comun (PHP) – aproape toate

paginile dintr-o aplicatie au nevoie de: ▪ acces la date ▪ verificare drepturi de acces ▪ definitii constante ▪ definire/incarcare date din sesiunea de lucru ($_SESSION)

subsol.php orice cod de structura (HTML) comun orice cod de aplicatie comun (PHP) – de obicei mai

redus: ▪ salvare date in sesiunea de lucru ($_SESSION)

28

Page 29: Curs 6 2018/2019

29

Page 30: Curs 6 2018/2019

design?

in aplicatiile web forma este importanta

nu trebuie sa fie inovativa ci familiara

“Don’t make me think!”

capacitatea de extindere?

mai multe produse

schimbare de pret

30

Page 31: Curs 6 2018/2019

tabloul este tipul de variabila care asociaza valori unor chei

spre deosebire de C, Basic, cheile nu sunt obligatoriu numere intregi, pot fi si siruri

implicit cheile sunt intregi succesivi (pentru fiecare element adaugat) si primul element este 0.

definirea unei perechi cheie / valoare cheie => valoare

definirea unui tablou $matr = array(“definirea perechilor chei/valori”) pereche: cheie => valoare, …

31

Page 32: Curs 6 2018/2019

$tabl = array(cheie1 => valoare1, cheie2 => valoare2, cheie3 => valoare3)

32

$tabl

valoare1

valoare2

valoare3 cheie3

cheie1

cheie2

Page 33: Curs 6 2018/2019

In particular, una sau mai multe dintre din valori poate fi la randul ei tablou, ducand la ramificarea arborelui

$tabl = array(cheie1 => val_1, cheie2 => array(cheie2a => val_a, cheie2b => val_b, cheie2c => val_c), cheie3 => val_3)

33

$tabl

val_1

val_2

val_a

val_b

val_c val_3 cheie3

cheie1

cheie2

cheie2c

cheie2a

cheie2b

Page 34: Curs 6 2018/2019

foreach (array_expression as $key => $value) statement

foreach (array_expression as $value) statement

iterarea prin fiecare element al tabloului la fiecare element variabila declarata in

instructiune variabila locala $key ofera acces la cheia curenta iar variabila locala $value ofera acces la valoarea asociata

foreach() lucreaza cu o copie a tabloului deci tabloul original nu va fi modificat prin schimbarea continutului variabilelor $key si $value

34

Page 35: Curs 6 2018/2019

35

Page 36: Curs 6 2018/2019

Variabilele globale (predefinite) accesibile script-urilor PHP prin conlucrarea cu server-

ul Exemple:

▪ $_SERVER — Server and execution environment information ▪ $_GET — HTTP GET variables ▪ $_POST — HTTP POST variables ▪ $_FILES — HTTP File Upload variables ▪ $_REQUEST — HTTP Request variables ▪ $_SESSION — Session variables ▪ $_ENV — Environment variables ▪ $_COOKIE — HTTP Cookies

36

Page 37: Curs 6 2018/2019

Datele introduse de utilizator in forme se regasesc (in functie de metoda aleasa pentru forma) in una din variabilele: $_POST – method=“post” $_GET – method=“get” $_REQUEST – ambele metode

variabilele sunt tablouri cu cheia data de atributul name din forma HTML <input type="text" name="carti_cant" size="3"

maxlength="3" /> $_POST[‘carti_cant’] contine valoarea introdusa

37

Page 38: Curs 6 2018/2019

38

Page 39: Curs 6 2018/2019

In exemplul anterior utilizarea tablourilor va aduce urmatoarele avantaje:

codul va fi mai concis

codul va fi mai general (valabil si pentru 5 produse si pentru 1000)

scalabilitate crescuta (se pot adauga usor produse)

39

Page 40: Curs 6 2018/2019

fiecare produs e caracterizat de:

nume

pret

(eventual) descriere

cantitate comandata

putem folosi unul din atribute ca si cheie (numele in exemplu)

se poate controla (prin atributul name =“”) structura variabilei globale $_POST

40

Page 41: Curs 6 2018/2019

una din structurile posibile

se urmareste obtinerea unei structuri clare usor de modificat/adaugat date

usor de utilizat daca definitia se introduce in fisierul antet va fi

accesibila in toate fisierele individuale

$produse = array ( 'carte' => array ("descr" => "mai multe pagini scrise", "pret" => 100, "cant" => 0), 'caiet' => array ("descr" => "mai multe pagini goale", "pret" => 50, "cant" => 0), 'penar' => array ("descr" => "loc de depozitat instrumente", "pret" => 150, "cant" => 0), 'stilou' => array ("descr" => "instrument de scris albastru", "pret" => 125, "cant" => 0), 'creion' => array ("descr" => "instrument de scris gri", "pret" => 25, "cant" => 0) );

41

Page 42: Curs 6 2018/2019

produse

carte

descr mai multe

pagini scrise

pret 100

cant 0

caiet

descr mai multe

pagini goale

pret 50

cant 0

... ...

produse

0

nume carte

descr mai multe

pagini scrise

pret 100

cant 0

1

nume caiet

descr mai multe

pagini goale

pret 50

cant 0

... ...

42

Page 43: Curs 6 2018/2019

<?php define('PRET_CARTE',100); define('PRET_CAIET',50); define('PRET_PENAR',150); define('PRET_STILOU',125); define('PRET_CREION',25); ?><h1>Magazin online Firma X SRL</h1> <h2>Realizati comanda</h2> <form action="rezultat.php" method="post"> <table border="0"> <tr bgcolor="#cccccc"><td>Nr.</td><td width="150">Produs</td><td width="50">Pret</td><td width="15">Cantitate</td></tr> <tr><td>1</td><td>Carti</td><td align="center"><?php echo PRET_CARTE;?></td><td align="center"><input name="carte_cant" type="text" value="0" size="3" maxlength="3" /></td></tr> <tr><td>2</td><td>Caiete</td><td align="center"><?php echo PRET_CAIET;?></td><td align="center"><input name="caiet_cant" type="text" value="0" size="3" maxlength="3" /></td></tr> <tr><td>3</td><td>Penare</td><td align="center"><?php echo PRET_PENAR;?></td><td align="center"><input name="penar_cant" type="text" value="0" size="3" maxlength="3" /></td></tr> <tr><td>4</td><td>Stilouri</td><td align="center"><?php echo PRET_STILOU;?></td><td align="center"><input name="stilou_cant" type="text" value="0" size="3" maxlength="3" /></td></tr> <tr><td>5</td><td>Creioane</td><td align="center"><?php echo PRET_CREION;?></td><td align="center"><input name="creion_cant" type="text" value="0" size="3" maxlength="3" /></td></tr> <tr> <td colspan="4" align="center"><input type="submit" value="Trimite" /></td></tr> </table> </form> 43

Page 44: Curs 6 2018/2019

<?php require('antet.php');?> <h2>Lista Produse</h2> <table border="1"> <tr bgcolor="#cccccc"><td>Nr.</td><td width="150">Produs</td><td width="150">Descriere</td><td width="50">Pret</td></tr> <?php $index=1; foreach ($produse as $prod => $detalii) { echo "<tr><td>".$index."</td><td>".ucfirst(strtolower($prod))."</td><td>".$detalii['descr']."</td><td align=\"center\">".$detalii['pret']."</td></tr>"; $index++; } ?> <?php $index=1; foreach ($produse as $prod => $detalii) {?> <tr><td><?php echo $index;?></td><td><?php echo ucfirst(strtolower($prod));?></td><td><?php echo $detalii['descr'];?></td><td align="center"><?php echo $detalii['pret'];?></td></tr> <?php $index++; } ?> <tr><td colspan="4" align="center"><a href="formular.php">Comanda</a></td></tr></table> <?php require('subsol.php');?>

44

Page 45: Curs 6 2018/2019

45

Page 46: Curs 6 2018/2019

atributul name in forma devine cheie in tabloul global $_POST <input type="text" name="carti_cant" size="3"

maxlength="3" /> $_POST[‘carti_cant’] contine valoarea introdusa

realizand atributul name ca tablou, se obtine in $_POST un “subtablou” (ramificare locala a arborelui) care grupeaza elementele input <input type="text“ name="cant[carti]" size="3"

maxlength="3" /> $_POST [‘cant’] [‘carti’] contine valoarea introdusa

46

Page 47: Curs 6 2018/2019

realizand atributul name ca tablou, se obtine in $_POST un “subtablou” (ramificare locala a arborelui) care grupeaza elementele dorite <input type="text“ name="cant[carti]" size="3"

maxlength="3" /> $_POST [‘cant’] [‘carti’] contine valoarea introdusa

Este necesar pentru a grupa elementele similare pe care sa le prelucram la receptie cu foreach

$_POST contine si alte elemente pe care le dorim eventual tratate separat numele (name) si valoarea butonului "submit" apar in

$_POST de exemplu

47

Page 48: Curs 6 2018/2019

<?php require('antet.php');?> <h2>Realizati comanda</h2> <form action="rezultat.php" method="post"> <table border="0"> <tr bgcolor="#cccccc"><td>Nr.</td><td width="150">Produs</td><td width="50">Pret</td><td width="15">Cantitate</td></tr> <?php $index=1; foreach ($produse as $prod => $detalii) {?> <tr><td><?php echo $index;?></td><td><?php echo ucfirst(strtolower($prod));?></td><td align="center"><?php echo $detalii['pret'];?></td><td><input name="<?php echo "cant[".$prod."]";?>" type="text" value="0" size="3" maxlength="3" /></td></tr> <?php $index++; } ?> <tr><td colspan="4" align="center"><input type="submit" value="Trimite" /></td></tr> </table> </form> <?php require('subsol.php');?>

48

Page 49: Curs 6 2018/2019

49

Page 50: Curs 6 2018/2019

<?php require('antet.php');?> <h2>Rezultate comanda</h2> <p>Pret total (fara TVA): <?php $pret=0; $afis="";

foreach ($_POST['cant'] as $prod => $cant) { $pret += $cant*$produse[$prod]['pret']; $afis .= "+".$cant."x".$produse[$prod]['pret']; } echo $pret; ?> <p>Obtinut astfel: <?php echo $afis;?></p> <p>Pret total (cu TVA): <?php echo $pret*1.19;?></p> <p><?php

echo "<pre>"; print_r ($_POST); echo "</pre>"; ?> </p> <p>Comanda receptionata la data: <?php echo date('d/m/Y')." ora ".date('H:i');?></p> <?php require('subsol.php');?>

50

Page 51: Curs 6 2018/2019

51

Page 52: Curs 6 2018/2019

52

Page 53: Curs 6 2018/2019

53

Page 54: Curs 6 2018/2019

Pentru a oferi posibilitatea beneficiarului aplicatiei (vanzator) sa poata adauga/sterge/ modifica produse din interfata browser fara sa aiba cunostinte de programare

E necesar ca tabloul $produse sa fie creat in timpul rularii plecand de la un suport extern de date, accesibil pentru scriere vanzatorului

Ulterior se va implementa aplicatia ce utilizeaza baze de date – momentan se vor scrie datele pe disc

54

Page 55: Curs 6 2018/2019

pointer = fopen(cale,mod) deschide un fisier pentru operatii descrise de “mod”. Se returneaza un pointer spre fisier de tip resursa care va fi folosit la operatiile urmatoare

fwrite (pointer,date) – scrie datele in fisier (date – de tip string)

string = fread (pointer,cantitate) citeste “cantitate” octeti din fisier

$matr = file(cale) deschide fisierul identificat cu “cale” si citeste fiecare linie (incluzand \n) intr-un element distinct in matrice. $matr de tip array, matrice de siruri 55

Page 56: Curs 6 2018/2019

$produse = array ( 'carte' => array ("descr" => "mai multe pagini scrise legate", "pret" => 100, "cant" => 0), 'caiet' => array ("descr" => "mai multe pagini goale legate", "pret" => 50, "cant" => 0), 'penar' => array ("descr" => "loc de depozitat instrumente de scris", "pret" => 150, "cant" => 0), 'stilou' => array ("descr" => "instrument de scris albastru", "pret" => 125, "cant" => 0), 'creion' => array ("descr" => "instrument de scris gri", "pret" => 25, "cant" => 0) );

$handle = fopen("produse.txt", "wb"); foreach ($produse as $prod => $detalii) fwrite($handle,$prod."\t".$detalii['descr']."\t".$detalii['pret']."\t".$detalii['cant']."\r\n");

56

Page 57: Curs 6 2018/2019

crearea initiala se poate face prin modificarea o singura data a fisierului antet.php existent astfel incat sa scrie datele pe disc

$produse = array ( 'carte' => array ("descr" => "mai multe pagini scrise", "pret" => 100, "cant" => 0), 'caiet' => array ("descr" => "mai multe pagini goale", "pret" => 50, "cant" => 0), 'penar' => array ("descr" => "loc de depozitat instrumente", "pret" => 150, "cant" => 0), 'stilou' => array ("descr" => "instrument de scris albastru", "pret" => 125, "cant" => 0), 'creion' => array ("descr" => "instrument de scris gri", "pret" => 25, "cant" => 0) ); $handle = fopen("produse.txt", "wb"); foreach ($produse as $prod => $detalii) fwrite($handle,$prod."\t".$detalii['descr']."\t".$detalii['pret']."\t".$detalii['cant']."\r\n");

57

Page 58: Curs 6 2018/2019

$matr=file("produse.txt"); echo "<pre>"; print_r ($matr); echo "</pre>"; foreach ($matr as $linie) { $valori=explode("\t",$linie,4); $produse[$valori[0]]=array ("descr" => $valori[1], "pret" => $valori[2], "cant" => $valori[3]); }

58

Page 59: Curs 6 2018/2019

se pot utiliza si alte caractere pentru separare

esential: sa nu apara in date

TAB are efect vizual si in fisiere text

carte mai multe pagini scrise legate 100 0 caiet mai multe pagini goale legate 75 0 penar loc de depozitat instrumente de scris 150 0 stilou instrument de scris albastru 125 0 creion instrument de scris gri 25 0

59

Page 60: Curs 6 2018/2019

Structura datelor este total dependenta de algoritmul utilizat

Modificarile sunt dificil de realizat si implica schimbarea fisierului de date si schimbarea codului in intregime

Exemplu: gruparea elementelor pe categorii $produse[“produs”] = [“caract.”]

$produse[“categorie”][“produs”] = [“caract.”] index-ul suplimentar introdus transforma o

matrice bidimensionala in una tridimensionala dificil de implementat cu fisiere text (caract/linii – 2D)

60

Page 61: Curs 6 2018/2019

produse

carte

descr mai multe

pagini scrise

pret 100

cant 0

caiet

descr mai multe

pagini goale

pret 50

cant 0

... ...

adaugare nivel in “arbore”

produse

papetarie

carti …

caiete

hartie de scris

instrumente

creioane

stilouri

descr

pret

cant

marker

audio video

CD

DVD

Blue Ray …

61

Page 62: Curs 6 2018/2019

modificarea fisierului text cu introducerea categoriei ca prim parametru in fisier

carte mai multe pagini scrise legate 100 0 caiet mai multe pagini goale legate 75 0 penar loc de depozitat instrumente de scris 150 0 stilou instrument de scris albastru 125 0 papetarie carte mai multe pagini scrise legate 100 0 papetarie caiet mai multe pagini goale legate 75 0 instrumente penar loc de depozitat instrumente de scris 150 0 instrumente stilou instrument de scris albastru 125 0

62

Page 63: Curs 6 2018/2019

date redundante: numele categoriei apare listat pentru fiecare produs in parte

sensibilitate la erori si nevoie de precizie in realizarea fisierului numele categoriei trebuie scris exact de fiecare data o mica greseala (“instrument” in loc de “instrumente”)

are ca efect crearea unei categorii suplimentare Daca numarul de produse e mare schimbarea e

dificil de realizat manual, si complicat de realizat prin cod

Produsele care nu apartin nici unei categorii nu vor putea fi diferentiate

63

Page 64: Curs 6 2018/2019

Codul ramane in mare parte acelasi Cateva modificari sunt necesare

$matr=file("produse.txt"); foreach ($matr as $linie) { $valori=explode("\t",$linie,4); $produse[$valori[0]]=array ("descr" => $valori[1], "pret" => $valori[2], "cant" => $valori[3]); }

$matr=file("produse.txt"); foreach ($matr as $linie) { $valori=explode("\t",$linie,5); $produse[$valori[0]] [$valori[1]]=array ("descr" => $valori[2], "pret" => $valori[3], "cant" => $valori[4]); } 64

Page 65: Curs 6 2018/2019

Utilizare, cu doua bucle foreach $index=1; foreach ($produse as $prod => $detalii) //primul indice in $produse imi da produsul {?> <tr><td><?php echo $index;?></td><td><?php echo ucfirst(strtolower($prod));?></td><td><?php echo $detalii['descr'];?></td><td align="center"><?php echo $detalii['pret'];?></td></tr> <?php $index++; }

$index=1; foreach ($produse as $categ => $lista_categ) //primul indice in $produse imi da categoria foreach ($lista_categ as $prod => $detalii) //al doilea indice in $produse imi da produsul //din categoria stabilita cu primul indice {?> <tr><td><?php echo $index;?></td><td><?php echo $categ;?></td><td><?php echo ucfirst(strtolower($prod));?></td><td><?php echo $detalii['descr'];?></td><td align="center"><?php echo $detalii['pret'];?></td></tr> <?php $index++; }

65

Page 66: Curs 6 2018/2019

66

Page 67: Curs 6 2018/2019

structura tip “arbore”

produse

papetarie

carti

caiete

hartie de scris

instrumente

creioane

stilouri

x

y

z

marker

audio video

CD

DVD

Blue Ray

1

2

3 etc.

67

Page 68: Curs 6 2018/2019

68

Page 69: Curs 6 2018/2019

XML - eXtensible Markup Language O forma a SGML - Standard Generalized

Markup Language (ISO 8879:1986 SGML) O metoda de a descrie structura si

importanta datelor si continutul lor fara a da indicatii despre afisare

XSLT - XSL Transformations (Extensible Stylesheet Language) limbaj de conversie a XML in alte tipuri de documente XML cu sau fara reprezentare grafica 69

Page 70: Curs 6 2018/2019

XML

proiectat pentru a descrie datele

orientat spre continutul datelor respective

o metoda de a transmite informatiile independent de platforma si hardware

HTML/XHTML

proiectat pentru a afisa datele

orientat spre forma pe un ecran a datelor respective

o metoda de a afisa uniform datele indiferent de platforma si hardware

70

Page 71: Curs 6 2018/2019

In conceptie asemanator cu XHTML etichete XHTML (“tag” - EN)

elemente XML (“element” - EN) descrise de etichete (“tag” - EN)

Elementele XML accepta atribute (similar XHTML) Conceptele de scriere a documentului similar XHTML Diferenta majora: HTML – etichetele si atributele sunt predefinite si

orientate spre modalitatea de afisare a datelor

XML – etichetele de identificare a elementelor si atributele sunt la latitudinea creatorului documentului, introducand structura in date

71

Page 72: Curs 6 2018/2019

<element1 atribut1 = "valoare" ... >

<element2 atribut2 = "valoare">

▪ <element3>...</element3>

▪ ...

</element2>

...

</element1> ... <element1> </element1> 72

Page 73: Curs 6 2018/2019

structura tip “arbore”

element1

element2

element3

element3

element3

element2

element3

element3

x

y

z

… element3

element2

element3

element3

element3

1

2

3 etc.

73

Page 74: Curs 6 2018/2019

<?xml version="1.0" encoding="utf-8"?> <gallery titlu="Photomagic" thumbDir="./fotografii/thumbnails/" imageDir="./fotografii/”> <category nume="VIATA"> <image> <desc>curiozitate</desc> <img>foto33.jpg</img> <thumb>foto33TH.jpg</thumb> </image> </category> <category nume="NUNTA"> <image> <desc>asteptare</desc> <img>foto132.jpg</img> <thumb>foto132TH.jpg</thumb> </image> </category> </gallery>

74

Page 75: Curs 6 2018/2019

Redundanta fiecare element XML trebuie introdus complet

aceasta permite detectia si corectarea facila a erorilor Auto descriptiv XML este un limbaj bazat pe text, insesi elementele si

atributele descriu datele

usor de citit/corectat pentru utilizatori umani Generalitate orice fisier XML poate fi citit de orice aplicatie XML

anumite aplicatii necesita o anumita structura a datelor

75

Page 76: Curs 6 2018/2019

Aproape orice caracter UNICODE poate fi utilizat

107000 caractere, 90 scrieri diferite exceptii: &lt; <

&gt; >

&amp; &

&quot; “

&apos; ‘

76

Page 77: Curs 6 2018/2019

etichetele definire a elementelor trebuie inchise sau elementul declarat ca vid <descriere> … </descriere> <descriere></descriere> <descriere />

atributele trebuie scrise intre ghilimele <categorie nume=“papetarie”>

etichetele si atributele sunt Case Sensitive gresit (tehnic) -> <descriere> … </Descriere> gresit (logic) -> <descriere> … </descriere>

<DESCRIERE> … </DESCRIERE>

77

Page 78: Curs 6 2018/2019

Documentele XML creaza o structura ierarhica foarte stricta

Nu sunt permise etichete suprapuse

<x><y></y></x> permis

<x><y></x></y> interzis

Trebuie sa existe un singur element radacina care sa le cuprinda pe toate celelalte

similar cu <html></html>

78

Page 79: Curs 6 2018/2019

prima linie – definitia tipului de document

<?xml … ?>

<?xml version="1.0" encoding="utf-8"?>

element radacina

<radacina> …[elemente]… </radacina>

79

Page 80: Curs 6 2018/2019

comentariile pot fi introduse oriunde in interiorul documentului cu conditia sa fie in exteriorul oricarui element similare cu comentariile HTML: intre <-- si -->

Sectiuni de date neinterpretate intre <![CDATA[ si ]]>

pentru a putea introduce date care ar putea contine caracterele interzise ▪ cod

▪ date binare oarecare

80

Page 81: Curs 6 2018/2019

81

Page 82: Curs 6 2018/2019

RSS – Really Simple Syndication Format Web utilizat pentru a face

disponibile utilizatorilor sau altor server-e informatii frecvent modificate stiri

postari pe forum

82

Page 83: Curs 6 2018/2019

Accesul la fluxurile de date identificarea canalelor

inscrierea la canal (“Subscribe to this feed”)

aplicatie pentru afisarea informatiilor

83

Page 84: Curs 6 2018/2019

84

Page 85: Curs 6 2018/2019

85

Page 86: Curs 6 2018/2019

Biblioteci PHP de acces la XML

DOM XML

XML Parser (Reader, Writer)

Simple XML

86

Page 87: Curs 6 2018/2019

$xml = simplexml_load_file(‘cale'); $xml = simplexml_load_string($string); Functiile care creaza un obiect din clasa

predefinita SimpleXMLElement prin incarcarea si interpretarea documentului sau sirului XML

obiectul creat ($xml) contine elementul radacina exemplul anterior $xml va contine

<gallery></gallery>

87

Page 88: Curs 6 2018/2019

fiecare tip de element descendent creaza o proprietate a clasei cu acel nume

proprietatea clasei (descendent) e o matrice de obiecte SimpleXMLElement daca nu e unicul descendent

matricea e caracterizata de elementele implicite de indexare (index intreg, pornind de la 0) dar e recomandata iteratia folosind foreach()

88

Page 89: Curs 6 2018/2019

elementul <gallery> contine un numar mare de descendenti de un singur tip, <category>

obiectul radacina a fost redenumit prin operatia de deschidere a fisierului $xml = simplexml_load_file(‘cale');

obiectul $xml va contine ca proprietate $xml->category $xml->category este o matrice deoarece nu este o singura

categorie descendentii se pot accesa cu

▪ $xml->category[0], $xml->category[1], … ▪ foreach ($xml->category as $categ_curent)

{ //$categ_curent obiect de tip SimpleXMLElement, aceleasi reguli}

89

Page 90: Curs 6 2018/2019

atributele XML pot fi accesate in obiectul corespunzator ca si cum ar fi elementele unei matrici cu indice text, indicele fiind acelasi cu numele atributului cautat

In exemplul anterior fiecare element <category> are un atribut nume <category nume="VIATA">

foreach ($xml->category as $categ_curent) { echo $categ_curent[‘nume’]; }

90

Page 91: Curs 6 2018/2019

Fiecare proprietate a clasei SimpleXMLElement este de asemenea un obiect din clasa SimpleXMLElement daca mai are descendenti $xml->category[0] este de tip obiect:

$xml->category[0] ->image … Proprietatea clasei contine datele elementului

daca nu mai sunt alti descendenti echo $xml->category[0]->image[0]->img // foto33.jpg

Pentru ca proprietatea sa fie tratata ca fiind de tip string (implicit la afisare) trebuie fortata conversia if ((string)$xml->category[0]->image[0]->img==“foto33.jpg”) …

91

Page 92: Curs 6 2018/2019

incepand cu PHP 5.1.3. SimpleXMLElement::addChild(string nume,

string valoare) SimpleXMLElement::addAttribute(string

nume, string valoare) SimpleXMLElement::asXML(‘filename’) scrie

in fisierul ‘filename’ rezultatul sau il returneaza ca un sir

schimbarea continutului unui element $xml->category[0]->image[0]->img = “foto33.jpg”

92

Page 93: Curs 6 2018/2019

93

Page 94: Curs 6 2018/2019

Laborator asincron!

recomandat – 4 = Optim L3 L4 L5 L6

L3 L4 L5 L6

L3 L4 L5 L6

L3 L4 L5 L6

L3 L4 L5 L6

1. I

2. P

3. R

4. O

5. T 94

Page 95: Curs 6 2018/2019

95

Page 96: Curs 6 2018/2019

Pe masura ce aplicatia paraseste un fir liniar de executie este necesara introducerea unui plan (graf) al aplicatiei

Cumparator

citirea datelor de pe disc se realizeaza in antet.php, comun pentru toate fisierele

lista_categ.php CATEGORII PRODUSE

formular.php PRODUSE, PRET,

COMANDA

rezultat.php PRELUCRARE

COMANDA

96

Page 97: Curs 6 2018/2019

Planul aplicatiei trebuie sa cuprinda si informatii relative la:

ce date se transmit intre diferitele pagini

cum se transmit datele intre pagini

97

lista_categ.php CATEGORII PRODUSE

formular.php PRODUSE, PRET,

COMANDA

rezultat.php PRELUCRARE

COMANDA

$cat – $_GET $cant[produs] – $_POST

Page 98: Curs 6 2018/2019

Planul aplicatiei – Exemplu lista de categorii va contine “link-uri active” deci

transmiterea unei singure variabile se face cu $_GET formularul de comanda transmite date multiple incluse intr-o

forma deci transmiterea se face cu $_POST Alegerea $_GET/$_POST are implicatii: atat in pagina care transmite datele cat si in pagina care le receptioneaza

98

lista_categ.php CATEGORII PRODUSE

formular.php PRODUSE, PRET,

COMANDA

rezultat.php PRELUCRARE

COMANDA

$cat – $_GET $cant[produs] – $_POST

Page 99: Curs 6 2018/2019

folosite pentru a transmite o informatie in lista_categ.php

<a href="lista_prod.php?categ=<?php echo $cat;?>"> <?php echo $cat;?> </a>

are efect in formular.php

$_GET['categ']="valoarea $cat corespunzatoare"

99

lista_categ.php CATEGORII PRODUSE

formular.php PRODUSE, PRET,

COMANDA

rezultat.php PRELUCRARE

COMANDA

$cat – $_GET

Page 100: Curs 6 2018/2019

Sa se continue magazinul virtual:

pentru usurinta modificarilor ulterioare aplicatia lucreaza cu matrici

sa prezinte utilizatorului o lista de produse si preturi

lista de produse si preturi se citeste dintr-un fisier

se preia comanda si se calculeaza suma totala

Optional

se creaza o pagina prin care vanzatorul poate modifica preturile si produsele 100

Page 101: Curs 6 2018/2019

Sa se continue magazinul virtual cu: produsele sunt grupate pe categorii de produse sa prezinte utilizatorului o lista de categorii de

produse pentru a alege sa prezinte utilizatorului o lista de produse si preturi in

categoria aleasa lista de produse si preturi se citeste dintr-un fisier

▪ TXT ▪ XML

se preia comanda si se calculeaza suma totala Optional se creaza o pagina prin care vanzatorul poate

modifica preturile si produsele 101

Page 102: Curs 6 2018/2019

1. Se introduce in surse facilitatea template 2. Se modifica sursele pentru lucru cu matrici 3. Se modifica sursele pentru a citi datele de pe disc anterior se creaza fisierul text sau:

o singura data se salveaza datele (S57) 4. Se introduce structura suplimentara, categorie se creaza pagina de selectie a categoriei, din care se va

merge in lista de produse (utilizare $_GET – S99) 5. Lista de produse si preturi se citeste dintr-un fisier

XML 6. Optional: Se creaza o pagina care sa permita

modificarea fisierului text/XML numai pret/descriere, fara adaugare/schimbare produse 102

Page 103: Curs 6 2018/2019

exemplu de grupare

produse

papetarie

carti

caiete

hartie de scris

instrumente

creioane

stilouri

marker

audio video

CD

DVD

Blue Ray 103

Page 104: Curs 6 2018/2019

Se continua lucrul la aplicatie (L4) Se recomanda laboratorul asincron – S94 Se poate folosi fisierul cu surse cpypaste.txt

(site-http://rf-opto.etti.tuiasi.ro)

104

Page 105: Curs 6 2018/2019

Web Server

Apache

PHP Interpreter

• HTML • Imagini • documente

Fisiere PHP

cerere HTTP

raspuns HTTP

Server MariaDB

Linux CentOS 7.1 105

Server FTP

Server SSH

Microsoft Windows

Client FTP/SFTP WinScp

Client SSH Putty

Browser

Editor Notepad ++

Server Email

phpMyAdmin

Page 106: Curs 6 2018/2019

Web Server

Apache

<input name=“x” ..

106

Server FTP

Server SSH

$_POST[‘x ’]

$_GET[‘x ’]

Page 107: Curs 6 2018/2019

107

<input name="nume" ....> echo $_POST['nume' ]; //ceva echo $_GET['nume' ]; //ceva echo $_REQUEST['nume' ]; //ceva

Interpretor PHP primeste $_POST $_GET $_REQUEST get

post

Page 108: Curs 6 2018/2019

108

Web Server

Apache

PHP Interpreter

• HTML • Imagini • documente

Fisiere PHP

Server MariaDB

Linux CentOS 7.1

Server FTP

Server SSH

Server Email

phpMyAdmin

1. login root:masterrc 2. ifconfig 192.168.30.5 3. putty.exe 192.168.30.5 SSH root:masterrc (remote login) 4. [alte comenzi linux dorite] 5. FTP Winscp SFTP student:[email protected] 6. MySql http://192.168.30.5/phpmyadmin root:masterrc 7. Apache Error Log 7a. putty nano /var/log/httpd/error_log 7b. http://192.168.30.5/logfile.php (nonstandard) 8. PHP info http://192.168.30.5/info.php 9. daca serviciul DHCP duce la oprirea Apache: service httpd restart

Page 109: Curs 6 2018/2019

Se recomanda utilizarea posibilitatii vizualizarii matricilor In fisierul care receptioneaza datele

temporar pina la definitivarea codului utilizarea de cod "verbose" (manual) in

etapele initiale de scriere a surselor PHP poate fi extinsa si la alte tipuri de date singura (aproape) metoda de

depanare(debug) in PHP

<p>temp <?php echo "a=";echo $a; ?> </p> 10

9

echo "<pre>"; print_r ($_POST); echo "</pre>";

Page 110: Curs 6 2018/2019

110

echo "<pre>"; print_r ($_POST); echo "</pre>";

<p>temp <?php echo "a=";echo $a; ?> </p>

Page 111: Curs 6 2018/2019

Laboratorul de microunde si optoelectronica http://rf-opto.etti.tuiasi.ro [email protected]

111