Curs Php-mysql

Acest tutorial arata cum puteti crea o simpla pagina (fisier) template care sa fie utilizat pentru pagini web in PHP.
Vom folosi doua fisiere: "index.php" cu scriptul PHP in care sunt definite datele ce vor fi adaugate in pagina, si "page.tpl" care contine template-ul, cod HTML cu expresii ce vor fi inlocuite cu date definite in "index.php".
Expresia adaugata in template, in codul HTML, are aceasta forma (un comentariu HTML):
<!-- CUVANT -->
- Aceasta expresie nu e afisata in pagina daca nu setati in PHP o valoare care sa o inlocuiasca, deoarece e tratata ca un comentariu HTML.

Codul pt. template, adaugat in "page.tpl" (cu HTML5)

<!doctype html>
<html>
<head>
 <meta charset="utf-8" />
 <title><!-- TITLE --></title>
 <meta name="description" content="<!-- META_DESCRIPTION -->" />
 <meta name="keywords" content="<!-- META_KEYWORDS -->" />
 <style>header, footer, section, aside, nav, article {display: block;}</style>
 <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>

<header id="header">
 <h1><!-- TITLE --></h1>
</header>

<section id="article">
<!-- ARTICLE -->
</section>

<section id="sidemenu">
 <nav><!-- SIDEMENU --></nav>
</section>

<footer id="footer">
<!-- FOOTER -->
</footer>
</body>
</html>

Codul pentru "index.php" (explicatiile sunt in comentariu din cod)

<?php
// array cu chei /cuvinte care sunt adaugate in template (in comentariu HTML)
// aceste elemente (initial fara valoare) vor contine date care vor inlocui comentariu HTML din template
$templ = array('TITLE'=>'', 'META_DESCRIPTION'=>'', 'META_KEYWORDS'=>'', 'ARTICLE'=>'', 'SIDEMENU'=>'', 'FOOTER'=>'');

// preia cheile din $templ ca sa fie adaugate in RegExp
$templ_k = array_keys($templ);

// Sablon /Tipar RegExp cu expresia folosita in template
$templ_rgx = '/<!-- ('.implode('|', $templ_k).') -->/i';

// setare /definire date in elementele din $templ, care vor inlocui comentariu corespunzator in template
// aceste date pot fi preluate dintr-o baza de date, fisier extern, array, etc.
$templ['TITLE'] = 'Cursuri gratuite: marplo.net';
$templ['META_DESCRIPTION'] = 'Descriere adaugata in meta tag';
$templ['META_KEYWORDS'] = 'Cuvinte, importante, din pagina';
$templ['ARTICLE'] = 'Articol, continut adaugat in corpul paginii';
$templ['SIDEMENU'] = 'Meniu: <ul><li><a href="https://marplo.net/" title="Cursuri gratuite">Cursuri gratuite</a></li></ul>';
$templ['FOOTER'] = 'Continut adaugat in subsolul paginii';

// preia template-ul
$tpl = file_get_contents('page.tpl');

// inlocuieste datele in template si afiseaza pagina obtinuta
echo preg_replace_callback($templ_rgx, function($m) { GLOBAL $templ; return $templ[$m[1]]; }, $tpl);
?>

Expresia:
$templ_rgx = '/<!-- ('.implode('|', $templ_k).') -->/i';
Creaza sablonul RegExp cu, cuvintele folosite in modelul din template ce va fi inlocuit cu date din PHP, aceste cuvinte sunt cheile adaugate in array-ul $templ. Sunt adaugate in RegExp separate prin "|" ca sa creeze un sablon ca acesta:
/<!-- (CUVANT_1|CUVANT_2|CUVANT_3) -->/i
- Aceasta Expresie Regulata se va potrivi doar cu modelul (comentariul HTML) din template format cu cheile /cuvintele adaugate in $templ, astfel, alte comentarii HTML nu vor fi luate in considerare.
- Extensia "/i" determina functia preg_replace_callback() sa evalueze expresia indiferent de majuscule sau litere mici.
- Prin adaugarea cuvintelor pentru template in array ca elemente cu valoare vida, se evita erorile in cazul in care nu sunt definite date pentru acel element, si va adauga valoarea vida in codul HTML.

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce atribut e folosit in tag-ul <a> pentru adresa link-ului?
src href rel
<a href="http://coursesweb.net/" title="CoursesWeb.net">CoursesWeb.net</a>
Ce proprietate CSS seteaza tipul fontului utilizat?
font-family text-decoration font-size
h2 {
  font-family:"Calibri", sans-serif;
}
Ce instructiune selecteaza toate tag-urile <div> cu class="cls"?
querySelector("div.cls") getElementsByTagName("div") querySelectorAll("div.cls")
var elm_list = document.querySelectorAll("div.cls");
var nr_elms = elm_list.length;       // numar elemente selectate
alert(nr_elms);
Indicati functia care returneaza suma valorilor dintr-un array.
array_sum() array_diff() array_shift()
$arr =[1, 2, 3, 4);
$arr_sum = array_sum($arr);
echo $arr_sum;       // 10
Indicati forma corecta a verbului "study" (a studia) la Trecutul Simplu in aceasta propozitie: "We (study) English."
studyed studys studied
We studied English.
- Noi am studiat engleza.
Indicati forma corecta a verbului "decir" (a spune) la Prezent in aceasta propozitie: "Yo (decir) siempre la verdad."
digas digo decir
Yo digo siempre la verdad.
- Eu spun mereu adevarul.
Creare si utilizare Pagina Template

Last accessed pages

  1. Titluri, Paragrafe, Un nou rand, Linie orizontala (19609)
  2. Articole - Exercitii si teste engleza incepatori (4474)
  3. Lucrul cu mai multe cadre (2490)
  4. Verbe reflexive 2 (814)
  5. Elemente speciale meta embed marquee, object (1438)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (5365)
  2. Curs HTML gratuit Tutoriale HTML5 (4411)
  3. Curs si Tutoriale JavaScript (3776)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (3698)
  5. Curs CSS Online Tutoriale CSS3 (3651)