Загрузка 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 iview: 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, который поможет пользователям быстро приступить к построению UI-фреймворка проекта.

Примечание. DncVueSample в настоящее время не адаптирован для мобильных устройств и старых браузеров ниже IE10, поэтому для предварительного просмотра и использования используйте современный браузер на своем ПК.