Mostrar registros en Tablas en JSP

Bien ahora que ya conectamos y insertamos datos a nuestra base de datos , podemos mostrar los registros de nuestra base , como lo haremos lo sabremos acontinuacion , primero tendremos que saber html para no perdernos a la hora de crearla a puro codigo .

Bien lo que crearemos es esto en forma visual y final.

Un tipo reporte simple .

Bien para empezar tenemos que conectarnos a server para extraer los datos de la base .

Bien lo que esta en rojo no es por la codigo rojo sino porque es importante que nos fijemos en esos detalles , el primero es que tenemos que exportar esas librerias , luego esta la conexion que ya vimos como se hace , y luego va la parte que nos interesa , conectamos normalmente pero en la sentencia consulta debes de hacer un insert vamos a realizar un select que nos traera todos los registros.

Bien todo el html sera impreso en out.print para tener mayor grado de manejo del codigo , primero escribimos el titulo , luego declaramos la tabla con algunas propiedades de ellas , luego imprimimos las columnas que tendra la tabla en este caso serian los campos de la tabla de la base de datos , luego las columnas de la tabla , algunos se preguntaran que hace el th ahi , Este es el primero de los dos tipos de celdas existentes en el lenguaje HTML. El nombre de la etiqueta proviene del inglés Table Header, encabezado de tabla. el comienzo del encabezado viene dado por la instrucción de inicio, y finaliza con la instrucción de fin, , o con el comienzo de otra celda.

Bien luego de crear esa parte de la tabla vamos a tirar los registros con un while , luego los mostramos con un numero entero hasta llegar al ultimo registro de la tabla de la base de datos.

y cerramos todas las etiquetas html , y listo ya tenemos nuestra tabla hecha para mostrar los datos.

Mas adelante seguiremos con modificar y eliminar .

Comenta no sean bayunco...

Conexion a Base de Datos Mysql con JSP

Bien luego de terminar el diseño de validar todas las entradas de datos es hora de llenar la base de datos , algunos lo estan haciendo en php con mysql , creo noce pero eso esta en los anteriores post incluso pueden ayudarse del desarrollo rapido de aplicaciones en Dreamweaver.

Otros los estan desarrollando en escritorio incluso usando Oracle , y otros como yo que no tenemos nada que hacer asi que lo hare en mysql y jsp.

Para empezar necesitamos un servidor mysql , si estas usando windows puedes ayudarte de wamp o xamp creo q se llama asi , si usas linux creo q tambien hay paquetes como estos , sino pues instalalos a consola.

Tambien necesitamos la IDE de Netbeans , aunque lo puedes trabajar en Eclipse , y la parte de jsp con dreamweaver que lo veremos mas adelante .

Luego de tener todos estos requerimientos ya podemos conectar a nuestra base de datos , creamos un nuevo proyecto web , elegimos con que frameworks trabajar en esta ocasion trabajare con hibernate.

Lo primero que debemos hacer es exportar la libreria para poder usar sql en java , eso lo ponemos en las declaraciones de la pagina en la parte de arriba , luego de eso abrimos para jsp para conectar con mysql , ten en cuenta que debes tener levantado el server en ese momento , declaramos 3 variables una para el usuario otra para el pass y la ultima para la ruta .

En la ruta tienes que poner exactamente eso jdbc:mysql://localhost:3306/nombre_base_datos bien si tu server tiene otro puerto de salida tienes que cambiarlo si no te funciona.

Luego creamos un objeto conexion para nuestra base de datos , luego ub objeto statement , luego la sintaxis para conectar con mysql , y ponemos el driver que vamos a usar tomar en cuenta que despues lo tenemos que agregar a nuestro proyecto .

A la variable conexion le asignamos el valor de la clase driverManager con su metodo getConnection y los parametros asignados arriba.

Luego ejecutamos la consulta , ese es el codigo para conectar ustedes lo puede validar ponerle try catch , meterlo en una clase , en otro archivo como gusten.


Insersion de registros en la base de datos :

Ahora que ya sabemos conectar vamos a insertar registros en nuestra base de datos y como ya los validamos solo es cuestion de que lo hagamos bien para que nos funcione.

Bien yo lo he hecho en dos archivos uno que es html , pero en realidad es jsp jeee , y el otro me procesa los datos y los guarda , porque lo hago asi por orden y por que tambien es gratis usar paginas jsp , asi que no hay problema que te salgan 200 paginas , si tu lo haces en una sola pues te felicito , vas bien .

