vue admin chart

중국어 간체 |

TodoAdmin-vue

양이 움직이면 만물이 생긴다! 예기치 않게 좋은 일이 일어나기를, 약속한 대로 행복이 오기를, 전염병이 속히 사라지기를, 우리가 함께 더 나은 미래를 향해 달려가기를, 그리고 우리가 노력한 만큼의 성과를 거두기를 바랍니다.

TodoAdmin-Vue 버전: 이 프로젝트는 TS 스크립트 언어를 사용하며 Vue 3.2+/Vue-cli 5.0+/Vue-router 4.0+, Axios0.2.7+, Element-plus 2.2+를 기반으로 하는 통합 관리 백엔드 템플릿 솔루션입니다. , Pinia 2.0+, ECharts 5.3+ 등, 프로젝트는 Composition을 기반으로 합니다. API 스타일로 작성되었으며 원격 API 인터페이스와 로컬 Mock 듀얼 인터페이스 모드를 사용하여 데이터를 로드합니다.

체험 데모 주소

• Todoadmin-pro Pro 전문가 버전 데모 주소(vue3.2+는 PC, 태블릿 및 휴대폰 지원)
• Todoadmin 기반 기본 버전 데모 주소 (vue3.2+는 PC, 태블릿, 휴대폰 지원)

사용자 이름: 손님

비밀번호: 123456

vue-admin-chart 프로젝트를 복제하고 클릭하여 Github 저장소에 액세스하세요.

 # 克隆项目
git clone -b  https://github.com/todoadmin/vue-admin-chart.git
# 安装依赖
npm i     or     yarn install
# 本地开发 启动项目
npm run serve     or     yarn serve

vue-admin-chart 프로젝트를 복제하고 클릭하여 Gitee 저장소에 액세스하세요.

 # 克隆项目
git clone -b  https://gitee.com/todoadmin/vue-admin-chart.git
# 安装依赖
npm i     or     yarn install
# 本地开发 启动项目
npm run serve     or     yarn serve

다음은 Pro 버전에 대한 소개입니다.

프로젝트 생태학적 플러그인 [종속성] 목록

직함 이름	버전	설명하다
뷰		사용자 인터페이스 구축을 위한 진보적인 프레임워크
뷰 라우터		단일 페이지 애플리케이션 라우팅
vue-cli		프로젝트 비계
액시오스		약속 기반 네트워크 요청 라이브러리
요소 플러스		Vue3 기반 컴포넌트 라이브러리
요소 플러스 아이콘		Vue3 기반 구성 요소 아이콘 라이브러리
뷰퀼		시각적 온라인 텍스트 편집기
퀼 이미지 크기 조정		텍스트 편집기 이미지 크기 조정
뷰 크로퍼		Vue3 기반 이미지 자르기
피니아		현황관리
vue-i18n-다음		여러 언어와 텍스트 간 전환
js-md5		MD5 암호화
진전		진행률 표시줄 로드
전자 차트		다기능 차트

프로젝트 설치(설치에 따라 다름)

 npm install   or  yarn install

개발 환경 실행

 npm run serve  or  yarn serve

생산 환경 패키징

 npm run build  or  yarn build

복구 파일

 npm run lint

구성 파일

 #config目录下
/src/config

#项目主体配置import模块
/src/config/index.ts

#项目启动环境配置引入模块
/src/config/config.ts

#项目启动环境（生产环境/Dev环境）基本配置引入模块
/src/config/module/base.ts

#项目启动环境（生产环境/Dev环境）CDN配置引入模块
/src/config/module/cdn.ts

#项目主体全局常量import模块
/src/config/module/global.ts

#项目主体HTTP/HTTPS Restful请求接口地址常量import模块
/src/config/module/HUrl.ts

---

프런트엔드 및 백엔드 기능 소개

프런트 엔드

