서블릿 + JDBC + HTML + 작은 경우 CSS

MVC는 작은 기능을 달성 작은 경우 간단한 웹은 배운 자신에게 DIY를 할 수있는 몇 Javaweb 어린이 신발

로그인 화면의 구현은 다음과 후

CSS는 너무 많은 음식의 사용, 쓸모 좋은, 그래서 우리는 CSS와 함께 가지 않았다 첫번째 I에서 한 CSS를 사용하지만, 때문에, 저를 용서

내 생각 :

1, 먼저 웹 루트에 세 .jsp로 파일을 생성

2, 서블릿 클래스를 작성, 직접 틱에서 프로젝트 -> 자동 빌드, 자동으로 web.xml 파일을 구성 켜 기억 만들 수 있습니다

데이터베이스에서 3, 쓰기 loginservlet 클래스, JDBC 연결 및 검색하여 데이터, 사용자는 사용자의 로그인 이름과 암호가 동일 여부를 결정

4 링크 된 페이지 .jsp로 파일 링크를 결정하기 위해, 계약 여부를 확인하는 방법

5 데이터베이스의 준비 및도이 같은

코드는 아이디어가 명확해야 쓰기 시작;

1, 나는 login1.jsp 파일을 작성하는 첫번째 해요

특정 코드는 다음과 같이 :

<% @ 페이지 언어 = "자바"수입 = "있는 java.util. *"의 contentType = "text / html과; 문자셋 = UTF-8"%>
<%
문자열로 request.getContextPath = ();
문자열 basePath = request.getScheme () + ": //"+ request.getServerName () + ":"+ request.getServerPort () + 경로 + "/";
%>

<DOCTYPE HTML PUBLIC! "- // W3C // DTD HTML 4.01 과도 // EN">
<HTML>
<HEAD>
<기본 HREF = "<% = basePath %>">

<제목> 로그인 </ 제목>

<메타 HTTP-당량 = "는 프라그"콘텐츠 = "노 캐시">
<메타은 HTTP-당량 "캐시 제어"콘텐츠 = "노 캐시"=>
<메타 HTTP-당량 = 콘텐츠를 "기간 제한 없음"= "0" >

<링크 REL = "스타일"TYPE = "텍스트 / CSS"HREF = "styles.css가">
->
<링크 REL = "스타일"HREF = "/ CSS / login1.css"/>
</ head>
<body >
<div 클래스 = "컨테이너">
<div 클래스 = "탐색 정상"> </ div>
<div 클래스 = "탐색 바닥">
<div 클래스 = "콘텐츠">
<div 클래스 = "콘텐츠 가기" >
<p의 ID = "mangerment">管理员登陆面板</ p>
</ div>
<div 클래스 = "콘텐츠 바닥">
<form 조치 = "서블릿 / loginservlet"METHOD = "GET">
<p 클래스 = "PP">账号& NBSP; & NBSP <입력 클래스 타입 = "넣어"= "텍스트 "이름 ="이름 "/> </ p>
PP = <p 클래스" ">密码& NBSP; & NBSP, <input 클래스 ="넣어 "TYPE ="비밀번호 "NAME ="비밀번호 "/> </ p>
< 입력 클래스 = "BTN"TYPE = "제출"값 = "登录"/>
<input 클래스 = 타입 값 = '제출' "BTN"= "取消"/>
</ FORM>
</ div>
</ div>
</ div>
</ div>
</ BODY>
</ HTML>

키 코드 :

따라서 스타일에 영향을주지 않는 내 CSS가없는 아주 좋은의 때문에 그들이 필요로하는 경우 링크 된 CSS 파일 패턴 매칭은 또한 쓸모없는, 주석, 당신은, 인터페이스를 아름답게 수 있습니다 매우 CSS에 대해 배우고, 용서 좋은

<WRL 패딩> web.xml의 도면에 채워야 요청 된 작업의 일 실시 예에서 :

보완 : CSS 스타일은 아마 대략 다음과 같이 밖으로 만든

출처 :

