溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了html實現跳轉到登錄頁面的示例，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶大家一起來研究并學習一下“html實現跳轉到登錄頁面的示例”這篇文章吧。
html的全稱為超文本標記語言，它是一種標記語言，包含了一系列標簽．通過這些標簽可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構建優雅的前端網頁。
1、在menu.jsp頁面，修改登錄的鏈接。
<a href="${pageContext.request.contextPath }/user_loginPage.action">登錄</a>|
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><p class="span10 last">
<p class="topNav clearfix">
<ul>
<li id="headerLogin" class="headerLogin" style="display: list-item;">
<a href="${pageContext.request.contextPath }/user_loginPage.action">登錄</a>|
</li>
<li id="headerRegister" class="headerRegister" style="display: list-item;">
<a href="${pageContext.request.contextPath }/user_registPage">注冊</a>| </li>
<li id="headerUsername" class="headerUsername"></li>
<li id="headerLogout" class="headerLogout">
<a>[退出]</a>| </li>
<li>
<a>會員中心</a> |
</li>
<li>
<a>購物指南</a> |
</li>
<li>
<a>關于我們</a> </li>
</ul>
</p>
<p class="cart">
<a href="./購物車.htm">購物車</a>
</p>
<p class="phone">
客服熱線:
<strong>96008/53277764</strong> </p>
</p>
<p class="span24">
<ul class="mainNav">
<li>
<a href="./index.htm">首頁</a> |
</li>
<li>
<a href="./蔬菜分類.htm">定制套餐</a> |
</li> <li> <a >安全頻道</a>
| </li> <li>
<a>商城卡</a> | </li> <li>
<a>蔬菜基地</a> |
</li>
<li>
<a>節氣養生</a> |
</li> <li>
<a>便民服務</a> | </li> </ul> </p>2、在UserAction中增加loginPage方法
/** * 轉向到登錄頁面 * @return */public String loginPage(){return "loginPage";}3、在struts.xml中增加loginPage的配置
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
"http://struts.apache.org/dtds/struts-2.3.dtd"><struts>
<package name="shop" namespace="/" extends="struts-default">
<action name="index" class="indexAction">
<result name="index">/WEB-INF/jsp/index.jsp</result>
</action>
<!-- 用戶action -->
<action name="user_*" class="userAction" method="{1}">
<result name="registPage">/WEB-INF/jsp/regist.jsp</result>
<result name="input">/WEB-INF/jsp/regist.jsp</result>
<result name="msg">/WEB-INF/jsp/msg.jsp</result>
<result name="loginPage">/WEB-INF/jsp/login.jsp</result>
</action>
</package></struts>4、增加login.jsp
里面包含
<%@include file="menu.jsp" %>
<%@ page language="java" import="java.util.*"
pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
<!-- saved from url=(0080)http://localhost:8080/mango/login.jhtml?redirectUrl=%2Fmango%2Fcart%2Flist.jhtml -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html;
charset=UTF-8"/><title>會員登錄</title><link href="${pageContext.request.contextPath}
/css/common.css" rel="stylesheet" type="text/css"/>
<link href="${pageContext.request.contextPath}/css/login.css" rel="stylesheet"
type="text/css"/></head><body><p class="container header">
<p class="span5">
<p class="logo">
<a href="
<img src="${pageContext.request.contextPath}/image/r___________renleipic_01/logo.gif" alt="商城">
</a>
</p>
</p>
<p class="span9"><p class="headerAd">
<img src="${pageContext.request.contextPath}/image/header.jpg"
width="320"
height="50"
alt="正品保障"
title="正品保障"></p>
</p>
<%@include file="menu.jsp" %>
</p>
<p class="container login">
<p class="span12"><p class="ad">
<img src="${pageContext.request.contextPath}
/image/login.jpg"
width="500"
height="330"
alt="會員登錄"
title="會員登錄"></p>
</p>
<p class="span12 last"> <p class="wrap">
<p class="main">
<p class="title">
<strong>會員登錄</strong>USER LOGIN </p>
<form id="loginForm" method="post" novalidate="novalidate">
<table> <tbody><tr> <th> 用戶名/E-mail: </th> <td>
<input
type="text"
id="username"
name="username"
class="text"
maxlength="20">
</td> </tr> <tr> <th> 密 碼: </th> <td>
<input
type="password"
id="password"
name="password"
class="text"
maxlength="20"
autocomplete="off">
</td> </tr> <tr> <th> 驗證碼: </th> <td>
<span class="fieldSet">
<input
type="text"
id="captcha"
name="captcha"
class="text captcha"
maxlength="4"
autocomplete="off"><img
id="captchaImage"
class="captchaImage"
src="${pageContext.request.contextPath}/image/captcha.jhtml"
title="點擊更換驗證碼">
</span>
</td>
</tr>
<tr> <th> </th> <td>
<label> <input type="checkbox" id="isRememberUsername" name="isRememberUsername" value="true">記住用戶名
</label>
<label>
<a >找回密碼</a>
</label>
</td>
</tr>
<tr>
<th> </th>
<td>
<input type="submit" class="submit" value="登 錄">
</td> </tr>
<tr class="register">
<th> </th>
<td>
<dl>
<dt>還沒有注冊賬號？</dt>
<dd>
立即注冊即可體驗在線購物！
<a href="./會員注冊.htm">立即注冊</a>
</dd> </dl> </td> </tr> </tbody></table> </form> </p> </p> </p>
</p><p class="container footer"> <p class="span24">
<p class="footerAd"><img src="${pageContext.request.contextPath}
/image/footer.jpg"
width="950"
height="52"
alt="我們的優勢"
title="我們的優勢" /></p> </p>
<p class="span24">
<ul class="bottomNav">
<li>
<a >關于我們</a>
|
</li> <li>
<a>聯系我們</a>
|
</li>
<li>
<a>招賢納士</a>
|
</li>
<li>
<a>法律聲明</a>
|
</li>
<li>
<a>友情鏈接</a>
|
</li>
<li>
<a target="_blank">支付方式</a>
|
</li>
<li>
<a target="_blank">配送方式</a>
|
</li>
<li>
<a>服務聲明</a>
|
</li>
<li>
<a>廣告聲明</a>
</li>
</ul>
</p>
<p class="span24">
<p class="copyright">Copyright ? 2005-2015 網上商城 版權所有</p>
</p></p></body></html>以上就是關于“html實現跳轉到登錄頁面的示例”的內容，如果改文章對你有所幫助并覺得寫得不錯，勞請分享給你的好友一起學習新知識，若想了解更多相關知識內容，請多多關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
