JAVA WEB ALUMNI

NOITACILPA BEW AVAJ

Student: erban Ovidiu Florin

UNIVERSITATEA AUREL VLAICU DIN ARAD
FACULTATEA DE STIINE 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 librriei MySQL-connector-java-5.1.6-bin.jar in proiect. ......................................................... 6
7) Verificarea conexiuni MySQL........................................................................................................................ 7
8) Pregtirea interfeei index.jsp. ...................................................................................................................... 8
9) Pregtirea interfeei 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 STIINE EXACTE
DOMENIUL INFORMATIC

1) Ce este Alumni?
Alumni reprezint foti elevi sau absolveni al unei instituii de nvmnt.
Sursa: http://ro.wikipedia.org/wiki/Alumnus

2) Descrierea proiectului.
Prin proiectul Alumni se vor colecta informaii referitoare la activitile fotilor absolveni ai Universitarii
Aurel Vlaicu.
Se vor trimite e-mailuri automat fotilor absolveni 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 aplicaii folosind anumite limbaje de programare. NetBeans prezint suport integrat pentru dezvoltarea
proiectelor ce includ o interfaa 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 neleg si cu ajutorul lui pot fi afiate paginile web.
- CSS
CSS (Cascading Style Sheets) este un standard pentru formatarea elementelor unui document HTML. Stilurile
se pot ataa elementelor HTML prin intermediul unor fiiere 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 relaional, produs de compania suedeza MySQL AB i
distribuit sub Licena 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 uurina 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 aplicaiile 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 aplicaii pot
integra in librriile aplicailor 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 cuta obiecte, managementul proiectelor, datele de import /
export i administra baza de date. Toad pentru MySQL crete productivitatea dezvoltatorilor i ofer acces la o
comunitate solid de experi pentru suport interactiv.

Page 2

UNIVERSITATEA AUREL VLAICU DIN ARAD

FACULTATEA DE STIINE EXACTE
DOMENIUL INFORMATIC

4) Prezentare tabele BD: `ALUMNI`.

Baza de date ALUMNI este creata in MySql.

Tabela `JUDET` o utilizam pentru a extrage judeul din CNP.

-- Structura de tabel pentru tabelul `JUDET`