Bien para poder insertar logicamente tendremos que conectarnos al server , luego de eso hacemos lo que hay en la imagen.

Bien lo primero que tenemos que hacer es capturar todos los valores que vienen del formulario , los capturamos en una variable string en dado caso necesiten hacer algun calculo van a tener que convertir a double o integer usando sus clases con sus metodos , luego que capturen todo iniciamos la conexion , y en una variable string guardamos la consulta de insersion de datos (Lenguaje SQL) bien y en la consulta tenemos que poner todos nuestros campos de la base de datos si el id es autonumerico no lo pongan , en dado caso ustedes lo llenen si .

Luego de terminar a consulta de insersion , tenemos que ejecutarla pero antes se la asignamos a una variable tipo entero , ya que el resultado de estas dara las filas afectadas , y las ejecutamos con executeupdate(consulta).

Despues validamos si se insertaron los datos con un simple if , y le mostramos un mensaje de que se inserto correctamente en la base de datos , aca se hizo uso de javascript para mandar un alert que se lleno correctamente .

y por ultimo redireccionamos la pagina con un refresh.

Bien mas adelante veremos como modificar y eliminar y algunas busquedas sensillas.
los archivos los pondre hasta el final .

comenten no sean bayuncos ...

Validacion en Javascript parte II

Seguimos con los la validacion en con javascript y ahora veremos la estructura por la cual validaremos como repito ay muchas formas de como hacerlo .

La principal utilidad de JavaScript en el manejo de los formularios es la validación de los datos introducidos por los usuarios. Antes de enviar un formulario al servidor, se recomienda validar mediante JavaScript los datos insertados por el usuario. De esta forma, si el usuario ha cometido algún error al rellenar el formulario, se le puede notificar de forma instantánea, sin necesidad de esperar la respuesta del servidor.

Notificar los errores de forma inmediata mediante JavaScript mejora la satisfacción del usuario con la aplicación (lo que técnicamente se conoce como "mejorar la experiencia de usuario") y ayuda a reducir la carga de procesamiento en el servidor.

Normalmente, la validación de un formulario consiste en llamar a una función de validación cuando el usuario pulsa sobre el botón de envío del formulario. En esta función, se comprueban si los valores que ha introducido el usuario cumplen las restricciones impuestas por la aplicación.

Aunque existen tantas posibles comprobaciones como elementos de formulario diferentes, algunas comprobaciones son muy habituales: que se rellene un campo obligatorio, que se seleccione el valor de una lista desplegable, que la dirección de email indicada sea correcta, que la fecha introducida sea lógica, que se haya introducido un número donde así se requiere, etc.

Veamos la Estructura basica de nuestro script:

creamos una funcion y luego vamos comparando cada expresion que armemos con los objetos html si cumple la condicion mostramos mensaje de error , si no entra a ninguna condicion el formulario se envia.

Bien haremos un ejemplo , el nombre de la pagina que procesa es jsp , la verdad ahi puede ser php o incluso lo podemos dejar en blanco si tu objetivo es solo conocer javascript.

Por cuestiones que despues enseñare como capturar la informacion y guardarla en la base de datos , lo hare en una pagina jsp.

Bien el html es el mismo podemos crear tablas objetos de formularios lo unico que va cambiar es la cabecera del formulario asi como la imagen.

Ahora se preguntaran porque se le ponia un nombre al formulario , ya que si validamos en php o jsp no era necesario fijarse en ese detalle , pues javascript capturara el nombre del formulario y por medio de eso tendra acceso a los objetos de ese formulario, cabe destacar que tambien se puede por el id pero yo lo hare por el nombre.

bien ahora veremos como queda el boton , yo validare cuando ocurra el evento submit del formulario cuando la informacion se envia a procesar a su pagina destino el javascript lo evaluara si va correctamente. usamos el evento onclick mas el nombre de la funcion que esta en el javascript.

Bien aca esta la funcion que la pondremos en el head de la pagina y verificamos como esta hecha esta . primero se declara la funcion dentro de ella tenemos una serie de if las cuales nos evaluaran los objetos html junto con las variable que declaramos arriba.

Observamos que las variables son igual a una expresion regular , luego en el if se hace una comparacion , llamamos con document.nombre_formulario.objeto_html.value , y si es verdadero mostramos mensaje de error con un alert , luego lo ubicamos en el objeto donde se dio el error y luego le borramos el contenido .

Y asi hacemos todas las validaciones que sean necesarias veamos una diferente.

