Proiect Baze de date pe internet

16
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.

description

Project in Visual Studio

Transcript of Proiect Baze de date pe internet

Page 1: Proiect Baze de date pe internet

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.

Page 2: Proiect Baze de date pe internet

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ă:

Page 3: Proiect Baze de date pe internet

ş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).

Page 4: Proiect Baze de date pe internet

Ordonare după Materia – prima pagină

a doua pagină în care puteam vizualiza ordonarea datelor după Materia,

şi, respectiv ultima pagină a ordonării

Page 5: Proiect Baze de date pe internet

Î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

Page 6: Proiect Baze de date pe internet

ş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ă):

Page 7: Proiect Baze de date pe internet

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

Page 8: Proiect Baze de date pe internet

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.

Page 9: Proiect Baze de date pe internet

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.

Page 10: Proiect Baze de date pe internet

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.

Page 11: Proiect Baze de date pe internet

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ă.

Page 12: Proiect Baze de date pe internet

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.

Page 13: Proiect Baze de date pe internet

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.

Page 14: Proiect Baze de date pe internet

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.

Page 15: Proiect Baze de date pe internet

Î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.

Page 16: Proiect Baze de date pe internet

Şi în fine, la selectarea chart-ului tip PIE avem următoarea reprezentare grafică.