完成登录注册界面设计
This commit is contained in:
F嘉阳
80
skic/WebRoot/forgot-password.jsp
Normal file
80
skic/WebRoot/forgot-password.jsp
Normal file
@@ -0,0 +1,80 @@
|
|||||||
|
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||||
|
<%
|
||||||
|
String path = request.getContextPath();
|
||||||
|
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
|
||||||
|
%>
|
||||||
|
|
||||||
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<base href="<%=basePath%>">
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
|
||||||
|
|
||||||
|
<title>skic找回密码</title>
|
||||||
|
<!-- <link rel="stylesheet" type="text/css" href="css/normalize.css" /> -->
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/css/materialize.min.css">
|
||||||
|
<style type="text/css">
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
html {
|
||||||
|
display: table;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
display: table-cell;
|
||||||
|
vertical-align: middle;
|
||||||
|
color:#404d5b;
|
||||||
|
}
|
||||||
|
.margin {
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
.card-panel{ min-width:350px;}
|
||||||
|
</style>
|
||||||
|
<!--[if IE]>
|
||||||
|
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
|
||||||
|
<![endif]-->
|
||||||
|
</head>
|
||||||
|
<body class="blue-grey">
|
||||||
|
<div id="login-page" class="row">
|
||||||
|
<div class="col s12 z-depth-6 card-panel">
|
||||||
|
<form class="login-form">
|
||||||
|
<div class="row">
|
||||||
|
<div class="input-field col s12 center">
|
||||||
|
<img src="http://w3lessons.info/logo.png" alt="" class="responsive-img valign profile-image-login">
|
||||||
|
<p class="center login-form-text">Welcome to skic</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row margin">
|
||||||
|
<div class="input-field col s12">
|
||||||
|
<i class="mdi-social-person-outline prefix"></i>
|
||||||
|
<input class="validate" id="email" type="email">
|
||||||
|
<label for="email" data-error="wrong" data-success="right" class="center-align">Email</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="input-field col s12">
|
||||||
|
<a href="forgot-password.html" class="btn waves-effect waves-light col s12">Reset my password</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="input-field col s6 m6 l6">
|
||||||
|
<p class="margin medium-small"><a href="register.jsp">Register Now!</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="input-field col s6 m6 l6">
|
||||||
|
<p class="margin right-align medium-small"><a href="login.jsp">Login</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
|
||||||
|
|
||||||
|
<!--materialize js-->
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/js/materialize.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -8,32 +8,6 @@ String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.
|
|||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<base href="<%=basePath%>">
|
<base href="<%=basePath%>">
|
||||||
|
|
||||||
<%-- <title>登录</title>
|
|
||||||
|
|
||||||
<meta http-equiv="pragma" content="no-cache">
|
|
||||||
<meta http-equiv="cache-control" content="no-cache">
|
|
||||||
<meta http-equiv="expires" content="0">
|
|
||||||
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
|
|
||||||
<meta http-equiv="description" content="This is my page">
|
|
||||||
<!--
|
|
||||||
<link rel="stylesheet" type="text/css" href="styles.css">
|
|
||||||
-->
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<h2>登录个人档案系统</h2>
|
|
||||||
<form action="<%=request.getContextPath()%>/CheckLoginServlet"
|
|
||||||
method="post" name="loginTest">
|
|
||||||
用户名<input type="text" name="userName"><br>
|
|
||||||
密码<input
|
|
||||||
type="password" name="passWord"><br> <input type="submit"
|
|
||||||
value="提交"> <input type="reset" value="重置"><br>
|
|
||||||
<a href="register.jsp">注册</a>
|
|
||||||
</form>
|
|
||||||
</body>
|
|
||||||
</html> --%>
|
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
|
||||||
|
|
||||||
@@ -65,7 +39,7 @@ String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.
|
|||||||
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
|
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="blue lighten-2">
|
||||||
<div id="login-page" class="row">
|
<div id="login-page" class="row">
|
||||||
<div class="col s12 z-depth-6 card-panel">
|
<div class="col s12 z-depth-6 card-panel">
|
||||||
<form class="login-form" action="<%=request.getContextPath()%>/CheckLoginServlet" method="post" name="loginSkic">
|
<form class="login-form" action="<%=request.getContextPath()%>/CheckLoginServlet" method="post" name="loginSkic">
|
||||||
@@ -97,15 +71,15 @@ String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.
|
|||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="input-field col s12">
|
<div class="input-field col s12">
|
||||||
<a href="index.html" class="btn waves-effect waves-light col s12">Login</a>
|
<button class="btn waves-effect waves-light col s12" type="submit" name="action">Login</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="input-field col s6 m6 l6">
|
<div class="input-field col s6 m6 l6">
|
||||||
<p class="margin medium-small"><a href="register.html">Register</a></p>
|
<p class="margin medium-small"><a href="register.jsp">Register</a></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="input-field col s6 m6 l6">
|
<div class="input-field col s6 m6 l6">
|
||||||
<p class="margin right-align medium-small"><a href="forgot-password.html">Forgot password?</a></p>
|
<p class="margin right-align medium-small"><a href="forgot-password.jsp">Forgot password?</a></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<base href="<%=basePath%>">
|
<base href="<%=basePath%>">
|
||||||
|
|
||||||
<title>注册</title>
|
<%-- <title>注册</title>
|
||||||
|
|
||||||
<meta http-equiv="pragma" content="no-cache">
|
<meta http-equiv="pragma" content="no-cache">
|
||||||
<meta http-equiv="cache-control" content="no-cache">
|
<meta http-equiv="cache-control" content="no-cache">
|
||||||
@@ -36,4 +36,103 @@
|
|||||||
<input type="reset" value="重置">
|
<input type="reset" value="重置">
|
||||||
</form>
|
</form>
|
||||||
</body>
|
</body>
|
||||||
|
</html> --%>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
|
||||||
|
|
||||||
|
<title>skic用户注册</title>
|
||||||
|
<!-- <link rel="stylesheet" type="text/css" href="css/normalize.css" /> -->
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/css/materialize.min.css">
|
||||||
|
<style type="text/css">
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
html {
|
||||||
|
display: table;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
display: table-cell;
|
||||||
|
vertical-align: middle;
|
||||||
|
color:#404d5b;
|
||||||
|
}
|
||||||
|
.margin {
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
.card-panel{ min-width:350px;}
|
||||||
|
</style>
|
||||||
|
<!--[if IE]>
|
||||||
|
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
|
||||||
|
<![endif]-->
|
||||||
|
</head>
|
||||||
|
<body class=" cyan darken-1">
|
||||||
|
<div id="login-page" class="row">
|
||||||
|
<div class="col s12 z-depth-6 card-panel">
|
||||||
|
<form class="login-form" action="<%=request.getContextPath()%>/CheckRegisterServlet" method="post" name="loginTest">
|
||||||
|
<div class="row">
|
||||||
|
<div class="input-field col s12 center">
|
||||||
|
<img src="http://w3lessons.info/logo.png" alt="" class="responsive-img valign profile-image-login">
|
||||||
|
<p class="center login-form-text">Welcome to skic</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row margin">
|
||||||
|
<div class="input-field col s12">
|
||||||
|
<i class="mdi-social-person-outline prefix"></i>
|
||||||
|
<input name="userName" type="text" class="validate">
|
||||||
|
<label for="username" class="center-align">Username</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row margin">
|
||||||
|
<div class="input-field col s12">
|
||||||
|
<i class="mdi-social-person-outline prefix"></i>
|
||||||
|
<input name="realName" type="text" class="validate">
|
||||||
|
<label for="username" class="center-align">Realname</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row margin">
|
||||||
|
<div class="input-field col s12">
|
||||||
|
<i class="mdi-communication-email prefix"></i>
|
||||||
|
<input name="email" type="email" class="validate">
|
||||||
|
<label for="email" class="center-align">Email</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row margin">
|
||||||
|
<div class="input-field col s12">
|
||||||
|
<i class="mdi-action-lock-outline prefix"></i>
|
||||||
|
<input type="tel" name="tel" class="validate">
|
||||||
|
<label for="username" class="center-align">PhoneNum</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row margin">
|
||||||
|
<div class="input-field col s12">
|
||||||
|
<i class="mdi-action-lock-outline prefix"></i>
|
||||||
|
<input id="password" type="password" class="validate">
|
||||||
|
<label for="password">Password</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row margin">
|
||||||
|
<div class="input-field col s12">
|
||||||
|
<i class="mdi-action-lock-outline prefix"></i>
|
||||||
|
<input id="password-again" type="password">
|
||||||
|
<label for="password-again">Re-type password</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="input-field col s12">
|
||||||
|
<a href="register.html" class="btn waves-effect waves-light col s12">register</a>
|
||||||
|
</div>
|
||||||
|
<div class="input-field col s12">
|
||||||
|
<p class="margin center medium-small sign-up">Have an account? <a href="login.jsp">Login</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
|
||||||
|
|
||||||
|
<!--materialize js-->
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/js/materialize.min.js"></script>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user