CRUD cuentas objetivo

 23 de octubre 

Investigación (1 hora)

 Se busco de forma ligera consejos sobre menús y estilizacion en CSS para crear un ambiente intuitivo y agradable a la vista para cualquier usurario.

Programación web (3 horas)

 

En este commit se añaden las páginas destinadas al CRUD responsable del manejo de las cuentas objetivo el cual fue realizado basandose en la siguiente esquema.

 

Aqui se muestra el menú de cuentas objetivo además de los elementos que deben aparecer dentro de la misma 

 El código de las paginas menú sigue casi el mismo sistema con el siguiente código.

  1. <%@page import="java.util.ArrayList"%>
  2. <%@page import="java.sql.ResultSet"%>
  3. <%@page import="java.sql.PreparedStatement"%>
  4. <%@page import="conexion.Conexion"%>
  5. <%@page contentType="text/html" pageEncoding="UTF-8"%>
  6. <!DOCTYPE html>
  7. <html>
  8.     <head>
  9.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  10.         <title>JSP Page</title>
  11.         <link rel="stylesheet" href="style.css">
  12.     </head>
  13.     <body>
  14.         <h1 id="titulo" >Menu cuentas objetivo</h1>
  15.         <form action ="desactivarCuenta.jsp"/>
  16.         <div class="content-select">
  17. 	<select name = "NumeroCuentas">
  18. 		<option>Sin seleccionar...</option>
  19. 	</select>
  20. 	<i></i>
  21.         </div>
  22.             <input class= "boton" type="submit" value="Desactivar cuenta">
  23.         </form>
  24.         <form action = "editarCuenta.jsp"/>
  25.         <div class="content-select">
  26. 	<select name = "VerCuentasObj">
  27. 		<option>Sin seleccionar...</option>
  28.  
  29. 	</select>
  30. 	<i></i>
  31.         </div>
  32.             <input class= "boton" type="submit" value="Editar">
  33.         </form>
  34.         <form action ="agregarCuentas.jsp"/>
  35.  
  36.             <input class= "boton" type="submit" value="Agregar">
  37.         </form>
  38.     </body>
  39. </html>

 De esta forma se crean los comboBox con los datos (la que se muestra es una plantilla y carece de lógica), y luego es redireccionado a otra página donde se muestra el siguiente menu correspondiente, se meutran los datos solicitados o se muestran los datos a ingresar para continuar de la misma forma todos los menús utlizan el mismo concepto a traves de submits.

Y el código de las páginas de editar o agregar siguen el siguiente diseño. 

  1. <%@page contentType="text/html" pageEncoding="UTF-8"%>
  2. <!DOCTYPE html>
  3. <html>
  4.     <head>
  5.         <title>Agregar cuenta</title>
  6.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7.         <link rel="stylesheet" href="style.css">
  8.     </head>
  9.     <body>
  10.         <form action ="logicaEditar.jsp"/>
  11.             <p>Descripción: <input type="text" name="desc" required/></p>       
  12.             <input class= "boton" type="submit" value="Guardar Cambios">
  13.  
  14.         </form>
  15.     </body>
  16. </html>

 Se muestran las entradas necesarias para modificar o crear de esta forma se pasan los datos a otra página que servira de lógica para procesar los datos.

Comentarios

Publicar un comentario

Entradas más populares de este blog

Actualización de páginas web

Imagen
 Octubre 20 Investigación(1 hora)  Para el acomodo de  los datos en pantalla se uso como base este video, entre otras páginas relacionadas se revisaron  videos y  páginas web con respecto a este tema. Programando página web (8 horas)  Se añaden los comboBox al menu y se colocan los menus correspondientes a la consulta de los datos en las cuentas basandose en los siguientes bocetos.   El menu de inicio de sesión no sufre cambios en la apariencia pero en el manejo de datos si, se utiliza de la misma forma que se uso en la anterior tarea por lo que el concepto central no cambia.   El menu de inicio de sesión cambia, mostrando una lista de las cuentas asociadas al usuario que ingreso y al inspeccionar se puede ver el historial y movimientos dentro de la cuenta en distintos periodos. Conesta tabla se mostraran los datos relacionados a las cuentas tales como fecha, tipo de cambio, moneda de movimiento, monto movimiento, monto cuenta descripción, nuev...
Leer más

Diseño página web

Imagen
6 de octubre 2021 (duración 3 horas)  En esta parte se añade un menú para la cunsulta de cuentas y una página donde la información de las mismas se ve reflejado con una tabla de información, la case del códigol de las páginas web usadas sería el siguiente donde se puede observar el titulo y el linker hacia el CSS encargado de la est65etica de la página  acompañado el los elementos personalizados utilizados dentro del cuerpo de la página así como lo es el "styled-table" entre otros. < html > < head > < title > Inicio < / title > < meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" > < link rel = "stylesheet" href = "style.css" > < / head > < body >     < table class = "styled-table" > < thead > < tr > < th > Fecha < / th > ...
Leer más

Modelo Fisico Segunda Version

Imagen
 16 de octubre (Duracion 1 hora y media) El dia de hoy se trabajo en los cambio importantes sobre el modelo fisico de la base de datos. Se comenzo con la agregacion de la tabla de Tipo de Cambio y con la FK correspondientes a la tabla de Tipo Moneda que se necesitaba. Luego se realizaron cambio en las tablas de Cuentas y Movimientos para que pudiesen almacenar todos los valores que se necesitaban de cada tabla que se necesitaban Por ultimo se añadio la tabla de Estados de cuenta con las conexiones que corresponden La razon por la cual se tomo tanto tiempo es porque resultaron unos errores con el software los que no permitieron cambiar las tablas de una manera mas rapida. El modelo tomaria esta forma y fue aprobado por el profesor
Leer más