SpringCloud acimageダウンロード - SpringCloud acimageソースコードのダウンロード

SpringCloud acimage

その他のカテゴリー

1.0.0

ダウンロード

立体感

SpringCloud によって構築されたアニメーションコミュニケーションフォーラム、Dimensional Impression

序文

Github にいる中国人プログラマーの半数は 2 次元だと言われているので、~~より多くのスターを引き寄せるために~~私は SpringCloud テクノロジーを学びながら、このアニメーション交換フォーラムを開発しました。

プロジェクト紹介

Acimageは、フロントエンドとバックエンドを分離するSpring Cloud 上に構築されたアニメーション交換フォーラムです。バックエンドはSpringCloud + Mybatis-Plus + Reids + Rabbitmq + Elasticsearchを使用します。フロントエンドはVue + ElementUi + Viteを使用します。プロジェクトが発足しました。 Github 2D の皆様、スターを付けませんか(๑•̀ㅂ•́)و✧。

URL

*次元の印象o( ≧▽≦)ツ~アニメーション交換フォーラムwww.acimage.top (Web ページにのみ適用されます。画面が小さすぎる場合は、視覚効果を高めるためにブラウザを適切に拡大できます)。

フロントページ

フォーラムページ

システムアーキテクチャ

プロジェクト機能

ユーザーフロントデスク

画像を使用して画像を識別します。つまり、画像をアップロードして、フォーラム内の類似した画像とその画像が属するトピックを識別します。
多様な検索では、キーワード、カテゴリ、タグ、並べ替えフィールドに基づいて同時に検索し、キーワードに基づいて一致するテキストをハイライト表示できます。
関連トピックの推奨事項、ランダムな推奨事項。
トピックランキング（スター、閲覧数、コメント数など、アクティブ時間によるランキング）。
ユーザーランキング（トピック数、スター数などによるランキング）。
カテゴリ、タグをクリックして、関連するカテゴリまたはタグに一致するトピックをフィルタリングします。
最新のアクティブなトピックをリアルタイムで表示します。
機密性の高い単語のフィルタリング、画像圧縮。
メッセージ通知
個人の最新情報を表示し、個人情報を変更します。
ログイン、登録、ログアウト、スワイプを防止するための確認コード、および電子メールによる確認。
トピック、コメント、スターなどを投稿します。

バックエンド管理

比較的完全な RBAC 権限制御により、ユーザーの役割、役割の権限、インターフェイスの権限などを動的に調整できます。
Webサイトの基本的なデータ表示、訪問者数、インターフェース呼び出し数など。
ホームページのカルーセル画像管理。
トピック、コメント、ユーザー管理。

プロジェクトの特徴

JWT は、シングルサインオン、統合 ID 認証とゲートウェイでの認証、および完全なRBAC権限制御を実装します。
Redis+Lua スクリプト+スケジュールされたタスクを使用して、頻繁に変更されるデータ (ビューなど) を定期的に保持します。
Redis + Lua スクリプト + カスタムアノテーションを使用すると、IP、ユーザー、および全体的なリクエスト量のフローを制限するために使用できるアノテーションは 1 つだけです。
Dhashアルゴリズムは写真による画像認識機能を実現するために使用されており、その効果は悪くありません。
アップロードされたすべての画像は webp を使用して圧縮されるため、帯域幅の圧迫が大幅に軽減されます。

プロジェクトディレクトリ

バックエンドサービス

acimage_gateway : ゲートウェイ、統一 ID 認証、認証、ユーザーの電流制限、および全体的なリクエスト量のそれぞれ
acimage_user : ユーザーセンター、ユーザー登録、ログイン、メールサービスなど。
acimage_community : コミュニティサービス。フォーラムのトピックに関連するコア機能を担当します。
acimage_image : 画像サービス。トピック画像のアップロード、アバターのアップロード、画像による画像の識別などを担当します。
acimage_admin : 管理サービス

バックエンドモジュール

acimage_common : エンティティクラス、パブリックインターセプター、パブリック構成、パブリックツールクラスなどを格納するパブリックモジュール。
acimage_feign : 各モジュールの偽クライアントを配置します

フロントエンド

vue_manage_system : バックグラウンド管理ページ
vue_acimage_web : ポータルページ

他の

doc : いくつかの文書、写真、データベースファイル

実行してデプロイする

プロジェクトはまだ改善中であり、操作と展開のプロセスは後で更新される予定です。

doc/sql配下の 3 つのデータベースをそれぞれmysqlにインポートします。4 つのデータベースは、4 つのフロントエンドサービスに対応するデータベースです。
~~各サービスのapplication-dev.ymlファイルで、 mysql、redis、rabbitmq 、 nacosの対応するアドレスまたはアカウントパスワードを設定します。~~
acimage_commonのapplication-qiniu-template.ymlに、 access-key 、 Secret-key 、 domian 、 bucketを含む Qiniu Cloud アカウント情報を入力するか、これら 4 つの属性に任意の値を割り当てます (空にすることはできません。それ以外の場合はNPE )。この方法では画像をアップロードできません。そして、 application-qiniu-template.yml の名前をapplication-qiniu.ymlに変更します。
acimage_commonモジュールのapplication.ymlでnacosアドレスとSentinelアドレスを設定します ( Sentinelが設定されていない場合、動作には影響しません)
nacos、redis、rabbitmq、mysql を開始します
acimage_user 、 acimage_community 、 acimage_image 、 acimage_gatewayを順番に開始しないと、 rabbitmqキューの作成とバインド順序の問題が発生した場合にエラーが報告される可能性があります。
フロントエンドを実行した後 (詳細についてはvue_acimage_webのREADME を参照)、デフォルトのポップアップリンクをクリックしてホームページにアクセスします。
フロントデスクのログイン**: ユーザー: wk、パスワード: wk123456 (データベース SQL ファイルから確認できる他のユーザーが数名あり、パスワードはすべてユーザー名 123456)
ポート：
- acimage_user : 8100
- acimage_image : 8090
- acimage_コミュニティ: 8080
- acimage_gateway : 8070

テクノロジーの選択

バックエンド技術スタック

SpringBoot 、 SpringCloud 、 MyBatis-plus 、 Druid (データベース接続プール)、 Redis (分散キャッシュ)、 Rabbitmq (メッセージキュー)、 Elasticsearch (分散検索エンジン)、 Minio (オブジェクトストレージサービス)、 Nginx (リバースプロキシサーバー) 、 Docker (アプリケーションコンテナエンジン）

ユーザーインターフェースフロントエンド

Vue2 、 Vue Router (ルーティング)、 ElementUi (Vue 基本コンポーネントライブラリ)、 axios (http クライアント)、 jsencrypt (RSA 暗号化および復号化に基づく JS ライブラリ)、 vue-dompurify-html (アンチ XSS 攻撃)、 tinymce-vue (リッチテキストエディター）

バックエンド管理インターフェイスのフロントエンド

Vite 、 TypeSript

藤堂

話し合う

このプロジェクトはもともとテクノロジーを学ぶために構築されたものであり、機能が限られているため、まだ多くの不完全な点があります。修正していただければ幸いです。興味のある人がいたら (誰かが興味を持ってくれることを本当に願っています)、またはプロジェクトで問題が発生した場合、または問題を提起するための提案がある場合は、電子メールアドレス [email protected] に連絡するか、グループ 692992463 に参加してコミュニケーションをとることができます。気に入ったら、星を付けることを忘れないでください。