代码拉取完成,页面将自动刷新
简体中文
电动车是目前流行的节能环保绿色出行交通工具。充电站像加油站一样,可在街道、社区、车库、停车场等设置。随着充电站的普及,不再因半途没电而烦恼,不再因电量不足而不出远门。
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双接口两种模式自由选择加载数据。
提示:使用手机浏览器打开体验
# 克隆项目
git clone -b https://github.com/todoadmin/vue-vant-charger.git
# 安装依赖
yarn install
# 本地开发 启动项目
npm run serve or yarn serve
# 克隆项目
git clone -b https://gitee.com/todoadmin/vue-vant-charger.git
# 安装依赖
yarn install
# 本地开发 启动项目
npm run serve or yarn serve
以下为vant-charger充电站版本的相关介绍
标题名称 | 版本 | 描述 |
---|---|---|
vue | 构建用户界面的渐进式框架 | |
vue-router | 单页应用程序路由 | |
vue-cli | 项目脚手架 | |
axios | 基于promise的网络请求库 | |
vant | 基于Vant移动端的组件库 | |
pinia | 状态管理 | |
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
前端
后端
提示:请使用手机浏览器打开
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开源协议即可免费商用
以下是截取的是 pro 版的效果图展示:
如果你有任何疑问可以提出,作者会快速处理
如果项目存在任何问题或者Bug,可以提交Issue
移动端主流浏览器
IE/Edge | Firefox | Chrome | Safari |
---|---|---|---|
IE10/IE11/Edge | last 2 versions | last 2 versions | last 2 versions |
多谢每一位支持本项目的人士!
项目(排名不分先后) |
---|
vue |
vant |
pinia |
axios |
此项目可免费用于商业用途,请遵守 MIT 协议并保留作者技术支持声明。
Copyright (c) 2022-present, Todoadmin.com
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。