Documentatie Informatica

ACADEMIA FORELOR TERESTRE NICOLAE BLCESCU SIBIU
PROIECT LA INFORMATIC
APLICAT
JUSTFLAG CLAN
Intocmit: Stud.sg. Bogdan CODIN
- IANUARIE 2012
CUPRINS
Introducere................................................................................3 1. Fiierele HTML.........................................................................4 2. Fiierele PhP..............................................................................8 3. Crearea bazei de date i tabela cu EasyPhP..........................10 Bibliografie................................................................................11
Introducere
Aceasta aplicaie este pentru evidena indivizilor care vor sa se alture unui clan intr-un joc online. Aplicaia a fost realizata in HTML, PhP si MySQL. Proiectul este structurat pe 3 capitole, care va vor descrie explicit paii i modul de realizare al acestei aplicaii. Primul capitol isi propune sa va prezinte etapele ce au dus la realizarea fiierului index.html si a link-urilor conexe. Al doilea capitol are drept scop descrierea scripturilor din fiierelor adugare.php i tergere.php. Al treilea capitol ofera o imagine de ansamblu crerii bazei de date si tabele cu EasyPhP 3.0.
1.
Fiierele HTML
Fiierul index.html este simplu i permite accesarea altor fiiere HTML, 2.html, 3.html si 4.html. Ca orice fiier HTML primul tag este <html>, iar ultimul tag</html>, astfel browserul va ti s interpreteze coninutul fiierului in funcie de tag-urile specificate. Urmatoarea partea component este antetul delimitat prin tag-urile <head></head>. In interiorul acestui tag am deschis un nou tag,<title> </title>, care permite definirea numelui de fereastr, care in cazul fiierului index.html este JustFlag Home page(img. 1). Este indicat ca orice site s aib definit un nume.
Img. 1
Ultima parte componenta este partea de coninutul propriu-zis, <body> </body>, in interiorul caruia se vor putea introduce elementele ce vor fi afiate in fereastr. In fiierele aplicaiei mele HTML, am folosit atributul style="background-color:CadetBlue;", care permite schimbarea culorii de fundal, in cazul de faa, culoarea CadetBlue(vezi linia 5 din img. 2). In continuare am adaugat o imagine cu tag-ul <img>, careia i-am particularizat marimea cu atributele width i height(vezi linia 6 din img. 2). A urmat adaugarea titlului, JustFlag Clan Its time to kick ass and chew bubblegum, and were all out of gum, care a fost introdus in tag-ul <h1> </h1>. Pentru customizarea titlului s-a folosit din nou atributul style cu urmatoarele valori: text align, aliniind titlu spre centru, background-color, care a permis introducerea titlului intr-un chenar negru i color, care a schimbat culoarea titlului in rou(vezi linia 7 din img. 2). Pentru a customizat separat partea de titlu, Its time to kick ass and chew bubblegum, and were all aut of gum, am introdus-o in tagul i in tagul , pentru a scrie titlu inclinat(vezi linia 8 din fig. 2).
Img. 2
Am introdus tagul <hr /> pentru a introduce a linie orizontala pentru o definire estetica a titlului de restul coninutului fiierului In urmatoarele randuri s-a creat un tabel cu tag-ul <table></table>, cu 1 singur rand, definit de tag-ul <tr></tr>, si 4 coloane, definite de tag-ul <td> </td>.
5
In csuele tabelului au fost introduse 4 link-uri ctre alte pagini cu tagul,<a></a>, cu valori pentru numele resursei, href. Link-urile din tabel fac legatura intre paginile site-ului, permind ca de pe prima pagin s poi intra pe oricare din celelalte pagini oricnd doreti fr a trebui s te intorci la prima pagin, iar de acolo, ulterior, sa te duci la pagina dorit. Cu ajutorul tag-ului , i a atributelor size i face, am putut modifica mrimea i stilul textului folosit. Totul pana aici se regsete in orice pagina a site-ului pentru crearea unei imagini unitare(vezi img. 3). Diferenta e data de numele fiecarei ferestre.
Img. 3
In continuare voi prezenta diferenele intre paginile site-ului. Index.html Aici a fost introdus un text in care se face o descrie a clanului. Textul este introdus in tag-ul pentru a-i putea modificare marimea caracterelor si stilul acestora(vezi img. 4). Legatura cu aceasta pagina este asigurata de link-ul creat pe cuvantul Prima pagina.
Img. 4
2.html Aici au fost introduse informaii despre serverele pe care activeaz clanul, iar la final o imagine(vezi img. 5). Link-ul este format pe cuvntul Detalii.
Img. 5
3.html In aceast fiier se gsesc link-urile catre 2 formulare. Formularul 5.html, care este formularul ce lucreaz cu baza de date justflagbd pentru inscrierea candidailor, in care exist tabela recruti(vezi cap. 3 Crearea bazei de date si tabela cu EasyPhP), i formularul 6.html, care lucreaz cu aceeai baza de date i tabela, dar se este formular de stergere a celor care doresc. Link-ul cu acest fiiere este format pe cuvntul Clan. 4.html Legatura cu acest fisier este asigurat prin cuvntul Contact, iar aici se gasesc 4 imagini, si date de contact. Mai departe v voi prezenta formularul de inscriere(5.html) si formularul de stergere(6.html) In formularul de inscriere, datele sunt afiate tabelar(vezi img. 6). Fiecare linie de tabel conine un obiect specific formularelor i eticheta acestuia, astfel: - in primele 5 linii i liniile 9 i 10 ale tabelului se definesc obiectele de tip text ce permit introducerea numele, prenumelui, vrsta, e-mailul, si numele din joc, respectiv clasa i nivelul - liniile 6, 7, 8 conin obiecte de tip select ce permit alegerea unei optiuni din dropdown list. - linia 11 conine obiecte de tip checkbox care permit specificarea motivului pentru care dorete s intre in clan. Obiectele de tip checkbox permit selectarea mai multor opiuni din cadrul grupului.
7
- linia 12 conine obiecte de tip textarea, care permit introcerea unor date de dimensiuni mari. - ultima linie din tabel conine butoanele de tip submit i reset. La selectarea butonului submit datele din formular sunt transmise scriptului adaugare.php; numele scriptului este specificat in atributul action al tag-ului form (<form action=adaugare.php method=post), iar metoda cu care datele sunt transmise la PhP este post.
Img. 6
Formularul de stergere(6.html), are doar 2 linii de tabel(vezi img. 7). Astfel: - linia 1, conine obiecte de tip text, ce permite stergerea inregistrrilor dup nume - linia 2, ce conine obiecte de tip submit. In formularul de stergere, la selectarea butonului submit, datele din formular sunt transmise scriptului stergere.php.
Img. 7
2. Fiierele PhP
In proiectul meu se folosesc doar dou astfel de fiiere. Unul pentru adugarea de date in baza de date, iar altul pentru tergerea acestora. In fiierul adaugare.php, se citesc datele transmise de la formular, se afieaz aceste date i se transmit la tabela recruti pentru adugarea inregistrrii.
<?php //pt tabela recruti citesc variabilele $Nume=$_POST["nume"]; $Prenume=$_POST["prenume"]; $Varsta=$_POST["varsta"]; $Email=$_POST["e-mail"]; $Ingame=$_POST["ingame"]; $Server=$_POST["server"]; $Rasa=$_POST["rasa"]; $Gen=$_POST["gen"]; $Clasa=$_POST["clasa"]; $Nivel=$_POST["nivel"]; $Reason=$_POST["reason"]; $Observatii=$_POST["obs"];
Efect: Citirea variabilelor transmise din HTML

