XiaoXiangBlog
ved documents）
Un proyecto web de Java simple, implementado utilizando JSP, Servlet, MySQL, Bootstarp y otras tecnologías. Completó el registro e iniciar sesión, publicar blogs, leer blogs, me gusta, publicar comentarios, cambiar información personal, computadoras adaptativas y teléfonos móviles y otras funciones. Si lo desea, haga clic en las estrellas, gracias.
Un proyecto web simple de Java, Use JSP, Servlet, MySQL, Bootstarp y otros. Me dio cuenta de la función de iniciar sesión y registrar, publicar blog, leer un blog, mostrar como, publicar comentarios, cambio de perfil de persona, móvil de escritorio adaptativo y otros. Si así lo gusta, haga clic en la estrella, gracias.
Hay un panel de introducción simple en la página de inicio, y la siguiente es una recomendación de publicación de blog, que al azar recomienda 10 publicaciones de blog.
Para iniciar sesión, debe ingresar el código de verificación. El código de verificación es una fórmula simple y puede recordar la contraseña de la cuenta. Después de iniciar sesión, regresa a la ubicación antes de iniciar sesión, y algunos datos editados se pueden guardar (no implementados por el componente de inicio de sesión).
registro.
El título y el tiempo se muestran anteriormente (incluyendo si el artículo está modificado y el momento de la modificación). Hay un botón de operación a la derecha, que puede editar o eliminar el artículo. Hay información del autor, estadísticas de datos del artículo y botones de declaración en el medio, que pueden gustar, cancelar me gusta, oponerse, cancelar las opciones (no se contarán las oposiciones, pero se registrarán). A continuación se muestra la sección de comentarios, puede publicar comentarios, ver comentarios y los comentarios se cargan dinámicamente usando AJAX, cargando 10 comentarios a la vez.
Comentarios del artículo adopta la estrategia de carga de paginación dinámica, con 10 elementos que se cargan cada vez. Eliminar ventanas emergentes es similar a las ventanas emergentes de respuesta. La eliminación de respuesta utiliza la tecnología AJAX y no requiere refrescar toda la página (excepto los comentarios anteriores). La gestión de los comentarios es administrada conjuntamente por el propio comentarista, el administrador del sitio web y el autor del artículo.
La página de blog muestra los blogs de todos los usuarios en este sitio. Se pueden ordenar por la cantidad de me gusta, comentarios, vistas, tiempo de publicación y tiempo de modificación, etc., utilizando tecnología de paginación, con 10 datos por página (por debajo del pie de página).
Soporte de búsqueda de palabras clave, puede buscar títulos, contenido y usuarios, y la tecnología de paginación es consistente con la página del blog.
Use Summernote-V0.8.20 para implementar la edición de texto enriquecida y realizar la carga de imágenes. Debido a que se almacena en la base de datos, la longitud del texto del código es de hasta 6W (se puede mejorar para almacenarlo en formulario de archivo u otras soluciones más adelante). La tecnología AJAX se utiliza para publicar publicaciones de blog.
La página de perfil tiene estadísticas de datos personales, perfil y lista de publicaciones de blog personal (paginación).
Editar la página de información, puede editar información personal como Avatar (prefabricado), Apodo, firma, género, ciudad natal e información de contacto.
Interfaz de modificación de contraseña simple.
Los mensajes no leídos son negros y llenos, y los mensajes son grises y llenos después de mostrarse.
El mensaje viene con un enlace, haga clic en el mensaje para comunicarse con la ubicación especificada del artículo especificado.
La página de inicio de la administración muestra algunas estadísticas en este sitio.
Interfaz de administración de usuarios.
Interfaz de gestión de blogs.
Interfaz de gestión de comentarios.
Interfaz de lanzamiento del anuncio, puede filtrar el objeto de envío, establecer la posición de salto después de hacer clic y notificar al usuario especificado en forma de mensaje después del envío.
En la interfaz de datos de edición, el marco de edición se genera dinámicamente, no está escrito y después de la modificación, puede volver a la posición original para ingresar a la posición modificada.
La interfaz del teléfono móvil comparte la misma página que la computadora y utiliza la bootstrap frontal frontal receptiva para implementarla.
La interfaz móvil no es muy diferente de la computadora. En algunos lugares, para adaptarse al funcionamiento del teléfono móvil, lo han vuelto a ver, como leer la parte media de la página.
La interfaz de publicación de blog en el teléfono móvil no es fácil de operar, pero aún se puede usar.
En el teléfono móvil, parece que el diseño de la computadora es mucho más grande.
La interfaz de administración no utiliza ningún marco, y todavía está fuera del camino.
En general, las funciones son relativamente simples, pero personalmente siento que la interfaz es bastante exquisita (a excepción de la interfaz de administración).
¡La contraseña de todas las cuentas es 123456 !
Archivo de configuración de la base de datos (archivo de configuración SQL): src/druid.properties
Archivo de estructura de la base de datos (archivo de estructura SQL): src/xiaoxiang_blog.sql
Archivo de datos de prueba de base de datos (archivo de datos SQL): src/xiaoxiang_blog_data.sql
Algunos artículos, comentarios, cuentas de prueba, etc. están integrados en el archivo de datos de prueba (los derechos de autor del artículo pertenecen al autor original, y no se realizan comunicación durante el extracto) se utilizan para las pruebas. Algunos artículos, comentarios, cuentas de prueba, etc. están integrados en el archivo de datos de prueba (los derechos de autor del artículo pertenecen al autor original, y no se realiza una comunicación durante la extracción) para las pruebas.
Archivo de configuración de administrador: src/admin.properties
El administrador utiliza el formulario de registro, escribe la cuenta del administrador en el archivo de configuración y luego va a la página de registro para registrarse. Después del registro, se convierte en el administrador. O puede modificar directamente la base de datos y cambiar el campo de roles a 1. El administrador utiliza el formulario de registro, escribe la cuenta del administrador en el archivo de configuración y luego va a la página de registro para registrarse. Después del registro, el administrador es el administrador. O puede modificar directamente la base de datos y cambiar el campo de roles a 1.
Archivo de configuración de registro: src/logback.xml
Archivo de configuración del modo de depuración: src/minuhy/xiaoxiang/blog/config/debugconfig.java
Para obtener detalles de procesamiento de registro, consulte el archivo de configuración. Consulte el archivo de configuración para obtener detalles de procesamiento de registro.
Carpeta de prueba HTML extraíble: WebContent/HTML
Contiene el código al escribir el front-end, y la eliminación no afecta en absoluto el uso normal. Contiene el código al escribir la parte delantera. Eliminarlo no afecta en absoluto el uso normal.
Carpeta de imágenes prefabricadas: WebContent/IMG
Iconos incorporados, etc. para el sistema. Incorporados algunos íconos que necesitan el sistema.
Carpeta Avatar prefabricada: WebContent/IMG/Avatar
H001.png a H138.png son todos los archivos de imagen Avatar extraídos del paquete de instalación de la versión de Android QQ. La explicación de derechos de autor pertenece a QQ. Este proyecto solo se usa para las pruebas. Tanto H001.png como H138.png son archivos de imagen Avatar extraídos del paquete de instalación de Android QQ. La interpretación de los derechos de autor pertenece a QQ. Este proyecto solo se usa para las pruebas.
Carpeta de biblioteca HTML: Webcontent/lib
Todas las bibliotecas se agregan al proyecto en forma de descargas, y los derechos de autor del código en la biblioteca pertenecen al autor original. Todas las bibliotecas se agregan al proyecto en forma de descarga, y el código copyright en la biblioteca pertenece al autor original.
Carpeta HTML CSS JS (Carpeta): WebContent/Lib/Xiaoxiang
Los JS y CSS que escribí se almacenan aquí. Mi archivo JS y CSS en esto.
JSP Página común: Webcontent/Parcial
Incluyendo encabezado, pie de página, barra de navegación, etc. incluyen cabezal de página, pie de página y navegación.
Página de administrador de JSP: WebContent/Admin
Todos los archivos JSP para la página Administrador. Toda la página de administración en esto.
Commons-FileUpload-1.5 https://commons.apache.org/proper/commons-fileupload/
commons-io-2.11.0 https://commons.apache.org/proper/commons-io/
druid-1.2.16 https://github.com/alibaba/druid
Fastjson-1.2.83 https://github.com/alibaba/fastjson
mysql-connector-java-5.1.49 https://dev.mysql.com/blog-archive/mysql-connector-j-5-1-49-ca-has-been-releed/
logback-classic-1.2.11 https://logback.qos.ch/download.html
logback-core-1.2.11 https://logback.qos.ch/download.html
SLF4J-API-1.7.36 https://www.slf4j.org/download.html
bootstrap-3.4.1 https://getbootstrap.com/docs/3.4/
Dot-1.1.3 https://github.com/olado/dot
html5shiv-3.7.3 https://github.com/afarkas/html5shiv
jQuery-1.12.4 https://jquery.com/
respuesta.js-1.4.2 https://github.com/scottjehl/ presentado
Summernote-V0.8.20 https://summernote.org/
