原型是根据vue-admin-template做了一些修改
这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint,这些搭建后台必要的东西。 目前版本为
v4.0
基于vue-cli
进行构建
对前端不是很了解 所以就是一边看一边搜 根据自己想要的修改了一些 整合自己的后端基础版本 完成了登录注销等 获取用户信息附带信息是写死的
后端仓库-CloudBase 使用SpringCloud Alibaba构建的 包含一些基础模块
动态路由是先把所有的页面都定义在asyncRoutes中
然后根据登录的角色 去匹配路由meta里的角色来生成路由
然后根据路由生成菜单
暂时没太看明白这里的具体逻辑 后面懂了再写 原作者重写了导航栏这一部分 不是用的ElementUI 所以对获取路由变成菜单的逻辑还不是很懂
详解(有空再写) 登录账号密码 使用默认的即可
# 克隆项目
git clone https://github.com/PanJiaChen/vue-admin-template.git
# 进入项目目录
cd vue-admin-template
# 安装依赖
npm install
# 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# 启动服务
npm run dev
浏览器访问 http://localhost:9528
# 构建测试环境
npm run build:stage
# 构建生产环境
npm run build:prod
# 预览发布环境效果
npm run preview
# 预览发布环境效果 静态资源分析
npm run preview -- --report
# 代码格式检查
npm run lint
# 代码格式检查并自动修复
npm run lint -- --fix