溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
本篇內(nèi)容主要講解“怎么用jsp+servlet實(shí)現(xiàn)簡(jiǎn)單登錄頁(yè)面功能”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“怎么用jsp+servlet實(shí)現(xiàn)簡(jiǎn)單登錄頁(yè)面功能”吧!
實(shí)現(xiàn)功能：
開發(fā)環(huán)境：
預(yù)備知識(shí)：
1.登錄界面login.jsp：
2.登錄成功界面hello.jsp：
3.登錄失敗信息回顯Login.jsp：
思路簡(jiǎn)述：
具體代碼Code：
模擬簡(jiǎn)單登錄功能，登錄成功跳轉(zhuǎn)新頁(yè)面，登錄失敗在原登錄界面提示登錄失敗信息
eclipse
Tomcat-8.0
HTML標(biāo)簽，Servlet相關(guān)知識(shí)——請(qǐng)求的轉(zhuǎn)發(fā)與重定向，jsp相關(guān)知識(shí)，EL表達(dá)式
思路實(shí)現(xiàn)：共2個(gè)jsp,一個(gè)servlet
采用jsp，不采用html的原因是因?yàn)橐M(jìn)行登錄失敗信息回顯（當(dāng)然如果用html結(jié)合ajax也可以實(shí)現(xiàn)，這里采用jsp更方便）
如圖：
歡迎信息+登錄的用戶名
如圖：
如圖：
問題1：jsp頁(yè)面如何與一個(gè)java類進(jìn)行連接綁定起來？
簡(jiǎn)單的說，一個(gè)jsp頁(yè)面要跟一個(gè)servlet進(jìn)行連接，需要有一個(gè)橋梁，這個(gè)橋梁就是web.xml文件，可以通過下面代碼觀察到，登錄頁(yè)面的表單的提交的action屬性值，填寫的就是在web.xml文件里對(duì)應(yīng)的servlet-mapping中的url-pattern的值，而這個(gè)值又對(duì)應(yīng)了一個(gè)servlet-name，servlet-name則對(duì)應(yīng)到一個(gè)servlet-class，這樣就把jsp和java類（servlet類）進(jìn)行了關(guān)聯(lián)。
其實(shí)我覺得最明顯的就是提交表單后，url地址變化了，通過這個(gè)url地址將表單信息傳給了對(duì)應(yīng)的java類。
問題2：實(shí)現(xiàn)的整體的思路是怎么樣的？
一個(gè)jsp頁(yè)面通過表單元素，將用戶信息通過url的形式提交給一個(gè)已經(jīng)在web.xml配置映射好的servlet類，servlet類接收到傳來的表單信息，進(jìn)行值校驗(yàn)（為了方便起見則直接定義用戶名密碼了，正常情況下是要采用jdbc進(jìn)行從數(shù)據(jù)庫(kù)中取出值進(jìn)行校驗(yàn)的），然后對(duì)校驗(yàn)結(jié)果進(jìn)行判斷，如果賬戶密碼正確，則跳轉(zhuǎn)到登錄成功的頁(yè)面（采用重定向），如果失敗，則將登錄失敗的提示信息存到request域?qū)ο笾胁⒎祷氐卿浗缑骘@示出來（采用請(qǐng)求的轉(zhuǎn)發(fā)）
簡(jiǎn)單的聯(lián)系：
jsp頁(yè)面<---------->web.xml<--------->servlet類
問題3：在servlet中要如何獲取jsp中提交過來的表單信息呢？
request.getParameter("userName");//userName是表單中，input標(biāo)簽中name屬性的值，接收到的是string類型
問題4：登錄頁(yè)面如何在登錄失敗的時(shí)候給出提示信息呢？
實(shí)現(xiàn)思路是如果登錄失敗，則往request域?qū)ο笾写嫒氲卿浭〉奶崾拘畔?，然后通過請(qǐng)求的轉(zhuǎn)發(fā)的方式跳轉(zhuǎn)回登錄頁(yè)面并顯示，所以登錄界面要嵌入一段腳本代碼，用來判斷當(dāng)前是否有登錄失敗提示信息的對(duì)象，如果有則將該對(duì)象保存的信息打印出來，如果沒有則什么都不顯示。
1）如果賬密不匹配，則往request域中存入message對(duì)象，該message中保存了提示信息：request.setAttribute("message", "賬密錯(cuò)誤，請(qǐng)重新登錄<br>")；
并轉(zhuǎn)發(fā)到登錄頁(yè)面：request.getRequestDispatcher("/loginDemo/login.jsp").forward(request, response);
2）在登錄頁(yè)面獲取該對(duì)象：（因?yàn)榈卿浭〉臅r(shí)候才有該對(duì)象，疑問：那如果我登錄失敗后再訪問登錄頁(yè)面，那不應(yīng)該會(huì)顯示錯(cuò)誤信息嗎？答案是否定的。可了解request域?qū)ο笊芷谙嚓P(guān)知識(shí)）
<%
if(request.getAttribute("message")!= null){
out.print(request.getAttribute("message"));
}
%>問題5：request.getAttribute()和request.getParameter()區(qū)別是：
前者獲取的是一個(gè)object對(duì)象，后者獲取的是一個(gè)string字符串，所以前者使用的時(shí)候可能會(huì)碰到需要做一些類型轉(zhuǎn)換的情況。
問題6：表單訪問路徑填寫問題
在ation屬性，或者請(qǐng)求的轉(zhuǎn)發(fā)，重定向，一般采用絕對(duì)路徑，可以避免路徑訪問出錯(cuò)，訪問資源不存在等問題。
jsp表達(dá)式：<%=request.getContextPath()%>或者用EL表達(dá)式：${ pageContext.request.contextPath }可以獲取當(dāng)前web應(yīng)用根目錄路徑，不妨試試輸出打印下，就可以觀察值是多少了。
1.login.jsp：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>標(biāo)題</title>
<style type="text/css">
*{margin: 0;padding: 0;}
form{margin: 0 auto;padding:15px; width: 300px;height:300px;text-align: center;}
#submit{padding: 10px}
#submit input{width: 50px;height: 24px;}
</style>
</head>
<body>
<div class="wrapper">
<form action="<%=request.getContextPath()%>/loginDemo" method="post">
<label>用戶名:</label>
<input type="text" name="userName" value="${param.userName}"/><br><br>
<label>密碼：</label>
<input type="password" name="password"/><br>
<font color="red">
<%
if(request.getAttribute("message")!= null){
out.print(request.getAttribute("message"));
}
%>
</font>
<div id="submit">
<input type="submit" value="登錄"/>
</div>
</form>
</div>
</body>
</html>2.hello.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>標(biāo)題</title>
</head>
<body>
Hello:<br>
<font color="green" size="22">
<%
out.print(request.getParameter("userName")+"<br>");
%>
</font>
<a href="<%=request.getContextPath()%>/loginDemo/login.jsp">重新登錄</a>
</body>
</html>3.對(duì)應(yīng)的LoginServlet.java
package loginDemo;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class LoginServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String userName = request.getParameter("userName");
String password = request.getParameter("password");
System.err.println(userName+";"+password);
String myUser = "Dong";
String myPwd = "5432100";
if(userName.equals(myUser)&&password.equals(myPwd)) {
response.sendRedirect(request.getContextPath()+"/loginDemo/hello.jsp?userName="+userName);
}else {
request.setAttribute("message", "賬密錯(cuò)誤，請(qǐng)重新登錄<br>");
request.getRequestDispatcher("/loginDemo/login.jsp").forward(request, response);
}
}
}4.對(duì)應(yīng)的web.xml的配置(注冊(cè))與映射
<servlet> <servlet-name>logindemo</servlet-name> <servlet-class>loginDemo.LoginServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>logindemo</servlet-name> <url-pattern>/loginDemo</url-pattern> </servlet-mapping>
到此，相信大家對(duì)“怎么用jsp+servlet實(shí)現(xiàn)簡(jiǎn)單登錄頁(yè)面功能”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