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 여러분, 저에게 별점을 주세요(๑•̀ㅂ•́)وcade.

URL

* Dimensional Impressiono( ≧▽DF)ツ~애니메이션 교류 포럼 www.acimage.top (웹 페이지에만 해당됩니다. 화면이 너무 작을 경우 브라우저를 적절하게 확대하면 더 나은 시각 효과를 얻을 수 있습니다.)

첫 페이지

포럼 페이지

시스템 아키텍처

프로젝트 기능

사용자 프런트 데스크

사진을 사용하여 사진을 식별합니다 . 즉, 사진을 업로드하여 포럼에서 유사한 사진과 해당 사진이 속한 주제를 식별합니다.
다양한 검색 키워드, 카테고리, 태그, 정렬 필드를 기준으로 동시에 검색할 수 있으며, 키워드를 기준으로 일치하는 텍스트를 강조 표시할 수 있습니다.
관련주제추천 , 랜덤추천 .
주제 순위 (별표, 조회수, 댓글 수 등, 활동 시간)입니다.
사용자 순위 (주제 수, 별표 등으로 순위 지정)
카테고리, 태그 및 관련 카테고리나 태그와 일치하는 주제를 필터링하려면 클릭하세요.
최신 활성 주제를 실시간으로 표시합니다 .
민감한 단어 필터링 , 이미지 압축 .
메시지 알림
개인 업데이트를 확인하고 개인 정보를 수정하세요.
로그인, 회원가입, 로그아웃, 스와이프 방지를 위한 인증코드 , 이메일 인증까지 .
게시글 주제, 댓글, 별표 등

백엔드 관리

상대적으로 완전한 RBAC 권한 제어는 사용자 역할, 역할 권한, 인터페이스 권한 등을 동적으로 조정할 수 있습니다.
기본 웹 사이트 데이터 표시, 방문자 수, 인터페이스 호출 수 등
홈페이지 캐러셀 이미지 관리.
주제, 댓글, 사용자 관리.

프로젝트 기능

JWT는 싱글 사인온(SSO), 통합 ID 인증 및 게이트웨이에서의 인증, 완전한 RBAC 권한 제어를 구현합니다.
Redis+Lua 스크립트+예약된 작업을 사용하여 자주 변경되는 데이터(뷰 등)를 정기적으로 유지하세요.
Redis + Lua 스크립트 + 사용자 정의 주석을 사용하면 하나의 주석만 사용하여 IP 흐름, 사용자 및 전체 요청 볼륨을 제한할 수 있습니다.
Dhash 알고리즘은 사진으로 이미지 인식 기능을 구현하는 데 사용되며 효과는 나쁘지 않습니다.
업로드된 모든 이미지는 webp를 사용하여 압축되므로 대역폭 압박이 크게 줄어듭니다.

프로젝트 디렉토리

백엔드 서비스

acimage_gateway : 게이트웨이, 통합 ID 인증 및 인증, 사용자 및 전체 요청 볼륨에 대한 현재 제한.
acimage_user : 사용자 센터, 사용자 등록, 로그인, 이메일 서비스 등
acimage_community : 커뮤니티 서비스, 포럼 주제와 관련된 핵심 기능을 담당합니다.
acimage_image : 주제 이미지 업로드, 아바타 업로드, 이미지와 이미지 식별 등을 담당하는 이미지 서비스입니다.
acimage_admin : 관리 서비스

백엔드 모듈

acimage_common : 엔터티 클래스, 공개 인터셉터, 공개 구성 및 공개 도구 클래스 등을 저장하는 공개 모듈입니다.
acimage_feign : 각 모듈의 feign 클라이언트 배치

프런트 엔드

vue_manage_system : 백그라운드 관리 페이지
vue_acimage_web : 포털 페이지

다른

doc : 일부 문서, 사진, 데이터베이스 파일

실행 및 배포

프로젝트는 계속 개선되고 있으며 운영 및 배포 프로세스는 추후 업데이트될 예정입니다 .

doc/sql 아래의 3개 데이터베이스를 각각 mysql 로 가져옵니다. 4개의 데이터베이스는 4개의 프런트 엔드 서비스에 해당하는 데이터베이스입니다.
~~각 서비스의 application-dev.yml 파일에서 mysql, redis, Rabbitmq 및 nacos 의 해당 주소 또는 계정 비밀번호를 구성합니다.~~
access-key , secret-key , domian , bucket 을 포함하여 acimage_common 의 application-qiniu-template.yml 에 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_community : 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에 가입하여 소통할 수 있습니다. 마음에 드신다면 별표를 주시는 것을 잊지 마세요.