助力高校计算机教育 —— 码云为老师推出免费高校版,高达 200 人的协作团队
Watch Star Fork

Exrick / x-boot-frontJavaScript

Sign up for free
Explore and code with more than 2 million developers,Free private repositories !:)
Sign up
基于Vue+iView开发的x-boot前台 权限可控制至按钮 动态权限菜单/多语言切换/简洁美观 http://xboot.exrick.cn
Loading...
README.md 3.59 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-hasButton,使用示例:
    <Button v-hasButton="'add'">添加按钮</Button>
    <Button v-hasButton="'edit'">编辑按钮</Button>
    <Button v-hasButton="'delete'">删除按钮</Button>
    <div v-hasButton="'view'">需要view权限的界面内容</div>
    

学习记录(更新中)

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

2.路由菜单加载

3.控制权限至按钮显示

作者其他项目推荐

技术疑问交流

捐赠

Comments ( 13 )

You need to Sign in for post a comment

10_float_left_people 10_float_left_close