تنزيل vue DBM - تنزيل كود مصدر vue DBM

vue DBM

فئات أخرى

V1.0

تنزيل

يلاحظ! تمت إعادة هيكلة هذا المشروع، الإصدار الحالي هو 2.0. بالنسبة للإصدارات الأقدم، يرجى التحقق من الإصدار لتنزيل الإصدار 1.0.

يوضح

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

الواجهة الأمامية لـ DBM عبارة عن تطبيق SPA تم إنشاؤه باستخدام سقالات vue-cli ويعتمد بشكل أساسي على DBM من أجل جعل الفصل بين الواجهة الأمامية والخلفية أكثر اكتمالاً، ستستخدم الواجهة الأمامية Mockjs. محاكاة الاستجابة وفقًا لبروتوكول الواجهة المتفق عليه مع الواجهة الخلفية أثناء التطوير، وإكمال الواجهة على الواجهة الخلفية، بعد الكتابة، استخدم أوامر بدء تشغيل مختلفة لنقل الواجهة الخلفية لإكمال اختبار النظام بأكمله.

إذا كنت تريد أيضًا استخدام vue.js مع لغات الواجهة الخلفية (nodejs وjava وما إلى ذلك) لتطوير تطبيق كامل مع الواجهة الأمامية والخلفية، فقد يشير ذلك إلى تنفيذ مشروع الواجهة الأمامية لـ DBM نكون قادرين على مساعدتك في حل المشاكل التالية

كيفية تحسين إمكانية إعادة استخدام المكونات؟
كيفية استخدام وحدات متعددة في إدارة الدولة؟
كيفية تنفيذ معالجة الأذونات على مستوى الصفحة ومستوى العنصر؟
كيفية اعتراض طلبات HTTP ومحاكاة واجهة المستخدم القائمة على الاستجابة باستخدام Mockjs؟
كيفية استخدام وظيفة التجسيد لتخصيص مكونات الأعمال باستخدام أطر عمل مثل element-ui؟
كيفية تنفيذ التعبئة والتغليف متعدد البيئات، وتحسين كفاءة التعبئة والتغليف، وتقليل حجم التعبئة والتغليف، وما إلى ذلك.

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

التحضير قبل التطوير

يجب أن تحتوي بيئتك المحلية على Nodejs وGit إذا كنت تستخدم git clone. يستخدم هذا المشروع بشكل أساسي vue وvuex وvue-router وelement-ui وaxios وMock.js ومكدسات التكنولوجيا الأخرى، ويمكنك إتقان هذا المشروع بشكل أفضل.

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

نظرة عامة على هيكل المشروع
التخطيط الرئيسي للنظام
التوجيه
إدارة الحالة
إدارة الأذونات
التحكم في التغليف والاستخدام
مزيج في
محاكاة البيانات
تحسين التعبئة والتغليف وتجربة المستخدم

وظيفة الهدف

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

التطوير والإصدار

 # 克隆项目
git clone https://github.com/calebman/vue-DBM.git

# 安装依赖
npm install
   
# 如果下载依赖报错可通过以下方式尝试解决
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

# 浏览器访问
http://localhost:8060

# 打包发布
npm run build

تغيير السجل

انقر هنا لعرض سجل التحديث.

تجريبي

انقر فوقي لعرض العرض التوضيحي

شكر وتقدير

تشير بنية هذا المشروع إلى تنفيذ vue-element-admin ، وقد تم تخصيص مكون الجدول وتعديله بناءً على vue-easytable ، وأود أن أشكر مؤلفي المشروع PanJiaChen وhuangshuwei.