lunes, 10 de enero de 2011

Estilo Final de las PAginas













Estas son unas de las paginas que tienen el estilo CSS ya definido.

Pagina de Error


Como a veces el servidor presenta errores es indispensable no presentar las pantallas por default de estos errores por lo que no son agradables para la vista, por lo que en la misma aplicación se puede diseñar una página jsp o en cualquier extensión web para el manejo de estos eventos.
El diseño de nuestra página de error es el siguiente:
  
<body>
        <div id="wrapper">
            <div id="header">
                <jsp:include page="/header.jsp" flush="false" />
            </div>
            <div id="contError">
                <h4> Error </h4>
                <p class="admin">Consulte a su Administrador</p>
                <img src="img/error.jpg" alt="imagen Error" />
                <div id="footer">
                    <jsp:include page="/footer.jsp" flush="false" />
                </div>
            </div>
        </div>
    </body>


Cuadro de texto: #contError h4{ position:absolute;top:110px;left:30%;background: url(../img/fondo_titulo.png) no-repeat;width:450px;height:60px; padding-top:12.5px;text-align: center;font-family: verdana;}
.admin{ position:relative;left:40%;font-weight: bold;}
#contError img{ position:relative;left:38%;}Luego que ya tenemos el diseño vamos a colocar la siguiente línea en cada una de las paginas jsp de nuestra aplicación:
Cuadro de texto: <%@page errorPage = "error.jsp" %>


Esta línea es por si en alguna de las paginas que maneja la aplicación suceda algún error se redirija a la pagina error.jsp, la siguiente línea de código la colocamos en la parte inicial de la página error.jsp para indicar que esta página se maneja como error.

Cuadro de texto: <%@page isErrorPage="true" %>


Estas líneas son si es que sucede algún  error en las paginas jsp mas no cuando hay algún problema con Apache Tomcat para también solcucionar este problema tenemos que configurar el web.xml de la siguiente manera:

Cuadro de texto: <error-page>
        <error-code>404</error-code>
        <location>/error.jsp</location>
        <error-code>500</error-code>
        <location>/error.jsp</location>
    </error-page>

domingo, 9 de enero de 2011

Logo Administrador

el logo para esta aplicacion web quedo de la siguiente manera:

Inclusiones con JSP

Utilizando jsp:include para colocar en ciertas partes de una pagina jsp sin volver a repetir codigo sino mas bien llamar a otro jsp, esto se uso para el header, el footer de las paginas iniciales, como tambien en el header cuando ya un susario esta logoneado y el menu que tiene las distintas opciones dependiendo del rol.

como Header.jsp


<div id="_header">
            <img id="logo" src="img/logo.png" alt="logo" />
            <div id="ingreso_session">
                <p><span class="Tdiferent">&iexcl;Bienvenido!</span> &iquest;Ya eres miembro? <a href="login.jsp" class="Tdiferent" >Entrar</a></p>
            </div>
            <div id="menu_SinSession">
                <ul>
                    <li><a href="index.jsp" >Inicio</a></li>
                    <li><a href="#" >Registrarse</a></li>
                    <li><a href="servicios.jsp" >Servicios</a></li>
                    <li><a href="ayuda.jsp" >Ayuda</a></li>
                </ul>
            </div>

y como la inculimos en otras paginas de la siguiente manera: 
<jsp:include page="/header.jsp" flush="false