【金秋打卡】第6天 使用Vue cli 4搭建管理控台

课程名称：Spring Cloud+ Vue前后端分离开发企业级在线视频系统

课程章节：第4章 使用Vue cli 4搭建管理控台

讲师姓名：甲蛙老师

课程内容：

①集成bootstrap后台管理模板ace：Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷

②控台欢迎页面开发：通过修改ace模板制作欢迎页面

课程收获：

修改模板的技巧：最重要的就是要删除不需要的页面，首先通过查找相邻元素定位到相关位置，折叠标签之后整段删除。

使用this.$router.push("/admin")方法进行页面跳转

export default {
   name: 'login',
   methods:{
     login(){
       this.$router.push("/admin")
     }
   },
   mounted() {
     $('body').removeClass('no-skin');
     $('body').attr('class', 'login-layout light-login');
   }
 }

removeClass()方法从所选元素中删除一个或多个类名称。如果将类名作为参数包括在内，则只会删除该类。如果在参数中未指定类名，则将删除所有类。

在登录页的样式需要有所修改，采用先移除后替换类的方式进行美化。