En esta ocasión aprenderemos a crear una Aplicación Web en JDeveloper usando el Framework Oracle ADF, donde seguiremos una serie de pasos que nos permitirán ir generando la aplicación de forma ágil sin la necesidad de usar mucho código para crear todo un sistema CRUD.

Requisitos

Software JDeveloper

Oracle Express 11g Edition

Workspace

Crearemos nuestro workspace llamado "BASECOLEGIO" una vez que estemos dentro del Application Express de Oracle.

Iniciamos sesión con las credenciales que usamos inicialmente.

Ingresamos a SQL Workshop

Elegimos Object Browser y empezamos a crear nuestras tablas.

Nuestra base de datos tendrá el siguiente diagrama:

Empezaremos creando la tabla Estado tal como se muestra en la imagen teniendo en cuenta que el primer campo subrayado contiene la clave primaria de cada tabla.

Luego establecemos nuestra clave primaria al campo IDESTADO y creamos una nueva secuencia.

Continuamos con la ventana de creación de claves foránea pero en este caso esta tabla no tendrá ninguna.

En la siguiente ventana tendremos un formulario de restricciones.

Solo continuaremos porque no agregaremos ninguna restricción a nuestra tabla, para finalizar terminaremos creando nuestra tabla en el botón create.

Continuamos con la creación de la tabla ESTUDIANTE y asignamos la clave primaria al campo IDESTUDIANTE.

Creamos la clave foránea con la tabla Estado indicando los campos que tendrán la relación.

No creamos ninguna restricción y creamos la tabla. Así vamos realizando el mismo procedimiento sucesivamente para nuestras tablas restantes hasta llegar al modelo final.

Nuestro modelo debe quedar con los siguientes registros en la diferentes tablas:

TABLA ESTADO

IDESTADO	NOMBRE
1	ACTIVO
2	INACTIVO
3	REALIZADO
4	ANULADO

TABLA ESTUDIANTE

TABLA EMPLEADO

TABLA CURSO

TABLA MATRICULA

TABLA DETALLE DE MATRICULA

Una vez terminado abrimos JDeveloper para comenzar a crear la aplicación Web.

Creando la Aplicación en JDeveloper

Hacemos clic en nueva aplicación y seleccionamos Fusion Web Application (ADF).

Creamos la aplicación con el nombre ApplicationColegio con la ruta predeterminada

Model

Nos pedirá colocar el nombre del proyecto para el Modelo usamos el que nos coloca como predeterminado.

De igual forma al crear los paquetes.

ViewController

Ahora crearemos el segundo proyecto llamado ViewController.

De igual forma para el package con su nombre view.

Click en finalizar y esperamos a que se carguen los proyectos. Cuando todo termine tendremos una ventana como la siguiente:

Conexión a la Base de Datos

Ingresamos al checklist y vamos a la sección de Conectar una base de datos, desplegamos la opción y creamos nuestra conexión usando el nombre del workspace y el usuario que habiamos creado y procedemos haciendo clic para probar la conexión. Si la prueba es existosa continuamos.

Build Business Services

Ahora nos dirigimos a la sección Build Business Services y hacemos click en "Go to Substeps".

Escogemos la opción "Create Entity Objects and Associations" y click en el botón con el mismo nombre.

Nos aparecerá una ventana emergente escogemos el proyecto Model, posteriormente seleccionamos la conexión y click en Ok. Después visualizaremos una ventana como la siguiente:

Click en query y seleccionamos las tablas de nuestra base de datos pasándolas al lado derecho.

En la ventana que aparece a continuación hacemos el mismo procedimiento de pasar los objects view al lado derecho. Luego click en siguiente hasta finalizar. Esperamos que se creen los componentes de negocio y creamos una pagina en el proyecto ViewController abriendo el archivo faces-config-xml dentro de la carpeta Web-Content / WEB-INF.

JSF Page

Del lado derecho tenemos una paleta de componentes arrastramos el componente JSF Page a la ventana.

Hacemos doble click sobre el componente creado y nos aparecerá una ventana emergente para realizar configuraciones.

Plantilla JSF

Seleccionamos la plantilla Oracle Three Column Layout y esperamos a que se cree la pagina con la plantilla seleccionada.

Ahora agregamos un Panel Tabbed a nuestra pagina arrastrándolo desde la paleta de componentes y luego un Panel Collection.

Configuración de Atributos

Ingresamos al proyecto Model y seleccionamos el archivo MatriculaView hacemos doble click y nos dirigimos hacia la opción de atributos. Ahora configuramos los campos que sean clave foranea a través de lista de valores para que se muestren los datos relacionados. Empezamos por el campo Idestudiante lo seleccionamos y agregamos una nueva lista de valores.

De tal forma que nos aparecerá la siguiente ventana emergente:

Agregamos una lista de origen de datos y seleccionamos la vista de estudiante.

De la nueva lista de atributos seleccionamos el campo IdEstudiante y agregamos en la lista inferior.

Luego tenemos una segunda pestaña llamada UI Hint, aquí también nos aparecerá una lista de valores, seleccionamos el atributo que se mostrará en nuestro combo box.

Hacemos el mismo procedimiento con idempleado y de igual forma configuramos en el archivo para el detalle de matricula el Idcurso.

AppModuleDataControl

Nos dirigimos a la sección del AppModuleDataControl y seleccionamos la vista MatriculaView1 la arrastramos hacia el Panel Collection y creamos una tabla de solo lectura.

Debajo agregamos un formulario arrastrando la misma Vista, creando un ADF Form.

Commit - Rollback

Dentro de la carpeta Operations encontramos diversas funciones que nos permiten crear botones cuando lo arrastramos al ADF Form. Agregamos el boton Delete, Create, Commit y Rollback.

Debemos tener en cuenta que Rollback y Commit se encuentran en la carpeta Operations de forma general. Debajo del ultimo formulario agregamos la tabla detalle matricula haciendo los mismos procedimientos de igual forma con su propio ADF Form. Tenemos que usar la Vista detalle de Matricula que se encuentra dentro de MatriculaView1.

Finalmente ejecutamos nuestra aplicación en el navegador y visualizamos.

Tenemos diversos botones para realizar los mantenimientos y dos botones commit y rollback para confirmar los cambios y deshacer cambios en la base de datos. Nuestro sistema funciona a la perfección pero podemos ir puliéndolo a través de validaciones en los campos. Si necesitas realizar algo más amplio tendrías que modificar el modelo de base de datos y seguir los mismos pasos.