Web Application – Lista de Libros

A través de Java web Application realizaremos un ejercicio que muestre una lista de cursos, las cuales serán: Excel, Access, Power Point y Word.

Para ver los detalles del curso seleccionado, se debe crear un botón y que al hacer clic sobre el botón, nos debe mostrar más detalles del curso como: precio e inicio de clases del curso.

Comenzamos creando nuestra Aplicación Web en Netbeans.

  • File, new project, Java Web y Web Application. 
  • Luego damos clic en NEXT.
  • y en Project name escribimos el nombre de nuestro primer proyecto, en este caso lo llamaremos: lista de libros.
  • Después de haber hecho lo anterior, creamos un nuevo “jsp” libros. Para ello damos clic derecho sobre Web pages, new, JSP y en File Name escribimos “libros” y por último damos clic en Finish.
  • Una vez hecho todos los pasos anteriores, comenzamos con la Codificación!!

Para index.jsp escribiremos lo siguiente:

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <title>JSP Page</title>

    </head>

    <body>

        <form action="libros.jsp" method="POST">

            <center> 

                <table border="0" Width="50%">                    
                    
                        <tr>                           

                        <td Width="150">LISTA DE CURSOS</td>

                        <td Width="150"></td>

                        <td Width="150"></td>

                        </tr>

                        <tr>

                            <th Width="150" > <select name="LIBROS">

                                    

                                    <option value="1" > ACCESS</option>

                                    <option value="2"> EXCEL</option>

                                    <option value="3"> POWER POINT</option>

                                    <option value="4"> WORD</option>

                                </select> </th>

                            <th Width="150" ></th>

                            <th Width="150" ></th>
                                                
                      </tr>                    

                </table>

<br></br>                                

                <input type="submit" value="DETALLES" />

                <input type="reset" value="limpiar" />            

            </center>             

        </form>

    </body>

</html>

Para libros.jsp escribiremos lo siguiente:

<html>

    <head>
        
        <title>JSP Page</title>

    </head>

    <body>

        <% int valor =  Integer.parseInt(request.getParameter("LIBROS"));

        //System.out.print("dame "+ valor);

        if( valor == 1)

                             { 

            out.println("ACCESS" );

            out.println("<br>");

            out.println("PRECIO $50 ");

            out.println("<br>");

            out.println("INICIO DE CLASES: OCTUBRE");

        }  else if(valor ==2) { 

            out.println("EXCEL");

            out.println("<br>");

            out.println("PRECIO $40");

            out.println("<br>");

            out.println("INICIO DE CLASES: ENERO");            

        }  else if(valor ==3) {   

            out.println("POWER POINT");

            out.println("<br>");

            out.println("PRECIO $30");

            out.println("<br>");

            out.println("INICIO DE CLASES: ABRIL");

            }else if(valor ==4) {   

            out.println("WORD");

            out.println("<br>");

            out.println("PRECIO $45");

            out.println("<br>");

            out.println("INICIO DE CLASES: MARZO");

            }

        %>

    </body>

</html>
  • Una vez terminado la codificación, ejecutaremos la aplicación y obtendremos como resultado lo siguiente:

Para descargar el ejercicio:

  Continuando con Java Web Applicación, te comparto el siguiente ejercicio: Java Web Application – Test