Zero.Core.Admin使用说明

介绍

开源仓库:https://github.com/QQ2287991080/Zero.Core.Admin

Zero.Core.Admin是一个简单的后台管理系统,使用的是vue+element-ui+axios等。
里面有常规的用户、角色、菜单、权限等模块管理。

本篇将手把手介绍我的开源前端项目Zero.Code.Admin的使用

下载

前往github仓库地址,点击Code->点击Download Zip

 下载中......

 下载好后解压我们的zip包,得到如下文件

 启动

用vscode打开项目

安装依赖

npm install

启动程序

npm run serve

如图说明成功

打开链接

 上述之后程序基本使用就介绍完了。

 备注

需要注意的是启动之后是无法登录或者其他操作的,因为你本地可能没有接口可以调用的。

那我们需要跳过登录页去查看具体模块的信息怎么办呢?

首先注释main.js一段代码,permission.js中有拦截器,如果没有token的是无法到首页的。

 注释完代码之后我们在浏览器手动跳转路由,输入http://localhost:1999/#/dashboard,就能跳转到首页了。

当我们跳转到首页之后发现,左边的菜单导航部分没有一个菜单。

在这里我需要说明一下,Zero.Core.Admin的菜单是通过菜单管理进行维护的,然后根据角色权限动态生成菜单。

很显然如果没有可以调用的接口那就无法跳转页面了。

在这里我写了两个组件一个是动态生成的,一个是根据router.js配置的路由生成的,前者用于正式项目发布,后者用于项目测试

现在需要找到文件src->layout->index.vue 

 将动态菜单注释掉,页面菜单导航就能显示菜单了。

 结语

关于Zero.Core.Admin的使用到这里介绍结束了,如果在使用的过程中有关于框架的疑问可以加QQ群提问。

QQ群:954591544

原文地址:https://www.cnblogs.com/aqgy12138/p/13950871.html