proiect alumni - java-webapp

JAVA WEB ALUMNI JJJJAVA AVA AVA AVA –––– WWWWEB EB EB EB AAAAPLICATIONPLICATIONPLICATIONPLICATION Student: Șerban Ovidiu Florin UNIVERSITATEA “AUREL VLAICU” DIN ARAD FACULTATEA DE STIINŢE EXACTE DOMENIUL INFORMATICĂ AN: 2

Profesor: Lect. univ. dr. Șandru Andrea

Cuprins. JAVA WEB ALUMNI ............................................................................................................................................. 1

1) Ce este Alumni? .............................................................................................................................................. 2

2) Descrierea proiectului. ................................................................................................................................... 2

3) Descrierea tehnologiilor folosite. .................................................................................................................. 2

- NetBeans 8.0 .................................................................................................................. 2

- HTML ............................................................................................................................................................. 2

- CSS .................................................................................................................................................................. 2

- MySQL server, version 5.5.32. ..................................................................................................................... 2

- MySQL-connector-java-5.1.6-bin.jar ........................................................................................................... 2

- Toad for MySQL 6.7 ...................................................................................................................................... 2

4) Prezentare tabele BD: `ALUMNI`. ................................................................................................................ 3

5) Crearea proiectului web java. ....................................................................................................................... 5

6) Introducerea librăriei MySQL-connector-java-5.1.6-bin.jar in proiect. ......................................................... 6

7) Verificarea conexiuni MySQL. ....................................................................................................................... 7

8) Pregătirea interfeței index.jsp. ...................................................................................................................... 8

9) Pregătirea interfeței vizualizare.jsp. ........................................................................................................... 10

5) Crearea foii de stil CSS. ............................................................................................................................... 13

• Selectarea unui absolvent. ...................................................................................................................... 16

• Vizualizam datele absolventului extrase din baza de date MySQL. ................................................... 16

UNIVERSITATEA “AUREL VLAICU” DIN ARAD FACULTATEA DE STIINŢE EXACTE DOMENIUL INFORMATICĂ

1) Ce este Alumni? Alumni reprezintă foști elevi sau absolvenți al unei instituții de învățământ. Sursa: http://ro.wikipedia.org/wiki/Alumnus

2) Descrierea proiectului. Prin proiectul Alumni se vor colecta informații referitoare la activitățile foștilor absolvenți ai Universitarii Aurel Vlaicu. Se vor trimite e-mailuri automat foștilor absolvenți la un an după terminarea universitarii in care sa li se ceara sa completeze un formular. Daca in decurs de o luna după ce a fost trimis primul e-mail nu a fost completat formularul se va trimite un e-mail din nou absolventului.

3) Descrierea tehnologiilor folosite.

- NetBeans 8.0

Este un IDE (integrated development environment) este un mediu de lucru care permite dezvoltarea de aplicații folosind anumite limbaje de programare. NetBeans prezintă suport integrat pentru dezvoltarea proiectelor ce includ o interfața grafica cu utilizatorul.

- HTML

Limbajul HTML este prescurtarea de la Hypertext Markup Language, ceea ce reprezintă de fapt limbajul pe care browserele de internet îl înțeleg si cu ajutorul lui pot fi afișate paginile web.

- CSS

CSS (Cascading Style Sheets) este un standard pentru formatarea elementelor unui document HTML. Stilurile se pot atașa elementelor HTML prin intermediul unor fișiere externe sau în cadrul documentului, prin elementul <style> și/sau atributul style. CSS se poate utiliza și pentru formatarea elementelor XHTML, XML și SVGL. Sursa: http://ro.wikipedia.org/wiki/CSS

- MySQL server, version 5.5.32.

MySQL este un sistem de gestiune a bazelor de date relațional, produs de compania suedeza MySQL AB și distribuit sub Licența Publică Generală GNU. Este cel mai popular SGBD open-source la ora actuală, fiind o componentă cheie a stivei LAMP (Linux, Apache, MySQL, PHP). MySQL oferă ușurința in utilizare, stabilitate si înalta performanta, cat si o suita de utilitare pentru baze de date si instrumente vizuale pentru a ajuta dezvoltatorii si administratorii bazelor de date sa construiască si sa gestioneze aplicațiile lor MySQL. Sursa: http://ro.wikipedia.org/wiki/MySQL

