이 기사에서는 수집할 가치가 있는 17개의 Vue 백엔드 관리 템플릿을 공유합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.
관련 권장 사항: "vue.js Tutorial"
뒤에 있는 템플릿은 백엔드 관리 시스템을 수행할 때 종종 필요한 것입니다. 우리는 항상 처음부터 자체 템플릿을 디자인하는 데 많은 시간을 소비할 수 있지만 사용할 수 있는 최신 템플릿이 있으므로 낚시에 더 많은 시간을 절약할 수 있습니다.
이 훌륭한 기존 템플릿은 시간 절약 외에도 다음과 같은 이점을 제공합니다.
온라인 주소: https://demos.creative-tim.com/vue-black-dashboard-pro/?ref=learnvue.co#/dashboard
더보기: https:/ / www.creative-tim.com/product/vue-black-dashboard-pro?ref=learnvue.co
Vue Black Dashboard Pro는 수십 개의 구성 요소, 사용자 정의 요소, 플러그인이 포함된 Bootstrap 4 관리 대시보드입니다. 우리의 디자인 요구 사항에 완벽하게 맞는 샘플 코드입니다.
이 기본 색 구성표는 미적으로 매우 만족스러우며 애플리케이션에 전문성과 세련미를 더해줍니다.
동시에 다크 모드와 라이트 모드도 있습니다. 이 토글 기능은 실제로 앱을 돋보이게 할 수 있는 사용자 정의 레이어를 추가합니다.
Vue Black Dashboard Pro는 vue-cli和vue-router를 기반으로 구축되었으며 설명서도 매우 상세합니다.
Vue Black Dashboard Pro 주요 기능:
Bootstrap 4 기반
수많은 예제가 포함된 자세한 문서
200개 이상의 사용자 정의 요소
Sketch, Vue, SASS 및 HTML 소스 파일
반응형 디자인
어두운 모드와 밝은 모드
온라인 예: https://demos.creative-tim.com/vue-paper -dashboard- pro/?_ga=2.230603804.163601398.1609605836-1654756133.1608582691
문서 주소 : https://www.creative-tim.com/product/vue-paper-dashboard-2-pro?ref=learnvue.co
한번만 살펴보세요 Vue Paper Dashboard 2 Pro의 샘플 페이지에서 플러그인부터 다양한 구성 요소 및 요소에 이르기까지 세부 사항에 대한 관심을 확인할 수 있습니다.
이 템플릿에서 제가 더 관심을 두는 점은 설치와 운영이 매우 직관적인 코드 베이스의 구성입니다.
주요 기능:
좋은 문서
Bootstrap 4 기반
반응형 디자인
160개 이상의 사용자 정의 요소
디자이너를 위한 Photoshop 파일
예제 주소: https://demos.creative-tim.com/vue-light-bootstrap-dashboard-pro/?&_ga=2.208068498.163601398.1609605836-16547561 33.1608582691#/ 관리자/개요
문서 주소: https://www.creative-tim.com/product/vue-light-bootstrap-dashboard-pro?ref=learnvue.co
이름에서 알 수 있듯이 Vue Light Bootstrap Dashboard Pro가 사용됩니다. 부트스트랩 4 및 VueJS.
Vue Light Bootstrap에서 제가 정말 좋아하는 점 중 하나는 다양한 색상, 배경 이미지 및 기타 스타일로 사이드바를 사용자 정의할 수 있다는 것입니다.
이 기능을 사용하면 개발자가 특정 프로젝트 요구 사항에 맞게 사용자 정의할 수 있습니다. 몇 시간의 추가 프로그래밍 없이도 맞춤형 느낌을 제공합니다.
주요 기능:
Bootstrap 4 기반
160개 이상의 사용자 정의 요소
반응형 디자인
고도로 사용자 정의 가능한 사이드바 메뉴
온라인 주소: https://platlogic.com/templates/sing-app-vue/demo
문서 주소: https://platlogic.com/templates/sing-app-vue
Sing App Vue는 훌륭합니다. Vue2 및 Bootstrap 4로 구축된 관리 템플릿. 저는 개인적으로 이 템플릿의 스타일을 정말 좋아하고 그에 따른 현대적인 디자인 원칙도 좋아합니다.
주요 기능:
반응형 디자인
8개 차트 라이브러리 및 2개 대시보드
전자상거래 섹션
완전히 문서화된 코드베이스
샘플 주소: https://demos.creative-tim.com/vue-paper-dashboard/?_ga=2.133615758.163601398.1609605836-1654756133.1 6 08582691#/대시보드
문서 주소: https://www.creative-tim.com/product/vue-paper-dashboard?ref=learnvue.co
이 템플릿은 Vue2 및 Bootstrap 3으로 제작되었으며 프로토타입 제작 및 개념 증명에 적합합니다. Vue Paper에는 16개 요소만 있고 150개 이상의 다른 요소는 유료 Creative Tim에서 제공됩니다. 무료 16개 요소를 사용하지 않고도 배울 수 있는 것이 많습니다.
주요 기능:
무료 다운로드
16개 이상의 맞춤 요소
Bootstrap3 관리 템플릿
반응형 디자인
온라인 주소 : https ://copilot.mistergf.io/
문서 주소: https://github.com/misterGF/CoPilot
CoPilot은 Bootstrap을 기반으로 한 또 다른 무료 반응형 관리 템플릿입니다. 오픈 소스 프로젝트로서 CoPilot을 시작하는 것은 Github 저장소를 복제하는 것만큼 쉽습니다!
저는 CoPilot 페이지 상단의 아름다운 로더 애니메이션을 좋아합니다. 다양한 구성 요소를 로드하는 동안 진행률 표시줄은 앱에 현대적이고 세련된 모습을 제공합니다.
주요 기능:
오픈 소스
반응형 디자인
깔끔하고 직관적인 사용자 인터페이스
빠른 설치
온라인 주소 : https://demos.creative-tim.com/vuetify-material-dashboard-pro/?_ga=2.4509107.163601398.1609605836-1654756133.1608582691#/
문서: https://www.creative-tim.com/product/ vuetify -material-dashboard-pro?ref=learnvue.co
Vuetify 프레임워크 경험이 있는 Vue 개발자에게 Vuetify Material Dashboard는 탁월한 선택입니다.
템플릿이 멋져 보일 뿐만 아니라 머티리얼 디자인 사양을 활용하여 깨끗하고 접근 가능한 사용자 인터페이스를 만듭니다. 색상이 훌륭하고 템플릿을 사용자 정의하기 쉬우며 전반적으로 모든 것이 잘 이루어졌습니다.
위와 비교하여 이 템플릿은 상태 관리를 처리하기 위해 Vuex와 함께 제공됩니다. 이 기본 제공 템플릿에는 몇 가지 장점이 있습니다.
주요 기능:
샘플 주소: https://demos.creative-tim.com/vue-white-dashboard/
문서: https://www.creative-tim.com/product/vue-white-dashboard?ref=learnvue .co
Vue White Dashboard는 무료 Bootstrap 4 관리 템플릿입니다. 16개의 무료 요소, 3개의 사용자 정의 플러그인, 7개의 샘플 페이지가 포함된 이 대시보드는 무료로 대시보드를 테스트할 수 있는 방법을 찾는 사람들에게 훌륭한 출발점이 됩니다.
주요 기능:
샘플 주소: https:// alpixel.github.io /vue-chuckadmin/#/
문서 주소: https://github.com/alpixel/vue-chuckadmin
이 오픈 소스 Vue 관리 템플릿은 ChuckCSS 프레임워크를 기반으로 구축되었습니다. vue-router和Vuex와 같은 많은 Vue 라이브러리가 코드에 추가되었습니다.
"즉시 사용 가능한" 것은 아니지만 개발자에게 대시보드의 레이아웃, 디자인 및 구조에 추가적인 유연성을 제공합니다.
주요 기능:
온라인 주소: https://coreui.io/vue/demo/ free /3.1.1/#/dashboard
문서 주소: https://coreui.io/vue/
CoreUI Vue는 CoreUI의 무료 Vue 템플릿입니다. Bootstrap을 기반으로 구축되어 버튼, 카드, 이미지 캐러셀 등과 같은 100개 이상의 사용자 정의 요소를 제공하므로 개발 프로세스가 번거롭지 않습니다.
CoreUI의 스타일과 문서의 명확성이 정말 마음에 듭니다.
주요 기능:
온라인 주소: https://panjiachen.github.io/vue-element-admin/#/login?redirect=%2Fdashboard
문서 주소: https://github.com/PanJiaChen/vue-element-admin
Vue Element Admin은 또 다른 오픈 소스 Vue 백엔드 템플릿입니다. Github에 63,000개의 별이 있고 매우 인기가 있는 Element UI 라이브러리를 기반으로 구축되었습니다.
무료 도구의 경우 Vue Element Admin에는 수많은 구성 요소, 페이지 및 기능이 포함되어 있습니다.
내장된 로그인 권한, 텍스트 편집기, 데이터 내보내기 및 기타 기능을 갖춘 이 제품은 강력한 백엔드 템플릿을 원하는 사람들에게 좋은 선택입니다.
주요 기능:
온라인 주소: https://v uestic.epicmax.co/관리자/ Dashboard
문서 주소: https://github.com/epicmaxco/vuestic-admin
Vuestic Admin은 44개 이상의 사용자 정의 UI 구성 요소가 포함된 무료 Vue.js 관리 템플릿입니다.
Vuestic Adminn은 대시보드 요구 사항에 맞게 사용자 정의가 가능하며 데이터를 표시하는 세련되고 전문적인 방법으로 설계되었습니다.
주요 기능:
Creative의 대시보드를 시각적으로 표현해 보세요. 팀은 내가 가장 좋아하는 사람 중 하나입니다. 모든 요소는 매우 깔끔하게 보이고 데이터를 효율적으로 표시하며 모든 것을 사용자 정의하기가 매우 쉽습니다.
SASS 스타일을 사용하여 수정할 수 있는 200개 이상의 구성 요소가 포함된 이 템플릿을 사용하면 개발이 쉽습니다.
주요 기능: 200개 이상의 요소
은 Material Design 백엔드 관리 템플릿 기반입니다. Vue에서는 Vuetifyjs를 기본 프레임워크로 사용합니다. 주요 기능:
부드러운 반응형 디자인
Light Blue Vue 관리 템플릿(Light Blue Vue Admin)은 IoT 대시보드, SAAS 시작, 예약 관리 시스템 또는 기타 웹 애플리케이션을 위한 관리 인터페이스를 쉽게 구축할 수 있습니다.
코드 자체는 잘 문서화되어 있고 쉽게 사용자 정의할 수 있으며 Vue Router도 이미 설정되어 있습니다.
주요 기능:
무료 템플릿문서 주소 ：https: //www.creative-tim.com/product/vue-material-dashboard?ref=learnvue.co
17. Vue Now UI Dashboard Pro
문서: https://www.creative-tim.com/product/vue-now -ui-dashboard -pro?ref=learnvue.co
번역 주소: https://segmentfault.com/a/1190000039833325더 많은 프로그래밍 관련 지식을 보려면프로그래밍 비디오
위 내용은 2022년에 수집할 가치가 있는 17가지 Vue 백엔드 관리 템플릿의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
