vue vant charger
1.0.0
Chinois simplifié
Les véhicules électriques sont actuellement un moyen de transport populaire, économe en énergie, respectueux de l’environnement et écologique. Les bornes de recharge, comme les stations-service, peuvent être installées dans les rues, les communautés, les garages, les parkings, etc. Avec la popularité des bornes de recharge, vous n'avez plus à craindre de manquer d'énergie à mi-chemin, et vous n'avez plus à voyager loin en raison d'une puissance insuffisante.
Version vue-vant-charger : Il s'agit d'un modèle de backend de gestion intégré et d'une solution de téléphonie mobile. Le projet utilise le langage de script TS et est basé sur Vue 3.2+/Vue-cli 5.0+/Vue-router 4.0+, Axios0.2.7+, Vant 3.5+, Pinia 2.0+ combiné avec Mockjs, etc., le projet est basé sur Composition Il est écrit dans le style API et utilise deux modes : une interface API distante et une double interface Mock locale pour choisir librement de charger des données.
Adresse de démonstration de la version de base de Vue-vant-charger (vue3.2+ prend en charge les tablettes et les téléphones mobiles)
Astuce : utilisez votre navigateur mobile pour ouvrir l'expérience
# Cloner le projet git clone -b https://github.com/todoadmin/vue-vant-charger.git# Installer les dépendances fil install# Développement local Démarrer le projet npm run servir ou fil servir
# Cloner le projet git clone -b https://gitee.com/todoadmin/vue-vant-charger.git# Installer les dépendances fil install# Développement local Démarrer le projet npm run servir ou fil servir
Ce qui suit est une introduction à la version de la station de recharge vant-charger
| nom du titre | Version | décrire |
|---|---|---|
| vue | Un cadre progressif pour créer des interfaces utilisateur | |
| vue-routeur | Routage des candidatures sur une seule page | |
| vue-cli | Échafaudage de projet | |
| axios | Bibliothèque de requêtes réseau basée sur des promesses | |
| avant | Bibliothèque de composants basée sur le terminal mobile Vant | |
| pinia | Gestion des statuts | |
| js-md5 | Cryptage 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
l'extrémité avant
Introduction distribuée CDN de JS/styles/images
Adopte exclusivement l'interface de données en temps réel à distance API et la double interface de données locales Mock, et peut librement changer d'API ou de Mock
Plusieurs pages de composants mobiles de haute qualité
L'arrière-plan de gestion utilise la transmission de données d'interface en temps réel
Générez des graphiques dynamiques sur grand écran de données visuelles en temps réel
Les données en temps réel utilisent l'interaction Websocket
Adopter le modèle d'API de composition
Utiliser l'authentification JWT
Système de surveillance en temps réel et utilisation des ressources du serveur
La version open source de la borne de recharge pour téléphone portable est gratuite pour un usage commercial
Multiplateforme compatible avec les téléphones mobiles, tablettes et autres terminaux mobiles
Authentification du menu de routage dynamique
Prise en charge des données de simulation locales simulées et des données de simulation à distance
Contrôle d'autorisation au niveau de la fonction du bouton de support
Prend en charge la récupération de la liste des bornes de recharge en fonction de la priorité de distance, de la priorité des bons avis, du prix, etc.
Prise en charge de l'activation de l'adhésion VIP
Prise en charge de la connexion au centre commercial discount
Certification des véhicules de soutien
Prise en charge du code de numérisation pour le chargement
Prise en charge de la répartition cartographique des bornes de recharge et des bornes de recharge
Prise en charge de la recharge par paiement tiers
Prise en charge du suivi du journal d'enregistrement de recharge
Prise en charge du suivi du journal d'enregistrement de charge
Prend en charge l'utilisation conjointe de bons d'achat, de forfaits de réduction, etc.
Fonction de cashback des points d'assistance
Peut soutenir le développement de modèles commerciaux tels que les agents et les distributeurs
extrémité arrière
Version du langage d'interface (framework) : SpringBoot (2.7.1)
Prise en charge de SpringSecurity + JWT et d'autres authentifications
Peut prendre en charge plusieurs commutations de bases de données relationnelles open source : MySQL, MariaDB, PostgreSQL
Peut prendre en charge la commutation de plusieurs bases de données mémoire : Redis, Memcached
Clusters pouvant prendre en charge les bases de données relationnelles
Clusters pouvant prendre en charge les bases de données en mémoire
Peut prendre en charge le stockage cloud et la distribution CDN de fichiers statiques (images, vidéos, documents, etc.)
Adresse de démonstration de la version de base de la station de recharge Vue-vant-charger (vue3.2+ prend en charge les tablettes et les téléphones mobiles)
Adresse GitHub
Adresse du cloud de code du gîte
Astuce : Veuillez utiliser votre navigateur mobile pour ouvrir
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 vous avez des questions, vous pouvez les poser et l'auteur y répondra rapidement
S'il y a des problèmes ou des bugs dans le projet, vous pouvez soumettre un problème
Navigateurs mobiles grand public
| IE/Bord | Firefox | Chrome | Safari |
|---|---|---|---|
| IE10/IE11/Bord | les 2 dernières versions | les 2 dernières versions | les 2 dernières versions |
