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 아이뷰: 3.1.0

레이아웃 및 메뉴

이 템플릿은 왼쪽에 메뉴가 있고 오른쪽에 조작 패널이 배치되어 있습니다. 왼쪽 메뉴 트리는 현재 2단계 메뉴를 지원하며, 메뉴 트리는 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를 기반으로 한 미니멀한 정적 백엔드 관리 시스템 템플릿입니다. 이는 백엔드 관리 시스템 템플릿의 프로토타입 UI일 뿐이며 시스템 기능을 포함하지 않습니다. 모든 내부 장기", DncVueSample이 템플릿으로 선택되었습니다. 백엔드 관리 시스템의 초기 템플릿은 사용자가 프로젝트의 UI 프레임워크 구축을 빠르게 시작하는 데 도움이 될 수 있습니다.