• JS/style/image/Json/map 데이터 CDN 분산 도입
• API 원격 실시간 데이터 인터페이스와 Mock 로컬 데이터 듀얼 인터페이스를 독점적으로 채택하고 API 또는 Mock을 자유롭게 전환할 수 있습니다.
• 120개 이상의 고품질 구성 요소 페이지
• 관리 배경은 실시간 인터페이스 데이터 전송을 사용합니다.
• 실시간으로 시각적 데이터의 대형 화면 동적 차트 생성
• 실시간 데이터는 Websocket 상호 작용을 사용합니다.
• 컴포지션 API 패턴 채택
• JWT 인증 사용
• 실시간 모니터링 시스템 및 서버 자원 사용량
• 모든 오픈 소스 버전은 상업적 용도로 무료입니다.
• 크로스 플랫폼 PC, 휴대폰, 태블릿 및 기타 다중 터미널 호환
• 동적 라우팅 메뉴 인증 및 사용자 권한에 따른 정확한 라우팅 렌더링
• Vue 구성 요소 페이지에 MarkDown(md) 파일 로드 지원
• 모의 로컬 시뮬레이션 데이터 및 원격 시뮬레이션 데이터 지원
• 지원 버튼 기능 수준 권한 제어
• 구성원 사용자 및 관리자 사용자에게 역할, 권한 등 할당 지원
• 다양한 테마 전환 및 맞춤형 테마 스타일 지원
• 다국어 텍스트 전환 지원
• Pinia의 상태 관리 모드 지원
• 사용자 정의 Vue 지침 지원
• 타사 물류 플랫폼과의 도킹 지원
• 제3자 계정 기능 바인딩 지원
• 로그 추적 지원(사용자 작업 및 관리자 작업)

후방

• 인터페이스 언어 버전: Go(1.7+)
• 인터페이스 언어 버전: PHP(8.0.2+)/Swoole(4.8+)
• 인터페이스 언어 버전: SpringBoot(2.2+)
• 여러 오픈 소스 관계형 데이터베이스 전환 지원 가능: MySQL, MariaDB, PostgreSQL, openGauss, TiDB
• 다중 메모리 데이터베이스 전환 지원 가능: Redis, Memcached
• 관계형 데이터베이스를 지원할 수 있는 클러스터
• 인메모리 데이터베이스를 지원할 수 있는 클러스터
• 정적 파일(사진, 비디오, 문서 등)의 클라우드 스토리지 및 CDN 배포를 지원할 수 있습니다.

데모 주소 및 창고 주소

• Todoadmin-pro Pro 전문가 버전 데모 주소(vue3.2+는 PC, 태블릿 및 휴대폰 지원)
• Todoadmin 기반 기본 버전 데모 주소 (vue3.2+는 PC, 태블릿, 휴대폰 지원)
• Github 주소
• Gitee 코드 클라우드 주소

사용자 이름: 손님

비밀번호: 123456

팁&연락처

• 차 한잔 드시고 팁을 주신 후 QQ 308407381로 연락주세요.

장점 및 참고 사항

对比其他开源Admin后台管理框架有如下优势:
1. 独家采用API远程实时数据接口和Mock本地数据双接口调试（可自由切换数据接口模式）
2. 支持前后端路由菜单权限和功能按钮权限控制
3. 采用实时接口传输数据，让你事半功倍
4. 偏好数据、主题切换、多国语言切换等配置
5. 支持原生css和scss 自动排序，eslint 自动修复
6. axios 二次封装，支持多种模式和参数方式
7. websocket 封装，支持实时数据传输方式
8. 支持MD5/RSA加密登录
9. 支持https数据加密传输
10. 使用CDN分发项目样式css和js、图片，让速度飞起来
11. 支持全屏操作
12. 支持MarkDown(md)文件加载成Vue组件页面

使用注意事项:
1. 项目默认使用Chrome浏览器，Vue Devtools 插件调试
2. 项目默认使用VSCode + Eslint校验规范，需要配置vscode编辑器
3. 项目也可以使用Goland或IntelliJ IDEA + 相关插件开发
4. 项目使用MIT开源协议，请保留MIT开源协议即可免费商用

배경 렌더링 미리보기

다음은 프로 버전 렌더링의 스크린샷입니다.

질문하기

궁금한 사항이 있으시면 질문해주시면 작성자가 빠르게 처리해드리겠습니다.

이슈 제출

프로젝트에 문제나 버그가 있는 경우 이슈를 제출할 수 있습니다.

브라우저 및 모바일 브라우저

주요 브라우저 및 IE 10+.

IE/엣지	파이어폭스	크롬	원정 여행
IE10/IE11/엣지	최근 2개 버전	최근 2개 버전	최근 2개 버전

기여하다

이 프로젝트를 지지해주시는 모든 분들께 감사드립니다!

감사의 말

프로젝트(특정 순서 없음)
뷰
요소 플러스
피니아
vue-i18n-다음
액시오스
전자 차트
진전

상업적 예방 조치

이 프로젝트는 상업적 용도로 무료입니다. MIT 라이센스를 준수하고 작성자의 기술 지원 설명을 보관하세요.

저작권 (c) 2022-현재, Todoadmin.com