Creando una Aplicación Web usando Oracle ADF Framework en JDeveloper
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
| IDESTUDIANTE | NOMBRES | APELLIDOS | FECHANAC | APODERADO | IDESTADO |
|---|---|---|---|---|---|
| 1 | JUAN | PEREZ | 01/01/1990 | NIZLEY ARAL | 1 |
TABLA EMPLEADO
| IDEMPLEADO | NOMBRES | APELLIDOS |
|---|---|---|
| 1 | FERNANDO | JIMENEZ |
| 2 | PEDRO | HUAMAN |
TABLA CURSO
| IDCURSO | NOMBRE |
|---|---|
| 1 | DESARROLLO RAPIDO DE APLICACIONES WEB |
| 2 | SENTIMENT ANALYSIS |
| 3 | MINERIA DE DATOS |
| 4 | INTERNET DE LAS COSAS IOT |
| 5 | BIG DATA |
TABLA MATRICULA
| IDMATRICULA | IDESTUDIANTE | FECHA | IDEMPLEADO | MONTO |
|---|---|---|---|---|
| 1 | 1 | 10/12/2019 | 1 | 400 |
TABLA DETALLE DE MATRICULA
| IDDETALLEMATRICULA | IDMATRICULA | IDCURSO | PRECIO |
|---|---|---|---|
| 1 | 1 | 1 | 400 |
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.
Publicar un comentario
0 Comentarios