Skip to content

M
misuperproyecto
Commit 07bbf7a0 by Jose Baez
Options

Merge branch 'formulario_jsp' into 'develop' 

Formulario jsp

See merge request jbaez/ProyectoFinal-Bootcamp!16
parents f775ac12 32de296d
Showing with 214 additions and 194 deletions
src/main/webapp/formulario.html → src/main/webapp/formulario.jsp
<!DOCTYPE html>
<!-- <!DOCTYPE html>
<html lang="en">
<head>
......@@ -7,72 +7,86 @@
<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>
</head> -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<body>
<main>
<head>
<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>
<div>
<p>Si sigues interesado y cumples con los requisitos, completa el siguiente formulario: </p>
<form method="post" action="SaveServlet">
<form method="post" action="SaveServlet">
<label for="nombre">Ingrese su Nombre:</label>
<input required id="nombre" name="nombre" type="text"><br>
<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="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="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="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="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="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>
<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>
<li>
<label for="c">C++ </label><input id="c" name="c" type="checkbox"><br>
</li>
<%@ page import="com.roshka.proyectofinal.entity.Lenguaje, com.roshka.proyectofinal.lenguaje.LenguajeDao, java.util.List,java.util.Iterator" %>
<li>
<label for="javascript">Javascript </label><input id="javascript" name="javascript" type="checkbox"><br>
</li>
<%
LenguajeDao lenDao = new LenguajeDao();
List<Lenguaje> listLenguaje = lenDao.listar();
Iterator<Lenguaje> iter = listLenguaje.iterator();
Lenguaje len = null;
%>
<ul>
<% while(iter.hasNext()){
len = iter.next();
</ul>
%>
<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>
<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>
</ul>
<input type="submit">
<input type="reset" value="Borrar">
</form>
</div>
<label for="notebook">Cuenta con notebook:</label>
<input id="notebook" name="notebook" type="checkbox"><br>
</main>
</body>
<label for="universidad">Estudio Universitario: </label>
<input id="universidad" name="universidad" type="checkbox"><br>
</html>
\ No newline at end of file
<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"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<!DOCTYPE html>
<html>
<head>
<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>
</head>
<body>
<div class="container">
<h1>Crear Bootcamp</h1>
<%@ 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;
%>
<form action="" method="post">
<label for="lenguaje">Lenguajes:</label>
<select name="lenguaje" id="lenguaje">
<form action="" method="post">
<label for="lenguaje">Lenguajes:</label>
<select name="lenguaje" id="lenguaje">
<% while(iter.hasNext()){
len = iter.next();
......@@ -35,7 +33,8 @@ pageEncoding="UTF-8"%>
</option>
<% } %>
</select>
</form>
</form>
</div>
</body>
</html>
</html>
\ No newline at end of file
src/main/webapp/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="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" />
<!-- para concectar con css -->
......@@ -22,16 +18,16 @@
</head>
<div class="header">
<div class="logo">
<a href="./index.html"> <img class="logoi" src="imagenes/logo-roshka.svg" alt="" /> </a
><!-- logo con link -->
<a href="./index.html"> <img class="logoi" src="imagenes/logo-roshka.svg" alt="" /> </a>
<!-- logo con link -->
</div>
<div class="menu">
<ul>
<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="/ProyectoFinal-Bootcamp/crearBootcamp">Crear bootcamp</a>
</li>
</ul>
<ul>
<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_bootcamp.jsp">Crear bootcamp</a>
</li>
</ul>
</div>
<!-- menu -->
</div>
......@@ -46,21 +42,22 @@
<!-- <div class="contenido"> -->
<br> <br> <br> <br> <br> <br><br><div class="texto">
<div class="titulo">
<br> <br> <br> <br> <br> <br><br>
<div class="texto">
<div class="titulo">
<h2>Es tu turno <strong>Postulate</strong> para el bootcamp</h2>
<h1>Aprende</h1>
<div class="titulo">
<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 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">
<img style="align-items:right ;" src="imagenes/ilustracion-herov3.svg" alt="">
......@@ -71,54 +68,54 @@
</div>
<!-- pie de pagina -->
<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>
</body>
</html>
<style>
img.logoi{
width: 200px;
}
img{
width: 400px;
padding: 10px;
display: block;
padding:10px ;
}
.header {
margin-bottom: 0;
width: 700px;
}
a{
float: right 100px;
color: #fff;
font-size: larger;
text-decoration: none;
padding: 10px;
}
body {
background: linear-gradient(100deg, rgba(20, 99, 155, 0.25), rgba(30, 148, 227, 0.25));
background-image: url(imagenes/descarga.svg);
img.logoi {
width: 200px;
}
img {
width: 400px;
padding: 10px;
display: block;
padding: 10px;
}
.header {
margin-bottom: 0;
width: 700px;
}
a {
float: right 100px;
color: #fff;
font-size: larger;
text-decoration: none;
padding: 10px;
}
body {
background: linear-gradient(100deg, rgba(20, 99, 155, 0.25), rgba(30, 148, 227, 0.25));
background-image: url(imagenes/descarga.svg);
background-size: contain;
background-attachment: fixed;
background-blend-mode: multiply;
font-family: Georgia, 'Times New Roman', Times, serif;
color: white;
position: relative;
width: 100px;
height: 100px;
}
/* ul{
background-attachment: fixed;
background-blend-mode: multiply;
font-family: Georgia, 'Times New Roman', Times, serif;
color: white;
position: relative;
width: 100px;
height: 100px;
}
/* ul{
list-style: none;
}
.menu >ul{
......@@ -137,67 +134,74 @@ body {
marging-left
position:relative;
} */
.menu {
width: 400%;
float: left;
}
.menu ul li {
float: right;
list-style-type: none;
text-align: right;
}
div.menu{
float: right;
}
.menu ul li a {
padding-left: 5px;
text-decoration: none;
font-size: clamp(145px);
text-transform: uppercase;
display: block;
position: relative;
overflow: hidden;
padding-bottom: 50px;
white-space: nowrap;
}
.grafico,svg {
max-width: 50px;
display: block;
height: auto;
}
.seccion.hero {
margin-top: 10px;
padding-bottom: 10px;
width: 900px;
}
.hero {
perspective: 100px;
}
.hero {
display: grid;
grid-template-columns: auto repeat(5, 0.5fr) auto;
}
.hero {
display: flex;
flex-direction: column;
align-items: center;
padding-left: 200px;
/* padding-right: 200px;
.menu {
width: 400%;
float: left;
}
.menu ul li {
float: right;
list-style-type: none;
text-align: right;
}
div.menu {
float: right;
}
.menu ul li a {
padding-left: 5px;
text-decoration: none;
font-size: clamp(145px);
text-transform: uppercase;
display: block;
position: relative;
overflow: hidden;
padding-bottom: 50px;
white-space: nowrap;
}
.grafico,
svg {
max-width: 50px;
display: block;
height: auto;
}
.seccion.hero {
margin-top: 10px;
padding-bottom: 10px;
width: 900px;
}
.hero {
perspective: 100px;
}
.hero {
display: grid;
grid-template-columns: auto repeat(5, 0.5fr) auto;
}
.hero {
display: flex;
flex-direction: column;
align-items: center;
padding-left: 200px;
/* padding-right: 200px;
*/
}
/* */
.postulacion{
border-radius: 30px;
}
.cta-main{
width: 200px;
font-family: monospace;
background-color: yellow;
border: none;
}
</style>
}
/* */
.postulacion {
border-radius: 30px;
}
.cta-main {
width: 200px;
font-family: monospace;
background-color: yellow;
border: none;
}
</style>
\ No newline at end of file
src/main/webapp/index.jsp
......@@ -14,7 +14,8 @@
</h1>
<br/>
<a href="hello-servlet">Hello Servlet</a><br>
<a href="./formulario.html">Postulate aqui</a>
</body>
</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