管理系统界面设计
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
<title>Insert title here</title>
<style type="text/css">
#h1{
text-align: center;
color: #62a8ea;
}
</style>
</head>
<body>
<h1 id="h1" >学生管理系统</h1>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
li {
list-styl html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
管理系统界面设计
页面整体布局，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" "/TR/html4/loose.dtd">
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/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页面：大标题。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<frameset cols="120,*" id="frame">
<frame src="left.jsp" frameborder="1" noresize="noresize" name="leftFrame">
<frame src="main.jsp" frameborder="1" name="main">
<a
href="http://localhost:8080/studentManager/LoginServlet?function=goLogin"
target="main">登陆</a>
</div>
</body>
</html>
main页面。
<%@ page language="java" contentType="text/html; charset=UTF-8"
}
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">
</frameset>
</frameset>
<body>
</body>
</html>
左侧页面：学生列表，登陆。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd">
}
</style>
</head>
<frameset rows="80,*" border="4" framespacing="0" id="body">
<frame src="top.jsp" frameborder="1" noresize="noresize" name="topFrame" scrolling="no"/>
<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 type="text/css">
#h1{
text-align: center;
color: #62a8ea;
}
</style>
</head>
<body>
<h1 id="h1" >学生管理系统</h1>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
li {
list-styl html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
管理系统界面设计
页面整体布局，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" "/TR/html4/loose.dtd">
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/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页面：大标题。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<frameset cols="120,*" id="frame">
<frame src="left.jsp" frameborder="1" noresize="noresize" name="leftFrame">
<frame src="main.jsp" frameborder="1" name="main">
<a
href="http://localhost:8080/studentManager/LoginServlet?function=goLogin"
target="main">登陆</a>
</div>
</body>
</html>
main页面。
<%@ page language="java" contentType="text/html; charset=UTF-8"
}
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">
</frameset>
</frameset>
<body>
</body>
</html>
左侧页面：学生列表，登陆。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd">
}
</style>
</head>
<frameset rows="80,*" border="4" framespacing="0" id="body">
<frame src="top.jsp" frameborder="1" noresize="noresize" name="topFrame" scrolling="no"/>
<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;