Hola hola ....
Después de una semana llena de problemas con mi conexión a internet os pido disculpas por no introducir ninguna entrada mas a menudo... !!! ya se que os gustan mis estradas ¡¡¡ :)
Bueno os voy a introducir un código que hemos realizado (en realidad hace una semana que lo hicimos, pero voy un poco con retraso, espero coger el día a día muy pronto) para validar formularios.
Este código se ejecuta en el Cliente, es decir, antes de enviar los datos del formulario hacia el Servidor.
Lo que se realiza es comprobar que los datos no se van a enviar en blanco hacia el servidor y no tener que malgastar el tiempo de ida y venida.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Bienvenidos</title>
</head>
<body>
<center>
<h4>Logeate</h4>
<form action="inicio.jsp" name="frm" id="IdFormulario">
<label> Nombre: </label> <br>
<input align="center" type="text" name="txtNombre" id="IdNombre"/>
<span id="spanErrorNombre"></span><br>
<label> Contraseña: </label><br>
<input type="text" name="txtContrasena" id="IdContrasena"/>
<span id="spanErrorContraseña"></span><br>
<input type="button" name="BtnEnviar" id="BtnEnviarId" value="ENVIAR" onclick="Validar();" />
</form><br><br>
<a href="formulario.jsp">Nuevo Usuario</a>
</center>
<script>
function Validar() {
var entrar=true;
if (document.getElementById("IdNombre").value == "") {
entrar=false;
document.getElementById("spanErrorNombre").innerHTML = "<font color='red'>* Campo obligatorio</font>";
}else{
document.getElementById("spanErrorNombre").innerHTML ="";
}
if (document.getElementById("IdContrasena").value == "") {
entrar=false;
document.getElementById("spanErrorContraseña").innerHTML = "<font color='red'>* Campo obligatorio</font>";
}else{
document.getElementById("spanErrorContraseña").innerHTML ="";
}
if(entrar){
document.frm.submit();
}
}
</script>
</body>
</html>
Eso es todo amigos¡¡¡¡
viernes, 26 de noviembre de 2010
jueves, 18 de noviembre de 2010
MySQL Workbench y XAMPP.
Hola holita.
En estos dos días hemos realizado la instalación y prueba de dos programas más para el correcto desarrollo de las clases. Uno de ellos es el XAMPP, que nos simplifica la instalación y configuración de un servidor Apache y una base de datos MySQL, y el otro es el MySQL Workbench que es un magnífico editor visual de bases de datos MySQL.
Imagenes del editor visual MySQL Workbench:
Como se puede observar es un completo editor para crear, modificar, eliminar bases de datos, tablas, procedimientos, vistas .... en fin, una pasada.
Con los proyectos Web que estamos creando con Netbeans hemos creado una base de datos con Workbench y la hemos enlazado desde un programa web en Java, para insertar datos y listarlos.
Ejemplo:
1. Crear una base de datos "prueba" en donde insertar tareas (nombre, descripción).
2. Desde el Netbeans realizar un proyecto Web donde se inserte las tareas y se listen en una tabla, previamente se deben de introducir en la BBDD y listar desde esa BBDD.
El punto 1 ya se puede observar en la imagen anterior (es muy intuitivo).
El punto 2 se realiza modificando el index.jsp del nuevo proyecto Web, en el que introduciremos un formulario para introducir el nombre y descripción de la tarea a realizar. Desde este formulario se pueden realizar dos cosas o insertar tarea o listar las tareas.
Los datos que son enviados desde el formulario llegan a un Servlet que los procesa para listar o insertar las tareas (el index.jsp es el que lista las tareas).
Insertar tarea:
Listar tareas:
Eso es todo amigos!!!....
En estos dos días hemos realizado la instalación y prueba de dos programas más para el correcto desarrollo de las clases. Uno de ellos es el XAMPP, que nos simplifica la instalación y configuración de un servidor Apache y una base de datos MySQL, y el otro es el MySQL Workbench que es un magnífico editor visual de bases de datos MySQL.
Imagenes del editor visual MySQL Workbench:
Como se puede observar es un completo editor para crear, modificar, eliminar bases de datos, tablas, procedimientos, vistas .... en fin, una pasada.
Con los proyectos Web que estamos creando con Netbeans hemos creado una base de datos con Workbench y la hemos enlazado desde un programa web en Java, para insertar datos y listarlos.
Ejemplo:
1. Crear una base de datos "prueba" en donde insertar tareas (nombre, descripción).
2. Desde el Netbeans realizar un proyecto Web donde se inserte las tareas y se listen en una tabla, previamente se deben de introducir en la BBDD y listar desde esa BBDD.
El punto 1 ya se puede observar en la imagen anterior (es muy intuitivo).
El punto 2 se realiza modificando el index.jsp del nuevo proyecto Web, en el que introduciremos un formulario para introducir el nombre y descripción de la tarea a realizar. Desde este formulario se pueden realizar dos cosas o insertar tarea o listar las tareas.
Los datos que son enviados desde el formulario llegan a un Servlet que los procesa para listar o insertar las tareas (el index.jsp es el que lista las tareas).
Insertar tarea:
Listar tareas:
Eso es todo amigos!!!....
martes, 16 de noviembre de 2010
Empezamos con Java (JSP y Servlets).
Después de una semana de inicio y calentamiento, hoy (15 Noviembre 2010) empezamos con el lenguaje de programación Java para integrarlo con Flex cuando llegue el momento.
Instalamos el entorno de Desarrollo Netbeans IDE 6.9.1.
Hemos visto las características de JSP y como interactúa con los Servlets.
Un ejemplo muy sencillo:
Petición del cliente (index.jsp) --> Servidor (Servlet) --> Resultado en pantalla (Navegador del cliente)
Desde el Netbeans nos vamos a Archivo - Proyecto Nuevo - Categorias(Java Web) - Proyectos ( Web Application) ; Siguiente ; y ponemos un nombre al proyecto "Hola Mundo" ; Siguiente ; Elegimos como Servidor el GlassFish Server 3 ; Terminar ;
Ahora se abre el proyecto que hemos creado, con lo que vamos a crear un Servlet para que reciba la petición del cliente(desde la pagina inicial index.jsp) "servletHolaMundo".
Nos situamos encima del proyecto "HolaMundo", btn derecho , Nuevo, Servlet y le ponemos el nombre "servletHolaMundo" y el Paquete "RIA" ; Terminar ;
En el archivo index.jsp introducimos un formulario para enviar datos al Servlet.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
<form name="formularioServletHolaMundo" action="servletHolaMundo">
<input type="text" name="persona" value="introduce tu nombre..." />
<input type="submit" value="Enviar" name="btn" />
</form>
</body>
</html>
Y el Servlet obtiene el valor de "persona" y la envía al Cliente con el método processRequest.
protected void processRequest(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
try {
out.println("<html>");
out.println("<head>");
out.println("<title>Servlet servletHolaMundo</title>");
out.println("</head>");
out.println("<body>");
out.println("<h1> Tu amig@ " + request.getParameter("persona") + ", te dice HOLA MUNDO </h1>");
out.println("</body>");
out.println("</html>");
} finally {
out.close();
}
}
En imagenes:
Eso es todo amigos!!!....
Instalamos el entorno de Desarrollo Netbeans IDE 6.9.1.
Hemos visto las características de JSP y como interactúa con los Servlets.
Un ejemplo muy sencillo:
Petición del cliente (index.jsp) --> Servidor (Servlet) --> Resultado en pantalla (Navegador del cliente)
Desde el Netbeans nos vamos a Archivo - Proyecto Nuevo - Categorias(Java Web) - Proyectos ( Web Application) ; Siguiente ; y ponemos un nombre al proyecto "Hola Mundo" ; Siguiente ; Elegimos como Servidor el GlassFish Server 3 ; Terminar ;
Ahora se abre el proyecto que hemos creado, con lo que vamos a crear un Servlet para que reciba la petición del cliente(desde la pagina inicial index.jsp) "servletHolaMundo".
Nos situamos encima del proyecto "HolaMundo", btn derecho , Nuevo, Servlet y le ponemos el nombre "servletHolaMundo" y el Paquete "RIA" ; Terminar ;
En el archivo index.jsp introducimos un formulario para enviar datos al Servlet.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
<form name="formularioServletHolaMundo" action="servletHolaMundo">
<input type="text" name="persona" value="introduce tu nombre..." />
<input type="submit" value="Enviar" name="btn" />
</form>
</body>
</html>
Y el Servlet obtiene el valor de "persona" y la envía al Cliente con el método processRequest.
protected void processRequest(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
try {
out.println("<html>");
out.println("<head>");
out.println("<title>Servlet servletHolaMundo</title>");
out.println("</head>");
out.println("<body>");
out.println("<h1> Tu amig@ " + request.getParameter("persona") + ", te dice HOLA MUNDO </h1>");
out.println("</body>");
out.println("</html>");
} finally {
out.close();
}
}
En imagenes:
Eso es todo amigos!!!....
viernes, 12 de noviembre de 2010
¡¡¡ Buena suerte !!! Comienza el curso RIA: Adobe Flex y Java
Hola, Bienvenidos.
Esta semana ha dado comienzo el curso de RIA: Adobe Flex y Java.
Lo aprendido ha sido mucho y de calidad, empezando con fundamentos de flex y maquetación.
Lo que más me ha llamado la atención es el control de eventos, el dataGrid (lo muestra todo del tiron, jeje) y el maravilloso dataBinding(pasalo pasalo).
Me ha parecido de interes insertar este video donde se resume un cambio en los namespaces de la version 3 a la 4 de flex (se ve algo de css, !!! interesante ¡¡¡):
http://tv.adobe.com/watch/adc-presents/migrating-to-flex-4-namespace-changes/
Esta semana ha dado comienzo el curso de RIA: Adobe Flex y Java.
Lo aprendido ha sido mucho y de calidad, empezando con fundamentos de flex y maquetación.
Lo que más me ha llamado la atención es el control de eventos, el dataGrid (lo muestra todo del tiron, jeje) y el maravilloso dataBinding(pasalo pasalo).
Me ha parecido de interes insertar este video donde se resume un cambio en los namespaces de la version 3 a la 4 de flex (se ve algo de css, !!! interesante ¡¡¡):
http://tv.adobe.com/watch/adc-presents/migrating-to-flex-4-namespace-changes/
Suscribirse a:
Entradas (Atom)