SpringCloud acimage

impresión dimensional

Dimensional Impression, un foro de comunicación de animación creado por SpringCloud

Prefacio

Se dice que la mitad de los programadores chinos en Github son bidimensionales, por lo que Para atraer más estrellas. Desarrollé este foro de intercambio de animación mientras aprendía la tecnología SpringCloud.

Introducción del proyecto

Acimage es un foro de intercambio de animación construido en Spring Cloud que separa el front-end y el back-end . El backend utiliza SpringCloud + Mybatis-Plus + Reids + Rabbitmq + Elasticsearch . La interfaz utiliza Vue + ElementUi + Vite . El proyecto ha sido lanzado. Querida gente de Github 2D, ¿por qué no me dan una estrella (๑•̀ㅂ•́)و✧?

URL

* Dimensional Impressiono( ≧▽≦)ツ~Animation Exchange Forum www.acimage.top (Solo aplicable a la página web. Si la pantalla es demasiado pequeña, puede ampliar el navegador adecuadamente para obtener mejores efectos visuales).

página delantera

página del foro

Arquitectura del sistema

Función del proyecto

Recepción de usuario

• Utilice imágenes para identificar imágenes , es decir, cargue imágenes para identificar imágenes similares en el foro y los temas a los que pertenecen.
• Búsqueda diversificada , puede buscar según palabras clave, categorías, etiquetas y campos de clasificación al mismo tiempo, y resaltar texto coincidente según palabras clave.
• Recomendaciones de temas relacionados , recomendaciones aleatorias .
• Clasificaciones de temas (clasificadas por estrella, número de vistas, número de comentarios, etc., tiempo activo).
• Clasificaciones de usuarios (clasificadas por número de temas, estrellas, etc.).
• Categorías, etiquetas y haga clic para filtrar temas que coincidan con categorías o etiquetas relevantes.
• Muestra los últimos temas activos en tiempo real .
• Filtrado de palabras sensibles , compresión de imágenes .
• Notificación de mensaje
• Ver actualizaciones personales y modificar información personal.
• Iniciar sesión, registrarse, cerrar sesión, código de verificación para evitar el deslizamiento y verificación por correo electrónico .
• Publicar temas, comentarios, estrellas, etc.

Gestión de back-end

• El control de permisos RBAC relativamente completo puede ajustar dinámicamente roles de usuario, permisos de roles, permisos de interfaz, etc.
• Visualización de datos básicos del sitio web, número de visitantes, número de llamadas a la interfaz, etc.
• Gestión de imágenes del carrusel de la página de inicio.
• Temas, comentarios, gestión de usuarios.

Características del proyecto

• JWT implementa inicio de sesión único, autenticación de identidad unificada y autenticación en la puerta de enlace, y control completo de permisos RBAC .
• Utilice Redis+Lua script+tareas programadas para conservar periódicamente los datos que cambian con frecuencia (vistas, etc.).
• Al usar Redis + script Lua + anotaciones personalizadas , solo se puede usar una anotación para limitar el flujo de IP, usuarios y el volumen general de solicitudes.
• El algoritmo Dhash se utiliza para realizar la función de reconocimiento de imágenes con imágenes y el efecto no es malo.
• Todas las imágenes cargadas se comprimen mediante webp, lo que reduce en gran medida la presión del ancho de banda.

Directorio de proyectos

Servicios de back-end

• acimage_gateway : puerta de enlace, autenticación y autenticación de identidad unificada, y limitación actual para usuarios y volumen general de solicitudes, respectivamente.
• acimage_user : Centro de usuarios, registro de usuarios, inicio de sesión, servicio de correo electrónico, etc.
• acimage_community : servicio comunitario, responsable de las funciones principales relacionadas con los temas del foro.
• acimage_image : servicio de imágenes, responsable de subir imágenes de temas, subir avatares e identificar imágenes con imágenes, etc.
• acimage_admin : Servicio de gestión

módulo de fondo

• acimage_common : módulo público, que almacena clases de entidad, interceptores públicos, configuraciones públicas y clases de herramientas públicas, etc.
• acimage_feign : Coloca el cliente falso de cada módulo.

Interfaz

• vue_manage_system : página de gestión de fondo
• vue_acimage_web : página del portal

otro

• doc : algunos documentos, imágenes y archivos de bases de datos.

Ejecutar e implementar

