页面整体布局,left,main,top三层布局架构。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
#body{
background-color: #E6E6E6;
}
</style>
</head>
<frameset rows="80,*" border="4" framespacing="0" id="body">
<frame src="top.jsp" frameborder="1" noresize="noresize" name="topFrame" scrolling="no"/>
<frameset cols="120,*" id="frame">
<frame src="left.jsp" frameborder="1" noresize="noresize" name="leftFrame">
<frame src="main.jsp" frameborder="1" name="main">
</frameset>
</frameset>
<body>
</body>
</html>
左侧页面,left.jsp:学生列表,登陆。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
li {
list-style-type: none;
}
a {
text-decoration: none;
}
#left1 {
background-color: #62a8ea;
}
#left2 {
background-color: #62a8ea;
text-align: center;
}
</style>
</head>
<body>
<div id="left1" style="padding: 10px; margin: 10px">
<a
href="http://localhost:8080/studentManager/StudentServlet?function=getStudent"
target="main">学生列表</a>
</div>
<div id="left2" style="padding: 10px; margin: 10px">
<a
href="http://localhost:8080/studentManager/LoginServlet?function=goLogin"
target="main">登陆</a>
</div>
</body>
</html>
main页面,main.jsp。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
</body>
</html>
top页面,top.jsp:大标题。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
#h1{
text-align: center;
color: #62a8ea;
}
</style>
</head>
<body>
<h1 id="h1" >学生管理系统</h1>
</body>
</html>