Skip to content

P
ProyectoFinal-Bootcamp
Commit aeab3e8c by Yovan Martinez
Options

Cambiado el formulario a jsp para listar lenguajes dinamicos actualizados de la… 

Cambiado el formulario a jsp para listar lenguajes dinamicos actualizados de la base de datos,borrado codigo basura en index,correcion de direcion en index
parent f775ac12
Showing with 242 additions and 194 deletions
src/main/webapp/formulario.html → src/main/webapp/formulario.jsp
<!DOCTYPE html> <!-- <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
...@@ -7,72 +7,114 @@ ...@@ -7,72 +7,114 @@
<meta id="viewport" content="width=device-width, initial-scale=1.0"> <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"> <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> <title>postulacion</title>
</head> </head> -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<body> <head>
<main> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<title>JSP Page</title>
</head>
<body>
<main>
<div>
<p>Si sigues interesado y cumples con los requisitos, completa el siguiente formulario: </p>
<form method="post" action="SaveServlet"> <input value="1" type="text">
<label for="nombre">Ingrese su Nombre:</label>
<input required id="nombre" name="nombre" type="text"><br>
<label for="apellido">Ingrese su Apellido:</label>
<input required id="apellido" name="apellido" type="text"><br>
<label for="cedula">Numero de cedula:</label>
<input required id="cedula" name="cedula" type="number"><br>
<label for="correo">Correo:</label>
<input required id="correo" name="correo" type="email"><br>
<label for="telefono">Telefono:</label>
<input required id="telefono" name="telefono" type="text"><br>
<label for="direccion">Direccion:</label>
<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>
<ul>
<li>
<label for="ruby">Ruby:</label><input id="ruby" name="ruby" type="checkbox"><br>
</li>
<li>
<label for="java">Java: </label><input id="java" name="java" type="checkbox"><br>
</li>
<li>
<label for="python">Python</label><input id="python" name="python" type="checkbox"><br>
</li>
<li>
<label for="c">C++ </label><input id="c" name="c" type="checkbox"><br>
</li>
<li>
<label for="javascript">Javascript </label><input id="javascript" name="javascript" type="checkbox"><br>
</li>
</ul>
<label for="notebook">Cuenta con notebook:</label> <div>
<input id="notebook" name="notebook" type="checkbox"><br> <p>Si sigues interesado y cumples con los requisitos, completa el siguiente formulario: </p>
<form method="post" action="SaveServlet">
<label for="nombre">Ingrese su Nombre:</label>
<input required id="nombre" name="nombre" type="text"><br>
<label for="apellido">Ingrese su Apellido:</label>
<input required id="apellido" name="apellido" type="text"><br>
<label for="cedula">Numero de cedula:</label>
<input required id="cedula" name="cedula" type="number"><br>
<label for="universidad">Estudio Universitario: </label> <label for="correo">Correo:</label>
<input id="universidad" name="universidad" type="checkbox"><br> <input required id="correo" name="correo" type="email"><br>
<input type="submit"> <label for="telefono">Telefono:</label>
<input type="reset" value="Borrar"> <input required id="telefono" name="telefono" type="text"><br>
</form>
</div>
</main> <label for="direccion">Direccion:</label>
</body> <input required id="direccion" name="direccion" type="text"><br>
</html> <label for="experiencia_laboral">Experiencia laboral</label>
\ No newline at end of file <!-- 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" %>
<%
LenguajeDao lenDao = new LenguajeDao();
List<Lenguaje> listLenguaje = lenDao.listar();
Iterator<Lenguaje> iter = listLenguaje.iterator();
Lenguaje len = null;
%>
<ul>
<% while(iter.hasNext()){
len = iter.next();
%>
<li>
<label for=<%=len.getNombre_lenguaje() %> > <%= len.getNombre_lenguaje() %> </label><input value=<%=len.getId() %> id=
<%=len.getNombre_lenguaje() %> name=
<%=len.getNombre_lenguaje() %> type="checkbox"><br>
</li>
<% } %>
<!-- <li>
<label for="ruby">Ruby:</label><input id="ruby" name="ruby" type="checkbox"><br>
</li> -->
<!-- <li>
<label for="java">Java: </label><input id="java" name="java" type="checkbox" value="2"><br>
</li>
<li>
<label for="python">Python</label><input id="python" name="python" type="checkbox" value="3"><br>
</li>
<li>
<label for="c">C++ </label><input id="c" name="c" type="checkbox" value="4"><br>
</li>
<li>
<label for="javascript">Javascript </label><input id="javascript" name="javascript" type="checkbox" value="5"><br>
</li> -->
</ul>
<label for="notebook">Cuenta con notebook:</label>
<input id="notebook" name="notebook" type="checkbox"><br>
<label for="universidad">Estudio Universitario: </label>
<input id="universidad" name="universidad" type="checkbox"><br>
<input type="submit">
<input type="reset" value="Borrar">
</form>
</div>
</main>
</body>
</html>
\ No newline at end of file
src/main/webapp/formulario_bootcamp.jsp
<%@ 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>
<html> <html>
<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="css/bootstrap.css" rel="stylesheet" type="text/css" />
<title>JSP Page</title> <title>JSP Page</title>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<h1>Crear Bootcamp</h1> <h1>Crear Bootcamp</h1>
<%@ 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" %>
<% <%
LenguajeDao lenDao = new LenguajeDao(); LenguajeDao lenDao = new LenguajeDao();
List<Lenguaje> listLenguaje = lenDao.listar(); List<Lenguaje> listLenguaje = lenDao.listar();
Iterator<Lenguaje> iter = listLenguaje.iterator(); Iterator<Lenguaje> iter = listLenguaje.iterator();
Lenguaje len = null; Lenguaje len = null;
%> %>
<form action="" method="post">
<label for="lenguaje">Lenguajes:</label>
<form action="" method="post"> <select name="lenguaje" id="lenguaje">
<label for="lenguaje">Lenguajes:</label>
<select name="lenguaje" id="lenguaje">
<% while(iter.hasNext()){ <% while(iter.hasNext()){
len = iter.next(); len = iter.next();
...@@ -35,7 +33,8 @@ pageEncoding="UTF-8"%> ...@@ -35,7 +33,8 @@ pageEncoding="UTF-8"%>
</option> </option>
<% } %> <% } %>
</select> </select>
</form> </form>
</div> </div>
</body> </body>
</html>
</html>
\ No newline at end of file
src/main/webapp/index.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
/>
<!-- para concectar con css --> <!-- para concectar con css -->
...@@ -22,16 +18,16 @@ ...@@ -22,16 +18,16 @@
</head> </head>
<div class="header"> <div class="header">
<div class="logo"> <div class="logo">
<a href="./index.html"> <img class="logoi" src="imagenes/logo-roshka.svg" alt="" /> </a <a href="./index.html"> <img class="logoi" src="imagenes/logo-roshka.svg" alt="" /> </a>
><!-- logo con link --> <!-- logo con link -->
</div> </div>
<div class="menu"> <div class="menu">
<ul> <ul>
<li class="link-menu"><a href="/">Home</a></li> <li class="link-menu"><a href="">Home</a></li>
<li class="link-menu"><a href="./home.html">Postulate</a></li> <li class="link-menu"><a href="formulario.jsp">Postulate</a></li>
<li class="link-menu"><a href="/ProyectoFinal-Bootcamp/crearBootcamp">Crear bootcamp</a> <li class="link-menu"><a href="formulario_bootcamp.jsp">Crear bootcamp</a>
</li> </li>
</ul> </ul>
</div> </div>
<!-- menu --> <!-- menu -->
</div> </div>
...@@ -46,21 +42,22 @@ ...@@ -46,21 +42,22 @@
<!-- <div class="contenido"> --> <!-- <div class="contenido"> -->
<br> <br> <br> <br> <br> <br><br><div class="texto"> <br> <br> <br> <br> <br> <br><br>
<div class="titulo"> <div class="texto">
<div class="titulo"> <div class="titulo">
<h2>Es tu turno <strong>Postulate</strong> para el bootcamp</h2> <div class="titulo">
<h1>Aprende</h1> <h2>Es tu turno <strong>Postulate</strong> para el bootcamp</h2>
<h1>Aprende</h1>
</div>
</div>
<div class="parrafo">
<p data-block-key="cwggy">Es un campo de entrenamiento intensivo y gratuito para principiantes que ya programan y quieren ser parte de la empresa</p>
</div>
<div class="postulacion">
<button type="submit" class="cta-main">POSTULACION</button>
<!-- <a href="/postulacion" class="cta-main">POSTULACION</a> -->
</div> </div>
</div> </div>
<div class="parrafo">
<p data-block-key="cwggy">Es un campo de entrenamiento intensivo y gratuito para principiantes que ya programan y quieren ser parte de la empresa</p>
</div>
<div class="postulacion">
<button type="submit" class="cta-main">POSTULACION</button>
<!-- <a href="/postulacion" class="cta-main">POSTULACION</a> -->
</div>
</div>
<div class="grafico"> <div class="grafico">
<img style="align-items:right ;" src="imagenes/ilustracion-herov3.svg" alt=""> <img style="align-items:right ;" src="imagenes/ilustracion-herov3.svg" alt="">
...@@ -71,54 +68,54 @@ ...@@ -71,54 +68,54 @@
</div> </div>
<!-- pie de pagina --> <!-- pie de pagina -->
<div class="footer"> <div class="footer">
<div class="logofooter"><img src="imagenes/logo_footer.svg" alt="" class="logofooter"></div> <div class="logofooter"><img src="imagenes/logo_footer.svg" alt="" class="logofooter"></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</body> </body>
</html> </html>
<style> <style>
img.logoi{ img.logoi {
width: 200px; width: 200px;
}
}
img {
img{ width: 400px;
width: 400px; padding: 10px;
padding: 10px; display: block;
display: block; padding: 10px;
padding:10px ; }
}
.header { .header {
margin-bottom: 0; margin-bottom: 0;
width: 700px; width: 700px;
} }
a{
float: right 100px; a {
color: #fff; float: right 100px;
font-size: larger; color: #fff;
text-decoration: none; font-size: larger;
padding: 10px; text-decoration: none;
padding: 10px;
} }
body { body {
background: linear-gradient(100deg, rgba(20, 99, 155, 0.25), rgba(30, 148, 227, 0.25)); background: linear-gradient(100deg, rgba(20, 99, 155, 0.25), rgba(30, 148, 227, 0.25));
background-image: url(imagenes/descarga.svg); background-image: url(imagenes/descarga.svg);
background-size: contain; background-size: contain;
background-attachment: fixed; background-attachment: fixed;
background-blend-mode: multiply; background-blend-mode: multiply;
font-family: Georgia, 'Times New Roman', Times, serif; font-family: Georgia, 'Times New Roman', Times, serif;
color: white; color: white;
position: relative; position: relative;
width: 100px; width: 100px;
height: 100px; height: 100px;
} }
/* ul{ /* ul{
list-style: none; list-style: none;
} }
.menu >ul{ .menu >ul{
...@@ -137,67 +134,74 @@ body { ...@@ -137,67 +134,74 @@ body {
marging-left marging-left
position:relative; position:relative;
} */ } */
.menu {
width: 400%; .menu {
float: left; width: 400%;
float: left;
} }
.menu ul li { .menu ul li {
float: right; float: right;
list-style-type: none; list-style-type: none;
text-align: right; text-align: right;
} }
div.menu{
float: right; div.menu {
float: right;
}
}
.menu ul li a { .menu ul li a {
padding-left: 5px; padding-left: 5px;
text-decoration: none; text-decoration: none;
font-size: clamp(145px); font-size: clamp(145px);
text-transform: uppercase; text-transform: uppercase;
display: block; display: block;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
padding-bottom: 50px; padding-bottom: 50px;
white-space: nowrap; white-space: nowrap;
} }
.grafico,svg {
max-width: 50px; .grafico,
display: block; svg {
height: auto; max-width: 50px;
} display: block;
.seccion.hero { height: auto;
margin-top: 10px; }
padding-bottom: 10px;
width: 900px; .seccion.hero {
} margin-top: 10px;
.hero { padding-bottom: 10px;
perspective: 100px; width: 900px;
} }
.hero {
display: grid; .hero {
grid-template-columns: auto repeat(5, 0.5fr) auto; perspective: 100px;
} }
.hero {
display: flex; .hero {
flex-direction: column; display: grid;
align-items: center; grid-template-columns: auto repeat(5, 0.5fr) auto;
padding-left: 200px; }
/* padding-right: 200px;
.hero {
display: flex;
flex-direction: column;
align-items: center;
padding-left: 200px;
/* padding-right: 200px;
*/ */
} }
/* */ /* */
.postulacion{
border-radius: 30px; .postulacion {
} border-radius: 30px;
.cta-main{ }
width: 200px;
font-family: monospace; .cta-main {
background-color: yellow; width: 200px;
border: none; font-family: monospace;
} background-color: yellow;
border: none;
</style> }
</style>
\ No newline at end of file
src/main/webapp/index.jsp
...@@ -14,7 +14,8 @@ ...@@ -14,7 +14,8 @@
</h1> </h1>
<br/> <br/>
<a href="hello-servlet">Hello Servlet</a><br> <a href="hello-servlet">Hello Servlet</a><br>
<a href="./formulario.html">Postulate aqui</a>
</body> </body>
</html> </html>
......
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