免费管理系统html模板vue-cli3+adminlte快速搭建后台管理模板...
应下个项⽬的需求需要做⼀个后台管理系统,如果不想写繁琐的css样式以及⾃适应的话,可以考虑adminlte ,之前有使⽤或adminlte结合node.js ,ejs模板搭建过后台管理系统,可是应⽤到vue这种基于mvvm单页⾯应⽤的话,区别还是很⼤的。
搭建过程中遇到很多意想不到的BUG 还好最后都被⼀⼀解决了 ,下⾯给⼤家介绍搭建adminlte模板,个⼈认为是结合vue是⾮常严谨的⽅式。如果此⽂有何可优化,欢迎各路⼤神指教⼀⼆。
⾸先百度上各种说先ootstrap,jquery 什么什么的 个⼈觉得并不是这样 并没有这么⿇烦 这样的话版本难以统⼀ 会出现何种bug
个⼈推荐以下⽅式
1: ⾸先搭建vue-cli3项⽬
1:npm install @vue/cli -g //安装vue-cli 3.0
2:vue create mypoject //创建项⽬
3:选择项⽬需要的⼀些特性
4:以上配置就不详细说了..........省略
5.执⾏ npm install admin-lte -s 安装adminlte集成
6:到nodemodel⾥⾯的admin-lte
7:粘贴到public⽂件夹下⾯ 去掉admin-lte外⽂件夹直接粘贴⾥⾯的所有内容到 public⽂件夹 index.html同级
8:打开index.html 具体参照public下⾯的starter.html⽂件引⼊ 此处贴上我的引⼊顺序 特别注意的是body处 和app处 需加上相应class 名
9:打开app.vue⽂件删除不必要的东西 只留简易模板 拷贝starter.html body部门的内容拷贝到 app.vue template⾥⾯
10:运⾏项⽬ 执⾏ npm run serve 就可以看到我们的后台模板了
希望能对⼤家有效果!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论