zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    ubuntu切换中英文通用方法,ubuntu中文语言
    ubuntu安装ibus-goolepinyin通用方法
    ubuntu12.04 64位系统配置jdk1.6和jdk-6u20-linux-i586.bin下载地址
    ubuntu创建桌面快捷方式
    vim记住上次编辑和浏览位置
    ubuntu12.04安装tftp,配置,修改目录,错误类型
    Ubuntu 12.04 make menuconfig 出现 Unable to find the ncurses libraries or the required header files.
    nginx六 之Session共享
    nginx五 之高可用
    nginx四 之缓存模块
  • 原文地址:https://www.cnblogs.com/aqgy12138/p/13950871.html
Copyright © 2011-2022 走看看