الصفحة الرئيسية>PHP كود المصدر>فئات أخرى
تنزيل

الصينية المبسطة

TodoAdmin|vue-vant-charger (محطة الشحن)

تعد السيارات الكهربائية حاليًا وسيلة نقل شائعة وموفرة للطاقة وصديقة للبيئة وصديقة للبيئة. يمكن إنشاء محطات الشحن، مثل محطات الوقود، في الشوارع والمجتمعات والجراجات ومواقف السيارات وما إلى ذلك. مع شعبية محطات الشحن، لم يعد هناك ما يدعو للقلق بشأن نفاد الطاقة في منتصف الطريق، ولم يعد عليك السفر بعيدًا بسبب عدم كفاية الطاقة.

إصدار 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، وما إلى ذلك، يعتمد المشروع على التركيب إنه مكتوب بأسلوب API ويستخدم وضعين: واجهة API البعيدة وواجهة Mock المزدوجة المحلية لاختيار تحميل البيانات بحرية.

تجربة العنوان التجريبي

  • العنوان التجريبي للإصدار الأساسي لقاعدة Vue-vant-charger (vue3.2+ يدعم الأجهزة اللوحية والهواتف المحمولة)

نصيحة: استخدم متصفح هاتفك المحمول لفتح التجربة

قم باستنساخ مشروع vue-vant-charger وانقر لزيارة مستودع Github

 # استنساخ المشروع git clone -b https://github.com/todoadmin/vue-vant-charger.git# تثبيت التبعيات الغزل تثبيت # التطوير المحلي بدء المشروع npm تشغيل خدمة أو خدمة الغزل

قم باستنساخ مشروع vue-vant-charger وانقر لزيارة مستودع Gitee

 # استنساخ المشروع git clone -b https://gitee.com/todoadmin/vue-vant-charger.git# تثبيت التبعيات الغزل تثبيت # التطوير المحلي بدء المشروع npm تشغيل خدمة أو خدمة الغزل

فيما يلي مقدمة لإصدار محطة شحن الشاحن

قائمة المكونات الإضافية للمشروع البيئي [التبعية].

اسم العنوان إصدار يصف
vue
 إطار تقدمي لبناء واجهات المستخدم
vue-router
 توجيه تطبيق صفحة واحدة
vue-cli
 سقالات المشروع
أكسيوس
 مكتبة طلبات الشبكة المستندة إلى الوعد
فانت
 مكتبة المكونات المعتمدة على محطة Vant المتنقلة
بينيا
 إدارة الحالة
شبيبة-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/styles/images

  • يعتمد حصريًا واجهة API للبيانات في الوقت الفعلي عن بعد والواجهة المزدوجة للبيانات المحلية Mock، ويمكنه تبديل API أو Mock بحرية

  • صفحات مكونات متنقلة متعددة عالية الجودة

  • تستخدم خلفية الإدارة نقل بيانات الواجهة في الوقت الفعلي

  • قم بإنشاء مخططات ديناميكية على شاشة كبيرة للبيانات المرئية في الوقت الفعلي

  • تستخدم البيانات في الوقت الفعلي تفاعل Websocket

  • اعتماد نمط واجهة برمجة التطبيقات للتأليف

  • استخدم مصادقة JWT

  • نظام المراقبة في الوقت الحقيقي واستخدام موارد الخادم

  • الإصدار المفتوح المصدر لمحطة شحن الهاتف المحمول مجاني للاستخدام التجاري

  • منصة مشتركة متوافقة مع الهواتف المحمولة والأجهزة اللوحية والمحطات المتنقلة الأخرى

  • مصادقة قائمة التوجيه الديناميكية

  • دعم بيانات المحاكاة المحلية الوهمية وبيانات المحاكاة عن بعد

  • دعم زر التحكم في مستوى إذن الوظيفة

  • يدعم استرجاع قائمة محطات الشحن بناءً على أولوية المسافة وأولوية المراجعات الجيدة والسعر وما إلى ذلك.

  • دعم تفعيل عضوية VIP

  • دعم الاتصال بمركز الخصم

  • دعم شهادة السيارة

  • دعم رمز المسح للشحن

  • دعم خريطة توزيع محطات الشحن وأكوام الشحن

  • دعم إعادة شحن الدفع من طرف ثالث

  • دعم تتبع سجل سجل إعادة الشحن

  • دعم تتبع سجل سجل الشحن

  • يدعم الاستخدام المشترك للقسائم وحزم الخصم وما إلى ذلك.

  • وظيفة استرداد النقود نقاط الدعم

  • يمكن أن يدعم تطوير نماذج الأعمال مثل الوكلاء والموزعين

نهاية الطريق

  • إصدار لغة الواجهة (الإطار): SpringBoot (2.7.1)

  • دعم SpringSecurity + JWT والمصادقة الأخرى

  • يمكن أن يدعم تبديل قواعد البيانات الارتباطية المتعددة مفتوحة المصدر: MySQL، وMariaDB، وPostgreSQL

  • يمكن أن يدعم تبديل قاعدة بيانات الذاكرة المتعددة: Redis وMemcached

  • المجموعات التي يمكنها دعم قواعد البيانات العلائقية

  • المجموعات التي يمكنها دعم قواعد البيانات في الذاكرة

  • يمكن أن يدعم التخزين السحابي وتوزيع CDN للملفات الثابتة (الصور ومقاطع الفيديو والمستندات وما إلى ذلك)

العنوان التجريبي وعنوان المستودع

  • العنوان التجريبي للإصدار الأساسي لمحطة شحن Vue-vant-charger (vue3.2+ يدعم الأجهزة اللوحية والهواتف المحمولة)

  • عنوان جيثب

  • عنوان سحابة كود 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开源协议即可免费商用

اطرح سؤالاً

إذا كانت لديك أي أسئلة، يمكنك طرحها وسيتعامل معها المؤلف بسرعة

تقديم المشكلة

إذا كان هناك أي مشاكل أو أخطاء في المشروع، يمكنك تقديم مشكلة

متصفح الجوال

متصفحات الجوال السائدة

آي إي/إيدج فايرفوكس الكروم سفاري
IE10/IE11/الحافة الإصدارين الأخيرين الإصدارين الأخيرين الإصدارين الأخيرين
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل