Vous êtes sur la page 1sur 36

Ingeniera de

Software

Arquitectura WEB Java Server Faces


Ms. Ing. Camilo E. Surez Rebaza
Docente UNS - UCV
Arquitectura de una solucin WEB con tecnologa JAVA

27-5-2016

Casos de Uso de Sistema


El caso de ejemplo de desarrollar implementando la siguiente funcionalidad:

Registrar Medico

Login

Administrador
Registrar Paciente

Usuario WEB

Paciente

Registrar Cita

Creacin del Proyecto

En el dilogo que aparece seleccionamos categora Java WEB, y proyecto Web Applicacion

Le ponemos un nombre, por ejemplo prueba:

Seleccionamos el tipo de servidor GlassFish o Tomcat:

Seleccionamos las libreras Java Server Faces 2.2

Clic en finalizar y tendremos el proyecto en blanco:

Creamos la estructura de paquetes para los componentes:

Ponemos el nombre capa.negocio

Clic en finalizar con lo que obtenemos lo siguiente:

Repetimos la operacin para capa.datos y capa.entidad con lo que obtenemos:

Luego configuramos las libreras Primefaces y el controlador PostgreSQL:

Y Seleccionamos una por una:

Clic en abrir y luego hacemos lo mismo para PostgreSQL:

Creacin de las Paginas Cliente *.xhtml


Las pginas cliente contienen la interface grfica con las que interactuaran nuestros usuarios
para ingresar datos y obtener reportes tanto de texto como grficos.
Para crearlas, hacemos clic derecho en la capeta Web Pages y seleccionamos other:

Luego le damos un nombre de acuerdo a nuestro diagrama de casos de uso

Clic en finish, quedndonos una pgina en blanco como se muestra a continuacin

En Web.xml Establecemos la pgina de inicio del proyecto a login.xhtml:

Para el uso del JSF y de primefaces se debe agregar ests lneas al inicio de cada pgina cliente:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">

10

Creacin e implementacin de las Clases de Negocio


Clic derecho en source packages y seleccionamos Other:

Seleccionamos Java Server Faces y Managed-Bean:

11

Clic en siguiente y llenamos como se muestra a continuacin:

Obteniendo una clase en blanco:

Hacemos lo mismo para las dems clases: Medico, Paciente, Cita y Menu.

12

Configuracin de Navegacin (Archivo faces-config.xml):

Clases managed-bean (Archivo faces-config.xml)::

13

Implementacin de las Clases de Negocio


Clase Usuario:

Clase Menu:

14

Implementacin de las Ventanas Cliente


Ventana Login.html:

15

Ventana Index.html:

16

Registrar Cita:

17

Registrar Paciente

Registrar Medico

18

Vistas de Ejecucin

19

20

Personalizacin de la presentacin
Aadimos la librera de temas all-themes-1.0.10.jar

21

Clic en abrir y configuramos el archivo de configuracin config-.xml as :

22

Creacin de las Clases de Entidad


Las clases entidad sern creadas en el package capa.entidad, y representan a los
datos persistentes de la aplicacin, se crear una clase entidad por cada tabla de la
base de datos e incluirn todas sus columnas, para lo cual se crear un atributo por
cada columna con sus respectivos Getter y Setter.
Las clases entidad y las clases de datos son clases normales JAVA.
Clase eUsuario:

23

Los Getter y Setter se generan automticamente a partir de los atributos de la clase

24

Clase ePaciente:

Clase eMedico:

25

Clase eCita:

Creacin de las Clases de Datos


Clase Conexin: para manejar la conexin con la base de datos:

26

27

28

Clase dUsuario:

29

Clase dPaciente:

Detallando los mtodos of_Guardar y of_Listar, que sern llamados desde la capa de negocio.

30

Clase dMedico:

31

32

Actualizando package capa.negocio:


Clase Usuario:

33

Clase Paciente:

34

Clase Medico

35

Vous aimerez peut-être aussi