target/classes/templates/login.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>登录</title>
		<!-- Bootstrap core CSS -->
		<link href="asserts/css/bootstrap.min.css" th:href="@{/webjars/bootstrap/4.4.1-1/css/bootstrap.css}" rel="stylesheet">
		<!-- Custom styles for this template -->
		<link href="asserts/css/signin.css" th:href="@{/asserts/css/signin.css}" rel="stylesheet">
		<link th:href="@{/iconfont/iconfont.css}" rel="stylesheet">

		<style>
			span.iconfont{
				font-size: 50px;
				color: white;
			}
			/*body{*/
			/*	background: url("background.jpg");*/
			/*	background-size: cover;*/
			/*	opacity: 0.8;*/
			/*}*/
		</style>
	</head>
	<body class="text-center">
<!--	<div id="background">-->
<!--		<canvas id="canvas"></canvas>-->
<!--	</div>-->

		<form class="form-signin" th:action="@{/user/login}" method="post" style="z-index: 999">
<!--			<img class="mb-4" th:src="@{/asserts/img/bootstrap-solid.svg}" src="asserts/img/bootstrap-solid.svg" alt="" width="72" height="72">-->
			<span class="iconfont icon-login_user"></span>
			<h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}" style="color: white">Please sign in</h1>
			<!--判断-->
			<p style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
			<label class="sr-only" th:text="#{login.username}">Username</label>
			<input type="text"  name="username" class="form-control" placeholder="Username" th:placeholder="#{login.username}" required="" autofocus="">
			<label class="sr-only" th:text="#{login.password}">Password</label>
			<input type="password" name="password" class="form-control" placeholder="Password" th:placeholder="#{login.password}" required="">
<!--			<div class="checkbox mb-3">-->
<!--				<label>-->
<!--          			<input type="checkbox" name="remember" value="remember-me"/> [[#{login.remember}]]-->
<!--        		</label>-->
<!--			</div>-->
			<button class="btn btn-lg btn-primary btn-block" type="submit" th:text="#{login.btn}">Sign in</button>
			<select class="layui-input" name="tip" style="margin-top: 10px" th:width="20px">
				<option value="1">管理员</option>
				<option value="2">员工</option>
			</select>
			<p class="mt-5 mb-3 text-muted">© 2021-2022</p>
			<a class="btn btn-sm" th:href="@{/index.html(l='zh_CN')}" style="color: white">中文</a>
			<a class="btn btn-sm" th:href="@{/index.html(l='en_US')}" style="color: white">English</a>
		</form>
	</body>
	<script>
		window.onload = function () {
			//定义body的margin由默认值8px->0px
			document.body.style.margin = "0";