Téléchargement DncVueSample - Téléchargement du code source DncVueSample

DncVueSample

Autres catégories

1.0.0

Télécharger

À propos de DncVueSample

VncVueSample est publié par CodeDefault.com (https://codedefault.com) et fournit une prise en charge des mises à jour.

Auteur:Recteur

Adresse de démonstration : https://codedefault.github.io/DncVueSample/

DncVueSample : Il s'agit d'un modèle de système de gestion back-end basé sur le framework front-end Vue.js + iview. Il convient au développement back-end de systèmes de gestion tels que OA, CRM et CMS.

Présentation du modèle

Informations sur les versions

Les informations de version des composants dont dépend actuellement DncVueSample sont les suivantes :

Vue.js : 2.5.17 iview : 3.1.0

Disposition et menu

Ce modèle est présenté avec un menu à gauche et un panneau de commande à droite. L'arborescence de menus de gauche prend actuellement en charge les menus à deux niveaux et l'arborescence de menus est définie au format JSON. Parmi eux, les éléments de menu prennent en charge des options telles que la spécification d'icônes, d'adresses de liens de menu et d'attributs de configuration détaillés tels que :

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

Le menu de gauche prend en charge la réduction et l'expansion. Lorsque le menu est en état de réduction, seules les icônes des éléments de menu sont affichées. Cela rend l'interface de fonctionnement horizontale de l'ensemble du système plus large et l'effet d'affichage des données sera meilleur.

languette

La zone d'opération à droite est chaque interface d'opération ouverte avec un onglet (iframe), et chaque page à onglet est une page indépendante.

Lorsque vous cliquez sur chaque onglet, le menu de gauche passe automatiquement au menu actuellement ouvert.

Lors du changement d'onglet, il prend en charge le changement d'effets d'animation et l'expérience visuelle est très bonne.

Conclusion

DncVueSample est un modèle de système de gestion back-end statique minimaliste basé sur Vue.js + iview. Il ne s'agit que d'un prototype d'interface utilisateur d'un modèle de système de gestion back-end et n'implique pas de fonctions système. Cependant, comme le dit le proverbe, "un moineau est petit mais a". tous les organes internes", DncVueSample est choisi comme modèle. Le modèle initial du système de gestion backend peut aider les utilisateurs à commencer rapidement à créer le cadre d'interface utilisateur du projet.

Remarque : DncVueSample n'est actuellement pas adapté aux appareils mobiles et aux anciens navigateurs inférieurs à IE10, veuillez donc utiliser un navigateur moderne sur votre appareil PC pour le prévisualiser et l'utiliser.