学生系统(纯前端)

最近写了一个vue的项目 (纯前端的)

数据是假数据(自己编的json数据)

技术:webpack,,vue-router ,vuex ,element ui

遇到的几个问题　

　　重复点击 element ui 的 el-menu-item 导航路由报错

　　　　解决:

　　　　const originalPush = VueRouter.prototype.push;

　　　　VueRouter.prototype.push = function push(location) {

　　　　　　return originalPush.call(this, location).catch(err => err);

　　　　}

　　菜单的index属性绑定的是路由地址

　　退出登录还可以回去(没有再次登录的情况下)

　　　　解决:

　　　　在index.js 设置导航守卫

　　　　在登录成功后本地存一个字段用于判断

　　在打包后 element ui 的字体图标没有加载成功

　　　　在webpack中　　test: /.(eot|svg|ttf|woff|woff2)(?S*)?$/, loader: 'url-loader', 不能用file-loader

上几张项目运行截图

项目已经上传至github

另一版本:有后端支持--后端:node express 数据库 mysql

项目代码:https://github.com/j190512/student_system.git --->Front-and-Back-end 分支上

截图:

　　新增的截图

　　数据库的截图