登录界面设计完毕后,同样的布局设计注册界面。效果就不赘发了
注意2个网页要用不同的端口
<%--
Created by IntelliJ IDEA.
User: 89462
Date: 2020/6/16
Time: 15:36
To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Register</title>
<style type="text/css">
body{
background-image:url(image/1.png);
background-size:cover;
}
</style>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"> //套用网上现有的CSS
</head>
<body>
<div style="text-align:center;margin-top:120px">
<form action="RegisterServlet" method="post">
<table style="margin-left:40%">
<marquee width="350"scrolldelay="130"style="font-size:30px;color: floralwhite">欢迎使用在线评分系统</marquee>
<br style="margin-top:40px"></br>
<tr>
<td style="font-size:20px;color: salmon">用户:</td>
<td><input name="name" type="text" size="20"></td>
</tr>
<tr>
<td style="font-size:20px;color: salmon">密码:</td>
<td><input name="password" type="password" size="20"></td>
</tr>
</table>
<input type="submit" value="注册">
<input type="reset" value="重置">
</form>
<br>
<a href="login.jsp" style="font-size:20px;color: ghostwhite">返回登录</a>
</div>
<div class="navbar navbar-default navbar-fixed-bottom">
<footer class="container-fluid"> <br>
<p class="text-center" style="font-size:20px;font-family:华文彩云;" >北极狼工作室</p>
</footer>
</div>
</body>
</html>
同时也设计一个简单的登陆失败界面。
<%--
Created by IntelliJ IDEA.
User: 89462
Date: 2020/6/16
Time: 15:50
To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> //协议,文本格式,编码
<title>fail</title>
<style>
body{
background-image:url(image/1.png);
background-size:cover; //图像铺满
}
</style>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"> //套用网上现有的CSS
</head>
<body>
<div style="text-align:center;margin-top:120px">
<h1 style="font-size:20px;color: darkred">登录失败</h1>
<br style="margin-top:100px"></br>
<a href="Register.jsp" style="font-size:20px;color: ghostwhite">注册</a>
<a href="Login.jsp" style="font-size:20px;color: ghostwhite">重新登陆</a> <% // 跳转至注册界面%>
</div>
<% //为工作室打的小广告%>
<% //Bootstrap navbar底部导航栏%>
<div class="navbar navbar-default navbar-fixed-bottom">
<footer class="container-fluid"> <br>
<p class="text-center" style="font-size:20px;font-family:华文彩云;" >北极狼工作室</p>
</footer>
</div>
</body>
</html>