Упрощенный китайский
Электромобили в настоящее время являются популярным энергосберегающим, экологически чистым и экологически чистым видом транспорта. Зарядные станции, как и заправочные станции, можно устанавливать на улицах, в жилых домах, гаражах, парковках и т. д. Благодаря популярности зарядных станций вам больше не придется беспокоиться о том, что электроэнергия закончится на полпути, и вам больше не придется далеко ехать из-за недостаточной мощности.
Версия 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 и локальный двойной интерфейс Mock, позволяющий свободно выбирать загрузку данных.
Демо-адрес базовой базовой версии Vue-vant-charger (vue3.2+ поддерживает планшеты и мобильные телефоны)
Совет: используйте мобильный браузер, чтобы открыть интерфейс.
# Клонировать проект git clone -b https://github.com/todoadmin/vue-vant-charger.git# Установить зависимости Yarn install# Локальная разработка Запустить проект npm runserver или Yarnserve
# Клонировать проект git clone -b https://gitee.com/todoadmin/vue-vant-charger.git# Установить зависимости Yarn install# Локальная разработка Запустить проект npm runServer или YarnServe
Ниже приводится введение в версию зарядной станции vant-charger.
| название названия | Версия | описывать |
|---|---|---|
| вид | Прогрессивная платформа для создания пользовательских интерфейсов. | |
| vue-маршрутизатор | Маршрутизация одностраничных приложений | |
| vue-cli | Строительные леса проекта | |
| аксиомы | Библиотека сетевых запросов на основе обещаний | |
| вант | Библиотека компонентов на базе мобильного терминала Вант | |
| пиния | Управление статусами | |
| 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
внешний интерфейс
Распределенное представление CDN JS/стилей/изображений
Исключительно использует интерфейс удаленных данных в реальном времени API и двойной интерфейс локальных данных Mock и может свободно переключать API или Mock.
Несколько высококачественных страниц мобильных компонентов
В основе управления используется передача данных интерфейса в реальном времени.
Создавайте динамические диаграммы визуальных данных на большом экране в режиме реального времени.
Данные в реальном времени используют взаимодействие Websocket.
Принять шаблон API композиции
Использовать аутентификацию JWT
Система мониторинга в реальном времени и использование ресурсов сервера
Версия зарядной станции для мобильных телефонов с открытым исходным кодом бесплатна для коммерческого использования.
Кроссплатформенность, совместимая с мобильными телефонами, планшетами и другими мобильными терминалами.
Аутентификация меню динамической маршрутизации
Поддержка имитации данных локального моделирования и данных удаленного моделирования.
Поддержка контроля разрешений функционального уровня кнопки
Поддерживает получение списка зарядных станций на основе приоритета расстояния, приоритета хороших отзывов, цены и т. д.
Поддержка активации VIP-членства
Поддержка подключения к дисконтному торговому центру
Поддержка сертификации транспортных средств
Поддержка сканирования кода для зарядки
Поддержка карты распределения зарядных станций и зарядных станций.
Поддержка пополнения стороннего платежа
Поддержка отслеживания журнала записей пополнения счета
Поддержка отслеживания журнала записей зарядки
Поддерживает совместное использование ваучеров, скидочных пакетов и т. д.
Функция кэшбэка баллов поддержки
Может поддерживать развитие бизнес-моделей, таких как агенты и дистрибьюторы.
задняя часть
Версия языка интерфейса (фреймворка): SpringBoot (2.7.1)
Поддержка SpringSecurity + JWT и другой аутентификации.
Может поддерживать переключение нескольких реляционных баз данных с открытым исходным кодом: MySQL, MariaDB, PostgreSQL.
Может поддерживать переключение нескольких баз данных в памяти: Redis, Memcached.
Кластеры, которые могут поддерживать реляционные базы данных
Кластеры, которые могут поддерживать базы данных в памяти.
Может поддерживать облачное хранилище и распространение статических файлов (изображений, видео, документов и т. д.) через CDN.
Демонстрационный адрес базовой версии зарядной станции Vue-vant-charger (vue3.2+ поддерживает планшеты и мобильные телефоны)
Адрес Гитхаба
Адрес облака кода 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/периферийный Интернет | Firefox | Хром | Сафари |
|---|---|---|---|
| IE10/IE11/Периферийный | последние 2 версии | последние 2 версии | последние 2 версии |