杨利霞 发表于 2021-7-19 15:30

【VUE】vue后台常用模板


【VUE】vue后台常用模板
vue后台常用模板:
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
vue API: https://cn.vuejs.org/v2/api/


以下是在下收集的三个常用的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.github.io/vue-element-admin/#/dashboard


IE兼容处理:参考文章
模板如图:




3、vuejs 和 element 搭建的一个后台管理界面


相关技术:
vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。
element:基于vuejs2.0的ui组件库。
vue-router:一般单页面应用spa都要用到的前端路由。
vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。


线上地址:https://taylorchen709.github.io/vue-admin/#/login
git地址:https://github.com/taylorchen709/vue-admin
模板如图:


使用:


install dependencies


npm install
serve with hot reload at localhost:8081


npm run dev
build for production with minification


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




————————————————
版权声明:本文为CSDN博主「LuviaWu」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/LuviaWu/article/details/89212051


页: [1]
查看完整版本: 【VUE】vue后台常用模板