DncVueSample Download – Download DncVueSample Quellcodes

DncVueSample

Andere Kategorien

1.0.0

Herunterladen

Über DncVueSample

VncVueSample wird von CodeDefault.com (https://codedefault.com) veröffentlicht und bietet Update-Unterstützung.

Autor:Rektor

Demo-Adresse: https://codedefault.github.io/DncVueSample/

DncVueSample: Es handelt sich um eine Back-End-Managementsystem-Vorlage, die auf dem Front-End-Framework Vue.js + iview basiert. Sie eignet sich für die Back-End-Entwicklung von Managementsystemen wie OA, CRM und CMS.

Einführung in die Vorlage

Versionsinformationen

Die Versionsinformationen der Komponenten, von denen DncVueSample derzeit abhängt, lauten wie folgt:

Vue.js: 2.5.17 iview: 3.1.0

Layout und Menü

Diese Vorlage ist mit einem Menü auf der linken Seite und einem Bedienfeld auf der rechten Seite aufgebaut. Der linke Menübaum unterstützt derzeit zweistufige Menüs und der Menübaum ist im JSON-Format definiert. Unter anderem unterstützen Menüelemente Optionen wie die Angabe von Symbolen, Menü-Link-Adressen und detaillierte Konfigurationsattribute wie:

 {
    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"
        }
    ]
}

Das linke Menü unterstützt das Reduzieren und Erweitern. Wenn sich das Menü im Reduzierzustand befindet, werden nur die Symbole der Menüelemente angezeigt. Dadurch wird die horizontale Bedienoberfläche des gesamten Systems breiter und der Datenanzeigeeffekt wird verbessert.

Tab

Der Betriebsbereich auf der rechten Seite ist jede Betriebsschnittstelle, die mit einer Registerkarte (Iframe) geöffnet wird, und jede Registerkartenseite ist eine unabhängige Seite.

Wenn auf die einzelnen Registerkarten geklickt wird, folgt das linke Menü automatisch dem aktuell geöffneten Menü.

Beim Wechseln der Registerkarten wird das Wechseln der Animationseffekte unterstützt und das visuelle Erlebnis ist sehr gut.

Abschluss

DncVueSample ist eine minimalistische statische Backend-Managementsystem-Vorlage, die auf Vue.js + iview basiert. Es handelt sich lediglich um eine Prototyp-Benutzeroberfläche einer Backend-Managementsystem-Vorlage, die jedoch keine Systemfunktionen umfasst „Alle inneren Organe“, DncVueSample wird als Vorlage ausgewählt. Die anfängliche Vorlage des Backend-Managementsystems kann Benutzern dabei helfen, schnell mit dem Aufbau des UI-Frameworks des Projekts zu beginnen.

Hinweis: DncVueSample ist derzeit nicht für mobile Geräte und alte Browser unter IE10 geeignet. Verwenden Sie daher bitte einen modernen Browser auf Ihrem PC-Gerät, um eine Vorschau anzuzeigen und es zu verwenden.