ssm项目5

最新推荐文章于 2020-07-05 10:55:14 发布

音羽Ein

最新推荐文章于 2020-07-05 10:55:14 发布

阅读量235

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/qq_44730442/article/details/103685270

版权

前端页面

主页

login.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"  isELIgnored="false" %>
<%
String uname = request.getParameter("username");
request.getSession().setAttribute("username",uname);//将用户名保存在整个会话期间
%>

<!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>登录页面</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->
	<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/fonts/iconic/css/material-design-iconic-font.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/vendor/animate/animate.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/vendor/animsition/css/animsition.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/util.css">
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/main.css">
<!--===============================================================================================-->
	<script src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></script>
<script>

function login(){
   
	$.post("${base}/test-ssm/Login/shirologin",$("#form").serialize(),function(Result){
   
		if(Result.resultCode == 0){
   
			window.location.href = "${base}/test-ssm/home/main";
		}else{
   
			alert(Result.data);
		}
	})
}



</script>


<style type="text/css">
.wrap-login100 {
   
  width: 500px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}



 .myButton {
   
    background-color:#CB0165;
    -moz-border-radius:28px;
    -webkit-border-radius:28px;
    border-radius:28px;
    border:1px solid #18ab29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:17px;
    padding:16px 31px;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627;
    width : 314px;
	height : 48px;
}

.myButton:hover {
   
	background : 	#CB0165;
}
.myButton:active {
   
    position:relative;
    top:3px;
    background: #000000;  黑色
    opacity: 0.5;    //这里重要，就是通过这个透明度来设置

}


</style>
</head>

<body>

	<div class="limiter">
		<div class="container-login100" style="background-image: url('${pageContext.request.contextPath}/images/timg.jpg');">
			<div class="wrap-login100 p-l-55 p-r-55 p-t-65 p-b-54">
				<form id="form" class="login100-form validate-form" method="post">
					<span class="login100-form-title p-b-49">
						登录页面
					</span>

					<div class="wrap-input100 validate-input m-b-23" data-validate = "ユーザIDを入力してください">
						<span class="label-input100">用户名</span>
						<input class="input100" type="text" name="username" placeholder="enter your username">
						<span class="focus-input100" data-symbol="&#xf206;"></span>
					</div>

					<div class="wrap-input100 validate-input" data-validate="パスワードを入力してください">
						<span class="label-input100">密码</span>
						<input class="input100" type="password" name="password" placeholder="enter your password">
						<span class="focus-input100" data-symbol="&#xf190;"></span

最低0.47元/天解锁文章

音羽Ein

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ssm项目5

前端页面主页login.jsp<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" isELIgnored="false" %><%String uname = request.getParameter("username");request....
复制链接

扫一扫

专栏目录