//conectare la server $con=mysql_connect('localhost','root','mysql'); if($con) echo 'M-am conectat la server '; else echo mysql_error();
Efect: se conecteaz la serverul MySQL

//selectarea bazei de date $db=mysql_select_db('justflagbd'); if($db) echo 'Am selectat baza de date '; else echo mysql_error();
Efect: se selecteaz baza de date justflagbd

//inserare in tabela recruti $sql="INSERT INTO recruti VALUES (NULL,'$Nume','$Prenume','$Varsta','$Email','$Ingame','$Server','$Rasa','$Gen','$Clasa','$Nivel','$Re ason','$Observatii');"; $rez=mysql_query($sql);
Efect: adugarea inregistrrii in tabela recruti

if($rez) { echo 'Am adaugat urmatoarea inregistrare '; echo 'Nume:'.$Nume.' ';
echo 'Prenume:'.$Prenume.' '; echo 'Varsta:'.$Varsta.' '; echo 'E-mail:'.$Email.' '; echo 'Ingame name:'.$Ingame.' '; echo 'Server:'.$Server.' '; echo 'Rasa:'.$Rasa.' '; echo 'Gen:'.$Gen.' '; echo 'Clasa:'.$Clasa.' '; echo 'Nivel:'.$Nivel.' '; echo 'Motiv:'.$Reason.' '; echo 'Observatii:'.$Observatii.' '; } else echo mysql_error();
Efect: vizualizarea datelor inscrise de catre candidat in tabela recruti

