<!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">
<title>用户登录界面</title>
<link th:href
="@{/css/bootstrap.css}" rel
="stylesheet">
<link th:href
="@{/css/signin.css}" rel
="stylesheet">
</head>
<body class
="text
-center">
<!
-- 用户登录form表单
-->
<form class
="form
-signin" th:action
="@{/
toBook}">
<img class
="mb
-4" th:src
="@{/img/login.jpg}" width
="88" height
="88">
<h1 class
="h3 mb
-3 font
-weight
-normal" th:text
="{login.tip}">请登录</h1>
<input type
="text" class
="form
-control" name
="username"
th:placeholder
="{login.username}" required
="" au
tofocus
="">
<input type
="password" class
="form
-control" name
="password"
th:placeholder
="{login.password}" required
="">
<div class
="checkbox mb
-3">
<label>
<input type
="checkbox" value
="remember
-me"> {login.rememberme}
</label>
</div>
<but
ton class
="btn btn
-lg btn
-primary btn
-block" th:text
="{login.but
ton}">登录</but
ton>
<p class
="mt
-5 mb
-3 text
-muted">© <span th:text
="${currentYear}"></span>
-<span th:text
="${currentYear}+1"></span></p>
</form>
</body>
</html>
<!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">
<title>用户登录界面</title>
<link th:href
="@{/css/bootstrap.css}" rel
="stylesheet">
<link th:href
="@{/css/signin.css}" rel
="stylesheet">
</head>
<body class
="text
-center">
<!
-- 用户登录form表单
-->
<form class
="form
-signin" th:action
="@{/
toBook}">
<img class
="mb
-4" th:src
="@{/img/login.jpg}" width
="88" height
="88">
<h1 class
="h3 mb
-3 font
-weight
-normal" th:text
="{login.tip}">请登录</h1>
<input type
="text" class
="form
-control" name
="username"
th:placeholder
="{login.username}" required
="" au
tofocus
="">
<input type
="password" class
="form
-control" name
="password"
th:placeholder
="{login.password}" required
="">
<div class
="checkbox mb
-3">
<label>
<input type
="checkbox" value
="remember
-me"> {login.rememberme}
</label>
</div>
<but
ton class
="btn btn
-lg btn
-primary btn
-block" th:text
="{login.but
ton}">登录</but
ton>
<p class
="mt
-5 mb
-3 text
-muted">© <span th:text
="${currentYear}"></span>
-<span th:text
="${currentYear}+1"></span></p>
</form>
</body>
</html>
1、整合login.html模板
要求：1） 显示当前年，currentYear~currentYear+1
2） 点击登录后，通过@RequestParam("username")获取输入的用户名，并在控制台打印，登陆后跳转到图书页面
为了确保网页能在iOS9设备上正确显示并避免不必要的缩放行为，本文介绍了如何通过修改Viewport元标签来实现这一目标。具体而言，需要加入shrink-to-fit=no属性。
扫一扫
5356
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
