Download vue vant charger - download do código-fonte vue vant charger

vue vant charger

Outras categorias

1.0.0

Baixar

Chinês simplificado

TodoAdmin|vue-vant-charger (estação de carregamento)

Os veículos elétricos são atualmente um meio de transporte popular que economiza energia, é ecológico e ecológico. Postos de recarga, assim como postos de gasolina, podem ser instalados em ruas, comunidades, garagens, estacionamentos, etc. Com a popularidade das estações de carregamento, você não precisa mais se preocupar em ficar sem energia no meio do caminho e não precisa mais viajar para muito longe por falta de energia.

Versão vue-vant-charger: É um modelo de back-end de gerenciamento integrado e solução de telefone móvel. O projeto usa linguagem de script TS e é baseado em Vue 3.2+/Vue-cli 5.0+/Vue-router 4.0+, Axios0.2.7+,. Vant 3.5+, Pinia 2.0+ combinado com Mockjs, etc., o projeto é baseado em Composição Ele é escrito no estilo API e usa dois modos: interface API remota e interface dupla simulada local para escolher livremente o carregamento de dados.

Endereço de demonstração de experiência

Endereço de demonstração da versão básica da base Vue-vant-charger (vue3.2 + suporta tablets e telefones celulares)

Dica: use o navegador do seu celular para abrir a experiência

Clone o projeto vue-vant-charger e clique para visitar o repositório Github

 # Clone o projeto git clone -b https://github.com/todoadmin/vue-vant-charger.git# Instale dependências yarn install# Desenvolvimento local Inicie o projeto npm run serve ou yarn serve

Clone o projeto vue-vant-charger e clique para visitar o repositório Gitee

 # Clone o projeto git clone -b https://gitee.com/todoadmin/vue-vant-charger.git# Instale dependências yarn install# Desenvolvimento local Inicie o projeto npm run serve ou yarn serve

A seguir está uma introdução à versão da estação de carregamento vant-charger

Lista de plug-ins ecológicos do projeto [dependência]

nome do título	Versão	descrever
verdade		Uma estrutura progressiva para a construção de interfaces de usuário
roteador vue		Roteamento de aplicativos de página única
vue-cli		Andaimes de projeto
eixos		Biblioteca de solicitação de rede baseada em promessa
vantagem		Biblioteca de componentes baseada no terminal móvel Vant
pinia		Gerenciamento de status
js-md5		Criptografia MD5

Instalação do projeto (depende da instalação)

yarn install

Execute o ambiente de desenvolvimento

yarn serve

Embalagem do ambiente de produção

yarn build

arquivo de reparo

npm run lint

Arquivo de configuração

#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

Introdução às funções front-end e back-end

front-end

Introdução distribuída por CDN de JS/styles/images
Adota exclusivamente interface de dados remotos em tempo real API e interface dupla de dados locais simulados, e pode alternar livremente entre API ou Simulado
Várias páginas de componentes móveis de alta qualidade
O histórico de gerenciamento usa transmissão de dados de interface em tempo real
Geração em tempo real de gráficos dinâmicos em tela grande para dados visuais
Dados em tempo real usam interação Websocket
Adote o padrão Composition API
Usar autenticação JWT
Sistema de monitoramento em tempo real e uso de recursos do servidor
A versão de código aberto da versão para celular da estação de carregamento é gratuita para uso comercial
Compatível com várias plataformas com telefones celulares, tablets e outros terminais móveis
Autenticação de menu de roteamento dinâmico
Suporta dados simulados de simulação local e dados de simulação remota
Controle de permissão de nível de função de botão de suporte
Suporta a recuperação da lista de estações de carregamento com base na prioridade de distância, prioridade de boas avaliações, preço, etc.
Apoie a ativação da associação VIP
Conexão de suporte ao shopping de descontos
Certificação de veículos de apoio
Suporte para digitalização de código para carregamento
Apoie a distribuição de mapas de estações de carregamento e pilhas de carregamento
Suporta recarga de pagamento de terceiros
Suporte para rastreamento de registro de registro de recarga
Suporte para rastreamento de registro de registro de cobrança
Suporta a utilização conjunta de vouchers, pacotes de descontos, etc.
Função de reembolso de pontos de suporte
Pode apoiar o desenvolvimento de modelos de negócios, como agentes e distribuidores

extremidade traseira

Versão da linguagem de interface (estrutura): SpringBoot (2.7.1)
Suporte SpringSecurity + JWT e outras autenticações
Pode suportar múltiplas trocas de bancos de dados relacionais de código aberto: MySQL, MariaDB, PostgreSQL
Pode suportar comutação de banco de dados de memória múltipla: Redis, Memcached
Clusters que podem suportar bancos de dados relacionais
Clusters que podem suportar bancos de dados na memória
Pode suportar armazenamento em nuvem e distribuição CDN de arquivos estáticos (fotos, vídeos, documentos, etc.)

Endereço de demonstração e endereço de armazém

Endereço de demonstração da versão básica da estação de carregamento Vue-vant-charger (vue3.2 + suporta tablets e telefones celulares)
Endereço do Github
Endereço da nuvem do código Gitee

Dica: use o navegador do seu celular para abrir

Vantagens e Notas

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开源协议即可免费商用