Ola pessoal, sou iniciante em java, estou desenvolvendo em JSP com o eclipse.
Preciso criar uma pagina com um layout padrão, e sempre que chamar outra pagina seja carregado apenas o conteúdo em um local especifico, preservando o layout padrão.
Alguem tem um exemplo basico disso? apartir dai posso implemtar da forma que preciso.
Grato!
Não obtive muito sucesso, vou colocar o que tenho aqui pra ficar mais fácil de entender.
Esse é o código de minha pagina padrão:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@page import="util.ConexaoBD"%>
<%@ page import="java.sql.*" %>
<%@page import="java.util.*"%>
<%@page import="java.util.Date"%>
<%@ page import="java.text.SimpleDateFormat" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>title</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo">
<h1><a href="#"> </a></h1>
<p>Acesse o site <a href=""></a></p>
</div>
</div>
<!-- end #header -->
<div id="menu">
<ul>
<li class="current_page_item"><a href="Index.jsp">Inicio</a></li>
<li><a href="ListaMateriais.jsp">Consulta por livros</a></li>
<li><a href="#">livre</a></li>
<li><a href="#">livre</a></li>
<li><a href="#">livre</a></li>
<li><a href="#">livre</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="page">
<div id="page-bgtop">
<div id="page-bgbtm">
<div id="content">
<div class="post">
//AQUI É O LOCAL QUE QUERO MOSTRAR A OUTRA PAGINA QUANDO CLICAR NO LINK <li><a href="ListaMateriais.jsp">Consulta por livros</a></li> QUE ESTÁ LOCALIZADO NO MENU.
//QUANDO CARREGO A PÁGINA ELE TRAZ OS DADOS ABAIXO, DA PAGINA INICIAL.
<h2 class="title"><a >Livros recentes </a></h2>
<div style="clear: both;"> </div>
<div class="entry">
<%
util.ConexaoBD cox = new util.ConexaoBD();
Connection conn = cox.getConexaoBD();
SimpleDateFormat formatador = new SimpleDateFormat("dd/MM/yyyy");
Date minhaDate = new Date();
String dataAtual = formatador.format(minhaDate);
//efetua consulta com base nos parametros informados
PreparedStatement stmt = conn.prepareStatement("SELECT Top 10 *FROM TABELA Order by Data DESC");
ResultSet rs = stmt.executeQuery();
out.println("<table width=620>");
out.println("<tr>");
out.println("<td class=meta><span class=date> Nome </span> </td>");
out.println("<td class=meta><span class=date> Titulo </span> </td>");
out.println("<td class=meta><span class=posted> Mais </span> </td>");
out.println("<td class=meta><span class=posted> Opcoes </span> </td>");
out.println("</tr>");
while (rs.next()){
out.println("<tr>");
out.println("<td> "+rs.getString("Nome")+" </td>");
out.println("<td> "+rs.getString("Titulo")+" </td>");
out.println("</tr>");
}
out.println("</table>");
%>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<!-- end #content -->
<div id="sidebar">
<ul>
<li>
</li>
<li>
<h2>Outras Informacoes</h2>
<p>Aki as informacoes</p>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
</div>
</div>
<!-- end #page -->
</div>
<div id="footer">
<p>Todos os direitos......</p>
</div>
<!-- end #footer -->
</body>
</html>
O nome da pagina que quero chamar é ListaLivros.jsp. como devo proceder nesse caso?
Agradeço a ajuda.
você deveria separar o conteúdo do cabeçalho, menu, rodapé, etc em arquivos jsp e “incluí-los” na sua página.
mas para conseguir o efeito que deseja, você pode utilizar AJAX.
http://www.w3schools.com/ajax/default.asp
http://www.ajaxtutorial.net
e para facilitar a implementação, você pode utilizar um framework javascript.
http://mootools.net
http://jquery.com
http://www.prototypejs.org