SpringCloud acimage

impression dimensionnelle

Dimensional Impression, un forum de communication d'animation construit par SpringCloud

Préface

On dit que la moitié des programmeurs chinois sur Github sont bidimensionnels, donc Afin d'attirer plus de stars J'ai développé ce forum d'échange d'animation tout en apprenant la technologie SpringCloud.

Présentation du projet

Acimage est un forum d'échange d'animation construit sur Spring Cloud qui sépare le front et le back-end . Le backend utilise SpringCloud + Mybatis-Plus + Reids + Rabbitmq + Elasticsearch . Le front-end utilise Vue + ElementUi + Vite . Le projet est lancé. Chers utilisateurs de Github 2D, pourquoi ne pas me donner une étoile (๑•̀ㅂ•́)و✧.

URL

* Dimensional Impressiono( ≧▽≦)ツ~Animation Exchange Forum www.acimage.top (Applicable uniquement à la page Web. Si l'écran est trop petit, vous pouvez agrandir le navigateur de manière appropriée pour de meilleurs effets visuels).

première page

Page du forum

Architecture du système

Fonction de projet

Réception des utilisateurs

• Utilisez des images pour identifier des images , c'est-à-dire téléchargez des images pour identifier des images similaires dans le forum et les sujets auxquels elles appartiennent.
• Recherche diversifiée , vous pouvez effectuer une recherche basée sur des mots-clés, des catégories, des balises et des champs de tri en même temps, et mettre en évidence le texte correspondant en fonction de mots-clés.
• Recommandations de sujets connexes , recommandations aléatoires .
• Classements des sujets (classés par étoiles, nombre de vues, nombre de commentaires, etc., temps d'activité).
• Classements des utilisateurs (classés par nombre de sujets, étoiles, etc.).
• Catégories, balises et cliquez pour filtrer les sujets qui correspondent aux catégories ou balises pertinentes.
• Affichez les derniers sujets actifs en temps réel .
• Filtrage des mots sensibles , compression d'images .
• Notification des messages
• Afficher les mises à jour personnelles et modifier les informations personnelles.
• Connectez-vous, inscrivez-vous, déconnectez-vous, code de vérification pour éviter le glissement et vérification par e-mail .
• Publiez des sujets, des commentaires, des étoiles, etc.

Gestion back-end

• Un contrôle des autorisations RBAC relativement complet peut ajuster dynamiquement les rôles des utilisateurs, les autorisations de rôle, les autorisations d'interface, etc.
• Affichage des données de base du site Web, nombre de visiteurs, nombre d'appels d'interface, etc.
• Gestion des images du carrousel de la page d'accueil.
• Sujets, commentaires, gestion des utilisateurs.

Caractéristiques du projet

• JWT met en œuvre l'authentification unique, l'authentification et l'authentification d'identité unifiées au niveau de la passerelle, ainsi qu'un contrôle complet des autorisations RBAC .
• Utilisez le script Redis+Lua+les tâches planifiées pour conserver régulièrement les données qui changent fréquemment (vues, etc.).
• Grâce au script Redis + Lua + annotations personnalisées , une seule annotation peut être utilisée pour limiter le flux d'adresses IP, d'utilisateurs et le volume global des requêtes.
• L'algorithme Dhash est utilisé pour réaliser la fonction de reconnaissance d'image avec des images, et l'effet n'est pas mauvais.
• Toutes les images téléchargées sont compressées à l'aide de webp, ce qui réduit considérablement la pression sur la bande passante.

Répertoire du projet

Services back-end

• acimage_gateway : passerelle, authentification et authentification d'identité unifiées, et limitation actuelle des utilisateurs et du volume global des demandes, respectivement.
• acimage_user : Centre utilisateur, enregistrement des utilisateurs, connexion, service de messagerie, etc.
• acimage_community : service communautaire, responsable des fonctions principales liées aux sujets du forum
• acimage_image : service d'image, responsable du téléchargement des images du sujet, du téléchargement des avatars et de l'identification des images avec des images, etc.
• acimage_admin : Service de gestion

module back-end

• acimage_common : module public, qui stocke les classes d'entités, les intercepteurs publics, les configurations publiques et les classes d'outils publics, etc.
• acimage_feign : Placer le faux client de chaque module

l'extrémité avant

• vue_manage_system : page de gestion de l'arrière-plan
• vue_acimage_web : Page du portail

autre

• doc : quelques documents, images et fichiers de base de données

Exécuter et déployer

Le projet est toujours en cours d'amélioration et le processus d'exploitation et de déploiement sera mis à jour ultérieurement .

• Importez respectivement les trois bases de données sous doc/sql dans mysql . Les quatre bases de données sont les bases de données correspondant aux quatre services front-end.

• Configurez l'adresse ou le mot de passe du compte correspondant de mysql, redis, lapinmq et nacos dans le fichier application-dev.yml de chaque service

• Remplissez les informations du compte Qiniu Cloud dans application-qiniu-template.yml dans acimage_common , y compris access-key , secret-key , domian , bucket , ou attribuez n'importe quelle valeur à ces quatre attributs (ne peut pas être vide, sinon NPE ), mais ceci de cette façon, vous ne pouvez pas télécharger d'images. Et renommez application-qiniu-template.yml en application-qiniu.yml

• Configurez l'adresse nacos et l'adresse sentinel dans application.yml sous le module acimage_common (si sentinel n'est pas configuré, cela n'affectera pas le fonctionnement)

• Démarrez Nacos, Redis, RabbitMq, MySQL

• Démarrez acimage_user , acimage_community , acimage_image , acimage_gateway dans l'ordre. Sinon, une erreur peut être signalée en raison de problèmes de création de file d'attente RabbitMQ et de séquence de liaison. Si cela se produit, tous les services seront redémarrés.

• Après avoir exécuté le front-end (voir le README de vue_acimage_web pour plus de détails), cliquez sur le lien qui apparaît par défaut pour accéder à la page d'accueil.

• Connexion à la réception** : utilisateur : wk, mot de passe : wk123456 (il existe plusieurs autres utilisateurs visibles à partir du fichier SQL de la base de données, et les mots de passe sont tous le nom d'utilisateur 123456)

• port:

  • utilisateur_acimage : 8100

  • acimage_image : 8090

  • acimage_community : 8080

  • acimage_gateway : 8070

Sélection technologique

Pile technologique back-end

SpringBoot , SpringCloud , MyBatis-plus , Druid (pool de connexions à la base de données), Redis (cache distribué), Rabbitmq (file d'attente de messages), Elasticsearch (moteur de recherche distribué), Minio (service de stockage d'objets), Nginx (serveur proxy inverse), Docker ( moteur de conteneur d'applications)

interface utilisateur

Vue2 , Vue Router (routage), ElementUi (bibliothèque de composants de base Vue), axios (client http), jsencrypt (bibliothèque js basée sur le cryptage et le décryptage RSA), vue-dompurify-html (attaque anti-XSS), tinymce-vue ( éditeur de texte enrichi)

Front-end de l'interface de gestion back-end

Vite , TypeSript

Faire

• Catégories, balises
• Sujets, classements des utilisateurs
• Recommandation aléatoire
• Sujets similaires recommandés
• Filtrage des mots sensibles
• Interface idempotente
• Limite de courant affinée
• Améliorer le contrôle d'autorité RABC, l'authentification d'identité unifiée et l'authentification au niveau de la passerelle
• Ajoutez des services de messagerie, une vérification des e-mails, des codes de vérification, etc.
• Stocker les images dans minio (stockées à l'origine dans Qiniu Cloud)
• recherche diversifiée elasticsearch, mise en évidence de mots clés
• Ajouter une fonction de notification des messages utilisateur
• Utilisez redis+lua pour extraire par lots les sujets et les pages vues du cache afin de réduire le nombre de communications et d'afficher les données en temps réel.
• Ajouter des émoticônes de commentaire
• Ajouter une fonction de suivi
• Améliorer la configuration et l'utilisation de Sentinel et Nacos
• Ajouter un module d'exploration
• Améliorer les tests unitaires
• Attends, attends, attends

communiquer

Le projet a été conçu à l'origine pour apprendre la technologie. En raison de capacités limitées, il existe encore de nombreuses imperfections. Vous pouvez me corriger. Si quelqu'un est intéressé (j'espère vraiment que quelqu'un est intéressé) ou si vous rencontrez des problèmes avec le projet ou avez des suggestions pour soulever un problème, vous pouvez contacter l'adresse e-mail [email protected] ou rejoindre le groupe 692992463 pour communiquer. Si vous l'aimez, pensez à lui donner une étoile.

Capture d'écran du site Web

Côté Web

Terminal d'administration <br> N'hésitez pas à poster quelques photos du système de gestion Quoi qu'il en soit, les systèmes de gestion se ressemblent tous.

Accord open source

Licence Apache 2.0