Download DncVueSample - Download do código-fonte DncVueSample

DncVueSample

Outras categorias

1.0.0

Baixar

Sobre DncVueSample

VncVueSample é lançado por CodeDefault.com (https://codedefault.com) e fornece suporte de atualização.

Autor:Reitor

Endereço de demonstração: https://codedefault.github.io/DncVueSample/

DncVueSample: É um modelo de sistema de gerenciamento back-end baseado na estrutura front-end Vue.js + iview. É adequado para o desenvolvimento back-end de sistemas de gerenciamento como OA, CRM e CMS.

Introdução ao modelo

Informações de versão

As informações de versão dos componentes dos quais o DncVueSample depende atualmente são as seguintes:

Vue.js: 2.5.17 visualização: 3.1.0

Layout e cardápio

Este modelo é apresentado com um menu à esquerda e um painel de operação à direita. A árvore de menu à esquerda atualmente suporta menus de dois níveis e a árvore de menu é definida no formato JSON. Entre eles, os itens de menu oferecem suporte a opções como especificação de ícones, endereços de links de menu e atributos de configuração detalhados, 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"
        }
    ]
}

O menu esquerdo suporta o recolhimento e a expansão. Quando o menu está no estado recolhido, apenas os ícones dos itens do menu são exibidos. Isso torna a interface de operação horizontal de todo o sistema e o efeito de exibição de dados será melhor.

guia

A área de operação à direita é cada interface de operação aberta com uma aba (iframe), e cada aba é uma página independente.

À medida que cada guia é clicada, o menu esquerdo segue automaticamente para o menu aberto no momento.

Ao alternar entre guias, ele suporta a troca de efeitos de animação e a experiência visual é muito boa.

Conclusão

DncVueSample é um modelo de sistema de gerenciamento de backend estático minimalista baseado em Vue.js + iview. É apenas um protótipo de UI de um modelo de sistema de gerenciamento de backend e não envolve funções de sistema. todos os órgãos internos", DncVueSample é escolhido como modelo. O modelo inicial do sistema de gerenciamento de back-end pode ajudar os usuários a começar a construir rapidamente a estrutura de UI do projeto.

Nota: DncVueSample atualmente não está adaptado para dispositivos móveis e navegadores antigos abaixo do IE10, portanto, use um navegador moderno em seu dispositivo PC para visualizá-lo e usá-lo.