<! DOCTYPE HTML>
<HTML LANG = "EN">
<HEAD> <메타 문자 집합 = "UTF-8">
<제목>登录界面</ 제목>
<스타일 유형 = "텍스트 / CSS">
* {
여백 : 0 픽셀 ;
패딩 : 0 픽셀;
}
.container {
폭 : 100 %;
신장 : 100 %;
}
.nav 탑 {
여백 : 0 픽셀;
패딩 : 0 픽셀;
폭 : 100 %;
높이 : 60 픽셀;
배경 : 연회비;
}
.nav 바닥 {
폭 : 100 %;
신장 : 100 %;
패딩 : 0 픽셀;
여백 : 0 픽셀;
위치 : 절대;
상단 : 60 픽셀;
왼쪽 : 0 픽셀;
배경 : lightpink;
}
.content {
폭 : 400 픽셀;
높이 : 270px;
위치 : 고정;
위 : 50 %;
좌측 : 50 %;
마진 왼쪽 : -200 픽셀;
여백 - 가기 : -135px;
국경 : 2 픽셀 고체 #fff;
}
.content 탑 {
폭 : 100 %;
높이 : 70 픽셀;
국경 : 1 x 1 픽셀 크기는 # 000 점선;
여백 : 0 픽셀;
패딩 : 0 픽셀;
배경 : 연회비;
텍스트 정렬 : 센터;
폰트 크기 : 25 픽셀;
글꼴 - 가족 : 굴림;
라인 높이 : 70 픽셀;
}
.content 바닥 {
배경 : # 000044;
높이 : 200 픽셀;
폭 : 100 %;
국경 : 0 픽셀 고체 #fff;
}
.content 바닥 .put {
폭 : 100 %;
높이 : 40px;
텍스트 정렬 : 센터;
폰트 사이즈 : 16px;
글꼴 - 가족 : 굴림;
국경 : 0 픽셀 고체 # 000;
패딩 : 10px;
라인 높이 : 40px;
색상 : 흰색;
}
.PP {
폭 : 100 %;
높이 : 40px;
패딩 : 10px;
텍스트 정렬 : 센터;
라인 높이 : 40px;
국경 : 0 픽셀 고체 # 000;
}
.title {
폭 : 80 픽셀;
높이 : 40px;
라인 높이 : 40px;
폰트 사이즈 : 16px;
글꼴 - 가족 : 굴림;

}
</ 스타일>
</ head>
<body>
<div 클래스 = "용기">
<DIV 클래스 = "탐색 탑"> </ DIV>
<DIV 클래스 = "탐색 하단">
<DIV 클래스 = "내용 ">
<DIV 클래스 ="내용 최고 ">

<DIV 클래스 = "풋">用户名: <입력 유형 = "텍스트"이름 = "사용자 이름"/> </ DIV>
<DIV 클래스 = "풋">密码: & NBSP;이 & nbsp; <입력 유형 = "암호" 이름 = "비밀번호"> </ div>
<div 클래스 = "PP"> <input 클래스 = "제목"TYPE = "제출"값 = "登录"> & NBSP; & NBSP; & NBSP; & NBSP <입력 클래스 = "제목 "TYPE ="초기화 "값 ="取消"> </ div>
</ div>
</ div>
</ div>
</ div>
</ body>

</ HTML>

2, 공감, 그리고 fail.jsp 파일 작성 success.jsp

success.jsp 파일을 작성합니다 :

</ HTML>

fail.jsp 파일을 작성합니다 :

</ HTML>

3, 서블릿 패키지 servletlogin.java에서 클래스를 생성

서블릿 후 직접 만든 이미지, 뒷면은 직접 측정 할 수의 경우, 시스템이 도움이 될 것입니다 당신이 구성 web.xml에 매핑

소스는 다음과 같습니다 :

서블릿 패키지;

수입 때 java.io.IOException;
가져 오기를 java.io.PrintWriter;
수입 java.sql.Connection의;
수입 java.sql.DriverManager의;
수입의 java.sql.ResultSet;
수입 java.sql.Statement의;

수입 javax.servlet.RequestDispatcher;
수입 javax.servlet.ServletException;
수입 인 javax.servlet.http.HttpServlet;
수입 나오는 javax.servlet.http.HttpServletRequest;
수입의 javax.servlet.http.HttpServletResponse;
공용 클래스 loginservlet는 HttpServlet을 {확장
공공 연결 사기꾼 = 널 (null)을;
공공 정적 문자열 사용자 이름;
공공 정적 문자열 암호;
공공 loginservlet () {
슈퍼 ();
}

/ **
* 서블릿의 파괴. 로 <br>
* /
공공 무효 () {파괴
(super.destroy를); // 그냥 둔다는 로그에 문자열 "파괴"
// 여기에 코드를 삽입
}

공공 무효의 doGet (HttpServletRequest의 요청, HttpServletResponse를 응답)
ServletException을, IOException가 {던졌습니다
request.setCharacterEncoding는 ( "UTF-8");
사용자 이름 = request.getParameter ( "이름");
암호 request.getParameter ( "패스워드") =;
에서 System.out.println (사용자 이름);
에서 System.out.println (비밀번호);
에서 System.out.println ( "取得요청的请求参数");
{시도 문자열적인 driverName = "com.mysql.cj.jdbc.Driver을"; 가 Class.forName (적인 driverName); 에서 System.out.println ( "加载驱动完成");

문자열 DBURL = "JDBC : mysql을 : //127.0.0.1 : 3306 / 테스트 characterEncoding = UTF8 && useSSL = 사실 serverTimezone = GMT &&"; 문자열 사용자 이름은 "루트"=; 문자열 userPwd = ""; 콘 = DriverManager.getConnection를 (DBURL, 사용자 이름, userPwd); 문 문 con.createStatement을 () =; 문자열 SQL = "로그인에서 선택 *"; ResultSet의 RS = statement.executeQuery (SQL); 반면 (rs.next ()) { string 사용자 = rs.getString ( "사용자 이름"); 문자열 PWD = rs.getString ( "비밀번호"); 경우 (NULL = 자명 && 암호 = NULL && username.equals (사용자) && password.equals (PWD)!) { request.getRequestDispatcher ( "../ success.jsp") 전방 (요청, 응답).; } 다른 { 요청. getRequestDispatcher ( "../ fail.jsp") 전방 (요청, 응답).; } rs.close ();

con.close ();
}
} 캐치 (예외 전자) {
e.printStackTrace ();
}
}
공공 무효의 doPost (HttpServletRequest의 요청 HttpServletResponse를 대응)
ServletException이 발생을 IOException을 {
의 doGet (요청, 응답);
}
공공 무효의 init ()는 ServletException을 던졌습니다 {
여기에 코드를 넣어 //
}

}

장소는 빨간색 연결 내 MySQL 데이터베이스를 표시하고,이 장소가 나에게 오랜 시간이 걸렸습니다, 아마 모든 사람이 동일하지 않습니다, 다시 처음 사용하는 데이터베이스를 구성 할 수 있습니다.

당신이 CSDN에도 불구하고 이동 위치에 대한 답을 찾을 수없는 경우, 많은 질문은 답이 있습니다.

경우 (NULL = 자명 && 암호 = NULL && username.equals (사용자) && password.equals (PWD)!) { request.getRequestDispatcher ( "../ success.jsp") 전방 (요청, 응답).; 사용한다} else { request.getRequestDispatcher ( "../ fail.jsp") 전방 (요청, 응답).;

}

이 점프 페이지에 대한 요청입니다.

사용자 이름 = request.getParameter ( "이름");

암호 request.getParameter ( "패스워드") =;

이것은 데이터베이스와 비교하여 다음의 login.jsp 사용자 이름 및 암호에서 얻은하고있다.

나는 웹 사이트에 들어오는 링크에서 시작은 http : // localhost를 : 8080 / LoginServlet / login1.jsp 물론, 모두가 같은 입력 세트가 동일하지하지 않습니다

페이지 점프 후 달성 하는 수단이 .. ../success.jsp 파일 디렉토리에 반환