servlet + JDBC + HTML + CSS pequeña caso

Pequeño web simple caso MVC lograr pequeñas características, aprendió los zapatos de algunos niños Javaweb puede hacer usted mismo un bricolaje

Después de la aplicación de la pantalla de inicio de sesión es como esto

Al principio me hizo uso de CSS, sino porque CSS o el uso de demasiada comida y buena inútil, por lo que no subieron con CSS, perdóname

Mis pensamientos:

1, primero crear tres archivos .jsp en la raíz Web

2, crear la clase del servlet, se pueden crear directamente, recuerde activar configura automáticamente el archivo web.xml, garrapatas en Proyecto-> Crear automáticamente a

3, clase de escritura LoginServlet, conexión JDBC, y recupera datos de la base de datos, el usuario determina si el nombre de inicio de sesión de usuario y contraseña son los mismos

4, para determinar si el acuerdo, con el fin de determinar la página vinculada .jsp enlace del archivo

5, la preparación de la base de datos y similares también tienen

Empezar a escribir código, las ideas debe ser claro;

1, yo soy el primero en escribir archivo login1.jsp

código específico de la siguiente manera:

<% @ Page language = "java" import = "java.util. *" ContentType = "text / html; charset = UTF-8" %>
<%
String path = request.getContextPath ();
Cadena basePath = request.getScheme () + ": //" + request.getServerName () + ":" + request.getServerPort () + camino + "/";
%>

<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN">
<html>
<head>
<base href = "<% = basePath%>">

<title> login </ title>

<meta http-equiv = "Pragma" content = "no-cache">
<meta http-equiv = "cache-Control" content = "no-cache">
<meta http-equiv = "expira" content = "0" >

<link rel = "stylesheet" type = "text / css" "styles.css" href =>
->
<link rel = "stylesheet" href = "/ css / login1.css" />
</ head>
<body >
<div class = "contenedor">
<div class = "nav-top"> </ div>
<div class = "nav-inferior">
<div class = "contenido">
<div class = "contenido-top" >
<p id = "mangerment">管理员登陆面板</ p>
</ div>
<div class = "Content-inferior">
<form action = "servlet / LoginServlet" method = "obtener">
<p class = "pp">账号& nbsp; & nbsp; <clase de entrada = "poner" type ="texto" name = "nombre de usuario"/> </ p>
<clase p = "pp">密码& nbsp; & nbsp; <clase de entrada = "poner" type = "" name = "contraseña contraseña"/> </ p>
< clase de entrada = "btn" type = "submit" value = "登录" />
<clase de entrada = "btn" type = "submit" value = "取消" />
</ form>
</ div>
</ div>
</ div>
</ div>
</ body>
</ html>

El código de la llave:

Vinculado CSS patrón de identificación de archivos, debido a mi CSS no es muy buena, por lo tanto, no afectan el estilo, también inútil, como comentario, perdóname si necesitan, entonces se puede embellecer la interfaz, para aprender acerca de CSS bastante bueno

En una realización de la acción solicitada que debe ser llenado <wrl-padding> web.xml en la figura:

Complemento: estilo CSS probablemente extenderá, más o menos como esto

fuente:

<! DOCTYPE html>
<html lang = "es">
<head> <meta charset = "UTF-8">
<title>登录界面</ title>
<style type = "text / css">
* {
margen: 0px ;
padding: 0px;
}
.Container {
width: 100%;
altura: 100%;
}
.Nav-top {
margen: 0px;
padding: 0px;
anchura: 100%;
altura: 60 píxeles;
Antecedentes: celeste;
}
.Nav de fondo {
width: 100%;
altura: 100%;
padding: 0px;
margen: 0px;
position: absolute;
top: 60px;
left: 0px;
fondo: rosa claro;
}
.Este contenido ha sido {
anchura: 400 píxeles;
altura: 270px;
posición: fijo;
Parte superior: 50%;
izquierdo: 50%;
margin-left: -200px;
margin-top: -135px;
frontera: #fff sólido 2px;
}
.Este contenido ha sido-top {
width: 100%;
altura: 70 píxeles;
frontera: 1px punteado # 000;
margen: 0px;
padding: 0px;
Antecedentes: celeste;
text-align: center;
font-size: 25px;
font-family: Arial;
line-height: 70px;
}
.Este contenido ha sido inferior-{
background: # 000044;
altura: 200 píxeles;
anchura: 100%;
frontera: #fff sólido 0px;
}
.Este contenido ha sido-inferior .put {
width: 100%;
altura: 40 píxeles;
text-align: center;
font-size: 16px;
font-family: Arial;
border: 0px sólida # 000;
padding: 10px;
line-height: 40px;
color blanco;
}
.Pp {
width: 100%;
altura: 40 píxeles;
padding: 10px;
text-align: center;
line-height: 40px;
border: 0px sólida # 000;
}
.Title {
anchura: 80px;
altura: 40 píxeles;
line-height: 40px;
font-size: 16px;
font-family: Arial;

}
</ Style>
</ head>
<body>
<div class = "contenedor">
<div class = "nav-top"> </ div>
<div class = "nav-inferior">
<div class = "contenido ">
<div class =" Content-top ">

<div class = "put">用户名: <input type = nombre de "texto" = "nombre de usuario" /> </ div>
<div class = "put">密码: & nbsp; & nbsp; <input type = "contraseña" name = "contraseña"> </ div>
<div class => <input class = tipo "pp" "título" = "submit" value = "登录"> & nbsp; & nbsp; & nbsp; & nbsp; <clase de entrada = "título "type =" "value = "restablecimiento取消"> </ div>
</ div>
</ div>
</ div>
</ div>
</ body>

