学生管理系统（页面设计）

最新推荐文章于 2024-07-19 22:27:53 发布

tea-Sir

最新推荐文章于 2024-07-19 22:27:53 发布

阅读量1.8w

点赞数 9

分类专栏：学生管理系统文章标签：页面设计学生管理系统

本文链接：https://blog.csdn.net/qq_36109477/article/details/85208794

版权

学生管理系统专栏收录该内容

10 篇文章 2 订阅

订阅专栏

页面整体布局，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>

tea-Sir

关注

9
点赞
踩
59

收藏

觉得还不错? 一键收藏
2
评论
学生管理系统（页面设计）

页面整体布局，left,main,top三层布局架构。&lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt;&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http
复制链接

扫一扫

专栏目录