JSP 간단 한 로그 인 인터페이스 인 스 턴 스 만 들 기

7801 단어 jsp로그 인 인터페이스
현재 많은 웹 프로젝트 가 로그 인 인터페이스 에 사 용 될 수 있 습 니 다.본 고 는 JSP 가 간단 한 로그 인 인터페이스 를 만 들 고 여러분 에 게 공유 하 는 것 을 소개 합 니 다.구체 적 으로 다음 과 같 습 니 다.
운행 환경
eclipse+tomcat+MySQL 모 르 는 것 은 JSP 운영 환경-Tomcat 참조
항목 목록

여 기 는 제 가 먼저 jsp 파일 을 웹-INF 밖 에 두 고 접근 하 겠 습 니 다.
1.만들어 야 할 몇 개의 파일 이 그림 에 있 습 니 다.jsp
2.MySQL 의 jar 패키지 mysql-5.0.5.jar 를 가 져 와 서 WEB-INF 에 있 는 lib 폴 더 를 가 져 오 면 Bulid Path 가 필요 하지 않 습 니 다.
3.코드 작성 시작:
코드 데모:
index.jsp 는 일반 사이트 의 첫 페이지 처럼 header.jsp 와 footer.jsp 를 도입 합 니 다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>  </title>
<style>
  #nav>ul>li{
    float:left;
    margin-left:50px;
  }
  #login{
    clear:both;
  }
</style>
</head>
<body>
<!--   header.jsp      -->
<%@ include file="header.jsp" %>
<div id="login">
  <a href="login.jsp" rel="external nofollow" ><button>  </button></a>
</div>
<!--   footer.jsp      -->
<%@include file="footer.jsp" %>
</body>
</html>
header.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<div id="nav">
  <ul>
    <li ><a href="">  1</a></li>
    <li><a href="">  2</a></li>
    <li><a href="">  3</a></li>
    <li><a href="">  4</a></li>
    <li><a href="">  5</a></li>
    <li><a href="">  6</a></li>
  </ul>
</div>
footer.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
  <div>
<p>xxxxxxxxxxx    |xxxxxxxxxxxx      </p>
 <p>  ICP   1234567  |Copyright © 1999-2017, All Rights Reserved </p>
 </div>
페이지 내용 보기:

login.jsp 로그 인 사용자 이름 비밀번호 입력 인터페이스

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>    </title>
</head>
<body>
<%--  --%>
  <fieldset>
  <legend>    </legend>
  <form action="test.jsp" method="post">
  <input type="text" name="username"><br>
  <input type="password" name="password"><br>
  <input type="submit" value="  ">
  <!-- EL  ，       ，        -->
  ${error}
  </form>
</fieldset>
</body>
</html>
내용 표시:

test.jsp 는 폼 login.jsp 에 제출 한 내용 과 데이터베이스 에 있 는 데이터 비교 검증 을 한 다음 에 해당 하 는 점프 입 니 다.

<%@page import="java.sql.*"%>

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<%
//    login.jsp    username  
 String username=request.getParameter("username");
//    login.jsp   password  
String password=request.getParameter("password");
//   MySQL   
String DBURL="jdbc:mysql://localhost:3306/zhou?useUnicode=true&characterEncoding=utf-8"; 
String DBName="root"; //     
String DBPwd="123456";//    
//  mysql  
Class.forName("com.mysql.jdbc.Driver");
//     
Connection conn=DriverManager.getConnection(DBURL,DBName,DBPwd);
//  Statement  
Statement st=conn.createStatement();
//sql  ，    username password        
String sql="select * from user where name='"+username+"'and pwd='"+password+"'";
//  sql  ，            ResultSet 
ResultSet rs=st.executeQuery(sql);
//           ，  username    
if(rs.next()){
  //    username，   username          username，           
  request.setAttribute("username", username);
  //     userpage.jsp
  request.getRequestDispatcher("userpage.jsp").forward(request, response);
}else{
  //    error,         error，            ，request      
  request.setAttribute("error", "        !!!");
  request.getRequestDispatcher("login.jsp").forward(request, response);
}


conn.close();
rs.close();
%>
로그 인 오류 가 표 시 된 페이지 내용:

userpage.jsp 이 페이지 는 로그 인 에 성공 한 후에 표 시 된 페이지 입 니 다.

<%@page import="javafx.scene.chart.PieChart.Data"%>
<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>    </title>
</head>
<body>
<div>
<!-- ${username}    test.jsp          username，       ，        -->
<p>${username},  ，    ！！</p>
</div>
<%
//session      ，            。     count
  Object obj=session.getAttribute("count");
//          
  if(obj==null){
    //        count  
    session.setAttribute("count", 0);
  }else{
    //           1，        
    int i=(int)obj+1;
    session.setAttribute("count", i);
    %>
    <div>   <%=i %>      </div>
  <%
  }
  //      
  Date date=new Date();
  out.print("    ："+date);
%>
<div>  IP  ：<%=request.getRemoteAddr()%></div>
</body>
</html>
페이지 내용:localhost 는 127.0.0.1 입 니 다.주소 표시 줄 이 local host 일 때 8 개의 0 이 표 시 됩 니 다.

간단 한 로그 인 으로 끝 났 습 니 다.
엘 언어의 구체 적 인 느낌 을 알 고 싶 으 면 이 JSP 의 EL 표현 식 상세 설명 을 보 세 요.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
asp.net core 응용 docke 가 centos 7 에 배치 되 는 전 과정
SpringBoot 는 hibernate validator 검 사 를 사용 합 니 다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage