이 기사에서는 Vue에서 일반적으로 사용되는 4가지 백엔드 템플릿을 컴파일하여 공유합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.
element 문서: http://element-cn.eleme.io/#/zh-CN/comComponent/installation
vue API: https://cn.vuejs. org/ v2/api/
다음은 아래에 수집된 일반적으로 사용되는 4개의 vue 템플릿입니다
1, vue-manage-system
git 주소: https://github.com/lin-xin/vue-manage- system
온라인 주소: http://blog.gdfengshuo.com/example/work/#/dashboard
템플릿은 그림과 같습니다:
2, vue-element-admin
git 주소: https://github.com/PanJiaChen/vue-element-admin
국제 버전: https://github.com/PanJiaChen/vue-element-admin/tree/i18n
중국어 온라인 미리보기: https://panjiachen. gitee.io /vue-element-admin/#/dashboard
템플릿은 그림과 같습니다:
3, vuejs와 element
로 구축된 배경 관리 인터페이스 관련 기술:
vuejs2. 0: 프로그레시브 JavaScript 프레임워크, 쉽고 실용적이고 유연하며 효율적이므로 모든 규모의 애플리케이션에 적합한 것 같습니다.
요소: vuejs2.0 기반의 UI 구성 요소 라이브러리.
vue-router: 단일 페이지 스파 애플리케이션에 일반적으로 사용되는 프런트 엔드 라우팅입니다.
vuex: Vuex는 Vue.js 애플리케이션용으로 특별히 개발된 상태 관리 패턴입니다.
온라인 주소: https://taylorchen709.github.io/vue-admin/#/login
git 주소: https://github.com/taylorchen709/vue-admin
템플릿은 사진과 같습니다:
사용:
install dependency
npm install
localhost:8081에서 핫 리로드 제공
npm run dev
빌드 축소를 통한 프로덕션
npm run build
4을 기반으로 백그라운드 시스템 권한 제어를 구현합니다. Vue
블로그 주소: https://blog.csdn.net/qq_32340877/article/details/79416344
Vue.js 2.x 시리즈 + Element UI
git 주소 기반 백엔드 시스템 권한 제어: https:/ /github.com/ mgbq/vue-permission
온라인 주소: https://mgbq.github.io/vue-permission/#/dashboard/dashboard
[관련 권장 사항: "vue.js tutorial" ]
위 내용은 Vue 백엔드에서 일반적으로 사용되는 4가지 템플릿, 얼마나 알고 계시나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!