시스템 4계층 아키텍처 다이어그램
0 보고서
본 시스템은 프런트엔드와 백엔드가 분리된 B/S 아키텍처를 채택하여, 사용자 상호작용 계층, 애플리케이션 로직 계층, 데이터 서비스 계층, 인프라 계층으로 위에서 아래로 구성됩니다. 프런트엔드는 Vue 3 + TypeScript + Vite와 Three.js r153을 사용하여 3D 시각적 상호작용을 구현하고, Pinia를 통합하여 상태를 관리합니다. 백엔드는 RESTful API를 통해 Protocol Buffers와 효율적으로 통신하고, IndexedDB를 통합하여 오프라인 캐싱을 처리합니다. 인프라 계층은 JWT, AES, RBAC, HTTPS를 사용하여 보안 인증 및 리소스 스케줄링을 보장하며, Electron 기반의 크로스 플랫폼 데스크톱 애플리케이션을 지원합니다.
관련 권장 사항
저자의 다른 작품
개요/내용
더 보기
프로토 콜 버 퍼
R EST ful API
전자 전 자
비즈니스 논 리 처리 - 상태 관리 - 데이터 흐름
인 덱 스 된 DB
EC H AR TS
인터페 이스 렌 더 링 - 사용자 작업 응답 - 3 D 시각 적 상호 작용
전 면 후 면
JW T 는
Element Plus 3. X
V ue 3 + Type Script + V ite · Three . js r 153 · 전 면 및 후 면 분리 B / S 아 키 텍 처
NG IN X
전체 스 택
V ue 라 우 터
시스템 4 계 층 구조 도
A xi os
웹 워크 (Web W or ke)
R BA C
프 런 트 엔 드
데이터 서비스 계 층
A ES
피 니 아 (P inia)
논 리 계 층 적용
Three . js r 153
뷰 3
사용자 상호 작용 계 층
인 프 라 계 층
H TT PS
시스템 운영 지원 - 보안 인증 - 자원 스케 줄 링
데이터 영구 화 - 오 프 라인 캐 시 - API 통신
웹 소 켓 Web So cket
Collect
Collect
Collect
Collect
0 댓글
다음 페이지