CREATE TABLE `JUDET` (
`IdJudet` int(2) NOT NULL AUTO_INCREMENT,
`JUDET` varchar(20) NOT NULL,
`ABREVIERE` varchar(3) NOT NULL,
`RESEDINTA` varchar(30) NOT NULL,
`ImageSTEMA` varchar(50) NOT NULL,
`CodCNP` varchar(2) NOT NULL DEFAULT '',
PRIMARY KEY (`IdJudet`,`CodCNP`),
UNIQUE KEY `IdJudet` (`IdJudet`)
) ENGINE=InnoDB AUTO_INCREMENT=49 DEFAULT CHARSET=latin1;
--- Introducerea datelor in tabela `JUDET`
-INSERT INTO `JUDET` (`IdJudet`, `JUDET`, `ABREVIERE`, `RESEDINTA`, `ImageSTEMA`, `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', 'Sfntu Gheorghe', '30px-Stema_judetului_Covasna.png', '14'),
(16, 'Dambovita', 'DB', 'Trgoviste', '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', 'Trgu 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', 'Trgu 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', 'Rmnicu Vlcea', '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'),
(44, 'Bucuresti S.2', 'B', 'Bucuresti ', '72px-Stema_municipiu_bucuresti.svg.png', '42'),
(45, 'Bucuresti S.3', 'B', 'Bucuresti ', '72px-Stema_municipiu_bucuresti.svg.png', '43'),
(46, 'Bucuresti S.4', 'B', 'Bucuresti ', '72px-Stema_municipiu_bucuresti.svg.png', '44'),
(47, 'Bucuresti S.5', 'B', 'Bucuresti ', '72px-Stema_municipiu_bucuresti.svg.png', '45'),
(48, 'Bucuresti S.6', 'B', 'Bucuresti ', '72px-Stema_municipiu_bucuresti.svg.png', '46');

Page 3

UNIVERSITATEA AUREL VLAICU DIN ARAD

FACULTATEA DE STIINE EXACTE
DOMENIUL INFORMATIC

-- Structura de tabel pentru tabelul `ABSOLVENTI`

CREATE TABLE `ABSOLVENTI` (
`IdAbsolvent` int(11) NOT NULL AUTO_INCREMENT,
`Nume` varchar(30) NOT NULL,
`InitialaTatalui` varchar(2) NOT NULL,
`Prenume` varchar(40) NOT NULL,
`E_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,
`IdJudet` int(11) NOT NULL,
`Domiciliu` text,
`StringValidateMail` varchar(33) DEFAULT NULL,
`AbsolventValidat` tinyint(1) DEFAULT NULL,
PRIMARY KEY (`IdAbsolvent`),
KEY `ABSOLVENTI_ibfk_3` (`IdJudet`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=53 ;
--- Introducerea datelor in tabela `ABSOLVENTI`
-INSERT INTO `ABSOLVENTI` (`IdAbsolvent`, `Nume`, `InitialaTatalui`, `Prenume`, `E_mail`,
`Parola`, `CNP`, `LoculNasterii`, `Telefon`, `IdJudet`, `Domiciliu`,
`StringValidateMail`, `AbsolventValidat`) VALUES
(48, 'Serban', 'G', 'Ovidiu', 'serbanovid@gmail.com', 'e10adc3949ba59abbe56e057f20f883e',
1800907203675, 'Brad', '072044487', 2, 'Str. sdfsd.dfsgh blocrnrn rn',
'e678d07b9a460af9e54201f419df6733', NULL),
(49, 'Popovici', 'D', 'Ivan', 'popovici.ivan@gmail.com',
'4aa286cd2178deee18f91993d31ae6ba', 1900616242267, 'Poienile de sub M', '0752538996', 26,
'Loc Breazova Nr.42 Jut.Timis rn', '', NULL),
(50, 'Serban', 'O', 'Alexandra Ecaterina', 'alexandra@serbano.ro',
'25f9e794323b453885f5181f1b624d0b', 6070529203680, 'Brad', '0720444887', 2, 'Str. Cuza
Voda. Bl.14 Ap.10', '', NULL),
(51, 'Serban', 'G', 'Ovidiu', 'serbano@serbano.ro', 'e10adc3949ba59abbe56e057f20f883e',
1800907203675, 'Brad', '07522558', 2, 'asdasdaassas', '8dc292c388933c31c9059c6bbc2a9c16',
NULL),
(52, 'Sdfsd', 'S', 'Wsesa', 'violeta@serbano.ro', '25f9e794323b453885f5181f1b624d0b',
1820419020131, 'Bacau', '4545454', 2, ' asdas', '8386b68fa655dd4a6f504a42cd9c8a3e',
NULL);

Page 4

UNIVERSITATEA AUREL VLAICU DIN ARAD

FACULTATEA DE STIINE EXACTE
DOMENIUL INFORMATIC

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 seciunea "Categories" si din
seciunea Projects se va selecta Web Aplication.

Numele proiectului se va introduce in seciunea Project name:.

Page 5

UNIVERSITATEA AUREL VLAICU DIN ARAD

FACULTATEA DE STIINE EXACTE
DOMENIUL INFORMATIC

Am selectat serverul pe care sa ruleze aplicaia GlassFish Server 4 si versiunea java Java EE 5.

Finalizarea crerii proiectului se face apsnd butonul Finish.

.

6) Introducerea librriei MySQL-connector-java-5.1.6-bin.jar in proiect.

Utilizez librria Java MySQL-connector-java-5.1.6-bin.jar pentru a m conecta la baza de date MySQL.
Dnd click dreapta pe numele proiectului si accesnd seciunea Properties putem aduga o librria MySQL in
proiect.

Page 6

UNIVERSITATEA AUREL VLAICU DIN ARAD

FACULTATEA DE STIINE EXACTE
DOMENIUL INFORMATIC

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=mysqlconnector-java-5.1.6-bin.jar&can=2&q=

7) Verificarea conexiuni MySQL.

NetBeans ofer posibilitatea de a testa conexiunea la baza de date intrnd in seciunea Services -> Drives
- > Connect Using. Completnd hostul, portul, numele bazei de date, utilizator, parola am putut testa
conexiunea la baza de date si vizualiza tabelele

Vizualizare DB
.
Page 7

UNIVERSITATEA AUREL VLAICU DIN ARAD

FACULTATEA DE STIINE EXACTE
DOMENIUL INFORMATIC

8) Pregtirea interfeei index.jsp.

NetBeans ofer posibilitatea de a crea rapid elemente HTML si rapoarte din baza de date, utiliznd Palette.
Intrnd in meniul Windows - > IDE Tools -> Palette se va deschide panoul Pallete.

Crearea unui DB Raport

Am creat conexiunea la baza de date MYSQL utiliznd 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>

Page 8

UNIVERSITATEA AUREL VLAICU DIN ARAD

FACULTATEA DE STIINE EXACTE
DOMENIUL INFORMATIC
<tr>
<th>Prin proiectul Alumni se vor colecta informaii referitoare la activitile fotilor absolveni 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.

Page 9

UNIVERSITATEA AUREL VLAICU DIN ARAD

FACULTATEA DE STIINE EXACTE
DOMENIUL INFORMATIC

9) Pregtirea interfeei 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 apsa 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>

Page 10

UNIVERSITATEA AUREL VLAICU DIN ARAD

