Skip to content

P
ProyectoFinal-Bootcamp
Commit 799fa838 by Yovan Martinez
Options

Coexion entre paginas y validacion de carga de postulantes

parent bd9b5ea9
Showing with 781 additions and 881 deletions
src/main/java/com/roshka/proyectofinal/Postulante/EditServletPostulante.java deleted 100644 → 0
package com.roshka.proyectofinal.Postulante;
import com.roshka.proyectofinal.DataBase;
import com.roshka.proyectofinal.entity.Postulante;
import com.roshka.proyectofinal.entity.Bootcamp;
import com.roshka.proyectofinal.entity.PostulanteLenguaje;
import jakarta.servlet.ServletException;
import jakarta.servlet.annotation.WebServlet;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
import javafx.geometry.Pos;
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.*;
import java.util.List;
@WebServlet("/EditServletPostulante")
public class EditServletPostulante extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
PrintWriter out = response.getWriter();
String sid = request.getParameter("id");
boolean accion;
if (request.getParameter("value") == "Rechazar") {
accion = false;
} else {
accion = true;
}
int id = Integer.parseInt(sid);
Postulante e = new Postulante();
e.setId(id);
e.setAceptado(accion);
int status = PostulanteDao.update(e);
if (status > 0) {
response.sendRedirect("ViewServlet");
} else {
out.println("Sorry! unable to update record");
}
out.close();
}
}
src/main/java/com/roshka/proyectofinal/Postulante/SaveServlet.java
...@@ -24,7 +24,7 @@ public class SaveServlet extends HttpServlet { ...@@ -24,7 +24,7 @@ public class SaveServlet extends HttpServlet {
response.setContentType("text/html"); response.setContentType("text/html");
PrintWriter out=response.getWriter(); PrintWriter out=response.getWriter();
boolean rechazarDatos = false; boolean rechazarDatos = false;
int bootcampActual = 2; int bootcampActual = Integer.parseInt(request.getParameter("bootcamp_id"));
try { try {
Connection con = DataBase.getConnection(); Connection con = DataBase.getConnection();
...@@ -116,11 +116,11 @@ public class SaveServlet extends HttpServlet { ...@@ -116,11 +116,11 @@ public class SaveServlet extends HttpServlet {
out.println("<a href=formulario.jsp >Volver al cuestionario</a>"); out.println("<a href=formulario.jsp >Volver al cuestionario</a>");
}else { }else {
out.println("<p>El correo ingresado ya esta registrado para el bootcamp actual<p>"); out.println("<p>El correo ingresado ya esta registrado para el bootcamp actual<p>");
request.getRequestDispatcher("").include(request, response); //request.getRequestDispatcher("").include(request, response);
} }
}else{ }else{
out.println("Error"); out.println("Error");
out.println("<script> window.alert('Falla al enviar la postulacion,Intente de nuevo') </script>"); //out.println("<script> window.alert('Falla al enviar la postulacion,Intente de nuevo') </script>");
} }
} }
......
src/main/java/com/roshka/proyectofinal/Postulante/ViewServletPostulantes.java deleted 100644 → 0
package com.roshka.proyectofinal.Postulante;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;
import com.roshka.proyectofinal.DataBase;
import com.roshka.proyectofinal.entity.Postulante;
import com.roshka.proyectofinal.entity.Bootcamp;
import com.roshka.proyectofinal.entity.PostulanteLenguaje;
import jakarta.servlet.ServletException;
import jakarta.servlet.annotation.WebServlet;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
import javafx.geometry.Pos;
import com.roshka.proyectofinal.DataBase;
import com.roshka.proyectofinal.entity.Postulante;
import com.roshka.proyectofinal.entity.Bootcamp;
import com.roshka.proyectofinal.entity.PostulanteLenguaje;
import jakarta.servlet.ServletException;
import jakarta.servlet.annotation.WebServlet;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.Statement;
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.*;
import java.util.List;
@WebServlet("/ViewServletPostulante")
public class ViewServletPostulantes extends HttpServlet{
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
PrintWriter out=response.getWriter();
out.println("<h1>Lista de Postulantes</h1>");
List<Postulante> list=PostulanteDao.ListarPostulantes();
out.print("<table border='1' width='100%'");
out.print("<tr><th>Id</th><th>Nombre</th><th>Apellido</th><th>Email</th><th>Direccion</th> <th>Edit</th><th>Delete</th></tr>");
for(Postulante e:list){
out.print("<tr><td>"+e.getId()+"</td><td>"+e.getNombre()+"</td><td>"+e.getApellido()+"</td> <td>"+e.getCorreo()+"</td><td>"+e.getDireccion()+"</td><td><a href='EditServlet?id="+e.getId()+"'>edit</a></td> <td><a href='DeleteServlet?id="+e.getId()+"'>delete</a></td></tr>");
}
out.print("</table>");
out.close();
}
}
src/main/webapp/bootcamp.html → src/main/webapp/bootcamp.jsp
<!doctype html> <%@ page language="java" contentType="text/html; charset=UTF-8"
<html lang="en"> pageEncoding="UTF-8"%>
<%@ page import="java.sql.*,java.sql.Connection,java.sql.ResultSet,com.roshka.proyectofinal.DataBase"%>
<!doctype html>
<html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootcamp</title> <title>Bootcamp</title>
<meta name="author" content="cssremix.com"> <meta name="author" content="cssremix.com">
<meta name="robots" content="index,follow"> <meta name="robots" content="index,follow">
<link rel="canonical" href="https://cssremix.com"> <link rel="canonical" href="https://cssremix.com">
<style> <style>
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--bs-font-bold: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", bold, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-bold: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", bold, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient; --bs-gradient: linear-gradient;
--bs-body-font-family: var(--bs-font-bold); --bs-body-font-family: var(--bs-font-bold);
--bs-body-font-size: 1rem; --bs-body-font-size: 1rem;
--bs-body-font-weight: 400; --bs-body-font-weight: 400;
--bs-body-line-height: 1.5; --bs-body-line-height: 1.5;
--bs-body-color: white; --bs-body-color: white;
--bs-body-bg: #fff --bs-body-bg: #fff
} }
*, *,
::after, ::after,
::before { ::before {
box-sizing: border-box box-sizing: border-box
} }
@media (prefers-reduced-motion:no-preference) { @media (prefers-reduced-motion:no-preference) {
:root { :root {
scroll-behavior: smooth scroll-behavior: smooth
} }
} }
body { body {
background: url('https://www.bgeneral.com/wp-content/uploads/2020/09/landing%20recargas/fondo-azul-desktop.png'); background: url('https://www.bgeneral.com/wp-content/uploads/2020/09/landing%20recargas/fondo-azul-desktop.png');
margin: 0; margin: 0;
font-family: var(--bs-body-font-family); font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size); font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight); font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height); line-height: var(--bs-body-line-height);
color: var(--bs-body-color); color: var(--bs-body-color);
text-align: var(--bs-body-text-align); text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg); background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100% -webkit-text-size-adjust: 100%
} }
h1 { h1 {
font-size: calc(1.375rem + 1.5vw) font-size: calc(1.375rem + 1.5vw)
} }
@media (min-width:1200px) { @media (min-width:1200px) {
h1 { h1 {
font-size: 2.5rem font-size: 2.5rem
} }
} }
h2 { h2 {
font-size: calc(1.325rem + .9vw) font-size: calc(1.325rem + .9vw)
} }
@media (min-width:1200px) { @media (min-width:1200px) {
h2 { h2 {
font-size: 2rem font-size: 2rem
} }
} }
h3 { h3 {
font-size: calc(1.3rem + .6vw) font-size: calc(1.3rem + .6vw)
} }
p { p {
margin-top: 0; margin-top: 0;
margin-bottom: 1rem margin-bottom: 1rem
} }
ul { ul {
padding-left: 2rem; padding-left: 2rem;
margin-top: 0; margin-top: 0;
margin-bottom: 1rem margin-bottom: 1rem
} }
img { img {
vertical-align: middle vertical-align: middle
} }
::-moz-focus-inner { ::-moz-focus-inner {
padding: 0; padding: 0;
border-style: none border-style: none
} }
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text, ::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field { ::-webkit-datetime-edit-year-field {
padding: 0 padding: 0
} }
::-webkit-inner-spin-button { ::-webkit-inner-spin-button {
height: auto height: auto
} }
::-webkit-search-decoration { ::-webkit-search-decoration {
-webkit-appearance: none -webkit-appearance: none
} }
::-webkit-color-swatch-wrapper { ::-webkit-color-swatch-wrapper {
padding: 0 padding: 0
} }
::file-selector-button { ::file-selector-button {
font: inherit font: inherit
} }
::-webkit-file-upload-button { ::-webkit-file-upload-button {
font: inherit; font: inherit;
-webkit-appearance: button -webkit-appearance: button
} }
.lead { .lead {
font-size: 1.25rem; font-size: 1.25rem;
font-weight: 300 font-weight: 300
} }
.img-fluid { .img-fluid {
max-width: 100%; max-width: 100%;
height: auto height: auto
} }
.container { .container {
width: 100%; width: 100%;
padding-right: var(--bs-gutter-x, .75rem); padding-right: var(--bs-gutter-x, .75rem);
padding-left: var(--bs-gutter-x, .40rem); padding-left: var(--bs-gutter-x, .40rem);
margin-right: auto; margin-right: auto;
margin-left: auto margin-left: auto
} }
@media (min-width:576px) { @media (min-width:576px) {
.container { .container {
max-width: 540px max-width: 540px
} }
} }
@media (min-width:768px) { @media (min-width:768px) {
.container { .container {
max-width: 720px max-width: 720px
} }
} }
@media (min-width:992px) { @media (min-width:992px) {
.container { .container {
max-width: 960px max-width: 960px
} }
} }
@media (min-width:1200px) { @media (min-width:1200px) {
h3 { h3 {
font-size: 1.75rem font-size: 1.75rem
} }
.container { .container {
max-width: 1140px max-width: 1140px
} }
} }
@media (min-width:1400px) { @media (min-width:1400px) {
.container { .container {
max-width: 1320px max-width: 1320px
} }
} }
.row { .row {
--bs-gutter-x: 1.5rem; --bs-gutter-x: 1.5rem;
--bs-gutter-y: 0; --bs-gutter-y: 0;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1); margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -.5); margin-right: calc(var(--bs-gutter-x) * -.5);
margin-left: calc(var(--bs-gutter-x) * -.5) margin-left: calc(var(--bs-gutter-x) * -.5)
} }
.row>* { .row>* {
flex-shrink: 0; flex-shrink: 0;
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5); padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y) margin-top: var(--bs-gutter-y)
} }
@media (min-width:992px) { @media (min-width:992px) {
.col-lg-10 { .col-lg-10 {
flex: 0 0 auto; flex: 0 0 auto;
width: 83.33333333% width: 83.33333333%
} }
.col-lg-12 { .col-lg-12 {
flex: 0 0 auto; flex: 0 0 auto;
width: 100% width: 100%
} }
} }
.mx-auto { .mx-auto {
margin-right: auto!important; margin-right: auto!important;
margin-left: auto!important margin-left: auto!important
} }
.text-center { .text-center {
text-align: center!important text-align: center!important
} }
#hero { #hero {
padding: 80px 0; padding: 80px 0;
margin-bottom: 40px; margin-bottom: 40px;
background-color: #3f51b5; background-color: #3f51b5;
color: white color: white
} }
#hero h1 { #hero h1 {
margin-bottom: 30px; margin-bottom: 30px;
color: white color: white
} }
</style> </style>
<style> <style>
#hero { #hero {
padding: 40px 0; padding: 40px 0;
margin-bottom: 40px; margin-bottom: 40px;
background-color: white; background-color: white;
color: white color: white
} }
#hero h1 { #hero h1 {
margin-bottom: 40px; margin-bottom: 40px;
color: #fff color: #fff
} }
.footer { .footer {
margin-top: 40px; margin-top: 40px;
padding: 40px 0; padding: 40px 0;
background-color: white; background-color: white;
color: white color: white
} }
.footer a { .footer a {
color: white color: white
} }
.table-responsive { .table-responsive {
font-size: 15px font-size: 15px
} }
h2 { h2 {
color: white; color: white;
font-weight: bold; font-weight: bold;
font-family: 'Monaco', sans-serif font-weight: 100; font-family: 'Monaco', sans-serif font-weight: 100;
} }
h1 { h1 {
color: white; color: white;
font-weight: bold; font-weight: bold;
font-family: 'Monaco', sans-serif font-weight: 100; font-family: 'Monaco', sans-serif font-weight: 100;
} }
h3 { h3 {
color: white; color: white;
font-weight: bold; font-weight: bold;
font-family: 'Monaco', sans-serif font-weight: 100; font-family: 'Monaco', sans-serif font-weight: 100;
} }
h4 { h4 {
color: white; color: white;
font-weight: bold; font-weight: bold;
font-family: 'Monaco', sans-serif font-weight: 100; font-family: 'Monaco', sans-serif font-weight: 100;
} }
h6 { h6 {
color: white; color: white;
font-weight: bold; font-weight: bold;
font-family: 'Monaco', sans-serif font-weight: 100; font-family: 'Monaco', sans-serif font-weight: 100;
} }
mb-1 { mb-1 {
color: black; color: black;
} }
@media (min-width: 400px) { @media (min-width: 400px) {
p { p {
font-size: 17px, color white; font-size: 17px, color white;
} }
.leading { .leading {
font-size: 1.25rem; font-size: 1.25rem;
font-weight: 300; font-weight: 300;
} }
} }
.card-body p { .card-body p {
font-size: 0rem, background-color white; font-size: 0rem, background-color white;
font-weight: bold; font-weight: bold;
} }
.star-ratings-css { .star-ratings-css {
unicode-bidi: bidi-override; unicode-bidi: bidi-override;
color: white; color: white;
font-size: 25px; font-size: 25px;
height: 25px; height: 25px;
position: relative; position: relative;
padding: 0; padding: 0;
margin-left: 10px; margin-left: 10px;
} }
.star-ratings-css-top { .star-ratings-css-top {
color: white; color: white;
padding: 0; padding: 0;
position: absolute; position: absolute;
z-index: 1; z-index: 1;
display: block; display: block;
top: 0; top: 0;
left: 0; left: 0;
overflow: hidden; overflow: hidden;
} }
.star-ratings-css-bottom { .star-ratings-css-bottom {
padding: 0; padding: 0;
display: block; display: block;
z-index: 0; z-index: 0;
} }
.card-h { .card-h {
transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12); transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
cursor: pointer; cursor: pointer;
height: 90%; height: 90%;
background-color: white; background-color: white;
} }
.card-h:hover { .card-h:hover {
transform: scale(1.025); transform: scale(1.025);
box-shadow: 0 10px 20px white, 0 4px 8px white; box-shadow: 0 10px 20px white, 0 4px 8px white;
background-color: white; background-color: white;
} }
.card-h .card-body { .card-h .card-body {
padding: 1rem; padding: 1rem;
} }
.card-h { .card-h {
height: unset; height: unset;
} }
.card-img-top { .card-img-top {
width: 70%; width: 70%;
height: 400px; height: 400px;
object-fit: cover; object-fit: cover;
} }
lite-youtube { lite-youtube {
background-color: white; background-color: white;
position: relative; position: relative;
display: block; display: block;
contain: content; contain: content;
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
cursor: pointer; cursor: pointer;
} }
lite-youtube::before { lite-youtube::before {
content: ''; content: '';
display: block; display: block;
position: absolute; position: absolute;
top: 0; top: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
background-position: top; background-position: top;
background-repeat: repeat-x; background-repeat: repeat-x;
height: 60px; height: 60px;
padding-bottom: 50px; padding-bottom: 50px;
width: 100%; width: 100%;
transition: all .2s cubic-bezier(0, 0, .2, 1) transition: all .2s cubic-bezier(0, 0, .2, 1)
} }
lite-youtube::after { lite-youtube::after {
content: ""; content: "";
display: block; display: block;
padding-bottom: calc(100% / (16 / 9)) padding-bottom: calc(100% / (16 / 9))
} }
lite-youtube>iframe { lite-youtube>iframe {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
border: 0 border: 0
} }
lite-youtube>.lty-playbtn { lite-youtube>.lty-playbtn {
width: 68px; width: 68px;
height: 48px; height: 48px;
position: absolute; position: absolute;
cursor: pointer; cursor: pointer;
transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);
top: 50%; top: 50%;
left: 50%; left: 50%;
z-index: 1; z-index: 1;
background-color: transparent; background-color: transparent;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>'); background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');
filter: grayscale(100%); filter: grayscale(100%);
transition: filter .1s cubic-bezier(0, 0, .2, 1); transition: filter .1s cubic-bezier(0, 0, .2, 1);
border: none border: none
} }
lite-youtube .lty-playbtn:focus, lite-youtube .lty-playbtn:focus,
lite-youtube:hover>.lty-playbtn { lite-youtube:hover>.lty-playbtn {
filter: none filter: none
} }
lite-youtube.lyt-activated { lite-youtube.lyt-activated {
cursor: unset cursor: unset
} }
lite-youtube.lyt-activated::before, lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated>.lty-playbtn { lite-youtube.lyt-activated>.lty-playbtn {
opacity: 0; opacity: 0;
pointer-events: none pointer-events: none
} }
.lyt-visually-hidden { .lyt-visually-hidden {
clip: rect(0 0 0 0); clip: rect(0 0 0 0);
clip-path: inset(50%); clip-path: inset(50%);
height: 1px; height: 1px;
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
white-space: nowrap; white-space: nowrap;
width: 1px width: 1px
} }
</style> </style>
<link rel="preload" as="image" href="images/1280x853.webp"> <link rel="preload" as="image" href="images/1280x853.webp">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet"></noscript> <noscript><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet"></noscript>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6907191851278817" crossorigin="anonymous"></script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6907191851278817" crossorigin="anonymous"></script>
</head> </head>
<body> <body>
<div class="col-lg-7 mx-auto mt-5 mb-5"> <div class="col-lg-7 mx-auto mt-5 mb-5">
<h3 class="h3 mt-5">¿QUE ES UN BOOTCAMP?</h3> <h3 class="h3 mt-5">¿QUE ES UN BOOTCAMP?</h3>
<br> <br>
<h6> ES UN CAMPO DE ENTRENAMIENTO INTENSIVO Y GRATUITO PARA PRINCIPIANTES QUE YA PROGRAMAN Y QUIEREN SER PARTE DE LA EMPRESA </h6> <h6> ES UN CAMPO DE ENTRENAMIENTO INTENSIVO Y GRATUITO PARA PRINCIPIANTES QUE YA PROGRAMAN Y QUIEREN SER PARTE DE LA EMPRESA </h6>
<br> <br>
<h3 class="h4">¿CUANTOS MESES DURA EL ENTRENAMIENTO Y CUAL ES SU HORARIO?</h3> <h3 class="h4">¿CUANTOS MESES DURA EL ENTRENAMIENTO Y CUAL ES SU HORARIO?</h3>
<br> <br>
<h6>AL SER INTENSIVO Y TENIENDO EN CUENTA QUE LOS ASPIRANTES DEBEN FINALIZARLO CON UN CONOCIMIENTO APTO PARA REALIZAR UN PROYECTO DEL ÁREA, SE DA COMO LAPSO DE TIEMPO UN MES CON UN HORARIO DE 8:00 A 18:00 HS </h6> <h6>AL SER INTENSIVO Y TENIENDO EN CUENTA QUE LOS ASPIRANTES DEBEN FINALIZARLO CON UN CONOCIMIENTO APTO PARA REALIZAR UN PROYECTO DEL ÁREA, SE DA COMO LAPSO DE TIEMPO UN MES CON UN HORARIO DE 8:00 A 18:00 HS </h6>
</div> </div>
</div> </div>
<!-- /row --> <!-- /row -->
</div> </div>
<!-- /container --> <!-- /container -->
<div class="col-lg-7 mx-auto mb-5">
<h3> REQUISITOS</h3>
</div>
<div class="col-lg-7 mx-auto mb-2">
<i class="fal fa-fast-forward"></i>
</div>
<div class="col-lg-7 mx-auto mb-2">
<h3 class="h6">1. DISPOSICION DE TIEMPO </h6>
<br>
</div>
<div class="col-lg-7 mx-auto mb-2">
<i class="fal fa-clone"></i>
</div>
<div class="col-lg-7 mx-auto mb-2">
<h3 class="h6">2. DISPONER DE UNA NOTEBOOK </h6>
<br>
</div>
<div class="col-lg-7 mx-auto mb-2">
<i class="fal fa-highlighter"></i>
</div>
<div class="col-lg-7 mx-auto mb-2">
<h3 class="h6">3. APROBAR EXAMENES </h6>
<br>
</div>
<div class="col-lg-7 mx-auto mb-2">
<i class="fal fa-dumbbell"></i>
</div>
<div class="col-lg-7 mx-auto mb-2">
<h3 class="h6">4. FIRMAR CARTA DE COMPROMISO </h3>
<br>
</div>
</div>
</div>
</div>
<!-- /row -->
</div>
<!-- /container -->
<div class="col-lg-7 mx-auto mb-5"> <div class="col-lg-7 mx-auto mb-5">
<h3> EDICIONES DE BOOTCAMP </h3> <h3> REQUISITOS</h3>
</div>
<div class="col-lg-7 mx-auto mb-2">
<i class="fal fa-fast-forward"></i>
</div>
<div class="col-lg-7 mx-auto mb-2">
<h3 class="h6">1. DISPOSICION DE TIEMPO </h6>
<br>
</div>
<div class="col-lg-7 mx-auto mb-2">
<i class="fal fa-clone"></i>
</div>
<div class="col-lg-7 mx-auto mb-2">
<h3 class="h6">2. DISPONER DE UNA NOTEBOOK </h6>
<br>
</div>
<div class="col-lg-7 mx-auto mb-2">
<i class="fal fa-highlighter"></i>
</div>
<div class="col-lg-7 mx-auto mb-2">
<h3 class="h6">3. APROBAR EXAMENES </h6>
<br>
</div>
<div class="col-lg-7 mx-auto mb-2">
<i class="fal fa-dumbbell"></i>
</div>
<div class="col-lg-7 mx-auto mb-2">
<h3 class="h6">4. FIRMAR CARTA DE COMPROMISO </h3>
<br>
</div>
</div> </div>
</div> </div>
<!-- /row --> </div>
<!-- /row -->
</div>
<!-- /container -->
<div class="col-lg-7 mx-auto mb-5">
<h3> EDICIONES DE BOOTCAMP </h3>
<div class="row"> </div>
</div>
<!-- /row -->
<div class="col-lg-7 mx-auto mb-2"> <div class="row">
<div class="card card-h mb-4"> <%
<img src="https://zetsan.com/wp-content/uploads/2020/10/1366_2000.jpeg" lazyload alt=" "> Connection con = DataBase.getConnection();
<div class="card-body "> Statement stmt = con.createStatement();
<p class="mb-1 "> BOOTCAMP JAVA </p> ResultSet rs = stmt.executeQuery("SELECT * FROM bootcamp WHERE activo=true");
<p class="mb-1 "> Inicio: 18/04/2023</p> while(rs.next()){
<p class="mb-1 "> Fin: 18/05/2023</p> %>
<form action="formulario.jsp"> <div class="col-lg-7 mx-auto mb-2">
<input type="submit " value="POSTULAR " /> <div class="card card-h mb-4">
</form> <img src="https://zetsan.com/wp-content/uploads/2020/10/1366_2000.jpeg" lazyload alt=<%=rs.getString( "titulo") %>>
</div> <div class="card-body ">
<p class="mb-1 ">
<%= rs.getString("titulo") %>
</p>
<p class="mb-1 "> Inicio:
<%=rs.getString("fecha_inicio")%>
</p>
<p class="mb-1 "> Fin:
<%=rs.getString("fecha_fin")%>
</p>
<form action="formulario.jsp">
<input name="bootcamp" type="hidden" value=<%=rs.getInt( "id") %>>
<button type="submit">POSTULAR</button>
</form>
</div>
</div>
</div>
<%
}
%>
</div> </div>
</div> </body>
<div class="col-lg-7 mx-auto mb-2 "> </div>
<div class="card card-h mb-4 "> </div>
<img src="https://www.pngmart.com/files/13/Android-Logo-PNG-File.png " class="card-img-top lazyload " alt="Learning Web Design: A Beginner 's Guide to HTML, CSS, JavaScript, and Web Graphics"> </div>
<div class="card-body">
<p class="mb-1"> BOOTCAMP ANDROID </p>
<p class="mb-1"> Inicio: 18/06/2023</p>
<p class="mb-1"> Fin: 18/07/2023</p>
<form action="formulario.jsp">
<input type="submit" value="POSTULAR" />
</form>
</div>
</div>
</div> </div>
<div class="col-lg-7 mx-auto mb-2">
<div class="card card-h mb-4">
<img src="https://p4.wallpaperbetter.com/wallpaper/710/859/671/technology-apple-ios-12-wallpaper-preview.jpg" lazyload " alt=" ">
<div class="card-body ">
<p class="mb-1 "> BOOTCAMP iOS </p>
<p class="mb-1 "> Inicio: 18/08/2023</p>
<p class="mb-1 "> Fin: 18/09/2023</p>
<form action="formulario.jsp ">
<input type="submit " value="POSTULAR " />
</form>
</div></div>
</div>
</div>
</body>
</div> </body>
</div>
</div>
</div>
</html>
</body> \ No newline at end of file
</html>
\ No newline at end of file
src/main/webapp/formulario.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> <%@ page import="java.sql.*,java.sql.Connection,java.sql.ResultSet,com.roshka.proyectofinal.DataBase,jakarta.servlet.http.HttpServlet,jakarta.servlet.http.HttpServletRequest"%>
<html>
<head> <!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <html>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="Javascript.js"></script>
<title>JSP Page</title>
<link href="estilos/form.css" rel="stylesheet" type="text/css" />
<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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="Javascript.js"></script>
<title>JSP Page</title>
<link href="estilos/form.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="imagenes/roshkaicon.ico" sizes="any" />
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<title>Formulario Postulante</title>
</head>
<body>
<header>
<div class="logo">
<img src="imagenes/logo-roshka.svg" alt="log-roshka" />
</div>
</header>
<main class="create">
<article class="contenedor">
<div>
<%
int id =Integer.parseInt(request.getParameter("bootcamp"));
System.out.print("hola"+id);
Connection con = DataBase.getConnection();
Statement stmt = con.createStatement();
ResultSet rs = stmt.executeQuery("SELECT * FROM bootcamp WHERE id= "+id+ " LIMIT 1" );
rs.next();
%>
<h2>Descripcion:</h2>
<p>
<%= rs.getString("descripcion") %>
</p>
<p class="enter">Si sigues interesado y cumples con los requisitos, completa el siguiente formulario: </p>
<body>
<header>
<div class="logo">
<img src="imagenes/logo-roshka.svg" alt="log-roshka" />
</div>
</header>
<main class="create">
<article class="contenedor">
<div>
<p class="enter">Si sigues interesado y cumples con los requisitos, completa el siguiente formulario: </p>
<form method="post" action="SaveServlet" class="form">
<form method="post" action="SaveServlet" class="form">
<label for="nombre">Ingrese su Nombre:</label>
<input required id="nombre" name="nombre" type="text"><br>
<label for="apellido">Ingrese su Apellido:</label> <input type="hidden" name="bootcamp_id" value="<%= request.getParameter("bootcamp") %>">
<input required id="apellido" name="apellido" type="text"><br>
<label for="cedula">Numero de cedula:</label> <label for="nombre">Ingrese su Nombre:</label>
<input required id="cedula" name="cedula" type="number"><br> <input required id="nombre" name="nombre" type="text"><br>
<label for="correo">Correo:</label> <label for="apellido">Ingrese su Apellido:</label>
<input required id="correo" name="correo" type="email"><br> <input required id="apellido" name="apellido" type="text"><br>
<label for="telefono">Telefono:</label> <label for="cedula">Numero de cedula:</label>
<input required id="telefono" name="telefono" type="text"><br> <input required id="cedula" name="cedula" type="number"><br>
<label for="direccion">Direccion:</label> <label for="correo">Correo:</label>
<input required id="direccion" name="direccion" type="text"><br> <input required id="correo" name="correo" type="email"><br>
<p for="experiencia_programando">Lenguajes de programacion que conoces:</p> <label for="telefono">Telefono:</label>
<input required id="telefono" name="telefono" type="text"><br>
<%@ page import="com.roshka.proyectofinal.entity.Lenguaje, com.roshka.proyectofinal.lenguaje.LenguajeDao, java.util.List,java.util.Iterator" %> <label for="direccion">Direccion:</label>
<% <input required id="direccion" name="direccion" type="text"><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(); 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;
%> %>
<ul id="agarraunolaputa"> <ul id="agarraunolaputa">
<% while(iter.hasNext()){ <% while(iter.hasNext()){
len = iter.next(); len = iter.next();
%> %>
<li> <li class="d-flex">
<label for=<%=len.getNombre_lenguaje() %> > <%= len.getNombre_lenguaje() %> </label> <label for=<%=len.getNombre_lenguaje() %> > <%= len.getNombre_lenguaje() %> </label>
<input onclick="enviar(id)" value=<%=len.getId() %> id= <input onclick="enviar(id)" value=<%=len.getId() %> id=
<%=len.getNombre_lenguaje() %> name= <%=len.getNombre_lenguaje() %> name=
<%=len.getNombre_lenguaje() %> type="checkbox" > <%=len.getNombre_lenguaje() %> type="checkbox" >
</li> </li>
<% } %> <% } %>
</ul> </ul>
<label for="experiencia_laboral">Experiencia laboral</label> <label for="experiencia_laboral">Experiencia laboral</label>
<!-- Si no lo marca el valor que envia es null y si lo marca es "ON" --> <!-- 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> <input id="experiencia_laboral" name="experiencia_laboral" type="checkbox"><br>
<label for="notebook">Cuenta con notebook</label> <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 class="enviar" type="submit"> <input class="enviar" type="submit">
<input class="borrar" type="reset" value="Borrar"><br> <input class="borrar" type="reset" value="Borrar"><br>
<a href="index.html">volver</a> <a href="index.html">volver</a>
</form> </form>
</article> </article>
</main> </main>
</body> </body>
</html> </html>
<script> <script>
(function() { (function() {
const form = document.querySelector('#agarraunolaputa'); const form = document.querySelector('#agarraunolaputa');
const checkboxes = form.querySelectorAll('input[type=checkbox]'); const checkboxes = form.querySelectorAll('input[type=checkbox]');
const checkboxLength = checkboxes.length; const checkboxLength = checkboxes.length;
const firstCheckbox = checkboxLength > 0 ? checkboxes[0] : null; const firstCheckbox = checkboxLength > 0 ? checkboxes[0] : null;
function init() { function init() {
if (firstCheckbox) { if (firstCheckbox) {
for (let i = 0; i < checkboxLength; i++) { for (let i = 0; i < checkboxLength; i++) {
checkboxes[i].addEventListener('change', checkValidity); checkboxes[i].addEventListener('change', checkValidity);
}
checkValidity();
} }
}
checkValidity(); function isChecked() {
for (let i = 0; i < checkboxLength; i++) {
if (checkboxes[i].checked) return true;
}
return false;
} }
}
function isChecked() { function checkValidity() {
for (let i = 0; i < checkboxLength; i++) { const errorMessage = !isChecked() ? 'Debe seleccionar al menos un lenguaje que conozca' : '';
if (checkboxes[i].checked) return true; firstCheckbox.setCustomValidity(errorMessage);
} }
return false; init();
} })();
</script>
function checkValidity() { <style>
const errorMessage = !isChecked() ? 'Debe seleccionar al menos un lenguaje que conozca' : ''; /* el header donde va el logo y el menu */
firstCheckbox.setCustomValidity(errorMessage);
} html,
init(); body {
})(); background-image: url(imagenes/descarga.svg);
</script> }
<style> /* damos los estilos a todo lo que contiene el body */
/* el header donde va el logo y el menu */
body {
html, background-color: rgba(11, 49, 110, 0.75);
body { font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
background-image: url(imagenes/descarga.svg); color: wheat;
} font-weight: bold;
/* damos los estilos a todo lo que contiene el body */ display: flex;
justify-content: center;
body { align-items: center;
background-color: rgba(11, 49, 110, 0.75); height: 160%;
font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif; }
color: wheat; /* para el logo */
font-weight: bold;
display: flex; img {
justify-content: center; width: 165px;
align-items: center; padding: 10px;
height: 160%; }
}
/* para el logo */ p.enter {
text-align: center;
img { font-size: 20px;
width: 165px; }
padding: 10px; /* para el parrafo */
}
p:hover {
p.enter { color: yellow;
text-align: center; }
font-size: 20px; /* para el create o sea para el main */
}
/* para el parrafo */ .create {
width: 100%;
p:hover { max-width: 785px;
color: yellow; min-width: 320px;
} border-radius: 15px;
/* para el create o sea para el main */ background-color: rgba(11, 49, 110, 0.75);
padding: 1rem;
.create { }
width: 100%; /* contenedor */
max-width: 785px; /* para el forrmulario */
min-width: 320px;
border-radius: 15px; .form label {
background-color: rgba(11, 49, 110, 0.75); display: block;
padding: 1rem; border: none;
} align-items: center;
/* contenedor */ }
/* para el forrmulario */
.form input {
.form label { display: block;
display: block; border: none;
border: none; width: 50%;
align-items: center; align-items: center;
} }
.form input { .form input[type="email"],
display: block; .form input[type="text"],
border: none; .form input[type="number"] {
width: 50%; background-color: transparent;
align-items: center; border-radius: 10px;
} border: 1px solid #000;
}
.form input[type="email"],
.form input[type="text"], .form input:hover {
.form input[type="number"] { background-color: wheat;
background-color: transparent; }
border-radius: 10px;
border: 1px solid #000; a {
} text-decoration: none;
}
.form input:hover {
background-color: wheat; ul {
} list-style: none;
font-size: 15px;
a { }
text-decoration: none;
} a {
text-decoration: none;
ul { color: black;
list-style: none; background-color: #21211d;
font-size: 15px; border-radius: 10px;
} color: #FFF;
padding: 10px;
a { margin: 15px;
text-decoration: none; text-decoration: none;
color: black; cursor: pointer;
background-color: #21211d; background-image: url(imagenes/descarga.svg);
border-radius: 10px; }
color: #FFF;
padding: 10px; .form input[type="reset"],
margin: 15px; .form input[type="submit"] {
text-decoration: none; text-decoration: none;
cursor: pointer; background-color: rgba(11, 49, 110, 0.75);
background-image: url(imagenes/descarga.svg); background-image: url(imagenes/descarga.svg);
} border-radius: 10px;
;
.form input[type="reset"], padding: 15px;
.form input[type="submit"] { border-radius: 10px;
text-decoration: none; text-decoration: none;
background-color: rgba(11, 49, 110, 0.75); color: #ffff;
background-image: url(imagenes/descarga.svg); text-align: left;
border-radius: 10px; cursor: pointer;
; width: 80px;
padding: 15px; text-align: center;
border-radius: 10px; }
text-decoration: none;
color: #ffff; input#ruby,
text-align: left; input#python,
cursor: pointer; input#c,
width: 80px; input#javascript,
text-align: center; input#java {
} width: 20px;
}
input#ruby,
input#python, input#experiencia_laboral,
input#c, input#notebook,
input#javascript, input#universidad {
input#java { width: 100px;
width: 20px; }
} /* parrafo final */
</style>
input#experiencia_laboral, \ No newline at end of file
input#notebook,
input#universidad {
width: 100px;
}
/* parrafo final */
</style>
\ No newline at end of file
src/main/webapp/index.html
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
<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="formulario.jsp">Postulate</a></li> <li class="link-menu"><a href="bootcamp.jsp">Postulate</a></li>
<li class="link-menu"><a href="formulario_bootcamp.jsp">Crear bootcamp</a></li> <li class="link-menu"><a href="formulario_bootcamp.jsp">Crear bootcamp</a></li>
<li class="link-menu"><a href="manage_postulantes.jsp">Manage Postulantes(perdon angel)</a></li> <li class="link-menu"><a href="manage_postulantes.jsp">Manage Postulantes(perdon angel)</a></li>
</ul> </ul>
......
src/main/webapp/manage_postulantes.jsp
...@@ -82,9 +82,8 @@ pageEncoding="UTF-8"%> ...@@ -82,9 +82,8 @@ pageEncoding="UTF-8"%>
</td> </td>
<td> <td>
<form method="post" action="EditServletPostulante"> <form method="post" action="EditServletPostulante">
<input type="hidden" value=<% %> id= <input type="hidden" value="<%=rs.getInt('id') %>">
<%=rs.getInt( "id") %>> <%
<%
String accion = ""; String accion = "";
if (rs.getBoolean("aceptado")){ if (rs.getBoolean("aceptado")){
accion= "Rechazar"; accion= "Rechazar";
...@@ -92,8 +91,8 @@ pageEncoding="UTF-8"%> ...@@ -92,8 +91,8 @@ pageEncoding="UTF-8"%>
accion="Aceptar"; accion="Aceptar";
} }
%> %>
<input type="submit" value=<%=accion %> <input type="submit" name="" value=<%=accion %>
<a href=""></a> <a href=""></a>
</form> </form>
</td> </td>
......
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