</ Html>

2, la empatía y success.jsp archivo fail.jsp escrita

Escribir el archivo success.jsp:

</ Html>

Escribir el archivo fail.jsp:

</ Html>

3, cree una clase en el paquete de servletlogin.java servlet

Las imágenes creadas directamente después del servlet es el caso, la parte trasera se puede determinar directamente, el sistema le ayudará a configurar el mapeo web.xml

Fuente de la siguiente manera:

empaquetar servlet;

java.io.IOException importación;
java.io.PrintWriter importación;
java.sql.Connection importación;
java.sql.DriverManager importación;
java.sql.ResultSet importación;
java.sql.Statement importación;

javax.servlet.RequestDispatcher importación;
javax.servlet.ServletException importación;
javax.servlet.http.HttpServlet importación;
javax.servlet.http.HttpServletRequest importación;
javax.servlet.http.HttpServletResponse importación;
LoginServlet clase pública se extiende HttpServlet {
Connection con = null pública;
nombre de usuario public static String;
String contraseña estática pública;
LoginServlet pública () {
super ();
}

/ **
* Destrucción del servlet. <br>
* /
public void destroy () {
super.destroy (); // pone simplemente "destruyen" cadena en el registro
// Ponga su código aquí
}

void doGet (HttpServletRequest solicitud de respuesta, HttpServletResponse) pública
lanza ServletException, IOException {
request.setCharacterEncoding ( "UTF-8");
nombre de usuario = request.getParameter ( "nombre de usuario");
password = request.getParameter ( "contraseña");
System.out.println (nombre de usuario);
System.out.println (contraseña);
System.out.println ( "取得solicitud的请求参数");
try { Cadena DRIVERNAME = "com.mysql.cj.jdbc.Driver"; Class.forName (DRIVERNAME); System.out.println ( "加载驱动完成");

DbURL cadena = "jdbc: mysql: //127.0.0.1:? 3306 / prueba characterEncoding = utf8 = true && && useSSL serverTimezone = GMT"; Cadena usuario = "raíz"; Cadena userPwd = ""; con = DriverManager.getConnection (dbURL, nombre de usuario, userPwd); Declaración Declaración con.createStatement = (); Cadena sql = "SELECT * FROM inicio de sesión"; ResultSet rs = Statement.executeQuery (sql); while (rs.next ()) { Cadena user = rs.getString ( "nombre de usuario"); Cadena pwd = rs.getString ( "contraseña"); si (nombre de usuario = null && contraseña = null && username.equals (usuario) && password.equals (PWD)!) { request.getRequestDispatcher ( "../ success.jsp") hacia adelante (petición y respuesta).; } else { petición. getRequestDispatcher ( "../ fail.jsp") hacia adelante (solicitud, respuesta).; } Rs.close ();

con.close ();
}
} Catch (Exception e) {
e.printStackTrace ();
}
}
Pública doPost vacío (HttpServletRequest solicitud, HttpServletResponse respuesta)
lanza ServletException, IOException {
doGet (petición y respuesta);
}
Pública init vacío () lanza ServletException {
// ponga su código aquí
}

}

El lugar está marcado mi conexión de base de datos MySQL rojo, y este lugar me llevó mucho tiempo, probablemente todo el mundo no es lo mismo, se puede configurar la base de datos de nuevo de su primer uso.

Si usted no sabe cómo encontrar las respuestas sobre dónde ir a pesar CSDN, muchas preguntas tienen respuestas.

si (nombre de usuario = null && contraseña = null && username.equals (usuario) && password.equals (PWD)!) { request.getRequestDispatcher ( "../ success.jsp") hacia adelante (petición y respuesta).; } else { request.getRequestDispatcher ( "../ fail.jsp") hacia adelante (petición y respuesta).;

}

Esta es una petición a la página salto.

nombre de usuario = request.getParameter ( "nombre de usuario");

password = request.getParameter ( "contraseña");

Esto se obtiene a partir del nombre de usuario y contraseña login.jsp, y después se compara con la base de datos.

Parto de la página web de enlace de entrada es: http: // localhost: 8080 / LoginServlet / login1.jsp supuesto, no todo el mundo no es el mismo conjunto de entrada es el mismo

Después del salto de página lograr ../success.jsp .. lo que significa que el retorno de un directorio de archivos

Características Generales casi se dio cuenta, de hecho, bastante simple simple MVC, que tienen que aprender el servlet punto, puede averiguar dónde se encuentra el problema.

Por último, se crea una base de datos: dibujos

Adjuntar un Plan General

En suma, suma sus propios proyectos pequeños hacen de hecho bastante pequeña, pero todavía tienen que invertir un poco de pensamiento, se recomienda para aprender lata entrada-blanco de Java front-end web utilizado para la práctica de su mano.

Cree en ti mismo y las buenas prácticas de Java, un día habrá un sentido de logro.

cyg_l02

Se han publicado 19 artículos originales · ganado elogios 58 · Vistas a 50000 +

carta privada preocupaciones

El servlet de Java JDBC + + + css html para lograr unas funciones de gestión sencilla MVC fondo

servlet + JDBC + HTML + CSS pequeña caso

Mis pensamientos:

Complemento: estilo CSS probablemente extenderá, más o menos como esto

Supongo que te gusta