¿Qué es Java Server Page (JSP)?

Server Pages (JSP) permite a los desarrolladores y diseñadores web desarrollar rápidamente y mantener fácilmente páginas web dinámicas y ricas en información que aprovechan los sistemas comerciales existentes.

Como parte de la familia de tecnología Java, la tecnología JSP permite el desarrollo rápido de aplicaciones basadas en web que son independientes de la plataforma. La tecnología JSP separa la interfaz de usuario de la generación de contenido, lo que permite a los diseñadores cambiar el diseño general de la página sin alterar el contenido dinámico subyacente.


Requisitos previos

Suponemos que tiene poco conocimiento de cómo funcionan las aplicaciones web a través de HTTP, qué es el servidor web y qué son los navegadores web. Será genial si tiene algún conocimiento del desarrollo de aplicaciones web utilizando cualquier lenguaje de programación.

¿Por qué usar JSP?

Las páginas JavaServer a menudo sirven para el mismo propósito que los programas implementados usando la interfaz Common Gateway Interface (CGI) . Pero JSP ofrece varias ventajas en comparación con el CGI.

El rendimiento es significativamente mejor porque JSP permite incrustar elementos dinámicos en páginas HTML en lugar de tener archivos CGI separados.

Los JSP siempre se compilan antes de que el servidor los procese, a diferencia de CGI / Perl, que requiere que el servidor cargue un intérprete y el script de destino cada vez que se solicita la página.

Las páginas JavaServer se crean sobre la API de Java Servlets, por lo que, al igual que Servlets, JSP también tiene acceso a todas las potentes API Enterprise Java, incluidas JDBC, JNDI, EJB, JAXP, etc. Las páginas JSP se pueden usar en combinación con servlets que manejan la lógica de negocios, el modelo soportado por los motores de plantillas de servlets de Java.

Finalmente, JSP es una parte integral de Java EE, una plataforma completa para aplicaciones de clase empresarial. Esto significa que JSP puede desempeñar un papel en las aplicaciones más simples a las más complejas y exigentes.


Selección del IDE


En esta aplicación trabajaremos con Net beans, y la descarga de todos sus componentes que necesitaremos lo tenemos disponible a descarga en este enlace a continuación: 
Código
Crearemos dos páginas a la cual una llamaremos entrada donde declararemos las variables y los datos y el valor de los datos (refresco, pollo, Nuggets y porción de papas) y la otra seria la salida donde se ejecutara la acción del código y se mostrara los resultados.

Entrada
Aquí se crearan las tablas en donde escribiremos los datos y generaremos el valor a los datos que vamos a calcular.
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body  background="css/comida.jpg"  >
<form name="VENTAS DE COMIDA" action="ventas.jsp" method="POST">
 <center><table border="0" width="1" cellspacing="1" cellpadding="1">
                <thead>
                    <tr>
                      <th colspan="2" aligh="center"  >VENTAS DE COMIDAS</th>
                       
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>CLIENTE</td>
                        <td><input type="text" name="f_nombre" value="" size="25" /></td>
                    </tr>
                    <tr>
                        <td>COMPRAS</td>
                        <td><input type="text" name="f_compras" value="" size="25" /></td>
                    </tr>
                   
                    <tr>
                        <td>COMIDAS:</td>
                        <td>
                 <input type="checkbox" name="f_comidas1" value="6" />NUGGTES (s/6)<p>
                <input type="checkbox" name="f_comidas2" value="4" />PAPAS (s/4)<p>
                 <input type="checkbox" name="f_comidas3" value="8" />ENSLADA(s/8)<p>
                <input type="checkbox" name="f_comidas4" value="3" />POLLO(s/3)<p>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" aligh="center"><input  type="submit" value="ENVIR"  name="f_enviar" /></td>
            
                    </tr>
                </tbody>
            </table><center/>
        </form>
    </body>
</html>

Salida
En esta página se ejecutara el código para el cálculo de los datos como, las opciones para poder seleccionar más de una opción en la venta que se va a realizar.
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <%!
            String s_nombre="";
            String s_compras="";
            String s_comidas1=null;
            String s_comidas2=null;
            String s_comidas3=null;
            String s_comidas4=null;
        %>
    </head>
    <body background="css/comida.jpg" >
        <%
            double total=0;
            s_nombre=request.getParameter("f_nombre");
            s_compras=request.getParameter("f_compras");
            if(request.getParameter("f_comidas1")!=null){
            s_comidas1=request.getParameter("f_comidas1");
            total+=Double.parseDouble(s_compras)*Double.parseDouble(s_comidas1);}
             if(request.getParameter("f_comidas2")!=null){
            s_comidas2=request.getParameter("f_comidas2");
             total+=Double.parseDouble(s_compras)*Double.parseDouble(s_comidas2);}
              if(request.getParameter("f_comidas3")!=null){
            s_comidas3=request.getParameter("f_comidas3");
              total+=Double.parseDouble(s_compras)*Double.parseDouble(s_comidas3);}
               if(request.getParameter("f_comidas4")!=null){
            s_comidas4=request.getParameter("f_comidas4");
               total+=Double.parseDouble(s_compras)*Double.parseDouble(s_comidas4);}
        %>
    <center>
        <table border="0" width="1" cellspacing="1" cellpadding="1">
            <thead>
                <tr>
                    <th  colspan="2" aligh="center">RESULTADO DE LA COMPRA</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>NOMBRE: </td>
                    <td><%out.print(s_nombre); %></td>
                </tr>
                <tr>
                    <td>COMPRAS: </td>
                    <td><%out.print(s_compras); %></td>
                </tr>
                <tr>
                    <td>PRECIO:  </td>
                    <td><%out.print(total);%></td>
                </tr>
            </tbody>
        </table>
    </center>
    </body>
</html>

RESULTADOS
Se mostrara como resultado final la aplicación en ejecución de la siguiente manera:



No hay comentarios.:

Publicar un comentario