Java web

Componentes
Htlm
Css
Jsp
Servlets
JavaScript
Jquery
Ajax

Creamos ap web
Agregar un form de la paleta de html form con mtodo post y llamado
validarFormulario
Arrastramos tabla 2 x 2 antes cierre formulario
Eliminar el thead
El td usuario
El sdo un textImput llamamos usuario con ancho de 10
El 3er Clave
El 4to un textinput llamado clave de tipo password con ancho 10
Duplicar el name en cada uno y porlo como id ya que validaciones por jquery las toma
el id y las hechas por jsp las toma el name
Agregar un botn llamado ingresar ccon un colspan2 que columna ocupe 2 espacios
Agregar ventana de estilo y hacerla
Copiar esto antes del title
<link rel="stylesheet" type="text/css" href="style.css" >

Bajar jquery
<script type="text" src="jquery-1.11.3.min.js"></script>
<script type="text" src="jquery-1.11.3.js"></script>
http://code.jquery.com/jquery-1.11.3.min.js
<script src="js/jquery-1.11.3.js"></script>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

En el index despus del titulo

<script>
// codigo con jwquery para capturar el validar usuario
$(document).ready(function () {
$("#ValidarUsuario").submit(function () {
$.post("ValidarUsuario", $("#ValidarUsuario").serialize(),
function(data) {
perfil = $.trim(data);
if(perfil == "1") document.location.href
= "MenuAdministrador.jsp";
else if(perfil == "2") document.location.href
= "MenuEmpleado.jsp";
else $("#mensaje-ingreso").html("<h1>Usuario o clave \n\
no valido </h1>");
});
return false; //salida controlada
});
});
</script>
1. Creamos un jsp el de usuarios lo primero que se hace es incluir el script que
esta en las dems paginas y antes del titulo se copiara esto con eso tendr el
encabezado de todas las paginas
<jsp:include page="encabezado.jsp"></jsp:include>
El titulo seria Sistema de facturacin y la etiqueta h1 es donde se coloca
usuarios
2. Vamos hacer formulario donde se pueda inglesar campos de la tabla usuarios
3. En mysql agregar columana a tabla usuario para la foto
4. Se agrega formulario usuario
5. Se agrega tabla con 7 filas (se pide conf de clave) 2 columnas y borde 0
6. Eliminar el thead o encabezado que el crea
7. Vamos al men administrador que es el que llama y cambiamos la etiqueta que
dice uduario la parte de menuaministrador por Usuarios.jsp
8. Probar
9. En usuarios despus de la etiqueta de cierre del formulario colocamos esto
para que regrese al men
<a href="Javascript:history.back(1)">Regresar a la pgina anterior</a> <br>
<a href="MenuAdministrador.jsp">Regresar al men principal</a>
10. Colocar los textImput y tener en cuenta longitud en el campo con la de la bd y
para el perfil un dropdownlist con 3 opciones la de sel un perfil, admin y
empleado con valores 0,1 y 2 respectivamente
11. Para foto se utiliza file select al que solo se le coloca en nombre de foto

12. Hagamos codigo que nos empaquete los campos de usuario

13. Creamos una clase llamada Usuario
<tr>
<td>Perfil</td>
<td><select name="perfil" id="perfil">
<%
if (perfil.equals("")){
%>
<option value="0" selected>Seleccione perfil...</option>
<%
} else {
%>
<option value="0">Seleccione perfil...</option>
<%
}
if (perfil.equals("1")) {
%>
<option value="1"selected>Administrador</option>
<%
} else {
%>
<option value="1">Administrador</option>
<%
}
if (perfil.equals("2")){
%>
<option value="2" selected="">Empleado</option>
<%
} else {
%>
<option value="2">Empleado</option>
<%
}
%>
</select></td>
</tr>
PARTE 12