Creo que la personalización es muy familiar para el desarrollo de los desarrolladores, pero es bastante desafiante para mi novato, porque he estado estudiando y mantenimiento del estudio al trabajo. Siguiendo tecnología, debería ser más rápido. Debido a que la compañía ha actualizado recientemente la arquitectura, quiero escribir información de la compañía a SQL y luego consultar a través de la web, por lo que exploro la implementación de la primera interfaz de inicio de sesión web en ECCLIPSE.
También sabemos que ejecutar el programa web se implementa con mayor frecuencia a través de Tomcat, IIS, Apache, pero las personas más comunes todavía piensan que Tomcat, por lo que debe descargar el programa Windows for Tomcat, y luego debe configurar JDK, JRE Variables y otros problemas en Windows;
1. Windows para el programa Tomcat Descargar: http://tomcat.apache.org/
2. JDK Descargar: http://rj.baidu.com/soft/detail/14459.html?
3. JDK, JRE Configuración de variable de entorno:
4. Instale JDK-6U14-Windows-I586.exe
5. Configurar variables de entorno: haga clic con el botón derecho en "mi computadora"-> "avanzado"-> "Variable de entorno"
1) Cree una nueva variable Java_Home en la variable del sistema.
2) Cree una nueva variable classpath, el valor variable es :;%java_home%/lib;%java_home%/lib/tools.jar
3) Agregue valores variables en las variables de ruta (no es necesario construir):%java_home%/bin;%java_home%/jre/bin (preste atención a ";" separado)
6. "Inicio"-> "Ejecutar"-> Enter "Javac"-> Enter.
Análisis de variables de entorno complementario:
Java_home: ruta de instalación JDK
ClassPath: las rutas de carga de Java solo se pueden identificar en el comando Java en classpath.
Ruta: El sistema puede reconocer los comandos Java y Javac en cualquier ruta.
7. Descarga de eclipse: http://eclipse.org/downloads/
2. Ya estamos listos para el entorno anterior:
El programa Apache-TomCat se coloca en la unidad D y el directorio
2. Después de ejecutar el programa Eclipse, creamos el primer proyecto -Proyecto web de Dydynam (nombre SAM) -à y luego creamos el archivo A.JSP.
http://down.51cto.com/data/678743
3. Después de descargar, abrir y encontrar el programa de plantilla que nos gusta y luego marquelo. Prefiero esto, así que me preparo para este archivo de plantilla
Abrimos la aplicación relevante del archivo: debido a que todos son archivos HTML, necesitamos abrir el archivo al archivo JSP y luego copiar el archivo CSS Mark
3. En primer lugar, creamos un nuevo comando: el archivo Login.jsp.
2. Hacemos clic en Windows-àPreferences
Entorno servidor-àruntime-àadd
Nuestra preparación e instalación ambiental es Apache-TomGCAT8.0, por lo que elegimos esta versión
Elegimos la ruta de instalación del programa Tomcat
Después de elegir, hacemos clic para completar
Hagamos clic derecho en el objeto web Dynimac (SAM) -àBuild
Elegimos, tiempo de ejecución del servidor
Luego elegimos bibliotecas-àadd biblioteca
Agregamos a completar
Después de la adición, descubrimos que se ha agregado el programa de la versión Apache Tomcat
Estamos cambiando el código de caracteres del programa a "UTF-8"
El problema de error del programa se ha resuelto.
Primero abrimos el archivo Login.html para abrir el contenido de copia en el formato de texto.
Eliminamos el contenido del nuevo archivo Login.jsp, excepto las dos primeras líneas de lenguaje de formato. Pegue el contenido del archivo login.html que acaba de copiar
Vea el resultado de nuestra pasta:
A continuación, crearemos un archivo index.jsp como una página de salto. Después de completar el inicio de sesión, saltará a la página para cambiar la página
Al mismo tiempo, copiaremos el index.html descargado en el formato del texto.
Pegue en el archivo index.jsp.
Debido a que la interfaz de inicio de sesión descargada es marcada información, necesitamos copiar y pegar la información de etiquetado al objeto web Dymaci para llamar. Copie los siguientes 5 archivos.
Copiamos archivos después de copiar
Vea los resultados después de la pasta: ver:
Después de completar la configuración del archivo anterior, necesitamos crear un paquete de servidor (acción);
El programa está controlado principalmente por el acceso y el salto de la página.
El nombre de Servidor Packer generalmente se recomienda utilizar el nombre de dominio de la empresa Entrada inversa: por ejemplo, mi nombre de dominio es iiosoft.com nuevamente para ingresar com.iosoft.action nuevamente
Crear un paquete de servidor (acción)
Después de crear acción, necesitamos crear un servicio para controlar el programa.
Hacemos clic con el botón derecho en el paquete del servidor-àweb-àServlet
Podemos comenzar arbitrariamente, y una vez más usamos ActionServlet
Entonces se crea el programa y necesitamos modificar el programa.
Después de crear todos nuestros programas, necesitamos crear formulario en el archivo Login.jsp,
Copiar código del código de la siguiente manera: <form de acción = "ActionServlet" Method = "Post">
Lo principal es agregar información <form> <form/> para agregar la información de inicio de sesión al cambio.
Por ejemplo, la información final es:
<%@page lenguaje = "java" contentType = "text/html; charset = utf-8" pageEncoding = "utf-8"%> <! EN "> <HTML> <EvInt> <title> Management Center Iniciar sesión V1.0 </title> <meta http-oquiv = content-type content =" text/html; /adimin .css "type =" text/css "r =" stylesheet "> </head> <body onload = document.form1.name.focus ();> <form de acción =" ActionServlet "método =" post "> <Tabla cellspacing = 0 cellPadding = 0> "100%" bgcolor =#002779border = 0> <td align = middle> <table cellspacing = 0 cellPadding = 0> 468 img Height = 23 src = "imágenes/login_1.jpg"> 468> </td> </tr> <td> <img Height = 147 src = "Images/login_2.jpg"> 468> </td>/tr> </table> <table cellspacing = 0 cellPadding = 0> 468 bgcolor =#fffffff border = 0> <td> 16> <img Height = 122 src = "Images/login_3.jpg"> 16> </td> <td align = middle> <table cellspacing = 0 cellpadding = 0> 230 Border = 0> <Form Name = Form1 Action =? = 36> <td> </td> <td> nombre de usuario </td> <td> <inputStyle = "" Border-Right: #000000 1px Solid; 1px sólido; > <NputStyle = "Border-Right: #000000 1px Solid; Border-Top: #000000 1px Solid; Border-Heft: #000000 1px Solid; Border-Bottom: #000000 1px Solid" type = contraseña Nombre = contraseña = 30 size = 24Name> </td> </tr> ght = 5> <td colspan = 3> </td> </tr> <l> <td> </td> </td> </td> <td > <input type = image height = 18> 70src = "Images/bt_login.gifif"> no </table> <table cellspacing = 0 cellPadding = 0> 468 border = 0> <td> <img height = 16 src = " Images/Login_5.jpg "> 468> </td> </tr> </table> <table cellSpacing = 0 CellPadding = 0> 468 border = 0> <tr> <td align = right> <a href =" http : //www.865171.cn/ "target = _blank> <imgheight = 26 src =" Images/login_6.gif "> 165border = 0> </a> </td> </table> </td> <// Tabla> </form> </body> </html>
Estructura de código antes de modificar:
<! .css "type =" text/css "rel =" stylesheet "> </head> <body = document.form1.name. focus ();> <table cellspacing = 0 cellPadding = 0; 100%" bgcolor =#002779 Border = 0> <td align = middle> <table cellspacing = 0 cellPadding = 0 border = 0> <tr> <td> <img Height = 23 src = "Images/Login_1.jpg"; > <td> <img Height = 147 src = "Images/Login_2.jpg"; <Td; 5> </td> </td> <td> <td> <td> <td> </td> </tr> <tr heart = 36> <td> </td> <td> nombre de usuario </td > <Nput style = "Border-Right: #000000 1px Solid; Border- Top: #000000 1px Solid; Border-Heft: #000000 1px Solid; "www.865171.cn" name = name> </td> </tr> <tr height = 36> <td> </td> <td> contraseña </td> <nput style = "border-right: # 000000 1px sólido; </td> </tr> tr ttight = 5> <td colspan = 3> </td> </tr> <td> </td> </td> </td> <td> <input type = image = imagen Altura = 18 src = "Images/bt_login.gif"> </td> </tr> </form> </table> </td> <td; ; > <TABLE CELLSPACING = 0 CellPadding = 0 border = 0> <td align = right> <a href = "http://www.865171.cn/" target = _blaank> <img height = 26 src = "images/" images/" login_6.gif "border = 0> </a> </td> </tr> </table> </td> </tr> </body> </html>
Finalmente modifique el nombre de la información de inicio de sesión:
Copiar código del código de la siguiente manera: name = username contraseña = contraseña
Finalmente, definimos usuarios y nombres bajo ActionServlt
Name de cadena = request.getParameter ("Nombre de usuario"); Después de completar la modificación, podemos ejecutarnos para realizar pruebas
La página puede abrirse normalmente
Después de ejecutar, podemos ver la información de la cuenta de entrada y la contraseña a través de la consola
A continuación, saltamos a través de la declaración condicional. Primero definimos la cuenta y la contraseña especificadas para las pruebas.
Definimos el nombre de usuario y la contraseña como administrador.
If (name.equals ("adimin") && q contraseña.equals ("admin") {respuesta.sendedirect ("index.jsp");} else {Response.sendedirect ("Login.jsp");}} Después de agregar, probaremos;
Después de que la entrada es correcta, iniciamos sesión y saltamos a la normalidad
Lo anterior es todo el contenido de este artículo.