JSP制作簡(jiǎn)單登錄界面實(shí)例

2024-09-05 00:18:56

字體：大中小

供稿：網(wǎng)友

現(xiàn)在許多開(kāi)發(fā)web項(xiàng)目都需要使用登錄界面，而開(kāi)發(fā)JSP是一種動(dòng)態(tài)頁(yè)面技術(shù)，下面錯(cuò)新技術(shù)頻道小編和大家分享JSP制作簡(jiǎn)單登錄界面實(shí)例，希望對(duì)你學(xué)習(xí)這方面知識(shí)有所幫助。

運(yùn)行環(huán)境

eclipse+tomcat+MySQL 不知道的可以參考Jsp運(yùn)行環(huán)境——Tomcat

項(xiàng)目列表

這里我先把jsp文件先放在Web-INF外面訪問(wèn)

1.需要建立的幾個(gè)文件在圖上.jsp

2.還要導(dǎo)入MySQL的jar包mysql-5.0.5.jar，導(dǎo)到WEB-INF中的lib文件夾就可以不需要Bulid Path

3.開(kāi)始編寫(xiě)代碼：

代碼演示：

index.jsp就好像一般網(wǎng)站的首頁(yè)一樣感覺(jué)，將header.jsp和footer.jsp引入其中

<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>

<%@ include file="header.jsp" %>

<%@include file="footer.jsp" %>

header.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>

導(dǎo)航1
導(dǎo)航2
導(dǎo)航3
導(dǎo)航4
導(dǎo)航5
導(dǎo)航6

footer.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>

xxxxxxxxxxx可以試試|xxxxxxxxxxxx技術(shù)有限公司

頁(yè)面內(nèi)容展示：

<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>

<%--表單--%>

登陸界面

內(nèi)容顯示：

test.jsp 是對(duì)表單login.jsp 的提交的內(nèi)容與數(shù)據(jù)庫(kù)中的數(shù)據(jù)對(duì)比驗(yàn)證，再相應(yīng)的跳轉(zhuǎn)

<%@page import="java.sql.*"%><%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%><%//請(qǐng)求獲取login.jsp的用戶(hù)名username的值 String username=request.getParameter("username");//請(qǐng)求獲取login.jsp的密碼password的值String password=request.getParameter("password");//數(shù)據(jù)庫(kù)MySQL的地址String DBURL="jdbc:mysql://localhost:3306/zhou?useUnicode=true&characterEncoding=utf-8"; String DBName="root"; //登入用戶(hù)名String DBPwd="123456";//登入密碼//加載mysql驅(qū)動(dòng)Class.forName("com.mysql.jdbc.Driver");//連接數(shù)據(jù)庫(kù)Connection conn=DriverManager.getConnection(DBURL,DBName,DBPwd);//創(chuàng)建Statement對(duì)象Statement st=conn.createStatement();//sql語(yǔ)句，搜索這個(gè)username和password在數(shù)據(jù)庫(kù)是否存在String sql="select * from user where name='"+username+"'and pwd='"+password+"'";//運(yùn)行sql語(yǔ)句，并把得到的結(jié)果放入結(jié)果集ResultSet中ResultSet rs=st.executeQuery(sql);//判斷這個(gè)結(jié)果集是否存在，一般username只有一個(gè)if(rs.next()){  //設(shè)置一個(gè)username，將后面username其內(nèi)容賦值給前面一個(gè)username，可以以便下一個(gè)頁(yè)面使用  request.setAttribute("username", username);  //跳轉(zhuǎn)頁(yè)面到userpage.jsp  request.getRequestDispatcher("userpage.jsp").forward(request, response);}else{  //設(shè)置一個(gè)error,將后面的字賦給這個(gè)error，以便先一個(gè)跳轉(zhuǎn)頁(yè)面的使用，request的作用域有限  request.setAttribute("error", "用戶(hù)名或密碼錯(cuò)誤!!!");  request.getRequestDispatcher("login.jsp").forward(request, response);}conn.close();rs.close();%>

登陸錯(cuò)誤顯示的頁(yè)面內(nèi)容：

userpage.jsp這個(gè)頁(yè)面就是登陸成功之后顯示的頁(yè)面

<%@page import="javafx.scene.chart.PieChart.Data"%><%@page import="java.util.Date"%><%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>

${username},你好，登陸成功！！

<% //session的作用域問(wèn)題，可以記錄一個(gè)網(wǎng)站的瀏覽量。先得到一個(gè)count Object obj=session.getAttribute("count"); //判斷這個(gè)對(duì)象是否為空 if(obj==null){ //空則重新設(shè)置一下count的值 session.setAttribute("count", 0); }else{ //否則將得到的對(duì)象強(qiáng)轉(zhuǎn)加1，就可以記錄瀏覽量 int i=(int)obj+1; session.setAttribute("count", i); %>

你是第<%=i %>位登陸的用戶(hù)

<% } //獲取當(dāng)前時(shí)間 Date date=new Date(); out.print("現(xiàn)在時(shí)間："+date); %>

你的IP地址：<%=request.getRemoteAddr()%>

頁(yè)面內(nèi)容：localhost就是127.0.0.1，有時(shí)候地址欄是local host時(shí)會(huì)顯示8個(gè)0：