//vizualizare //afisare inregistrari din tabela studenti echo '<h2> Aplicatiile inregistrate in tabelul RECRUTI</h2>'; $sql="SELECT * FROM recruti"; $rez=mysql_query($sql); //afisare nume campuri echo 'Ingame name Server Clasa '; while($r=mysql_fetch_array($rez)) { echo $r[5].' '.$r[6].' '.$r[9].' '; } ?>
Efect: pe ecran se vor afia numele din joc, serverul i clasa celor inregistrai deja in tabela recruti Cu ajutorul fiierul stergere.php, se pot sterge date introduse in tabela recruti in funcie de variabila nume.
<?php $Nume=$_POST["nume"];
Efect: se citesc variabilele transmise din fiierul 6.html

//Conectare la server $con=mysql_connect('localhost','root','mysql'); if($con) echo 'M-am conectat la server '; else echo mysql_error();
Efect: se conecteaz la serverul MySQL
10
//Selectare bd $db=mysql_select_db('justflagbd'); if($db) echo 'Am selectat baza de date '; else echo mysql_error();
Efect: se selecteaz baza de date justflagbd

//Interogarea SQL de cautare a numelui daca exista $sql="DELETE FROM recruti WHERE nume='$Nume';"; $rez=mysql_query($sql); //test if(!$rez) echo mysql_error();
Efect: Stergerea inregistrrii in funcie de variabila nume

//determin numarul de inregistrari care satisfac conditia de stergere $nr_inreg=mysql_affected_rows(); if($nr_inreg<1) echo 'Nu am nicio inregistrare care sa respecte conditiile de stergere'; else echo 'Am sters '.$nr_inreg.' inregistrari'; ?>
11
3.
Crearea bazei de date si tabela cu EasyPhP
Administrarea MySQL se poate face din script PhP sau folosind browser-ul i accesd aplicaia PhPMyAdmin scris in PhP. Interfaa grafic PhPMyAdmin permite att crearea bazelor de date, ct i generarea tabelelor i manipularea datelor din tabele. Astfel, folosind interfaa grafica, mi-am creat baza de date justflagbd, folosind exemplu din img. 8.
Img. 8
In baza de date justflagbd, am generat tabela recruti cu 13 cmpuri(vezi. Img. 9)
Img. 9
Pentru fiecare cmp al tabelei a trebuit s se specifice: - numele cmpului - tipul de dat suportat - lungimea cmpului - modificatori de cmp
12
Bibliografie
Giurgiu, L., Tehnici avansate de programare web:curs, Sibiu, Editura Academiei Forelor Terestre Nicolae Blcescu, 2009 Oancea, R., Informatic aplicat: programare Web, Sibiu, Editura Academiei Forelor Terestre Nicolae Blcescu, 2010 http://www.w3schools.com/ - site cu tutoriale i exemple pentru programare Web
13

Documentatie Informatica

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Documentatie Informatica

Загружено:

Авторское право:

Доступные форматы

ACADEMIA FORELOR TERESTRE NICOLAE BLCESCU SIBIU

Intocmit: Stud.sg. Bogdan CODIN

Efect: Citirea variabilelor transmise din HTML

Efect: se conecteaz la serverul MySQL

Efect: se selecteaz baza de date justflagbd

Efect: adugarea inregistrrii in tabela recruti

Efect: vizualizarea datelor inscrise de catre candidat in tabela recruti

Efect: se citesc variabilele transmise din fiierul 6.html

Efect: se conecteaz la serverul MySQL

Efect: se selecteaz baza de date justflagbd

Efect: Stergerea inregistrrii in funcie de variabila nume

Crearea bazei de date si tabela cu EasyPhP

In baza de date justflagbd, am generat tabela recruti cu 13 cmpuri(vezi. Img. 9)

Вам также может понравиться