8月18日(周六)成都源创会火热报名中,四位一线行业大牛与你面对面,探讨区块链技术热潮下的冷思考。
Watch Star Fork

Exrick / x-boot-frontJavaScript

加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
基于Vue+iView开发的x-boot前台 权限可控制至按钮 动态权限菜单/多语言切换/简洁美观 http://xboot.exrick.cn
Loading...
README.md 3.93 KB

x-boot-front

作者目前大四 且为后台开发 能力经验有限 如有错误欢迎指正 期待您的捐赠支持!

宣传视频

在线Demo

http://xboot.exrick.cn

后台项目地址:X-Boot

项目简介

  • 项目基于 Vue-Cli 创建
  • 后台加载动态权限菜单 权限控制至按钮
  • 多语言切换
  • iView使用图标库 ionicons 额外图标库 vue-awesome

主要所用技术

本地开发构建运行

  • 启动后端 x-boot 项目后,在 config/index.js 中修改你的后端接口地址代理配置
  • 在项目根文件夹下先后执行命令 npm installnpm run dev
  • 前台端口默认9999 http://localhost:9999

部署

  • 先后执行命令 npm installnpm run build 将打包生成的 dist 静态文件放置服务器中,并配置路由代理

开发指南

  • 组件使用详见iView官网文档
  • 权限按钮或其他内容显示控制自定义标签:v-has,使用示例:
    <Button v-has="'add'">添加按钮</Button>
    <Button v-has="'edit'">编辑按钮</Button>
    <Button v-has="'delete'">删除按钮</Button>
    <div v-has="'view'">需要view权限的界面内容</div>
    
    render: (h, params) => {
        if(this.$route.meta.permTypes.includes("edit")){
            return ... ...
        }else{
            return ... ...
        }
    }
    

学习记录(更新中)

1.axios请求封装 统一异常处理

2.路由菜单加载

3.控制权限至按钮显示

作者其他项目推荐

技术疑问交流

  • QQ交流群 475743731(付费),可获取各项目详细图文文档、疑问解答

  • 免费交流群 562962309

  • 作者博客:http://blog.exrick.cn

捐赠

项目点评 ( 13 )

你可以在登录后,发表评论