简约不简单的移动端充电桩项目开源,vue+vant+springboot

电动车是目前流行的节能环保绿色出行的交通工具。充电站如加油站一样,可在街道、社区、车库、停车场等设置安装。随着充电站充电桩的普及,电动车不再因半途没电而烦恼,不再因电量不足而不出远门。

简约不简单的移动端充电桩项目开源,vue+vant+springboot

vue vant charger spingboot 充电桩 充电站vue-admin admin后台

简约不简单的移动端充电桩项目开源,vue+vant+springboot

vue vant charger spingboot 充电桩 充电站vue-admin admin后台

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双接口两种模式自由选择加载数据。后端采用SpringBoot2.7.1框架支持SpringSecurity+JWT认证。

Demo体验地址(支持手机、平板)

提示:使用手机浏览器打开体验 https://charger.todoadmin.com/home

克隆Github仓库 vue-vant-charger 项目

Github项目地址:https://github.com/todoadmin/vue-vant-charger
# 克隆项目
git clone -b  https://github.com/todoadmin/vue-vant-charger.git
# 安装依赖
yarn install
# 本地开发 启动项目
npm run serve     or     yarn serve

#克隆Gitee仓库 vue-vant-charger 项目

Gitee项目地址:https://gitee.com/todoadmin/vue-vant-charger
# 克隆项目
git clone -b  https://gitee.com/todoadmin/vue-vant-charger.git
# 安装依赖
yarn install
# 本地开发 启动项目
npm run serve     or     yarn serve

以下为vue-vant-charger充电站版本的相关介绍

#项目生态插件【依赖】列表

标题名称

版本

描述

vue

3.2.36

构建用户界面的渐进式框架

vue-router

4.0.15

单页应用程序路由

vue-cli

5.0.1

项目脚手架

axios

0.2.7

基于promise的网络请求库

vant

3.5.2

基于Vant移动端的组件库

pinia

2.0.14

状态管理

js-md5

0.7.3

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交互
  • 采用Composition API模式
  • 采用JWT 认证
  • 实时监控系统&服务器资源使用
  • 充电站手机端开源版本可免费商用
  • 跨平台 手机端、平板等移动端兼容
  • 动态路由菜单认证
  • 支持mock本地模拟数据和远程模拟数据
  • 支持按钮功能级别的权限控制
  • 支持根据距离优先、好评优先、价格等检索充电站列表
  • 支持VIP会员开通
  • 支持连接优惠商城
  • 支持车辆认证
  • 支持扫码充电
  • 支持充电站、充电桩地图分布
  • 支持第三方支付充值
  • 支持充值记录日志追查
  • 支持充电记录日志追查
  • 支持代金券、优惠套餐等联合使用
  • 支持积分返现功能
  • 可以支持代理商、分销商等经营模式开发

后端

  • 接口语言(框架)版本:SpringBoot (2.7.1)
  • 支持SpringSecurity + JWT等认证
  • 可支持多种开源关系数据库切换:MySQL、MariaDB、PostgreSQL
  • 可支持多种内存数据库切换:Redis、Memcached
  • 可支持关系型数据库的集群
  • 可支持内存型数据库的集群
  • 可支持静态文件(图片、视频、文档等)云存储和CDN分发

效果图预览

以下是截取的效果图展示:

简约不简单的移动端充电桩项目开源,vue+vant+springboot

vue vant charger spingboot 充电桩 充电站vue-admin admin后台

简约不简单的移动端充电桩项目开源,vue+vant+springboot

vue vant charger spingboot 充电桩 充电站vue-admin admin后台

简约不简单的移动端充电桩项目开源,vue+vant+springboot

vue vant charger spingboot 充电桩 充电站vue-admin admin后台

发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章