proiect baze de date pe internet
DESCRIPTION
Project in Visual StudioTRANSCRIPT
PREZENTARE PROIECT FINAL
Am creat baza de date Olimpici sub SQL Server 2008 Express care conţine tabela
Olimpici, având coloanele vizibile în figura de mai jos, încărcate cu date de test.
Am realizat conectarea la această bază de date şi cu Visual Web Developer 2008 Express
Edition, după cum se vede în imaginea de mai jos.
Am realizat proiectul cu procedurile ce îndeplinesc cerinţele, astfel:
1. Afişarea, paginarea şi actualizarea datelor în grid
La rularea aplicaţiei, vor fi afişate datele de test care au fost încărcate în tabela mea.
Am încărcat suficiente date, astfel încât afişarea lor să se facă pe mai multe pagini,
respectiv 3 pagini, după cum urmează:
şi, respectiv:
De asemenea, dacă se dă click pe oricare din numele coloanei, este realizată o ordonare
crescătoare a datelor din coloana respectivă. Se poate vedea aceasta în imaginile de mai jos, unde
spre exemplificare am realizat o astfel de activitate pe coloanele Materia şi Total (dar ordonarea
se poate face în acest mod şi pe celelalte coloane, fără excepţie).
De menţionat că, la rularea aplicaţiei, respectiv prima afişare a datelor, ele apar ordonate
după Nr.Crt.(aşa cum se vede în imaginile de mai sus).
Ordonare după Materia – prima pagină
a doua pagină în care puteam vizualiza ordonarea datelor după Materia,
şi, respectiv ultima pagină a ordonării
În mod analog, se apasă click pe numele coloanei Total şi se poate observa ordonarea, la
afişare, a datelor din tabelă după această coloană.
Prima pagină,
a doua pagină a vizualizării datelor ordonate după Total
şi, respectiv ultima pagină a ordonării.
Pentru uşurarea testării, a fost dragat în pagină şi un TextBox multilinie, denumit mess, în
care sunt afişate mesajele privind derularea aplicaţiei, după cum se observă în imaginea de mai
jos (se poate observa deja în acest TextBox că avem mesaje ca urmare a încărcărilor şi afişărilor
de pagină pentru ultima ordonare efectuată):
De observat că am fixat proprietăţile AllowPaging = true şi PageSize = 5 şi de asemenea
am tratat şi evenimentul PageIndexChanged cu o funcţie care afişează numărul paginii curente.
Pentru modificare şi ştergere am ataşat butoanelor aferente proprietăţile
AutoGenerateEditButton = true şi AutoGenerateDeleteButton = true fiind recunoscute acum
evenimentele asociate acţiunilor de modificare, respectiv ştergere asociindu-le funcţii de tratare.
Funcţionalitatea acestora se poate observa în imaginile de mai jos.
Funcţia de modificare
Prin apăsarea butonului Edit pe o înregistrare aleasă în prealabil, aplicaţia îmi permite
modificarea datelor oricărei coloane din rândul respectiv. Spre exemplificare, observăm valoarea
76 în coloana Clasa a IX-a din rândul 1 pe care o înlocuim cu valoarea 67 şi apăsăm butonul
Update pentru a se efectua modificarea (această modificare are loc şi în baza de date) după cum
se vede în imaginea de mai jos.
În imaginea de mai jos se poate observa cum în TextBox-ul multilinie a apărut mesajul că
a fost efectuată conectarea la baza de date şi că a fost actualizată o înregistrare.
Se putea renunţa la modificarea datelor din înregistrare prin apăsarea butonului Cancel.
Într-un mod asemănător funcţionează şi butonul Delete. Alegem înregistrarea ce dorim s-
o ştergem şi dăm click pe butonul Delete. Funcţia acţionează asupra datelor din baza de date,
asemenea Edit-ului.
Aleg să şterg ultima înregistrare, cea din imaginea de mai sus, şi apă butonul Delete. Se
observă că nu mai avem 3 pagini cu date de vizualizat, ci numai 2 pagini.
În TextBox-ul multilinie a apărut mesajul e ştergere a înregistrării cu numărul curent 11.
Pentru adăugarea unei noi linii în grid, s-a folosit un buton plasat sub grid, al cărui
eveniment click declanşează funcţia de adăugare a unei noi înregistrări în baza de date.
Pentru siguranţă am adăugat o întrebare suplimentară prin al cărei răspuns să aleg dacă
continui acţiunea de adăugare a unei înregistrări în baza de date sau renunţ. Aleg OK.
În imaginea de mai sus se observă că au fost numărate 10 înregistrări deci a fost adăugată
înregistrarea cu numărul curent 11 şi a fost recreată şi încărcată a 3-a pagină de vizualizare a
datelor.
După cum se vede mai sus, în TextBox a apărut mesajul corespunzător. Acum cu funcţia
Edit pot edita datele pentru această nouă înregistrare.
2. Proceduri Stocate
Pe prima pagină a am adăugat un buton LinkButton care are ca funcţie de tratare asociată
evenimentului Click, trimiterea către o pagină nou creată. Aceasta conţine butoanele de lucru cu
procedurile stocate: testare bază de date, creare procedură şi apel procedură.
Butonul ProceduriStocate se observă chiar pe imaginea de mai sus. La apăsarea lui apare
următoarea imagine.
La apăsarea butonul TestareBD se va efectua o testare a conţinutului de date într-o
secţiune a bazei de date (am ales testarea datelor ce privesc participarea per total a elevilor la
olimpiade, pe obiecte de studiu).
Butoanele de CreareProcedura şi ApelareProcedura au pe click asociate funcţiile
corespunzătoare creării unei proceduri.
Pentru aceasta am mai adăugat în pagină două TextBox-uri, numite Min şi Max în care
voi introduce câte o valoare. La apelare se vor afişa materiile pentru care participarea totală a
elevilor la olimpiade se situează între aceste două valori.
Pentru exemplificare introduc valorile 200 şi 300 şi click pe CreareProcedura.
Se observă în imaginea de mai jos, că la ApelareaProcedurii sunt aduse spre vizualizare
materiile la care participarea totală a elevilor se situează între 200 şi 300 de elevi.
3. Afişarea grafică a datelor
Pe pagina principală am dragat un control DropDownList1, căruia i-am populat
proprietatea Item, de tip colecţie, cu valorile: Bare, Bare_3D, Linie, Pie, Pie_3D. De asemenea
am adăugat o pagină nouă în proiect care va conţine un grafic generat de selecţia unei valori din
cele de mai sus (am avut în vedere ca DropDownList1 să aibă proprietatea AutoPostback = true,
anunţând astfel server-ul de schimbarea selecţiei). Am adăugat proiectului referinţa la un
control de tip chart (Microsoft Office Web Components), iar pentru a fi recunoscute clasele
aferente chart-ului am adăugat using Microsoft.Office.Interop.Owc11.
În cele două imagini de mai sus, avem reprezentare grafică pentru participarea elevilor de
clasa a IX-a la olimpiade, pe obiecte de studiu în chart tip PIE_3D, respectiv în chart tip BARE.
Observăm de asemenea mesajele de încărcare de pagină de fiecare dată când este selectat
un nou tip chart.
La selectarea chart-ului tip BARE_3D avem graficul de mai jos.
La selectarea chart-ului tip LINIE obţinem graficul de mai jos.
Şi în fine, la selectarea chart-ului tip PIE avem următoarea reprezentare grafică.