学生管理系统(页面设计)
页面整体布局,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>
上一篇:
微信小程序ssm电影院售票系统app
下一篇:
基于微信小程序的毕业设计选题