중국어 간체
전기 자동차는 현재 인기 있는 에너지 절약형, 환경 친화적인 녹색 교통 수단입니다. 주유소와 같은 충전소는 거리, 커뮤니티, 차고, 주차장 등에 설치할 수 있습니다. 충전소의 대중화로 인해 더 이상 전력이 반쯤 부족할까봐 걱정할 필요가 없고, 전력이 부족해서 멀리까지 이동할 필요도 없습니다.
vue-vant-charger 버전: 통합 관리 백엔드 템플릿이자 휴대폰 솔루션입니다. 이 프로젝트는 TS 스크립트 언어를 사용하며 Vue 3.2+/Vue-cli 5.0+/Vue-router 4.0+, Axios0.2.7+를 기반으로 합니다. Vant 3.5+, Pinia 2.0+와 Mockjs 등이 결합되어 이 프로젝트는 Composition을 기반으로 합니다. API 스타일로 작성되었으며 원격 API 인터페이스와 로컬 모의 이중 인터페이스의 두 가지 모드를 사용하여 데이터 로드를 자유롭게 선택할 수 있습니다.
Vue-vant-charger 기본 버전 데모 주소 (vue3.2+는 태블릿과 휴대폰을 지원합니다)
팁: 환경을 열려면 모바일 브라우저를 사용하세요.
# 프로젝트 복제 git clone -b https://github.com/todoadmin/vue-vant-charger.git# 종속성 설치 Yarn install# 로컬 개발 프로젝트 시작 npm run Serve 또는 Yarn Serve
# 프로젝트 복제 git clone -b https://gitee.com/todoadmin/vue-vant-charger.git# 종속성 설치 Yarn install# 로컬 개발 프로젝트 시작 npm run Serve 또는 Yarn Serve
다음은 반트차저 충전소 버전을 소개합니다.
직함 이름 | 버전 | 설명하다 |
---|---|---|
뷰 | 사용자 인터페이스 구축을 위한 진보적인 프레임워크 | |
뷰 라우터 | 단일 페이지 애플리케이션 라우팅 | |
vue-cli | 프로젝트 비계 | |
액시오스 | 약속 기반 네트워크 요청 라이브러리 | |
반트 | Vant 모바일 단말기 기반 컴포넌트 라이브러리 | |
피니아 | 현황관리 | |
js-md5 | MD5 암호화 |
yarn install
yarn serve
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/스타일/이미지 CDN 분산 도입
API 원격 실시간 데이터 인터페이스와 Mock 로컬 데이터 듀얼 인터페이스를 독점적으로 채택하고 API 또는 Mock을 자유롭게 전환할 수 있습니다.
다양한 고품질 모바일 구성 요소 페이지
관리 배경은 실시간 인터페이스 데이터 전송을 사용합니다.
시각적 데이터를 위한 대형 화면 동적 차트의 실시간 생성
실시간 데이터는 Websocket 상호 작용을 사용합니다.
컴포지션 API 패턴 채택
JWT 인증 사용
실시간 모니터링 시스템 및 서버 자원 사용량
충전소 휴대폰 버전의 오픈소스 버전은 상업적 용도로 무료로 제공됩니다.
휴대폰, 태블릿 및 기타 모바일 단말기와 호환되는 크로스 플랫폼
동적 라우팅 메뉴 인증
모의 로컬 시뮬레이션 데이터 및 원격 시뮬레이션 데이터 지원
지원 버튼 기능 수준 권한 제어
거리 우선순위, 호평 우선순위, 가격 등을 기준으로 충전소 목록 조회를 지원합니다.
VIP 멤버십 활성화 지원
할인몰 연계 지원
차량 인증 지원
충전을 위한 스캐닝 코드 지원
충전소 및 충전 파일 지도 배포 지원
제3자 결제 재충전 지원
충전기록 로그 추적 지원
충전기록 로그 추적 지원
상품권, 할인패키지 등 공동사용 지원
포인트 캐시백 기능 지원
대리점, 유통업체 등 비즈니스 모델 개발 지원 가능
후방
인터페이스 언어(프레임워크) 버전: SpringBoot(2.7.1)
SpringSecurity + JWT 및 기타 인증 지원
여러 오픈 소스 관계형 데이터베이스 전환 지원 가능: MySQL, MariaDB, PostgreSQL
다중 메모리 데이터베이스 전환 지원 가능: Redis, Memcached
관계형 데이터베이스를 지원할 수 있는 클러스터
인메모리 데이터베이스를 지원할 수 있는 클러스터
정적 파일(사진, 비디오, 문서 등)의 클라우드 스토리지 및 CDN 배포를 지원할 수 있습니다.
Vue-vant-charger 충전소 기본 버전 데모 주소(vue3.2+는 태블릿 및 휴대폰 지원)
Github 주소
Gitee 코드 클라우드 주소
팁: 열려면 모바일 브라우저를 사용하세요.
Vue-vant-charger充电桩开源项目有如下优势: 1. 独家采用API远程实时数据接口和Mock本地数据双接口调试(可自由切换数据接口模式) 2. 支持前后端路由菜单权限和功能按钮权限控制 3. 采用实时接口传输数据,让你事半功倍 4. 偏好数据、主题切换、账号切换等配置 5. 支持原生css和less 自动排序,eslint 自动修复 6. axios 二次封装,支持多种模式和参数方式 7. websocket 封装,支持实时数据传输方式 8. 支持MD5/RSA加密登录 9. 支持https数据加密传输 10. 使用CDN分发项目样式css和js、图片,让速度飞起来 11. 支持手机端、平板等操作 使用注意事项: 1. 项目默认使用Chrome浏览器,Vue Devtools 插件调试 2. 项目默认使用VSCode + Eslint校验规范,需要配置vscode编辑器 3. 项目也可以使用IntelliJ IDEA + 相关插件开发 4. 项目使用MIT开源协议,请保留MIT开源协议即可免费商用
궁금한 사항이 있으시면 질문해주시면 작성자가 빠르게 처리해드리겠습니다.
프로젝트에 문제나 버그가 있는 경우 이슈를 제출할 수 있습니다.
주류 모바일 브라우저
IE/엣지 | 파이어폭스 | 크롬 | 원정 여행 |
---|---|---|---|
IE10/IE11/엣지 | 최근 2개 버전 | 최근 2개 버전 | 최근 2개 버전 |