Chino simplificado
Los vehículos eléctricos son actualmente un medio de transporte popular, ecológico y que ahorra energía. Las estaciones de carga, al igual que las gasolineras, se pueden instalar en calles, comunidades, garajes, aparcamientos, etc. Con la popularidad de las estaciones de carga, ya no tendrá que preocuparse por quedarse sin energía a mitad de camino y ya no tendrá que viajar muy lejos por falta de energía.
Versión vue-vant-charger: es una plantilla de backend de administración integrada y una solución para teléfonos móviles. El proyecto utiliza lenguaje de script TS y está basado en Vue 3.2+/Vue-cli 5.0+/Vue-router 4.0+, Axios0.2.7+. Vant 3.5+, Pinia 2.0+ combinado con Mockjs, etc., el proyecto se basa en Composición Está escrito en estilo API y utiliza dos modos: interfaz API remota e interfaz dual simulada local para elegir libremente cargar datos.
Dirección de demostración de la versión básica básica de Vue-vant-charger (vue3.2+ admite tabletas y teléfonos móviles)
Consejo: utilice el navegador de su móvil para abrir la experiencia.
# Clonar el proyecto git clone -b https://github.com/todoadmin/vue-vant-charger.git# Instalar dependencias hilo instalar# Desarrollo local Iniciar el proyecto npm run server o hilo servir
# Clonar el proyecto git clone -b https://gitee.com/todoadmin/vue-vant-charger.git# Instalar dependencias hilo instalar# Desarrollo local Iniciar el proyecto npm run server o hilo servir
La siguiente es una introducción a la versión de estación de carga vant-charger.
nombre del título | Versión | describir |
---|---|---|
vista | Un marco progresivo para crear interfaces de usuario. | |
enrutador vue | Enrutamiento de aplicaciones de una sola página | |
vue-cli | Andamio de proyecto | |
axios | Biblioteca de solicitudes de red basada en promesas | |
vant | Biblioteca de componentes basada en el terminal móvil Vant | |
piña | Gestión de estado | |
js-md5 | Cifrado 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
Interfaz
Introducción distribuida CDN de JS/estilos/imágenes
Adopta exclusivamente una interfaz de datos remota API en tiempo real y una interfaz dual de datos local simulada, y puede cambiar libremente de API o simulada.
Múltiples páginas de componentes móviles de alta calidad
El fondo de gestión utiliza la transmisión de datos de la interfaz en tiempo real.
Generación en tiempo real de gráficos dinámicos en pantalla grande para datos visuales
Los datos en tiempo real utilizan la interacción Websocket
Adoptar el patrón API de composición
Utilice la autenticación JWT
Sistema de monitoreo en tiempo real y uso de recursos del servidor
La versión de código abierto de la versión para teléfono móvil de la estación de carga es gratuita para uso comercial.
Compatible multiplataforma con teléfonos móviles, tablets y otros terminales móviles
Autenticación del menú de enrutamiento dinámico
Admite datos de simulación local simulados y datos de simulación remota
Control de permisos de nivel de función del botón de soporte
Admite la recuperación de la lista de estaciones de carga según la prioridad de distancia, la prioridad de buenas críticas, el precio, etc.
Admite activación de membresía VIP
Conexión de soporte al centro comercial de descuento.
Certificación de vehículos de apoyo.
Admite código de escaneo para cargar
Distribución de mapas de soporte de estaciones de carga y pilas de carga.
Admite recarga de pagos de terceros
Admite seguimiento de registros de recarga
Admite seguimiento de registros de registros de carga
Admite el uso conjunto de vales, paquetes de descuento, etc.
Función de devolución de dinero de puntos de soporte
Puede apoyar el desarrollo de modelos de negocio como agentes y distribuidores.
extremo posterior
Versión del lenguaje de interfaz (marco): SpringBoot (2.7.1)
Admite SpringSecurity + JWT y otras autenticaciones
Puede admitir múltiples cambios de bases de datos relacionales de código abierto: MySQL, MariaDB, PostgreSQL
Puede admitir conmutación de bases de datos de memoria múltiple: Redis, Memcached
Clústeres que pueden soportar bases de datos relacionales
Clústeres que pueden admitir bases de datos en memoria
Puede admitir almacenamiento en la nube y distribución CDN de archivos estáticos (imágenes, vídeos, documentos, etc.)
Dirección de demostración de la versión básica de la estación de carga Vue-vant-charger (vue3.2+ admite tabletas y teléfonos móviles)
dirección de github
Dirección de la nube del código Gitee
Consejo: utilice el navegador de su móvil para abrir
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开源协议即可免费商用
Si tienes alguna duda, puedes preguntarla y el autor te la resolverá rápidamente.
Si hay algún problema o error en el proyecto, puede enviar un problema
Navegadores móviles convencionales
IE/borde | Firefox | Cromo | Safari |
---|---|---|---|
IE10/IE11/borde | últimas 2 versiones | últimas 2 versiones | últimas 2 versiones |