Prezentare Programare Web - Site de administrare blog

14
Site pentru administrarea blogurilor Seres Dinu-Valentin An 3 CTI grupa 4.3

description

 

Transcript of Prezentare Programare Web - Site de administrare blog

Page 1: Prezentare Programare Web - Site de administrare blog

Site pentru administrarea blogurilor

Seres Dinu-ValentinAn 3 CTI grupa 4.3

Page 2: Prezentare Programare Web - Site de administrare blog

Descrierea Site-ului

Site-ul este compus din 2 parti. O parte se ocupa cu afisarea blogului si va fi vizibila pentru toata lumea, iar cealalta parte se ocupa cu administrarea, si va fi accesibila printr-un formular de login doar persoanelor care se vor ocupa cu adaugarea si revizuirea articolelor. Accesul la partea de administrare se face prin adaugarea adresei “admin” la url-ul unde site-ul va fi instalat.

Page 3: Prezentare Programare Web - Site de administrare blog

Partea de administrare

Contine 5 linkuri catre urmatoarele pagini:Articles – aici avem toate postarile facute pana acumAdd New Article – posibilitatea de a adauga o noua postare. Pentru usurarea adaugarii textului, am inclus un editor de text, numit ckeditor ( http://ckeditor.com ). Acest editor a fost inclus printr-un link javascript.About Me Page – modificarea paginii de descriere a site-uluiChange Password – dreptul de a schimba parola utilizatorului logat curent.Log out – iesirea din admin panel.

Page 4: Prezentare Programare Web - Site de administrare blog

Partea de administrare

Page 5: Prezentare Programare Web - Site de administrare blog

Partea publica

Formata din pagina principala, in care vor fi afisate primele 5 articole in ordinea inversa a introducerii lor si un sidebar.Avem si 3 linkuri, care ne vor duce la urmatoarele pagini:Home – pagina principalaAbout Me – pagina de descriere a site-uluiArchive – pagina de afisare a articolelor in ordine cronologica

Page 6: Prezentare Programare Web - Site de administrare blog

Partea publica

Page 7: Prezentare Programare Web - Site de administrare blog

Ce am folosit?

Limbaje:

-html-css-php-mysql

Plugins:

-jquery-ckeditor-Database class ( db.php ) de pe http://phpclasses.org

Page 8: Prezentare Programare Web - Site de administrare blog

Descrierea plugin-urilor

Jquery

Este un plugin pentru javascript inclus in header-ul html-ului, si este folosit pentru anumite efecte asupra elementelor DOM, selectarea mai rapida a acelor obiecte si contine foare multe functii pentru reducerea codului de javascript necesar pentru diferite operatii.

Database class

Este o clasa php folosita pentru usurarea comunicarii cu baza de date. Am downloadat-o de pe phpclasses.org si am integrato in foarte multe proiecte, ea avand multe functi pentru lucrul cu mysql, inclusiv functii de debugging. Varianta inclusa in proiect e modificata de mine pentru a se plia la cerintele mele.

Page 9: Prezentare Programare Web - Site de administrare blog

Pasii prin care am creat site-ul

Crearea bazei de date in mysqlCrearea unui mic framework care sa se ocupe cu citirea linkurilor si care va pune la dispozitie diverse functii pentru prelucrarea anumitor date de care voi avea nevoie.Crearea paginilor impreuna cu fisierele css si javascript incepand cu prima parte, cea de administrare.

Page 10: Prezentare Programare Web - Site de administrare blog

1. Baza de date

Este formata din 4 tabele:

admins : ( id, user, password_hash, last_login_at ) contine userii care au dreptul sa administreze articolele.articles : ( id, title, content, category, visits, updated_at, created_at, … ) contine articolele care vor fi postate.comments : ( id, name, email, comments, created_at ) contine comentariile facute asupra fiecarui articolaboutme : contine textul pentru pagina in care se gaseste o descriere a site-ului.

Page 11: Prezentare Programare Web - Site de administrare blog

2. Frameworkul

Functionarea frameworkului porneste de la fisierul principal : index.php. Acesta este fisierul prin care vor trece toate requesturile la paginile care vor fi accesate. In primul rand, vom imparti tipurile de requesturi in 2 : actiuni si templates.

Actiunile vor fi cele accesate cand vom avea nevoie de diferite prelucrari ale datelor, cum ar fi accesul la baza de date. Template-urile vor fi fisierele continand codul html ce va fi afisat utilizatorului in functie de request. Asadar linkul nostru va fi format fie dintr-o actiune:

index.php?action=addtodatabaseFie dintr-o afisare a template-ului:

index.php?action=view&view=articlePentru a avea control asupra functiei de view, am construit o

'actiune' care sa citeasca template-ul numit 'view'.

Page 12: Prezentare Programare Web - Site de administrare blog

3. Crearea paginilor

Pentru crearea paginilor am folosit urmatoarea grupare a fisierelor in directoare /admin – locul pentru fisierele css si template-urile legate de partea de administrare /actions – contine fisierele php accesate din url pentru executarea anumitor instructiuni /css – contine fisierele css a blogului /img – contine fisierele de tip imagine ( jpg, png, gif ) /js – contine fisiere javascript ( incluzand jquery ) /templates – contine fisierele php/html pentru interactiunea cu utilizatorul

Page 13: Prezentare Programare Web - Site de administrare blog

Functii si clase puse la dispozitie

Dupa cum am mentionat, framework-ul va pune la dispozitie o serie de functii si clase php pentru usurarea extinderiii site-ului. Voi prezenta cateva dintre ele:

$session – obiect creat din clasa Session pentru lucrul cu sesiuni. Este o clasa separata care se ocupa cu logarea utilizatorului, verificarea de parole, encriptarea folosind algoritmul md5 si multe altele.

$db – obiect creat din clasa DB pentru lucrul cu baza de date.

linkTo( action, view, pagenumber ) - functie pentru crearea unui link spre o pagina transmisa ca parametru.

pagination( total, currentpage, number_of_links, results_per_page ) - functie pentru crearea linkurilor de numerotare a diferitelor pagini.

Page 14: Prezentare Programare Web - Site de administrare blog

Bibliografie

http://phpclasses.orghttp://jquery.comhttp://ckeditor.com

Wiley HTML, XHTML and CSS bible editia 5

Mai multe blog-uri gasite prin google unde m-am documentat asupra unor reparari CSS sau PHP.