- MySQL-connector-java-5.1.6-bin.jar

MySQL oferă drivere bazate pe standarde pentru JDBC, ODBC, și. Dezvoltatorii care construiesc aplicații pot integra in librăriile aplicaților MySQL-connector-java-5.1.6-bin.jar

- Toad for MySQL 6.7

Toad pentru MySQL ajuta administratorii si dezvoltatorii de baze de date MySQL. Acesta prevede de asemenea, utilitare pentru comparare, extrage și căuta obiecte, managementul proiectelor, datele de import / export și administra baza de date. Toad pentru MySQL crește productivitatea dezvoltatorilor și oferă acces la o comunitate solidă de experți pentru suport interactiv.


4) Prezentare tabele BD: ÀLUMNI`. Baza de date ALUMNI este creata in MySql.

• Tabela `JUDET` o utilizam pentru a extrage județul din CNP.

-- Structura de tabel pentru tabelul `JUDET`

CREATE TABLE `JUDET` (

ÌdJudet` int(2) NOT NULL AUTO_INCREMENT,

`JUDET` varchar(20) NOT NULL,

ÀBREVIERE` varchar(3) NOT NULL,

`RESEDINTA` varchar(30) NOT NULL,

ÌmageSTEMA` varchar(50) NOT NULL,

`CodCNP` varchar(2) NOT NULL DEFAULT '',