Vemos una que necesariamente puede ir cualquier tipo de dato pero no puede quedar en blanco ya que es obligacion .

Usamos lo mismo solo que ahora no comparamos con nada solo hacemos el if y si el el objeto tiene un lenght = 0 , que muestre un error.

y al final si todo esta correcto el formulario manda la informacion al destino en este caso a index.jsp. y solo queda capturarla y hace lo que tengas que hacer menos lineas de codigo si validas desde el cliente.

y tendremos un formulario como este :

Descargar archivos.

Mas adelante veremos validaciones mas complejas pero si tienes alguna en especial nos las puedes dejar como comentario y nosotros haremos lo posible por solucionarte el problema.

comenten no sean bayuncos

Ejercicio de Sesiones con JSP

Aqui les dejo un Video sobre un ejercicio de Sesiones en JSP.. espero que les sirva si necesitan el codigo ya saben mandame un correo con el Asunto Codigo..
aqui ta mi direccion: petertux822@gmail.com
Saludos y seguiremos posteando..




Comenten!!! lo siento por los errores ortograficos.. eran la 1 de la madrugada!! xD..

Validaciones con Javascript Parte I

Bien señores hoy veremos un lenguaje tan importante en el ambiente web como lo es javascript que nos ayuda bastante .

Hoy lo veremos con el enfoque de validar nuestros formularios con objetos HTML , ya que si usaramos php o jsp que son los que he probado que se integran bien , no sacan de agua , porque validamos desde el cliente no desde el servidor.

Y eso es una gran ayuda a la hora de crear aplicaciones en la web ya que nos ahorramos esa ida al servidor , aunque tiene sus desventajas tambien .

JavaScript, desde sus comienzos, introdujo los mecanismos necesarios para validar campos de formulario. Estas son algunas de las validaciones típicas:

* Comprobar que se han suministrado todos los campos obligatorios
* Comprobar que el formato de un campo es el esperado (fechas, teléfonos, etc.)
* Comprobar la validez (sintáctica) de las direcciones de correo y URLs
* Comprobar que no se sobrepasa la longitud, número de líneas o tamaño de la entrada

Bien antes de empezar a ver codigo javascript de validacion ay que tener claro algunos conceptos previos para que nosotros armemos las funciones que necesitemos.

Bien algunas aclaraciones previas antes , java y javascript son totalmente diferentes, javascript sirve para muchas cosas no solo para validar .

Evento onSubmit
La validación de campos de formulario se basa en interceptar el momento en que el usuario realiza el envío de los datos del formulario (es decir, pulsa sobre el botón de enviar). Como es sabido, el botón de envío de datos se codifica con HTML mediante un tipo especial de objeto de formulario, llamado submit.

Bien no solo en este evento puedes validar ahi dependera de tu necesidad.

El objeto this
onSubmit="return Valida(this);"

Normalmente, el evento onSubmit ejecuta una función de validación.
Esta función devolverá, como ya se ha dicho, true si la validación es correcta, y false en caso contrario. Para poder realizar la validación, la función debe trabajar sobre los objetos del formulario a validar, para acceder a su valor y evaluarlo. Esto se consigue pasándole como parámetro el objeto this, que referencia en este contexto al formulario desde el que se invoca la función.

La función de validación accederá a los campos del formulario a partir del objeto this. A continuación mostramos un ejemplo sencillo, en el que se comprueba si el valor del campo de nombre campo1 es igual a OK. En caso afirmativo, la validación es correcta:

******************************
function Valida( formulario ) {
if (formulario.campo1.value == 'OK') {
return true
} else {
return false
}
}
******************************

Propiedades basicas de Formularios y elementos :

JavaScript dispone de numerosas propiedades y funciones que facilitan la programación
de aplicaciones que manejan formularios. En primer lugar, cuando se carga una página
web, el navegador crea automáticamente un array llamado forms y que contiene la referencia a todos los formularios de la página.

Accediendo de esta forma a los formularios de la página, el script funciona correctamente aunque se reordenen los formularios o se añadan nuevos formularios a la página. Los elementos de los formularios también se pueden acceder directamente mediante su atributo name:

En si esto nos sirve para acceder a nuestro formulario de esta forma

var formularioPrincipal = document.formulario; //es el atributo name de nuestro formulario
var primerElemento = document.formulario.elemento;

De esta manera los voy a manejar en los ejemplos de los siguientes post pero ay muchas maneras de hacerlo .

comenten no sean bayuncos ...