尚筹网：跳转到登录页面--如何跳转到一个页面显示方法2

最新推荐文章于 2021-02-25 19:10:05 发布

OceanStar的学习笔记

最新推荐文章于 2021-02-25 19:10:05 发布

阅读量432

点赞数

原文链接：https://www.bilibili.com/video/av69997799?p=51

版权

尚筹网专栏收录该内容

37 篇文章 1 订阅

订阅专栏

修改登录超链接

所在工程：atcrowdfunding-admin-1-webui
所在文件：/atcrowdfunding-admin-1-webui/src/main/webapp/WEB-INF/index-page.jsp

<ul class="nav navbar-nav navbar-right">
	<li><a href="login.html">登录</a></li>
	<li><a href="reg.html">注册</a></li>
	<li><a>|</a></li>
	<li><a href="admin/to/login/page.html">管理员登录</a></li>
</ul>

使用view-controller实现页面跳转

所在工程：atcrowdfunding-admin-1-webui
所在文件：/atcrowdfunding-admin-1-webui/src/main/resources/spring-web-mvc.xml

<!-- 
@RequestMapping("/admin/to/login/page")
public String toLoginPage() {
	return "admin-login";
}
 -->
<mvc:view-controller path="/admin/to/login/page.html" view-name="admin-login"/>

登录页面代码

/atcrowdfunding-admin-1-webui/src/main/webapp/WEB-INF/admin-login.jsp：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="UTF-8">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="keys" content="">
<meta name="author" content="">
<title>❤汇聚点滴的力量，成就非凡的伟业❤</title>
<base href="http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/"/>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/login.css">
<style>
</style>
</head>
<body>
	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<div>
					<a class="navbar-brand" href="index.html" style="font-size: 32px;">尚筹网-创意产品众筹平台</a>
				</div>
			</div>
		</div>
	</nav>

	<div class="container">

		<form action="admin/do/login.html" class="form-signin" role="form" method="post">
			<h2 class="form-signin-heading">
				<i class="glyphicon glyphicon-log-in"></i> 管理员登录
			</h2>
			<p>${requestScope.MESSAGE }</p>
			<div class="form-group has-success has-feedback">
				<input 
					type="text"
					name="loginAcct"
					class="form-control" 
					id="inputSuccess4"
					placeholder="请输入登录账号" 
					autofocus>
					<span class="glyphicon glyphicon-user form-control-feedback"></span>
			</div>
			<div class="form-group has-success has-feedback">
				<input 
					type="text" 
					name="userPswd"
					class="form-control" 
					id="inputSuccess4"
					placeholder="请输入登录密码" 
					style="margin-top: 10px;">
				<span class="glyphicon glyphicon-lock form-control-feedback"></span>
			</div>
			<button class="btn btn-lg btn-success btn-block">登录</button>
		</form>
	</div>
</body>
</html>

在这里插入图片描述

OceanStar的学习笔记

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
尚筹网：跳转到登录页面--如何跳转到一个页面显示方法2

修改登录超链接所在工程：atcrowdfunding-admin-1-webui所在文件：/atcrowdfunding-admin-1-webui/src/main/webapp/WEB-INF/index-page.jsp<ul class="nav navbar-nav navbar-right"> <li><a href="login.html"&gt...
复制链接

扫一扫