Cómo diseñar una página de inicio Cómo diseñar un diseño de página de inicio
Cómo diseñar páginas de front-end para programas de back-end. El servidor de back-end generalmente se refiere al contenedor de servlets, que se utiliza para ejecutar programas fuente de Java.
Los formatos de páginas web comunes incluyen html, htm, shtml, asp, aspx, php, jsp y otros formatos.
Los dos primeros se utilizan habitualmente para páginas web estáticas y los dos últimos se utilizan habitualmente para páginas web dinámicas.
Aquí utilizamos las páginas comunes xx.html y xx.jsp para presentar las páginas de inicio. Otras páginas también son similares.
1. Cómo interactuar con el fondo de la página estática xx.html:
Echemos un vistazo al código fuente de la interfaz de inicio de sesión más simple.
Usuario: Contraseña:
12
Este es un formulario. Podemos ver que está lleno de contenido html simple. Esta es una página estática. Cuando hacemos clic en el botón enviar, el navegador envía los datos del formulario al loginServlet del servidor. Veamos cuál será la dirección del navegador:
¿No es esta la dirección de nuestro servlet backend? Luego, esta dirección apunta al servletloginServlet y luego encuentra la clase java asociada con este servlet en la web. Ejecute la función service (). Si se llama por segunda vez, la función service () se ejecutará directamente sin creación de instancias.
Paquete com.atguigu.Javaweb;
Importar Java.io.ioexception;
Importar Java.io.printwriter; javax.servlet.servlet./myclass1312/article/details/80571867
En este momento, si accedemos directamente al archivo view.jsp aquí, no debería haber datos, porque es imposible obtener el objeto. Desde el objeto de solicitud S, primero se debe asignar un valor al objeto de solicitud, es decir, debe saltar de la ruta del servlet a continuación a la ruta del archivo view.jsp.
viewservlet de clase pública*** extiende HttpServlet{
privatestudentDaoDao=newstudentDao();
public*** voiddoGet(solicitud HttpServletRequest. Respuesta HttpServletResponse)
p>
Lanza ServletException, IOException{
stringidstr=request.getparameter(id
intid=integer.parseint(idstr);
/Los datos Pon la solicitud y pásala a la página
studentstudent=Dao.querybyid(id);
request.setattribute(student)
request.getrequestdispatcher(view.jsp // Aquí se muestra a qué página saltar desde la página actual y se pasan dos parámetros al mismo tiempo: solicitud y respuesta.
En este punto, la solicitud ya tiene contenido y la página view.jsp a continuación puede obtener el contenido y generar dinámicamente contenido html.
}
publicvoiddoPost(solicitud httpservletrequest, respuesta HttpServletResponse)
Activación de ServletException, IOException{
this.doGet (solicitud, respuesta) ;
}123456789101112131415
}
Resumen: ¿Cada archivo xx.html, archivo xx.jsp, servletresponder?
xx.jsp Los archivos y programas de respuesta de servlet deben ser ejecutados primero por la computadora servidor porque contienen código fuente de Java. Por lo general, el código Java en el archivo .jsp generará dinámicamente algún contenido html incrustado en el archivo .jsp actual y lo mostrará juntos en el navegador. El código Java en el servlet es generalmente una función de procesamiento de datos, que se puede reenviar (solicitud, respuesta) a través de request.GetRequestDispatcher("view.jsp");
Esto saltará a otra página que contiene contenido html. (Pasando también los datos procesados) la URL de la página para mostrar los resultados.
¿Cómo cambiar la página de inicio en eclipse?
El sufijo básico de la página de front-end es htmljsp, etc. Simplemente busque el archivo correspondiente, ábralo y modifíquelo
¿Qué incluye el diseño de front-end?
Por ejemplo, diseño web, diseño front-end de aplicaciones, carteles diarios y algunas UI de diferentes tamaños de pantalla
¿Cómo configurar p en el front-end web? El primero es "p". El p ordinario es el más primitivo. Por supuesto, la función no está configurada. Es como un trozo de papel blanco. Puede configurar estilos, como el ancho y el alto. , fondo, etc. El segundo es "nav", que es una barra de navegación configurada en p. En el pasado, al configurar la barra de navegación, generalmente usábamos pid=navgt;/pgt;. En HTML5, también podemos usar este navgt;/navgt. ; en lugar del método de escritura original, nos ayuda a comprender la división de interfaces y áreas.
3. El tercero es "principal", que es el cuerpo principal que suele aparecer en la parte frontal del sitio web. Es decir, a excepción del navfooter, el cuerpo principal de nuestra interfaz es. incluido en la etiqueta principal, por lo que es maingt; /maingt;
¿Diseño rápido de interfaz HTML?
1. Establezca la flotación izquierda, media y de derecha a izquierda.
2. Establezca el ancho en 100.
3. Establezca el margen negativo. a la izquierda en 100 y establezca el margen negativo a la derecha en su propio ancho
4 Establezca el valor del margen del contenido para dejar espacio para las barras laterales izquierda y derecha, y el valor del margen es el. ancho izquierdo y derecho.