课程名称: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()方法从所选元素中删除一个或多个类名称。如果将类名作为参数包括在内,则只会删除该类。如果在参数中未指定类名,则将删除所有类。
在登录页的样式需要有所修改,采用先移除后替换类的方式进行美化。