FACULTATEA DE STIINE EXACTE
DOMENIUL INFORMATIC
<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'
WHEN SUBSTRING(A1.CNP,1,1)= '3' THEN 'Masculin'
WHEN SUBSTRING(A1.CNP,1,1)= '4' THEN 'Feminin'
WHEN SUBSTRING(A1.CNP,1,1)= '5' THEN 'Masculin'
WHEN SUBSTRING(A1.CNP,1,1)= '6' THEN 'Feminin'
WHEN SUBSTRING(A1.CNP,1,1)= '7' THEN 'Masculin'
WHEN SUBSTRING(A1.CNP,1,1)= '8' 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)= '2' THEN CONCAT('19',SUBSTRING(A1.CNP,2,2))
WHEN SUBSTRING(A1.CNP,1,1)= '3' THEN CONCAT('18',SUBSTRING(A1.CNP,2,2))
WHEN SUBSTRING(A1.CNP,1,1)= '4' THEN CONCAT('18',SUBSTRING(A1.CNP,2,2))
WHEN SUBSTRING(A1.CNP,1,1)= '5' THEN CONCAT('20',SUBSTRING(A1.CNP,2,2))
WHEN SUBSTRING(A1.CNP,1,1)= '6' THEN CONCAT('20',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))
WHEN SUBSTRING(A1.CNP,1,1)= '2' 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))
WHEN SUBSTRING(A1.CNP,1,1)= '3' THEN (YEAR(CURDATE())YEAR(CONCAT('18',SUBSTRING(A1.CNP,2,2),'-',SUBSTRING(A1.CNP,4,2),'',SUBSTRING(A1.CNP,6,2))))
- (RIGHT(CURDATE(),5)<RIGHT(CONCAT('18',SUBSTRING(A1.CNP,2,2),'',SUBSTRING(A1.CNP,4,2),'-',SUBSTRING(A1.CNP,6,2)),5))
WHEN SUBSTRING(A1.CNP,1,1)= '4' THEN (YEAR(CURDATE())YEAR(CONCAT('18',SUBSTRING(A1.CNP,2,2),'-',SUBSTRING(A1.CNP,4,2),'',SUBSTRING(A1.CNP,6,2))))
- (RIGHT(CURDATE(),5)<RIGHT(CONCAT('18',SUBSTRING(A1.CNP,2,2),'',SUBSTRING(A1.CNP,4,2),'-',SUBSTRING(A1.CNP,6,2)),5))
WHEN SUBSTRING(A1.CNP,1,1)= '5' THEN (YEAR(CURDATE())YEAR(CONCAT('20',SUBSTRING(A1.CNP,2,2),'-',SUBSTRING(A1.CNP,4,2),'',SUBSTRING(A1.CNP,6,2))))
- (RIGHT(CURDATE(),5)<RIGHT(CONCAT('20',SUBSTRING(A1.CNP,2,2),'',SUBSTRING(A1.CNP,4,2),'-',SUBSTRING(A1.CNP,6,2)),5))
WHEN SUBSTRING(A1.CNP,1,1)= '6' THEN (YEAR(CURDATE())YEAR(CONCAT('20',SUBSTRING(A1.CNP,2,2),'-',SUBSTRING(A1.CNP,4,2),'',SUBSTRING(A1.CNP,6,2))))
- (RIGHT(CURDATE(),5)<RIGHT(CONCAT('20',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,

Page 11

UNIVERSITATEA AUREL VLAICU DIN ARAD

FACULTATEA DE STIINE EXACTE
DOMENIUL INFORMATIC

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>

Page 12

UNIVERSITATEA AUREL VLAICU DIN ARAD

FACULTATEA DE STIINE EXACTE
DOMENIUL INFORMATIC

Vizualizare pagina vizualizare.jsp.

Din CNP extrag printr-un SELECT (Exemplul selectul utilizat in vizualizare.jsp) sexul, vrsta, data naterii si judeul in care
s-a nscut absolventul.
Sursa: http://ro.wikipedia.org/wiki/Cod_numeric_personal#C
Din tabela JUDET extragem judeul in care s-a nscut absolventul precum si numele pozei cu stema judetului

5) Crearea foii de stil CSS.

Foaia de stil mbuntete afiajul de interfa:
Se craza fiierul style.css dnd click dreapta pe Web Pages - > New Other.
In seciunea New File,
selectam Web urmat de
Cascading Style Sheet si
apoi click pe Next.

Page 13

UNIVERSITATEA AUREL VLAICU DIN ARAD

FACULTATEA DE STIINE EXACTE
DOMENIUL INFORMATIC

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;

Page 14

UNIVERSITATEA AUREL VLAICU DIN ARAD

FACULTATEA DE STIINE EXACTE
DOMENIUL INFORMATIC
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 seciunea <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.

Page 15

UNIVERSITATEA AUREL VLAICU DIN ARAD

FACULTATEA DE STIINE EXACTE
DOMENIUL INFORMATIC

Selectarea unui absolvent.

Vizualizam datele absolventului extrase din baza de date MySQL.

Page 16

UNIVERSITATEA AUREL VLAICU DIN ARAD

FACULTATEA DE STIINE EXACTE
DOMENIUL INFORMATIC

Page 17