Añadidas funcionalidad y estilos básicos

siderio2 · siderio2 · commit b789d734782e · 2023-11-20T23:04:00.000+01:00
diff --git a/pom.xml b/pom.xml
@@ -56,5 +56,10 @@
                 </configuration>
             </plugin>
         </plugins>
+        <resources>
+            <resource>
+                <directory>src/main/webapp/css</directory>
+            </resource>
+        </resources>
     </build>
 </project>
diff --git a/src/main/java/ejemplos/servlet/curso/MyServlet.java b/src/main/java/ejemplos/servlet/curso/MyServlet.java
@@ -19,11 +19,19 @@ protected void doGet(HttpServletRequest request,
 
 		// send HTML page to client
 		out.println("<html>");
-		out.println("<head><title>Ejemplo HTML desde Servlet</title></head>");
+		out.println("<head><title>Ejemplo HTML desde Servlet</title><link rel=\"stylesheet\" href=\"css/estilos.css\"></head>");
 		out.println("<body>");
-		out.println("<h1>Ejemplo Servlet</h1>");
-		out.println("<p>Este es un ejemplo en el curso de Java para generar HTML desde un Servlet.</p>");
-		out.println("<p><a href=\"/myServlet2\">Vamos al otro Servlet</a></p>");
+		out.println("<h1 class=\"greetings\">Java Servlets Tutorial</h1>");
+		// out.println("<p>Este es un ejemplo en el curso de Java para generar HTML desde un Servlet.</p>");
+		// out.println("<p><a href=\"/myServlet2\">Vamos al otro Servlet</a></p>");
+		out.println("<div class=\"form-container\">");
+		out.println("<form action=\"/myServlet2\">");
+		out.println("<label for=\"nombre\">Nombre:</label><br>");
+		out.println("<input type=\"text\" id=\"nombre\" name=\"nombre\" placeholder=\"María\" autofocus><br>");
+		out.println("<input type=\"submit\" class=\"btn-submit\" value=\"Entrar\">");
+		out.println("</form>");
+		out.println("</div");
+
 		out.println("</body></html>");
 	}
 
diff --git a/src/main/java/ejemplos/servlet/curso/MyServlet2.java b/src/main/java/ejemplos/servlet/curso/MyServlet2.java
@@ -17,11 +17,21 @@ protected void doGet(HttpServletRequest request,
 		response.setContentType("text/html");
 		PrintWriter out = response.getWriter();
 
+		// leemos el valor del nombre enviado a través de la URL
+		String nombre = request.getParameter("nombre");
+
 		// send HTML page to client
 		out.println("<html>");
-		out.println("<head><title>Ejemplo HTML desde Servlet</title></head>");
+		out.println("<head><title>Ejemplo HTML desde Servlet</title><link rel=\"stylesheet\" href=\"css/estilos.css\"></head>");
 		out.println("<body>");
-		out.println("<h1>Bienvenido!!</h1>");
+		out.println("<div class=\"main-container\">");
+		// Modificamos la salida para añadir el saludo personalizado
+		out.println("<h1>Bienvenid@, " + nombre + "!!</h1>");
+		out.println("</div");
+
+		out.println("<p><a class=\"backlink\" href=\"/myServlet\">Volver</a></p>");
+
+		out.println("</body></html>");
 	}
 
 }
diff --git a/src/main/webapp/css/estilos.css b/src/main/webapp/css/estilos.css
@@ -0,0 +1,43 @@
+body {
+    background-color: #b0c4de;
+}
+
+h1 {
+    text-align: center;
+}
+
+.greetings {
+    padding: 25% 0 0;
+}
+
+.form-container, .main-container {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+}
+
+.main-container {
+    margin-top: 20%;
+}
+
+input[name="nombre"] {
+    margin: 3px 0 15px;
+}
+
+.btn-submit {
+    padding: 4px 11px;
+    border-radius: 10%;
+    background-color: lightgrey;
+}
+
+.btn-submit:hover {
+    padding: 4px 11px;
+    cursor: pointer;
+    border-radius: 10%;
+    background-color: darkgrey;
+    box-shadow: 5px 6px 3px #888888;
+}
+
+.backlink {
+    margin: 6%;
+}
