Impulsado por: Nefu Ab-In
Diseño del proyecto de tecnología de desarrollo web
Implementación del lado del servidor
Registra los problemas encontrados en el lado del servidor de implementación del proyecto
No se puede acceder al paquete de guerra de Pagoda en el blog Blog-CSDN de WebApps_Nefu AB-Inn
Esta versión del tiempo de ejecución de Java solo reconoce las versiones de archivos de clase hasta 52.0_nefu Blog-Ins Blog-CSDN Blog
acerca de
¡Utilice el navegador Chrome o 360 para abrirlo! ! ! !
(El error de rodillo de la polea para el borde no se puede solucionar en la actualidad)
Duración del proyecto
Registro de proyectos
2021.11.14
2021.11.15
- Construya un servidor en la nube Tomcat y configure el Tomcat de la página Pagoda
- Subí el proyecto a GitHub
- Proyecto de prueba a la plataforma de implementación de maestros
2021.11.16
- Resolvió el problema de diferentes versiones de Java
- Intenta aprender el marco (rendirte)
- Revisar los puntos de conocimiento web
- Concibe la página principal
2021.11.17
- Comience a escribir las diversas partes del índice general.jsp
- Empiece a escribir desde el pie de página
2021.11.18
- Decide comenzar a escribir primero la base de datos
- Complete el establecimiento de la tabla de usuarios, la mesa del maestro, la tabla de materias, la mesa de laboratorio, la mesa de noticias de laboratorio, la mesa de noticias
2021.11.19
- Después de escribir el módulo de laboratorio, junto con CSS y JS, implementen diagramas de carrusel y diagramas de carrusel de botones (no se agregan a la base de datos)
- Después de escribir el módulo QRCode, conéctese a JS
- Después de escribir el módulo principal, se logra el efecto deslizante (no se agrega a la base de datos)
- PD: Todas las operaciones específicas de JS y CSS se incluyen en los archivos JS y CSS correspondientes
2021.11.20
- Después de escribir el módulo del maestro, el mismo patrón que el mayor (no se agregó a la base de datos)
- Después de escribir el módulo de noticias (no agregado a la base de datos)
2021.11.21
- Mejorar las piezas JS y CSS escritas anteriormente
- Agregue a las actualizaciones de la base de datos de laboratorio (incluidas las clases de entidad, los servlets, los utilidades, los datos de datos, los saltos secundarios, los JSTLS, los ELS)
- Únase a la actualización de la base de datos principal
2021.11.22
Únase a la actualización de la base de datos de maestros
Escribir la sección Banner
- Expandir: se pueden agregar múltiples imágenes en Custom 2021-11-22
- Método: agregue el botón animado a continuación al agregar el elemento de la lista. Después de todo, el método de implementación es agregar el nuevo estado de animado a cada período de tiempo, y luego cambiar la imagen 2021-11-22
Escribe la parte del navegación
Únase a la actualización de la base de datos de noticias
- Agregar a la actualización de la base de datos de la columna correcta
- Agregar a la actualización de la base de datos de la columna izquierda
2021.11.23
- Writing Nav
- Hecho múltiples iconos pequeños 2021/11/23
- Expansión del círculo de estilo CSS 2021/11/23
- El submenú del menú rápido está escrito 2021/11/23
- Escriba JavaScript para cada sección: Scroll ()
- PD: No escribí la segunda interfaz porque era vago 2021/11/23
2021.11.24
- Únase a la actualización de la base de datos de NAV
- Se agregó una consulta utilizando el código principal de la base de datos y abrió los detalles de la página 2021/11/24
- Escribe la sección de encabezado
- Agregar a la animación de apertura
- Encuentre el icono, diseño de inicio de sesión Backend 2021/11/24
2021.11.25
- Verifique que falte y fugas en general
- Comience a poblar index.jsp
- Resuelve el problema de la falla JS y CSS
2021.11.26
- Comience a prepararse para el examen
2021.11.27
- No pude evitar echar un vistazo y descubrí que los íconos hechos no estaban tan bien hechos, así que regresé al horno para su reparación.
- Agregar logo
2021.12.3
- Implementar el proyecto al servidor para ejecutar
2021.12.4
- Implemente el proyecto en una computadora grande y descubra que @Media no es bueno, por lo que modifico @Media para la computadora grande
- 2021/12/4 acaba de terminar la pasantía el sábado, el maestro asignado para completar el trabajo de actualización. Salió después de diez minutos de hígado, solo ... Estaba tan cansado, pero cuando pensé que el contenido de la pasantía de hoy era el backend que había existido durante mucho tiempo, todavía seguí trabajando desde las 8 en punto hasta las doce en punto para completar la adición, deleción, modificación y verificación debería discutirse mañana, o registrarse mañana, en corto, pronto se completará pronto.
2021.12.5
- 2021/12/5 El trabajo de búsqueda se completó el domingo y se usó como una consulta difusa. El efecto fue significativo. La depuración fue mucho tiempo, pero el efecto fue muy bueno. ¡El backend terminó!
- Descubrí que el NAV es demasiado redundante, por lo que cambié todos los atributos de la barra de navegación horizontal, agregué todos los atributos secundarios y agregué enlaces, reduciendo los enlaces redundantes 2021/12/5
2021.12.7
- Comience a planificar la segunda interfaz, modifique el modo en función de la página principal e introduzca las secciones sin cambios de encabezado, navegación, pie de página
2021.12.8
- Completar la producción de todas las segundas secciones
- Descubrí que los servlets son demasiado redundantes, por lo que establecí una capa de persistencia y puse algunas funciones redundantes en ella.
- Cambiar la estructura del proyecto
$ 2021.12.9 $
- Completar la producción de todas las terceras secciones
- Lanzamiento de la versión de lanzamiento de GitHub
- Primera versión v1.0 antes de terminar el trabajo
$ 2021.12.10 $
- Eliminar enlaces redundantes y convertir enlaces inútiles de # en JavaScript:
- Resuelva la carga de recursos web demasiado lentamente
- Crear OSS
- Configurar OSS CDN
- Y subir el archivo
- Cambiar la URL en el proyecto
- Agregar función de búsqueda en el encabezado
- Búsqueda difusa, expandiendo el alcance a cada atributo
- Puede seleccionar módulos para buscar, y luego saltar a los módulos correspondientes solo después de buscar.
- Mejorar la llamada de estructura de la capa persistente
- Cambió el logotipo del oyente y agregó una nueva imagen vectorial
- La segunda versión de V1.1 antes de completar
$ 2021.12.11 $
- Cambie la contraseña para evitar que todos ingresen al fondo
- Cambie el botón de retorno de la página de inicio de sesión para volver a la interfaz principal
- Cambiar la coincidencia de color general del backend
- Envío de texto rico en backend agregado
- Modificado la estructura y el estilo del contenido del artículo
- Solo admite texto sin formato, no imágenes y videos
- Modificado el error que la etiqueta de entrada está configurada en deshabilitado y no se puede enviar, y se cambia a Readonly
- Modificar la redirección del servlet de actualización y guardar
- Completa la tercera versión de V1.2 antes de terminar el trabajo
$ 2021.12.16 $
- Modificar la URL de la página de inicio
- Proponga index.jsp y establezca un filtro para escuchar, para que pueda implementar páginas dinámicas sin saltar por servlet.
- Modifique los parámetros de otras secciones para acceder a la página de inicio y cambiarlos a '.
- Modificar la sección de noticias
- Reescribir la clase de noticias y su servlet, agregar el atributo de título
- Modificó el guardado y la actualización de las noticias, y agregó un editor de texto enriquecido para enviar una introducción
- Cambió el diseño de la tercera interfaz de noticias y agregó nuevas imágenes
- Modificado el diseño del encabezado para que el ancho de la ventana sea más pequeño y cambiar
- Sliping de botones modificado de maestro y módulos principales
- Modificado el error de ancho fijo, el ancho obtenido por JS cambia con el cambio de la ventana
- Modificado el valor de la izquierda deslizante para que no se filtre ningún elemento
- Diseño de pie de página modificado y agregó un nuevo código QR para desaparecer cuando la página se reduce de tamaño.
- Modificado el cuadro de búsqueda del módulo del maestro
- Completa la cuarta versión de V1.3 antes de terminar el trabajo
Requisitos del proyecto
Complete el siguiente contenido de diseño basado en HTML/CSS/JS/Servlet/JDBC y otras tecnologías
Permitir y fomentar el uso de marcos de interfaz de usuario como Bootstrap/Easy-UI/Flat-UI, así como complementos como el desplazamiento de carrusel/animación/gráfico/pantalla completa.
Permite el uso de Vue/React/SpringBoot y otras tecnologías, pero debe implementarse en el servidor personal del estudiante y proporciona URL de acceso.
Este diseño representa el 40% del puntaje total y se divide en grupos de acuerdo con el estado de finalización de la función: 1 grupo por persona, completado de forma independiente
Fecha límite: 15 semanas (se debe determinar la fecha específica)
Método de envío/implementación: Cargue al sistema especificado con el paquete de guerra, y el proyecto se implementa uniformemente en el servidor en la nube
Entorno de implementación: Docker Tomcat9+contenedor MySQL8
Pantalla del proyecto: todos los proyectos de estudiantes se muestran públicamente en la red pública
Contenido de diseño
Sitio web profesional de informática y tecnología
Contenido de evaluación principal: diseño general del sitio web, experiencia de interacción del usuario
Incluyendo: diseño HTML, el uso de etiquetas HTML, la aplicación del estilo CSS para mejorar el efecto de visualización del sitio web, cambiando dinámicamente las páginas utilizando JS, el procesamiento de datos de Servlet, el acceso a la base de datos JDBC, etc.
Funciones principales
Sitio web de recepción
Contenido de la sección principal: Introducción profesional, laboratorios, personal docente, guías de empleo, noticias, anuncios, etc.
Los requisitos incluyen al menos navegación.
La sección debe contener contenido de nivel 2. Por ejemplo, introducción profesional: introducción profesional, introducción de dirección, etc.; Laboratorio: 923 Laboratorio de innovación, 925 Laboratorio de Desarrollo Móvil, Laboratorio 923, etc.; y puede saltar al contenido detallado de nivel 2.
Facultad: Profesores, profesores asociados, profesores, etc.
Por ejemplo, al hacer clic en el profesor asociado, salte a la lista de profesores asociados, y al hacer clic en un determinado maestro nuevamente, salte a la introducción detallada del maestro, y el contenido debe contener texto/imagen multimedia tanto como sea posible y otra información como texto/imágenes y multimedia.
Anuncio de noticias: la página de inicio enumera las últimas 5 noticias y anuncios, muestra la hora del título, etc. y requiere que se obtenga de la base de datos. Haga clic en el título para saltar a la descripción detallada de la información.
Sistema de fondo
El enlace de entrada del sistema de relación de back -end se debe proporcionar en el sitio web de recepción, y el administrador de inicio de sesión de inicio de sesión de administrador unificado de backend es necesario.
Después de que el administrador inicia sesión, puede agregar información de anuncios de noticias en segundo plano. Si se completan todas las adiciones, deleciones, modificaciones y cheques, habrá puntos adicionales.
Filtro, no puede acceder al sistema de gestión de backend sin el estado de inicio de sesión
Solo se debe publicar la información básica de texto, no se requieren imágenes y otros archivos adjuntos, y no se requiere paginación para envíos de texto enriquecidos. Además de los anuncios de noticias, los datos estáticos se pueden utilizar para las presentaciones de laboratorio de maestros, etc. Todo el contenido de introducción debe incluir texto e imágenes tanto como sea posible. Todos los texto/imágenes no necesitan usar información real.
No se requiere página para la información
Además de los anuncios de noticias, los datos estáticos se pueden utilizar para las presentaciones de laboratorio de maestros, etc.
Todos los contenidos de introducción deben contener texto e imágenes tanto como sea posible.
Todos los texto/imágenes no requieren información real
Licencia
Web-Project se emite bajo GPLV3. licencia.
Declaración de derechos de autor
Web-Project utiliza el protocolo GPL V3.