JSP练习（二）网站登陆验证

最新推荐文章于 2024-07-16 15:41:31 发布

itliujia

最新推荐文章于 2024-07-16 15:41:31 发布

阅读量158

点赞数 1

分类专栏： JSP实验文章标签： html jsp css web

本文链接：https://blog.csdn.net/qq_34913677/article/details/115001953

版权

JSP实验专栏收录该内容

4 篇文章 0 订阅

订阅专栏

login.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Login</title>

<style>

html {
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-style: sans-serif;
}

body {
	width: 100%;
	height: 100%;
	font-family: ‘Open Sans’,sans-serif;
	margin: 0;
	background-color: #3762bc;
}

#login {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -150px;
	width: 300px;
	height: 300px;
}

#login h1 {
	color: #fff;
	text-shadow: 0 0 10px;
	letter-spacing: 1px;
	text-align: center;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

input {
	width: 278px;
	height: 18px;
	margin-bottom: 10px;
	outline: none;
	padding: 10px;
	font-size: 13px;
	color: #fff;
	text-shadow: 1px 1px 1px;
	border-top: 1px solid #312E3D;
	border-left: 1px solid #312E3D;
	border-right: 1px solid #312E3D;
	border-bottom: 1px solid #56536A;
	border-radius: 4px;
	background-color: #2D2D3F;
}

.but {
	width: 300px;
	min-height: 20px;
	display: block;
	background-color: #4a77d4;
	border: 1px solid #3762bc;
	color: #fff;
	padding: 9px 14px;
	font-size: 15px;
	line-height: normal;
	border-radius: 5px;
	margin: 0;
}

</style>

</head>

<body>

<div id="login">
<h1>Login</h1>
<form method="post">
<input type="text" placeholder="用户名" name="u"></input> 
<input type="password" placeholder="密码" name="p"></input> 
<button class="but" type="submit">登录</button> </form>
<%
String u=request.getParameter("u");
String p=request.getParameter("p");
if(u==null || p==null || u.equals("")|| p.equals("")){
	out.print("<script language='javascript'>alert('请输入完整信息');</script>");
}
else if(u.equals("admin")&&p.equals("123"))
{
%>
<jsp:forward page="list.jsp"/>
<jsp:forward page="list.jsp">
	<jsp:param value="admin" name="u"/>
</jsp:forward>
<%
}
else{
	out.print("<script language='javascript'>alert('用户名或密码错误');</script>");
}
%>
</div>
</body>

</html>

list.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body {
	width: 100%;
	height: 100%;
	font-family: ‘Open Sans’,sans-serif;
	margin: 0;
	background-color: #37bcb0;
}
#login {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -150px;
	height: 300px;
}

#login h1 {
	color: #fff;
	text-shadow: 0 0 10px;
	letter-spacing: 1px;
	text-align: center;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
</style>
<title>登陆成功</title>
</head>
<body>
<div id="login">
<h1>用户：
<%
String u=request.getParameter("u");
out.print(u);
%>&nbsp;恭喜您，登陆成功。
</h1>
</body>
</html>

网页截图

itliujia

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JSP练习（二）网站登陆验证

login.jsp<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><!DOCTYPE html><html><head><meta charset="UTF-8"><title>Login</title><style>html { width: 1.
复制链接

扫一扫