簡體中文
電動車是目前流行的節能環保綠色出行交通工具。充電站像加油站一樣,可在街道、社區、車庫、停車場等設置。隨著充電站的普及,不再因半途沒電而煩惱,不再因電力不足而不出遠門。
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雙介面兩種模式自由選擇載入資料。
Vue-vant-charger base基本版版演示地址(vue3.2+ 支援平板、手機)
提示:使用手機瀏覽器開啟體驗
# 複製專案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
前端
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-charger充電站基本版演示地址(vue3.2+ 支援平板、手機)
Github 位址
Gitee 碼雲端位址
提示:請使用手機瀏覽器開啟
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开源协议即可免费商用
如果你有任何疑問可以提出,作者會快速處理
如果專案有任何問題或Bug,可以提交Issue
行動端主流瀏覽器
IE/Edge | Firefox | Chrome | Safari |
---|---|---|---|
IE10/IE11/Edge | last 2 versions | last 2 versions | last 2 versions |