El proyecto aún se está mejorando y el proceso de operación e implementación se actualizará más adelante .

• Importe las tres bases de datos en doc/sql a mysql respectivamente. Las cuatro bases de datos son las bases de datos correspondientes a los cuatro servicios front-end.

• Configure la dirección o contraseña de cuenta correspondiente de mysql, redis, Rabbitmq y nacos en el archivo application-dev.yml de cada servicio.

• Complete la información de la cuenta de Qiniu Cloud en application-qiniu-template.yml en acimage_common , incluida access-key , secret-key , domian , bucket , o asigne cualquier valor a estos cuatro atributos (no puede estar vacío, de lo contrario NPE ), pero esto manera no puedes subir imágenes. Y cambie el nombre de application-qiniu-template.yml a application-qiniu.yml

• Configure la dirección de nacos y la dirección centinela en application.yml en el módulo acimage_common (si sentinel no está configurado, no afectará la operación)

• Inicie nacos, redis, Rabbitmq, MySQL

• Inicie acimage_user , acimage_community , acimage_image , acimage_gateway en secuencia. De lo contrario, se puede informar un error debido a problemas de creación de cola de Rabbitmq y secuencia de enlace. Si se encuentran, todos los servicios se reiniciarán nuevamente.

• Después de ejecutar la interfaz (consulte el archivo README de vue_acimage_web para obtener más detalles), haga clic en el enlace que aparece de forma predeterminada para acceder a la página de inicio.

• Inicio de sesión de recepción**: usuario: wk, contraseña: wk123456 (hay varios otros usuarios que se pueden ver en el archivo SQL de la base de datos, y todas las contraseñas son el nombre de usuario 123456)

• puerto:

  • acimage_user : 8100

  • acimage_image : 8090

  • comunidad_acimage : 8080

  • acimage_gateway : 8070

Selección de tecnología

Pila de tecnología backend

SpringBoot , SpringCloud , MyBatis-plus , Druid (grupo de conexiones de base de datos), Redis (caché distribuido), Rabbitmq (cola de mensajes), Elasticsearch (motor de búsqueda distribuido), Minio (servicio de almacenamiento de objetos), Nginx (servidor proxy inverso), Docker ( motor de contenedor de aplicaciones)

interfaz de usuario

Vue2 , Vue Router (enrutamiento), ElementUi (biblioteca de componentes básicos de Vue), axios (cliente http), jsencrypt (biblioteca js basada en cifrado y descifrado RSA), vue-dompurify-html (ataque anti-XSS), tinymce-vue ( editor de texto enriquecido)

Front-end de interfaz de administración de backend

Vite , TypeSript

Hacer

• Categorías, etiquetas
• Temas, rankings de usuarios
• Recomendación aleatoria
• Temas similares recomendados
• Filtrado de palabras sensibles
• Interfaz idempotente
• Límite actual refinado
• Mejorar el control de autoridad RABC, la autenticación de identidad unificada y la autenticación en la puerta de enlace
• Agregue servicios de correo electrónico, verificación de correo electrónico, códigos de verificación, etc.
• Almacenar imágenes en minio (originalmente almacenadas en Qiniu Cloud)
• búsqueda diversificada de elasticsearch, resaltado de palabras clave
• Agregar función de notificación de mensajes de usuario
• Utilice redis+lua para extraer por lotes temas y páginas vistas del caché para reducir la cantidad de comunicaciones y mostrar datos en tiempo real.
• Añadir emoticones de comentarios
• Agregar función de seguimiento
• Mejorar la configuración y uso de Sentinel y Nacos.
• Agregar módulo de rastreo
• Mejorar las pruebas unitarias
• espera espera espera

comunicar

El proyecto se creó originalmente para aprender tecnología. Debido a las capacidades limitadas, todavía hay muchas imperfecciones. Puede corregirme. Si alguien está interesado (realmente espero que alguien esté interesado) o si encuentra algún problema con el proyecto o tiene alguna sugerencia para plantear un problema, puede comunicarse con la dirección de correo electrónico [email protected] o unirse al grupo 692992463 para comunicarse. Si te gusta recuerda darle una estrella.

Captura de pantalla del sitio web

Lado web

Terminal de administración <br> No dude en publicar algunas fotografías del sistema de gestión. De todos modos, todos los sistemas de gestión tienen el mismo aspecto.

Acuerdo de código abierto

Licencia Apache 2.0