Cina Sederhana
Kendaraan listrik saat ini menjadi alat transportasi populer yang hemat energi, ramah lingkungan, dan ramah lingkungan. Stasiun pengisian daya, seperti pompa bensin, dapat didirikan di jalan, komunitas, garasi, tempat parkir, dll. Dengan popularitas stasiun pengisian daya, Anda tidak perlu lagi khawatir kehabisan daya di tengah jalan, dan tidak perlu lagi melakukan perjalanan jauh karena daya yang tidak mencukupi.
versi vue-vant-charger: Ini adalah template backend manajemen terintegrasi dan solusi ponsel. Proyek ini menggunakan bahasa skrip TS dan didasarkan pada Vue 3.2+/Vue-cli 5.0+/Vue-router 4.0+, Axios0.2.7+, Vant 3.5+, Pinia 2.0+ dikombinasikan dengan Mockjs, dll., proyek ini didasarkan pada Komposisi Itu ditulis dalam gaya API dan menggunakan dua mode: antarmuka API jarak jauh dan antarmuka ganda Mock lokal untuk secara bebas memilih untuk memuat data.
Alamat demo versi dasar Vue-vant-charger (vue3.2+ mendukung tablet dan ponsel)
Tip: Gunakan browser seluler Anda untuk membuka pengalaman
# Mengkloning proyek git clone -b https://github.com/todoadmin/vue-vant-charger.git# Instal dependensi Yarn Install# Pengembangan lokal Mulai proyek npm run serve atau Yarn Serve
# Mengkloning proyek git clone -b https://gitee.com/todoadmin/vue-vant-charger.git# Instal dependensi Yarn Install# Pengembangan lokal Mulai proyek npm run serve atau Yarn Serve
Berikut ini adalah pengenalan versi stasiun pengisian daya vant-charger
nama judul | Versi | menggambarkan |
---|---|---|
vue | Kerangka kerja progresif untuk membangun antarmuka pengguna | |
vue-router | Perutean aplikasi satu halaman | |
vue-cli | Perancah proyek | |
aksio | Pustaka permintaan jaringan berbasis janji | |
vant | Perpustakaan komponen berdasarkan terminal seluler Vant | |
pinia | Manajemen status | |
js-md5 | Enkripsi 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
ujung depan
CDN mendistribusikan pengenalan JS/styles/images
Secara eksklusif mengadopsi antarmuka data real-time jarak jauh API dan antarmuka ganda data lokal Mock, dan dapat dengan bebas mengganti API atau Mock
Beberapa halaman komponen seluler berkualitas tinggi
Latar belakang manajemen menggunakan transmisi data antarmuka waktu nyata
Pembuatan grafik dinamis layar besar secara real-time untuk data visual
Data waktu nyata menggunakan interaksi Websocket
Mengadopsi pola API Komposisi
Gunakan otentikasi JWT
Sistem pemantauan real-time & penggunaan sumber daya server
Versi sumber terbuka dari stasiun pengisian daya versi ponsel gratis untuk penggunaan komersial
Kompatibel lintas platform dengan ponsel, tablet, dan terminal seluler lainnya
Otentikasi menu perutean dinamis
Mendukung data simulasi lokal tiruan dan data simulasi jarak jauh
Kontrol izin tingkat fungsi tombol dukungan
Mendukung pengambilan daftar stasiun pengisian daya berdasarkan prioritas jarak, prioritas ulasan bagus, harga, dll.
Mendukung aktivasi keanggotaan VIP
Mendukung koneksi ke mal diskon
Mendukung sertifikasi kendaraan
Mendukung kode pemindaian untuk pengisian daya
Mendukung distribusi peta stasiun pengisian dan tumpukan pengisian daya
Mendukung pengisian ulang pembayaran pihak ketiga
Mendukung pelacakan log catatan isi ulang
Mendukung pelacakan log catatan pengisian daya
Mendukung penggunaan bersama voucher, paket diskon, dll.
Mendukung fungsi cashback poin
Dapat mendukung pengembangan model bisnis seperti agen dan distributor
bagian belakang
Versi bahasa antarmuka (kerangka): SpringBoot (2.7.1)
Mendukung SpringSecurity + JWT dan otentikasi lainnya
Dapat mendukung beberapa peralihan basis data relasional sumber terbuka: MySQL, MariaDB, PostgreSQL
Dapat mendukung peralihan basis data beberapa memori: Redis, Memcached
Cluster yang dapat mendukung database relasional
Cluster yang dapat mendukung database dalam memori
Dapat mendukung penyimpanan cloud dan distribusi CDN file statis (gambar, video, dokumen, dll.)
Alamat demo versi dasar stasiun pengisian daya Vue-vant-charger (vue3.2+ mendukung tablet dan ponsel)
Alamat Github
Alamat cloud kode Gitee
Tip: Silakan gunakan browser seluler Anda untuk membukanya
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开源协议即可免费商用
Jika Anda memiliki pertanyaan, Anda dapat menanyakannya dan penulis akan menjawabnya dengan cepat
Jika ada masalah atau bug pada proyek, Anda dapat menyampaikan Masalah
Browser seluler arus utama
YAITU/Tepi | Firefox | krom | Safari |
---|---|---|---|
IE10/IE11/Tepi | 2 versi terakhir | 2 versi terakhir | 2 versi terakhir |