PRIMARY KEY (ÌdJudet`,`CodCNP`),

UNIQUE KEY ÌdJudet` (ÌdJudet`)

) ENGINE=InnoDB AUTO_INCREMENT=49 DEFAULT CHARSET=latin1;

--

-- Introducerea datelor in tabela `JUDET`

--

INSERT INTO `JUDET` (ÌdJudet`, `JUDET`, ÀBREVIERE`, `RESEDINTA`, ÌmageSTEMA`, `CodCNP`) VALUES

(1, 'Alba', 'AB', 'Alba Iulia', '30px-Stema_judetului_Alba.png', '01'),

(2, 'Arad', 'AR', 'Arad', '30px-Stema_judetului_Arad.png', '02'),

(3, 'Arges', 'AG', 'Pitesti', '30px-Stema_judetului_Arges.png', '03'),

(4, 'Bacau', 'BC', 'Bacau', '30px-Stema_judetului_Bacau.png', '04'),

(5, 'Bihor', 'BH', 'Oradea', '30px-Stema_judetului_Bihor.png', '05'),

(6, 'Bistrita-Nasaud', 'BN', 'Bistrita', '30px-Stema_judetului_Bistrita-Nasaud.png', '06'),

(7, 'Botosani', 'BT', 'Botosani', '30px-Stema_judetului_Botosani.png', '07'),

(8, 'Braila', 'BR', 'Braila', '30px-Stema_judetului_Braila.png', '09'),

(9, 'Brasov', 'BV', 'Brasov', '30px-Stema_judetului_Brasov.png', '08'),

(10, 'Buzau', 'BZ', 'Buzau', '30px-Stema_judetului_Buzau.png', '10'),

(11, 'Calarasi', 'CL', 'Calarasi', '30px-Stema_judetului_Calarasi.png', '51'),

(12, 'Caras-Severin', 'CS', 'Resita', '30px-Stema_judetului_Caras-Severin.png', '11'),

(13, 'Cluj', 'CJ', 'Cluj-Napoca', '30px-Stema_judetului_Cluj.png', '12'),

(14, 'Constanta', 'CT', 'Constanta', '30px-Stema_judetului_Constanta.png', '13'),

(15, 'Covasna', 'CV', 'SfĂ˘ntu Gheorghe', '30px-Stema_judetului_Covasna.png', '14'), (16, 'Dambovita', 'DB', 'TĂ˘rgoviste', '30px-Stema_judetului_Dambovita.png', '15'), (17, 'Dolj', 'DJ', 'Craiova', '30px-Stema_judetului_Dolj.png', '16'),

(18, 'Galati', 'GL', 'Galati', '30px-Stema_judetului_Galati.png', '17'),

(19, 'Giurgiu', 'GR', 'Giurgiu', '30px-Stema_judetului_Giurgiu.png', '52'),

(20, 'Gorj', 'GJ', 'TĂ˘rgu Jiu', '30px-Stema_judetului_Gorj.png', '18'), (21, 'Harghita', 'HR', 'Miercurea Ciuc', '30px-Stema_judetului_Harghita.png', '19'),

(22, 'Hunedoara', 'HD', 'Deva', '30px-Stema_judetului_Hunedoara.png', '20'),

(23, 'Ialomita', 'IL', 'Slobozia', '30px-Stema_judetului_Ialomita.png', '21'),

(24, 'Iasi', 'IS', 'Iasi', '30px-Stema_judetului_Iasi.png', '22'),

(25, 'Ilfov', 'IF', 'Buftea', '30px-Stema_judetului_Ilfov.png', '23'),

(26, 'Maramures', 'MM', 'Baia Mare', '30px-Stema_judetului_Maramures.png', '24'),

(27, 'Mehedinti', 'MH', 'Drobeta-Turnu Severin', '30px-Stema_judetului_Mehedinti.png', '25'),

(28, 'Mures', 'MS', 'TĂ˘rgu Mures', '30px-Stema_judetului_Mures.png', '26'), (29, 'Neamt', 'NT', 'Piatra Neamt', '30px-Stema_judetului_Neamt.png', '27'),

(30, 'Olt', 'OT', 'Slatina', '30px-Stema_judetului_Olt.png', '28'),

(31, 'Prahova', 'PH', 'Ploiesti', '30px-Stema_judetului_Prahova.png', '29'),

(32, 'Salaj', 'SJ', 'Zalau', '30px-Stema_judetului_Salaj.png', '31'),

(33, 'Satu Mare', 'SM', 'Satu Mare', '30px-Stema_judetului_Satu_Mare.png', '30'),

(34, 'Sibiu', 'SB', 'Sibiu', '30px-Stema_judetului_Sibiu.png', '32'),

(35, 'Suceava', 'SV', 'Suceava', '30px-Stema_judetului_Suceava.png', '33'),

(36, 'Teleorman', 'TR', 'Alexandria', '30px-Stema_judetului_Teleorman.png', '34'),

(37, 'Timis', 'TM', 'Timisoara', '30px-Stema_judetului_Timis.png', '35'),

(38, 'Tulcea', 'TL', 'Tulcea', '30px-Stema_judetului_Tulcea.png', '36'),

(39, 'Valcea', 'VL', 'RĂ˘mnicu VĂ˘lcea', '30px-Stema_judetului_Valcea.png', '38'), (40, 'Vaslui', 'VS', 'Vaslui', '30px-Stema_judetului_Vaslui.png', '37'),

(41, 'Vrancea', 'VN', 'Focsani', '30px-Stema_judetului_Vrancea.png', '39'),

(42, 'Bucuresti', 'B', 'Bucuresti', '72px-Stema_municipiu_bucuresti.svg.png', '40'),

(43, 'Bucuresti S.1', 'B', 'Bucuresti ', '72px-Stema_municipiu_bucuresti.svg.png', '41'),





(48, 'Bucuresti S.6', 'B', 'Bucuresti ', '72px-Stema_municipiu_bucuresti.svg.png', '46');


-- Structura de tabel pentru tabelul ÀBSOLVENTI`

CREATE TABLE ÀBSOLVENTI` (

ÌdAbsolvent` int(11) NOT NULL AUTO_INCREMENT,

`Nume` varchar(30) NOT NULL,

ÌnitialaTatalui` varchar(2) NOT NULL,

`Prenume` varchar(40) NOT NULL,

È_mail` varchar(45) NOT NULL,

`Parola` varchar(32) NOT NULL,

`CNP` decimal(15,0) NOT NULL,

`LoculNasterii` varchar(150) NOT NULL,

`Telefon` varchar(20) NOT NULL,

ÌdJudet` int(11) NOT NULL,

`Domiciliu` text,

`StringValidateMail` varchar(33) DEFAULT NULL,

ÀbsolventValidat` tinyint(1) DEFAULT NULL,

PRIMARY KEY (ÌdAbsolvent`),

KEY ÀBSOLVENTI_ibfk_3` (ÌdJudet`)

) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=53 ;

