Skip to content

P
ProyectoFinal-Bootcamp
Commit 965ec053 by Emanuel Lugo
Options

login con estilos anhadido

parents 397c8268 83a3c531
Showing with 534 additions and 69 deletions
pom.xml
...@@ -37,6 +37,11 @@ ...@@ -37,6 +37,11 @@
<scope>test</scope> <scope>test</scope>
</dependency> </dependency>
<dependency> <dependency>
<groupId>org.glassfish.web</groupId>
<artifactId>jakarta.servlet.jsp.jstl</artifactId>
<version>2.0.0-M1</version>
</dependency>
<dependency>
<groupId>org.postgresql</groupId> <groupId>org.postgresql</groupId>
<artifactId>postgresql</artifactId> <artifactId>postgresql</artifactId>
<version>42.3.5</version> <version>42.3.5</version>
......
src/main/java/com/roshka/proyectofinal/login/LoginServlet.java
...@@ -64,13 +64,13 @@ public class LoginServlet extends HttpServlet { ...@@ -64,13 +64,13 @@ public class LoginServlet extends HttpServlet {
{ {
HttpSession session = request.getSession(true); //incluir nota de sesion valida HttpSession session = request.getSession(true); //incluir nota de sesion valida
session.setAttribute("logon.isDone", correo); session.setAttribute("logon.isDone", correo);
out.print ("Bienvenido " + correo); //out.print ("Bienvenido " + correo);
// Tratar de re-dirigir a la pagina que el usuario quiso acceder // Tratar de re-dirigir a la pagina que el usuario quiso acceder
try { try {
String target = (String) session.getAttribute("login.target"); String target = (String) session.getAttribute("login.target");
//response.sendRedirect("loginSuccess.jsp"); //response.sendRedirect("loginSuccess.jsp");
out.println(" \n Destino: " + target); //out.println(" \n Destino: " + target);
if (target != null) if (target != null)
response.sendRedirect(target); response.sendRedirect(target);
//return; //return;
...@@ -78,13 +78,14 @@ public class LoginServlet extends HttpServlet { ...@@ -78,13 +78,14 @@ public class LoginServlet extends HttpServlet {
catch (Exception ignored) { } catch (Exception ignored) { }
// Si no es posible redireccionar a la pagina solicitada, llevar a la main page // Si no es posible redireccionar a la pagina solicitada, llevar a la main page
RequestDispatcher rd = request.getRequestDispatcher("/index.jsp"); RequestDispatcher rd = request.getRequestDispatcher("menu.html");
rd.include(request,response);
} else { } else {
//si no es un user valido - mandar error y redireccionar al inicio de sesion //si no es un user valido - mandar error y redireccionar al inicio de sesion
RequestDispatcher rd = request.getRequestDispatcher("/login.jsp"); RequestDispatcher rd = request.getRequestDispatcher("/login.jsp");
out.print("<div br align = \"center\" class=\"messageError\" > Credenciales incorrectas! Reintente ... </div>"); //out.print("<div br align = \"center\" class=\"messageError\" > Credenciales incorrectas! Reintente ... </div>");
rd.include(request,response); rd.include(request,response);
} }
...@@ -96,22 +97,3 @@ public class LoginServlet extends HttpServlet { ...@@ -96,22 +97,3 @@ public class LoginServlet extends HttpServlet {
} }
/* out.println("<script>alert('Datos de acceso Incorrectos, intente de nuevo !');</script>");
out.println("<p> You may want to <a href='/login.jsp'> try again </a> </p>");
out.println("<html><HEAD><title>Access Denied<title><head>");*/
//request.getRequestDispatcher("login.jsp").include(request, response);
/* out.println("<!DOCTYPE html>");
out.println("<html> <head> <title>BootcampsLogin</title> </head>");
out.println("<body> <div align= \"center\">");
out.println("<h1>User Login Form</h1>");
out.println("<form action=\"login\" method=\"post\">");
out.println("<table align = \"center\">");
out.println("<tr><td>Correo:</td> <td><input type=\"text\" name = \"correo\"></td></tr>");
out.println("<tr><td>Password:</td><td><input type=\"password\" name=\"password\"></td></tr>");
out.println("<center><tr><td><input type=\"submit\" value=\"Login\"/></td></tr></center>");
out.println("</table></form> </div>");
out.println("<div br align = \"center\" class=\"messageError\" > Credenciales incorrectas! Reintente ... </div>");
out.println("</body></html>");*/
src/main/webapp/estilos/form.css 0 → 100644
/* el header donde va el logo y el menu */
html,body{
background-image: url(imagenes/descarga.svg);
}
/* damos los estilos a todo lo que contiene el body */
body{
background-color: rgba(11, 49, 110, 0.75);
font-family:Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
color: wheat;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
height: 160%;}
}
/* para el logo */
img{
width: 165px;
padding: 10px;
}
p.enter{
text-align: center;
font-size: 20px;
}
/* para el parrafo */
p:hover{
color: yellow;
}
/* para el create o sea para el main */
.create{
width: 100%;
max-width: 785px;
min-width: 320px;
border-radius: 15px;
background-color: rgba(11, 49, 110, 0.75);
padding: 1rem;
}
/* contenedor */
/* para el forrmulario */
.form label{
display: block;
border: none;
align-items:center;
}
.form input{
display: block;
border: none;
width: 50%;
align-items:center;
}
.form input[type="email"],.form input[type="text"],.form input[type="number"]{
background-color: transparent;
border-radius: 10px;
border: 1px solid #000;
}
.form input:hover{
background-color: wheat;
}
a{
text-decoration: none;
}
ul{
list-style:none;
font-size:15px;
}
a{
text-decoration:none;
color:black;
background-color: #21211d;
border-radius: 10px;
color: #FFF;
padding: 10px;
margin:15px;
text-decoration: none;
cursor: pointer;
background-image: url(imagenes/descarga.svg);
}
.form input[type="reset"] , .form input[type="submit"]{
text-decoration:none;
background-color: rgba(11, 49, 110, 0.75);
background-image: url(imagenes/descarga.svg);
border-radius: 10px;;
padding: 15px;
border-radius: 10px;
text-decoration: none;
color:#ffff;
text-align:left;
cursor: pointer;
width:80px;
text-align:center;
}
input#ruby,input#python,input#c,input#javascript,input#java{
width:20px;
}
input#experiencia_laboral,input#notebook,input#universidad{
width:100px;
}
/* parrafo final */
//mi parte jose leeme
</style>
src/main/webapp/estilos/menu.css 0 → 100644
* {
box-sizing: border-box;
}
body {
font-family: 'Concert One', cursive;
font-size: 13px
}
.header, .footer {
background-color:rgb(18, 18, 98);
color: white;
padding: 60px;
}
.column {
float: left;
padding: 30px;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
a{
color:white;
}
.menu {
width: 50%;
}
.content {
width: 50%;
}
.menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.menu li {
padding: 8px;
margin-bottom: 8px;
background-color: rgb(18, 18, 98);
color: #ffffff;
}
.menu li:hover {
background-color: rgb(18, 18, 98);
}
\ No newline at end of file
src/main/webapp/formulario.jsp
<!-- <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta id="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<title>postulacion</title>
</head> -->
<%@ page language="java" contentType="text/html; charset=UTF-8" <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> pageEncoding="UTF-8"%>
<!DOCTYPE html> <!DOCTYPE html>
...@@ -15,17 +6,24 @@ pageEncoding="UTF-8"%> ...@@ -15,17 +6,24 @@ pageEncoding="UTF-8"%>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" /> <link href="estilos/form.css" rel="stylesheet" type="text/css" />
<title>JSP Page</title> <link rel="shortcut icon" href="imagenes/roshkaicon.ico" sizes="any" />
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />
<title>Formulario Postulante</title>
</head> </head>
<body> <body>
<main> <header>
<div class="logo">
<img src="imagenes/logo-roshka.svg" alt="log-roshka" />
</div>
</header>
<main class="create">
<article class="contenedor">
<div> <div>
<p>Si sigues interesado y cumples con los requisitos, completa el siguiente formulario: </p> <p class="enter">Si sigues interesado y cumples con los requisitos, completa el siguiente formulario: </p>
<form method="post" action="SaveServlet"> <form method="post" action="SaveServlet" class="form">
<label for="nombre">Ingrese su Nombre:</label> <label for="nombre">Ingrese su Nombre:</label>
<input required id="nombre" name="nombre" type="text"><br> <input required id="nombre" name="nombre" type="text"><br>
...@@ -45,10 +43,6 @@ pageEncoding="UTF-8"%> ...@@ -45,10 +43,6 @@ pageEncoding="UTF-8"%>
<label for="direccion">Direccion:</label> <label for="direccion">Direccion:</label>
<input required id="direccion" name="direccion" type="text"><br> <input required id="direccion" name="direccion" type="text"><br>
<label for="experiencia_laboral">Experiencia laboral</label>
<!-- Si no lo marca el valor que envia es null y si lo marca es "ON" -->
<input id="experiencia_laboral" name="experiencia_laboral" type="checkbox"><br>
<p for="experiencia_programando">Lenguajes de programacion que conoces:</p>
<%@ page import="com.roshka.proyectofinal.entity.Lenguaje, com.roshka.proyectofinal.lenguaje.LenguajeDao, java.util.List,java.util.Iterator" %> <%@ page import="com.roshka.proyectofinal.entity.Lenguaje, com.roshka.proyectofinal.lenguaje.LenguajeDao, java.util.List,java.util.Iterator" %>
...@@ -75,18 +69,151 @@ pageEncoding="UTF-8"%> ...@@ -75,18 +69,151 @@ pageEncoding="UTF-8"%>
</ul> </ul>
<label for="notebook">Cuenta con notebook:</label> <label for="experiencia_laboral" >Experiencia laboral</label>
<!-- Si no lo marca el valor que envia es null y si lo marca es "ON" -->
<input id="experiencia_laboral" name="experiencia_laboral" type="checkbox" ><br>
<p for="experiencia_programando">Lenguajes de programacion que conoces:</p>
<label for="notebook">Cuenta con notebook</label>
<input id="notebook" name="notebook" type="checkbox"><br> <input id="notebook" name="notebook" type="checkbox"><br>
<label for="universidad">Estudio Universitario: </label> <label for="universidad">Estudio Universitario </label>
<input id="universidad" name="universidad" type="checkbox"><br> <input id="universidad" name="universidad" type="checkbox"><br>
<input type="submit"> <input class="enviar" type="submit" >
<input type="reset" value="Borrar"> <input class="borrar" type="reset" value="Borrar"><br>
<a href="index.html">volver</a>
</form> </form>
</div>
</article>
</main> </main>
</body> </body>
</html> </html>
<style>
/* el header donde va el logo y el menu */
html,body{
background-image: url(imagenes/descarga.svg);
}
/* damos los estilos a todo lo que contiene el body */
body{
background-color: rgba(11, 49, 110, 0.75);
font-family:Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
color: wheat;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
height: 160%;}
}
/* para el logo */
img{
width: 165px;
padding: 10px;
}
p.enter{
text-align: center;
font-size: 20px;
}
/* para el parrafo */
p:hover{
color: yellow;
}
/* para el create o sea para el main */
.create{
width: 100%;
max-width: 785px;
min-width: 320px;
border-radius: 15px;
background-color: rgba(11, 49, 110, 0.75);
padding: 1rem;
}
/* contenedor */
/* para el forrmulario */
.form label{
display: block;
border: none;
align-items:center;
}
.form input{
display: block;
border: none;
width: 50%;
align-items:center;
}
.form input[type="email"],.form input[type="text"],.form input[type="number"]{
background-color: transparent;
border-radius: 10px;
border: 1px solid #000;
}
.form input:hover{
background-color: wheat;
}
a{
text-decoration: none;
}
ul{
list-style:none;
font-size:15px;
}
a{
text-decoration:none;
color:black;
background-color: #21211d;
border-radius: 10px;
color: #FFF;
padding: 10px;
margin:15px;
text-decoration: none;
cursor: pointer;
background-image: url(imagenes/descarga.svg);
}
.form input[type="reset"] , .form input[type="submit"]{
text-decoration:none;
background-color: rgba(11, 49, 110, 0.75);
background-image: url(imagenes/descarga.svg);
border-radius: 10px;;
padding: 15px;
border-radius: 10px;
text-decoration: none;
color:#ffff;
text-align:left;
cursor: pointer;
width:80px;
text-align:center;
}
input#ruby,input#python,input#c,input#javascript,input#java{
width:20px;
}
input#experiencia_laboral,input#notebook,input#universidad{
width:100px;
}
/* parrafo final */
</style>
\ No newline at end of file
src/main/webapp/formulario_bootcamp.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" <%@ page contentType="text/html;charset=UTF-8" language="java" %>
pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
......
src/main/webapp/index.html
...@@ -26,6 +26,8 @@ ...@@ -26,6 +26,8 @@
<li class="link-menu"><a href="">Home</a></li> <li class="link-menu"><a href="">Home</a></li>
<li class="link-menu"><a href="formulario.jsp">Postulate</a></li> <li class="link-menu"><a href="formulario.jsp">Postulate</a></li>
<li class="link-menu"><a href="formulario_bootcamp.jsp">Crear bootcamp</a> <li class="link-menu"><a href="formulario_bootcamp.jsp">Crear bootcamp</a>
<li class="link-menu"><a href="login.jsp">Login</a>
<li class="link-menu"><a href="protected">Recurso Protegido</a></li>
</li> </li>
</ul> </ul>
</div> </div>
......
src/main/webapp/login.jsp
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %> <!--
<!DOCTYPE html> Follow me on
<html> ------------
<head> Codepen: https://codepen.io/mycnlz/
<title>BootcampsLogin</title> Dribbble: https://dribbble.com/mycnlz
</head> Pinterest: https://pinterest.com/mycnlz/
<body> -->
<div align=" center">
<h1>User Login Form</h1> <div class='box'>
<div class='box-form'>
<div class='box-login-tab'></div>
<div class='box-login-title'>
<div class='i i-login'></div><h2> USUARIO </h2>
<link rel="stylesheet" href="usrebe.css">
<link rel="stylesheet" href="usrebe.js">
</div>
<form action="login" method="post"> <form action="login" method="post">
<table align = "center"> <div class='box-login'>
<tr><td>Correo:</td> <td><input type="text" name = "correo"></td></tr> <div class='fieldset-body' id='login_form'>
<tr><td>Password:</td><td><input type="password" name="password"></td></tr> <button onclick="openLoginInfo();" class='b b-form i i-more' title='Mais Informações'></button>
<p class='field'>
<label for='user'>E-MAIL</label>
<input type='text' id='correo' name='correo' title='Correo' />
<span id='valida' class='i i-warning'></span>
</p>
<p class='field'>
<label for='password'>PASSWORD</label>
<input type='password' id='password' name='password' title='Password' />
<span id='valida' class='i i-close'></span>
</p>
<tr><td><input type="submit" value="Login"/></td></tr> <input type='submit' id='do_login' value='INICIAR SESION' title='INICIAR SESION' />
</table> </div>
</div>
</div>
</form> </form>
<div class='box-info'>
<p><button onclick="closeLoginInfo();" class='b b-info i i-left' title='Back to Sign In'></button><h3>Need Help?</h3>
</p>
<div class='line-wh'></div>
<button onclick="" class='b-support' title='Forgot Password?'> Forgot Password?</button>
<button onclick="" class='b-support' title='Contact Support'> Contact Support</button>
<div class='line-wh'></div>
<button onclick="" class='b-cta' title='Sign up now!'> CREATE ACCOUNT</button>
</div> </div>
</div>
</body>
</html>
\ No newline at end of file
src/main/webapp/menu.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<style>
<link href="https://fonts.googleapis.com/css2?family=Concert+One&family=Francois+One&family=Satisfy&family=Staatliches&display=swap" rel="stylesheet">
* {
box-sizing: border-box;
}
body {
font-family: 'Concert One', cursive;
font-family: 'Francois One', sans-serif;
font-family: 'Satisfy', cursive;
font-family: 'Staatliches', cursive;
font-size: 13px
}
.header, .footer {
background-color:rgb(18, 18, 98);
color: white;
padding: 60px;
}
.column {
float: left;
padding: 30px;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
a{
color:white;
}
.menu {
width: 50%;
}
.content {
width: 50%;
}
.menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.menu li {
padding: 8px;
margin-bottom: 8px;
background-color: rgb(18, 18, 98);
color: #ffffff;
}
.menu li:hover {
background-color: rgb(18, 18, 98);
}
</style>
</head>
<body>
<div class="header">
<h1> MENU TH</h1>
<h2> EN LOS SIGUIENTES LINKS PUEDE MODIFICAR, AGREGAR O ELIMINAR DATOS DE LA BASE DE DATOS DEL BOOTCAMP </h2>
</div>
<div class="column content">
<h1>PUEDE ACCEDER A LOS SIGUIENTES LINKS:</h1>
</div>
<div class="clearfix">
<div class="column menu">
<ul>
<li><a href="#"> MANAGE BOOTCAMP </a></li>
<li><a href="#"> MANAGE POSTULANTE </a></li>
<li><a href="#"> MANAGE LENGUAJES </a></li>
<li><a href="#"> MANAGE PROFESORES </a></li>
<li><a href="#"> USUARIO NUEVO (ADMINISTRADOR) </a></li>
</ul>
</div>
</div>
</body>
</html>
src/main/webapp/usrebe.html 0 → 100644
<!--
Follow me on
------------
Codepen: https://codepen.io/mycnlz/
Dribbble: https://dribbble.com/mycnlz
Pinterest: https://pinterest.com/mycnlz/
-->
<div class='box'>
<div class='box-form'>
<div class='box-login-tab'></div>
<div class='box-login-title'>
<div class='i i-login'></div><h2> USUARIO </h2>
<link rel="stylesheet" href="usrebe.css">
<link rel="stylesheet" href="usrebe.js">
</div>
<div class='box-login'>
<div class='fieldset-body' id='login_form'>
<button onclick="openLoginInfo();" class='b b-form i i-more' title='Mais Informações'></button>
<p class='field'>
<label for='user'>E-MAIL</label>
<input type='text' id='user' name='user' title='Username' />
<span id='valida' class='i i-warning'></span>
</p>
<p class='field'>
<label for='pass'>PASSWORD</label>
<input type='password' id='pass' name='pass' title='Password' />
<span id='valida' class='i i-close'></span>
</p>
<input type='submit' id='do_login' value='INICIAR SESION' title='INICIAR SESION' />
</div>
</div>
</div>
<div class='box-info'>
<p><button onclick="closeLoginInfo();" class='b b-info i i-left' title='Back to Sign In'></button><h3>Need Help?</h3>
</p>
<div class='line-wh'></div>
<button onclick="" class='b-support' title='Forgot Password?'> Forgot Password?</button>
<button onclick="" class='b-support' title='Contact Support'> Contact Support</button>
<div class='line-wh'></div>
<button onclick="" class='b-cta' title='Sign up now!'> CREATE ACCOUNT</button>
</div>
</div>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment