簡体字中国語
電気自動車は現在、省エネ、環境に優しい、環境に優しい交通手段として人気があります。充電ステーションは、ガソリン スタンドと同様、路上、コミュニティ、ガレージ、駐車場などに設置できます。充電ステーションの普及により、途中で電力が切れてしまう心配もなくなり、電力不足で遠くまで出かける必要もなくなりました。
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 デュアル インターフェイスの 2 つのモードを使用して、データのロードを自由に選択できます。
Vue-vant-charger 基本バージョンのデモ アドレス (vue3.2+ はタブレットと携帯電話をサポート)
ヒント: モバイルブラウザを使用してエクスペリエンスを開きます
# プロジェクトのクローンを作成します git clone -b https://github.com/todoadmin/vue-vant-charger.git# 依存関係をインストール Yarn install# ローカル開発 プロジェクトを開始します npm runserve または Yarnserve
# プロジェクトのクローンを作成します git clone -b https://gitee.com/todoadmin/vue-vant-charger.git# 依存関係をインストールしますyarn install# ローカル開発プロジェクトを開始します npm runserve または Yarnserve
以下はバントチャージャー充電ステーションバージョンの紹介です
タイトル名 | バージョン | 説明する |
---|---|---|
ビュー | ユーザーインターフェイスを構築するための先進的なフレームワーク | |
vueルーター | シングルページアプリケーションルーティング | |
vue-cli | プロジェクトの足場 | |
アクシオス | Promiseベースのネットワークリクエストライブラリ | |
バント | Vantモバイル端末をベースとしたコンポーネントライブラリ | |
ピニア | ステータス管理 | |
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
フロントエンド
JS/スタイル/画像のCDN分散導入
APIリモートリアルタイムデータインターフェースとモックローカルデータデュアルインターフェースを独占的に採用し、APIまたはモックを自由に切り替えることができます
複数の高品質モバイルコンポーネントページ
管理バックグラウンドはリアルタイムインターフェースデータ送信を使用します
ビジュアルデータの大画面ダイナミックチャートのリアルタイム生成
リアルタイム データは Websocket インタラクションを使用します
コンポジション API パターンを採用
JWT認証を使用する
リアルタイム監視システムとサーバーリソースの使用状況
携帯電話版充電ステーションのオープンソース版は商用利用が無料です
携帯電話、タブレット、その他のモバイル端末とのクロスプラットフォーム互換性
ダイナミックルーティングメニュー認証
モックローカルシミュレーションデータとリモートシミュレーションデータをサポート
サポートボタンの機能レベルの許可制御
距離優先、良いレビュー優先、価格などに基づいた充電ステーションのリストの取得をサポートします。
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开源协议即可免费商用
ご質問がある場合は、質問してください。著者がすぐに対応します。
プロジェクトに問題やバグがある場合は、問題を送信できます。
主流のモバイルブラウザ
IE/エッジ | Firefox | クロム | サファリ |
---|---|---|---|
IE10/IE11/エッジ | 過去 2 つのバージョン | 過去 2 つのバージョン | 過去 2 つのバージョン |