--

-- Introducerea datelor in tabela ÀBSOLVENTI`

--

INSERT INTO ÀBSOLVENTI` (ÌdAbsolvent`, `Nume`, ÌnitialaTatalui`, `Prenume`, È_mail`,

`Parola`, `CNP`, `LoculNasterii`, `Telefon`, ÌdJudet`, `Domiciliu`,

`StringValidateMail`, ÀbsolventValidat`) VALUES

(48, 'Serban', 'G', 'Ovidiu', '[email protected]', 'e10adc3949ba59abbe56e057f20f883e',

1800907203675, 'Brad', '072044487', 2, 'Str. sdfsd.dfsgh blocrnrn rn',

'e678d07b9a460af9e54201f419df6733', NULL),

(49, 'Popovici', 'D', 'Ivan', '[email protected]',

'4aa286cd2178deee18f91993d31ae6ba', 1900616242267, 'Poienile de sub M', '0752538996', 26,

'Loc Breazova Nr.42 Jut.Timis rn', '', NULL),

(50, 'Serban', 'O', 'Alexandra Ecaterina', '[email protected]',

'25f9e794323b453885f5181f1b624d0b', 6070529203680, 'Brad', '0720444887', 2, 'Str. Cuza

Voda. Bl.14 Ap.10', '', NULL),

(51, 'Serban', 'G', 'Ovidiu', '[email protected]', 'e10adc3949ba59abbe56e057f20f883e',

1800907203675, 'Brad', '07522558', 2, 'asdasdaassas', '8dc292c388933c31c9059c6bbc2a9c16',

NULL),

(52, 'Sdfsd', 'S', 'Wsesa', '[email protected]', '25f9e794323b453885f5181f1b624d0b',

1820419020131, 'Bacau', '4545454', 2, ' asdas', '8386b68fa655dd4a6f504a42cd9c8a3e',

NULL);


5) Crearea proiectului web Java. Utilizez NetBeans 8.0 pentru a crea un nou proiect Java Web. Am intra in meniul File - > New Project si se selectează „Java Web” din secțiunea "Categories" si din secțiunea „Projects” se va selecta „Web Aplication”.

Numele proiectului se va introduce in secțiunea „Project name:”.


Am selectat serverul pe care sa ruleze aplicația „GlassFish Server 4” si versiunea java „Java EE 5”.

Finalizarea creării proiectului se face apăsând butonul „Finish”. .

6) Introducerea librăriei MySQL-connector-java-5.1.6-bin.jar in proiect. Utilizez librăria Java „MySQL-connector-java-5.1.6-bin.jar” pentru a mă conecta la baza de date MySQL. Dând click dreapta pe numele proiectului si accesând secțiunea „Properties” putem adăuga o librăria MySQL in proiect.


Dupa deschiderea proprietatilor proiectului se va selecta libraria dand click pe sectiunea „Libraries” urmat de butonul „Add JAR/Folder” si selectam libraria „MySQL-connector-java-5.1.6-bin.jar”.

Daca nu il aveti se downloadeaza de pe pagina: https://code.google.com/p/jybookshop/downloads/detail?name=mysql-

connector-java-5.1.6-bin.jar&can=2&q=

7) Verificarea conexiuni MySQL. NetBeans oferă posibilitatea de a testa conexiunea la baza de date intrând in secțiunea „Services” -> „Drives” - > „Connect Using”. Completând hostul, portul, numele bazei de date, utilizator, parola am putut testa conexiunea la baza de date si vizualiza tabelele

.

Vizualizare DB


8) Pregătirea interfeței index.jsp. NetBeans oferă posibilitatea de a crea rapid elemente HTML si rapoarte din baza de date, utilizând „Palette”. Intrând in meniul Windows - > IDE Tools -> Palette se va deschide panoul „Pallete”.

Crearea unui DB Raport

• Am creat conexiunea la baza de date MYSQL utilizând sql:setDataSource. <sql:setDataSource var="ABSOLVENTI" url="jdbc:mysql://192.168.10.2/ALUMNI" driver="com.mysql.jdbc.Driver" user="uav" password="facultate123" />

In index.jps voi afisa lista de absolventi si voi introduce posibilitatea de a selecta toate detaliile absolventului index.jps <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%> <%-- Document : index Created on : Jun 15, 2014, 6:04:35 AM Author : Serban Ovidiu --%> <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"> <title>Alumni extras</title> <link rel="shortcut icon" href="images/favicon.ico"> <meta name="description" content="UAV auto,Universitatea Aurel Vlaicu, Arad, Alumni"> <meta name="copyright" content="Copyright (c) 2014 Universitatea Aurel Vlaicu"> <meta name="author" content="Serban Ovidiu Florin"> </head> <body> <div id="header"> <h1 id="header-title"><a accesskey="0" href="index.jsp"> Universitatea <br>„Aurel Vlaicu” din Arad</a> </h1> </div> <sql:setDataSource var="ABSOLVENTI" url="jdbc:mysql://192.168.10.2/ALUMNI" driver="com.mysql.jdbc.Driver" user="uav" password="facultate123" /> <table border="0"> <thead>


<tr> <th>Prin proiectul Alumni se vor colecta informații referitoare la activitățile foștilor absolvenți ai Universitarii Aurel Vlaicu.</th> </tr> </thead> <tbody> <tr> <td>Pentru a vizualiza detalile selecteaza absolventul</td> </tr> <tr> <td> <form action="vizualizare.jsp"> <strong>Select a subject:</strong> <select name="subject_id"> <option></option> <sql:query var="resultSet1" dataSource="${ABSOLVENTI}" sql="SELECT IdAbsolvent, Nume, Prenume FROM ABSOLVENTI AS A1 WHERE 1"/> <c:forEach var="row" items="${resultSet1.rows}"> <option value="<c:out value="${row.IdAbsolvent}"/>"> <c:out value="${row.Nume}"/> <c:out value="${row.Prenume}"/> </option> </c:forEach> </select> <input type="submit" value="submit" name="submit" /> </form> </td> </tr> </tbody> </table> <sql:query var="resultSet" dataSource="${ABSOLVENTI}"> SELECT A1.Nume, A1.InitialaTatalui,A1.Prenume,A1.CNP FROM ABSOLVENTI AS A1WHERE 1 </sql:query> <table border="1"> <tr> <c:forEach var="colName" items="${resultSet.columnNames}"> <th><c:out value="${colName}"/></th> </c:forEach> </tr> <c:forEach var="row" items="${resultSet.rows}"> <tr> <c:forEach var="colName" items="${resultSet.columnNames}"> <td><c:out value="${row[colName]}"/></td> </c:forEach> </tr> </c:forEach> </table> </body> </html>

Vizualizare pagina index.jsp.


9) Pregătirea interfeței vizualizare.jsp. Pentru a crea pagina de vizualizare se da click dreapta pe „Web Pages” - > New – > JSP se va introduce numele paginii si se va apăsa butonul „Finish”.

In pagina vizualizare.jsp vizualizam detaliile absolventului selectand numele lui din pagina index.jsp si apasand butonul „submit”

vizualizare.jsp <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%> <%-- Document : response Created on : Jun 15, 2014, 6:07:44 AM Author : Ovidiu Serban --%> <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"> <title>Alumni extras</title> <link rel="shortcut icon" href="images/favicon.ico"> <meta name="description" content="UAV auto,Universitatea Aurel Vlaicu, Arad, Alumni"> <meta name="copyright" content="Copyright (c) 2014 Universitatea Aurel Vlaicu"> <meta name="author" content="Serban Ovidiu Florin"> </head> <body> <div id="header"> <h1 id="header-title"><a accesskey="0" href="index.jsp"> Universitatea <br>„Aurel Vlaicu” din Arad</a> </h1> </div>


<sql:setDataSource var="ABSOLVENTI" url="jdbc:mysql://192.168.10.2/ALUMNI" driver="com.mysql.jdbc.Driver" user="uav" password="facultate123" />

<sql:query var="resultSet" dataSource="${ABSOLVENTI}"> SELECT

A1.IdAbsolvent,

A1.Nume,A1.InitialaTatalui,A1.Prenume,A1.CNP,A1.E_mail,

A1.Telefon,A1.LoculNasterii,J1.JUDET AS JUDET,

A1.Domiciliu,

CASE

WHEN SUBSTRING(A1.CNP,1,1)= '1' THEN 'Masculin'

WHEN SUBSTRING(A1.CNP,1,1)= '2' THEN 'Feminin'







ELSE 'INVALID'

END AS Sex_CNP,

CASE

WHEN SUBSTRING(A1.CNP,1,1)= '1' THEN CONCAT('19',SUBSTRING(A1.CNP,2,2))






WHEN SUBSTRING(A1.CNP,1,1)= '7' THEN CONCAT('-',SUBSTRING(A1.CNP,2,2))

WHEN SUBSTRING(A1.CNP,1,1)= '8' THEN CONCAT('-',SUBSTRING(A1.CNP,2,2))

ELSE 'INVALID'

END AS AN_CNP,

CASE

WHEN SUBSTRING(A1.CNP,1,1)= '1' THEN (YEAR(CURDATE())-

YEAR(CONCAT('19',SUBSTRING(A1.CNP,2,2),'-',SUBSTRING(A1.CNP,4,2),'-

',SUBSTRING(A1.CNP,6,2))))

- (RIGHT(CURDATE(),5)<RIGHT(CONCAT('19',SUBSTRING(A1.CNP,2,2),'-

',SUBSTRING(A1.CNP,4,2),'-',SUBSTRING(A1.CNP,6,2)),5))


























ELSE 'INVALID'

END AS Age_cnp,

SUBSTRING(A1.CNP,4,2) AS LUNA_CNP,


SUBSTRING(A1.CNP,6,2) AS ZI_CNP,

CONCAT('19',SUBSTRING(A1.CNP,2,2),'-',SUBSTRING(A1.CNP,4,2),'-',SUBSTRING(A1.CNP,6,2)) AS

DATA_NASTERII,

J2.ImageSTEMA AS ImageSTEMA,

J2.ABREVIERE AS ABREVIERE,

J2.RESEDINTA AS RESEDINTA

FROM

ABSOLVENTI AS A1,

JUDET AS J2,

JUDET AS J1

WHERE

A1.IdJudet = J1.IdJudet

AND J2.CodCNP = SUBSTRING(A1.CNP,8,2)

AND A1.IdAbsolvent = ? <sql:param value="${param.subject_id}"/>

</sql:query> <c:forEach var="row" items="${resultSet.rows}"> <a href="index.jsp">Pagina principala </a> <table border="0"> <thead> <tr> <th colspan="2"> <c:out value="${row.Nume}"/> <c:out value="${row.InitialaTatalui}"/>. <c:out value="${row.Prenume}"/> </th> </tr> </thead> <tbody> <tr> <td><strong>CNP </strong></td> <td><span style="font-size:smaller; font-style:italic;"> <c:out value="${row.CNP}"/></span></td> </tr> <tr> <td><strong>Domiciliu </strong></td> <td><c:out value="${row.Domiciliu}"/> <br> <span style="font-size:smaller; font-style:italic;"> Judet: <c:out value="${row.JUDET}"/></span> </td> </tr> <tr> <td><strong>Contact: </strong></td> <td><strong>email: </strong> <a href="mailto:{placeholder}"><c:out value="${row.E_mail}"/></a> <br><strong>phone: </strong><c:out value="${row.Telefon}"/> </td> </tr> <tr> <td><strong>Extras din cnp: </strong></td> <td><strong>Data nasterii: </strong> <c:out value="${row.DATA_NASTERII}"/> <br><strong>Varsta: </strong> <c:out value="${row.Age_cnp}"/> <br><strong>Nascut in judetul: </strong> <c:out value="${row.ABREVIERE}"/> <img src="images/<c:out value="${row.ImageSTEMA}"/>" alt="<c:out value="${row.ABREVIERE}"/>"/> <br><strong>Resedinta judet: </strong> <c:out value="${row.RESEDINTA}"/> <br><strong>Sex: </strong> <c:out value="${row.Sex_CNP}"/> </td> </tr> <tr> <td><strong>Locul nasterii: </strong></td> <td><span style="font-size:smaller; font-style:italic;"> <c:out value="${row.LoculNasterii}"/></span></td> </tr> </tbody> </table> </c:forEach> </body> </html>


Vizualizare pagina vizualizare.jsp.

Din CNP extrag printr-un „SELECT” (Exemplul selectul utilizat in vizualizare.jsp) sexul, vârsta, data nașterii si județul in care s-a născut absolventul. Sursa: http://ro.wikipedia.org/wiki/Cod_numeric_personal#C

Din tabela „JUDET” extragem județul in care s-a născut absolventul precum si numele pozei cu stema judetului

5) Crearea foii de stil CSS. Foaia de stil îmbunătățește afișajul de interfață: Se craza fișierul style.css dând click dreapta pe „Web Pages” - > New – „Other”.

In secțiunea “New File”, selectam “Web” urmat de “Cascading Style Sheet” si apoi click pe “Next”.


style.css /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Jun 15, 2014, 12:10:12 AM Author : Serban Ovidiu */ body { font-family: Verdana, Arial, sans-serif; font-size: smaller; padding: 5px; color: #555; } h1 { text-align: left; letter-spacing: 6px; font-size: 1.4em; color: #be7429; font-weight: normal; width: 450px; } table { width: 570px; padding: 5px; background-color: #304599; border-style:solid; border-width:1px 0; border-color: #fff; } th { text-align: left; border-bottom: 1px solid; clear: both; padding: 5px 10px; background: #cc9; background: #304599; color: #fff; font-size: 0.9em; text-align: right; } td { padding: 10px; clear: both; padding: 5px 10px; background: #cc9; background: #304599; color: #fff; font-size: 0.9em; text-align: Left; } a:link { color: #be7429; font-weight: normal; text-decoration: none; } a:link:hover { color: #be7429; font-weight: normal; text-decoration: underline; } #header { width: 570px; background:#133b9e; text-align: center } #header-title { background: #133b9e;


margin: 0; font-weight: normal; font-size: 2.6em; font-family: "Trebuchet MS", Tahoma, sans-serif; letter-spacing: -0.02em; line-height: 30px; } #header-title a { display: block; background: url("images/header.jpg") no-repeat; color: #fff; text-decoration: none; padding: 0px 0 19px 100px; width: 570px;; min-height: 60px; margin: 0 auto; line-height: 1.1em; } #header-title a:hover, #header-title a:focus { opacity: 0.9; }

Pentru a vizualiza style.css in pagina web se va introduce in secțiunea <head> a pagini web index.jsp / vizualizare.jsp <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"> <title>Alumni extras</title> <link rel="shortcut icon" href="images/favicon.ico"> <meta name="description" content="UAV auto,Universitatea Aurel Vlaicu, Arad, Alumni"> <meta name="copyright" content="Copyright (c) 2014 Universitatea Aurel Vlaicu"> <meta name="author" content="Serban Ovidiu Florin"> </head> Vizualizare pagina web după introducerea foii de stil.


• Selectarea unui absolvent.

• Vizualizam datele absolventului extrase din baza de date MySQL.

proiect alumni - java-webapp

Documents