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

DncVueSample

فئات أخرى

1.0.0

تنزيل

حول DncVueSample

تم إصدار VncVueSample بواسطة CodeDefault.com (https://codedefault.com) ويوفر دعمًا للتحديث.

المؤلف: رئيس الجامعة

العنوان التجريبي: https://codedefault.github.io/DncVueSample/

DncVueSample: هو قالب نظام إدارة خلفي يعتمد على إطار عمل الواجهة الأمامية Vue.js + iview، وهو مناسب للتطوير الخلفي لأنظمة الإدارة مثل OA وCRM وCMS.

مقدمة القالب

معلومات الإصدار

معلومات إصدار المكونات التي يعتمد عليها DncVueSample حاليًا هي كما يلي:

Vue.js: 2.5.17 آي فيو: 3.1.0

التخطيط والقائمة

تم تصميم هذا القالب بقائمة على اليسار ولوحة تشغيل على اليمين. تدعم شجرة القائمة اليسرى حاليًا قوائم ذات مستويين، ويتم تعريف شجرة القائمة بتنسيق JSON. من بينها، تدعم عناصر القائمة خيارات مثل تحديد الرموز وعناوين ارتباط القائمة وسمات التكوين التفصيلية مثل:

 {
    title:"用户及授权",
    name:"1",
    icon:"logo-apple",
    menuItem:[
        {
            label:"用户管理",
            name:"1-1",
            href:"/account/user/list",
            icon:"logo-apple"
        },
        {
            label:"资源管理",
            name:"1-2",
            href:"/account/resource/list",
            icon:"logo-windows"
        },
        {
            label:"角色管理",
            name:"1-3",
            href:"/account/role/list",
            icon:"logo-tux"
        }
    ]
}

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

فاتورة غير مدفوعة

منطقة التشغيل على اليمين هي كل واجهة تشغيل مفتوحة بعلامة تبويب (iframe)، وكل صفحة علامة تبويب هي صفحة مستقلة.

عند النقر على كل علامة تبويب، تتعقب القائمة اليسرى تلقائيًا القائمة المفتوحة حاليًا.

عند تبديل علامات التبويب، فهو يدعم تبديل تأثيرات الرسوم المتحركة، والتجربة المرئية جيدة جدًا.

خاتمة

DncVueSample هو قالب نظام إدارة خلفي ثابت مبسط يعتمد على Vue.js + iview وهو مجرد نموذج أولي لواجهة المستخدم لقالب نظام إدارة الواجهة الخلفية ولا يتضمن وظائف النظام، ومع ذلك، كما يقول المثل، "العصفور صغير ولكنه يحتوي على جميع الأجهزة الداخلية"، تم اختيار DncVueSample كقالب. يمكن للقالب الأولي لنظام إدارة الواجهة الخلفية أن يساعد المستخدمين على البدء بسرعة في إنشاء إطار عمل واجهة المستخدم للمشروع.

ملاحظة: لا يتم تكييف DncVueSample حاليًا مع الأجهزة المحمولة والمتصفحات القديمة التي تقل عن IE10، لذا يرجى استخدام متصفح حديث على جهاز الكمبيوتر الخاص بك لمعاينته واستخدامه.