Descarga DncVueSample - Descarga del código fuente DncVueSample

DncVueSample

Otras categorias

1.0.0

Descargar

Acerca de DncVueSample

VncVueSample es lanzado por CodeDefault.com (https://codefault.com) y proporciona soporte de actualización.

Autor:Rector

Dirección de demostración: https://codefault.github.io/DncVueSample/

DncVueSample: es una plantilla de sistema de gestión back-end basada en el marco front-end Vue.js + iview. Es adecuada para el desarrollo back-end de sistemas de gestión como OA, CRM y CMS.

Introducción a la plantilla

Información de versión

La información de versión de los componentes de los que depende actualmente DncVueSample es la siguiente:

Vue.js: 2.5.17 iview: 3.1.0

Diseño y menú

Esta plantilla se presenta con un menú a la izquierda y un panel de operaciones a la derecha. El árbol de menú de la izquierda actualmente admite menús de dos niveles y el árbol de menú está definido en formato JSON. Entre ellos, los elementos del menú admiten opciones como la especificación de iconos, direcciones de enlaces de menú y atributos de configuración detallados como:

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

El menú de la izquierda admite el colapso y la expansión. Cuando el menú está en estado de colapso, solo se muestran los íconos de los elementos del menú. Esto hace que la interfaz de operación horizontal de todo el sistema sea más amplia y el efecto de visualización de datos será mejor.

pestaña

El área de operación de la derecha es cada interfaz de operación abierta con una pestaña (iframe), y cada página de pestaña es una página independiente.

A medida que se hace clic en cada pestaña, el menú de la izquierda rastrea automáticamente el menú abierto actualmente.

Al cambiar de pestaña, admite el cambio de efectos de animación y la experiencia visual es muy buena.

Conclusión

DncVueSample es una plantilla de sistema de administración de backend estática minimalista basada en Vue.js + iview. Es solo un prototipo de interfaz de usuario de una plantilla de sistema de administración de backend y no involucra funciones del sistema. Sin embargo, como dice el refrán, "un gorrión es pequeño pero tiene. todos los órganos internos", se elige DncVueSample como plantilla. La plantilla inicial del sistema de gestión backend puede ayudar a los usuarios a comenzar rápidamente a construir el marco de interfaz de usuario del proyecto.

Nota: DncVueSample actualmente no está adaptado a dispositivos móviles y navegadores antiguos por debajo de IE10, así que utilice un navegador moderno en su dispositivo PC para obtener una vista previa y usarlo.