路由/菜单说明
====
格式和说明
----
```ecmascript 6
const routerObject = {
redirect: noredirect,
name: 'router-name',
hidden: true,
meta: {
title: 'title',
icon: 'a-icon',
target: '_blank|_self|_top|_parent',
keepAlive: true,
hiddenHeaderContent: true,
}
}
```
`{ Route }` 对象
| 参数 | 说明 | 类型 | 默认值 |
| -------- | ----------------------------------------- | ------- | ------ |
| hidden | 控制路由是否显示在 sidebar | boolean | false |
| redirect | 重定向地址, 访问这个路由时,自定进行重定向 | string | - |
| name | 路由名称, 必须设置,且不能重名 | string | - |
| meta | 路由元信息(路由附带扩展信息) | object | {} |
| hideChildrenInMenu | 强制菜单显示为Item而不是SubItem(配合 meta.hidden) | boolean | - |
`{ Meta }` 路由元信息对象
| 参数 | 说明 | 类型 | 默认值 |
| ------------------- | ------------------------------------------------------------ | ------- | ------ |
| title | 路由标题, 用于显示面包屑, 页面标题 *推荐设置 | string | - |
| icon | 路由在 menu 上显示的图标 | [string,svg] | - |
| keepAlive | 缓存该路由 | boolean | false |
| target | 菜单链接跳转目标(参考 html a 标记) | string | - |
| hidden | 配合`hideChildrenInMenu`使用,用于隐藏菜单时,提供递归到父菜单显示 选中菜单项_(可参考 个人页 配置方式)_ | boolean | false |
| hiddenHeaderContent | *特殊 隐藏 [PageHeader](https://github.com/vueComponent/ant-design-vue-pro/blob/master/src/components/PageHeader/PageHeader.vue#L6) 组件中的页面带的 面包屑和页面标题栏 | boolean | false |
| permission | 与项目提供的权限拦截匹配的权限,如果不匹配,则会被禁止访问该路由页面 | array | [] |
> 路由自定义 `Icon` 请引入自定义 `svg` Icon 文件,然后传递给路由的 `meta.icon` 参数即可
路由构建例子方案1
路由例子
----
```ecmascript 6
const asyncRouterMap = [
{
path: '/',
name: 'index',
component: BasicLayout,
meta: { title: '工作台' },
redirect: '/dashboard/analysis',
children: [
{
path: '/dashboard',
component: RouteView,
name: 'dashboard',
redirect: '/dashboard/workplace',
meta: {title: '仪表盘', icon: 'dashboard', permission: ['dashboard']},
children: [
{
path: '/dashboard/analysis',
name: 'Analysis',
component: () => import('@/views/dashboard/Analysis'),
meta: {title: '分析页', permission: ['dashboard']}
},
{
path: '/dashboard/monitor',
name: 'Monitor',
hidden: true,
component: () => import('@/views/dashboard/Monitor'),
meta: {title: '监控页', permission: ['dashboard']}
},
{
path: '/dashboard/workplace',
name: 'Workplace',
component: () => import('@/views/dashboard/Workplace'),
meta: {title: '工作台', permission: ['dashboard']}
}
]
},
// result
{
path: '/result',
name: 'result',
component: PageView,
redirect: '/result/success',
meta: { title: '结果页', icon: 'check-circle-o', permission: [ 'result' ] },
children: [
{
path: '/result/success',
name: 'ResultSuccess',
component: () => import(/* webpackChunkName: "result" */ '@/views/result/Success'),
// 该页面隐藏面包屑和页面标题栏
meta: { title: '成功', hiddenHeaderContent: true, permission: [ 'result' ] }
},
{
path: '/result/fail',
name: 'ResultFail',
component: () => import(/* webpackChunkName: "result" */ '@/views/result/Error'),
// 该页面隐藏面包屑和页面标题栏
meta: { title: '失败', hiddenHeaderContent: true, permission: [ 'result' ] }
}
]
},
...
]
},
]
```
> 1. 请注意 `component: () => import('..') ` 方式引入路由的页面组件为 懒加载模式。具体可以看 [Vue 官方文档](https://router.vuejs.org/zh/guide/advanced/lazy-loading.html)
> 2. 增加新的路由应该增加在 '/' (index) 路由的 `children` 内
> 3. 子路由的父级路由必须有 `router-view` 才能让子路由渲染出来,请仔细查阅 vue-router 文档
> 4. `permission` 可以进行自定义修改,只需要对这个模块进行自定义修改即可 [src/store/modules/permission.js#L10](https://github.com/vueComponent/ant-design-vue-pro/blob/master/src/store/modules/permission.js#L10)
附权限路由结构:
![权限结构](https://static-2.loacg.com/open/static/github/permissions.png)
第二种前端路由由后端动态生成的设计,可以前往官网文档 https://pro.antdv.com/docs/authority-management 参考
没有合适的资源?快使用搜索试试~ 我知道了~
AiDex Sharp 快速开发平台,基于若依扩展的Spring Boot前后端分离架构,代码精简,开箱即用,紧随前沿技术
共929个文件
java:338个
vue:147个
js:130个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 197 浏览量
2023-04-30
11:12:57
上传
评论
收藏 32.23MB ZIP 举报
温馨提示
AiDex Sharp快速开发平台:基于若依-ruoyi-vue项目扩展,前端采用Ant-Design-VUE,代码易读易懂、界面简洁美观,不仅仅是一个后台开发框架,它是一个企业级快速开发解决方案,我们将把UI交互、快速开发能力追求到极致,适配国产数据库,国产中间件,将支持多租户、flowable工作流,移动APP,更多插件正在扩展中
资源推荐
资源详情
资源评论
收起资源包目录
AiDex Sharp 快速开发平台,基于若依扩展的Spring Boot前后端分离架构,代码精简,开箱即用,紧随前沿技术 (929个子文件)
aidex.bat 2KB
run.bat 218B
package.bat 153B
package.bat 141B
build.bat 109B
run-web.bat 107B
clean.bat 92B
.browserslistrc 34B
.env.development 63B
.editorconfig 659B
.env 63B
.gitattributes 26B
.gitignore 655B
.gitignore 242B
index.html 2KB
HardwareID.java 85KB
ExcelUtil.java 56KB
GenTableServiceImpl.java 43KB
VelocityUtils.java 42KB
SysMenuServiceImpl.java 25KB
Convert.java 25KB
SysDeptServiceImpl.java 23KB
JSONObject.java 20KB
HTMLFilter.java 19KB
SysUserServiceImpl.java 18KB
ReflectUtils.java 16KB
UUID.java 16KB
StringUtils.java 15KB
Base64.java 14KB
RedisCache.java 13KB
PinYin4JCn.java 13KB
GenTable.java 12KB
SysRoleServiceImpl.java 11KB
DateUtils.java 11KB
GenTableColumn.java 10KB
TreeNodes.java 10KB
LogAspect.java 10KB
Base64.java 9KB
HttpUtils.java 9KB
GenUtils.java 9KB
SysUserController.java 9KB
GenController.java 9KB
SysDeptController.java 9KB
SysPortalConfigServiceImpl.java 9KB
FileUtils.java 8KB
DictUtils.java 8KB
SysPortalConfigController.java 8KB
SecurityConfig.java 8KB
SysRoleController.java 8KB
BaseTreeServiceImpl.java 7KB
SysPortletServiceImpl.java 7KB
FileUploadUtils.java 7KB
IpUtils.java 7KB
SysJobServiceImpl.java 7KB
VerifyCodeUtils.java 7KB
GenConstants.java 7KB
SysUser.java 7KB
SysJobController.java 7KB
CacheController.java 7KB
TokenService.java 7KB
BaseEntity.java 6KB
Server.java 6KB
SysMenuController.java 6KB
GlobalExceptionHandler.java 6KB
UserUtils.java 6KB
AnnotationUtil.java 6KB
SysLoginService.java 6KB
PerformanceInterceptor.java 6KB
LoginUser.java 6KB
AESUtils.java 6KB
IOUtils.java 6KB
JobInvokeUtil.java 6KB
ServletUtils.java 5KB
MyBatisConfig.java 5KB
BaseController.java 5KB
SysProfileController.java 5KB
GenConfigTemplateController.java 5KB
ScheduleUtils.java 5KB
CommonController.java 5KB
DruidConfig.java 5KB
SysRole.java 5KB
DataScopeAspect.java 5KB
SysPostController.java 5KB
ISysUserService.java 5KB
SysJob.java 5KB
PermissionService.java 5KB
SwaggerConfig.java 5KB
SysPortlet.java 5KB
ContextHandler.java 4KB
SpringUtils.java 4KB
DeptUtils.java 4KB
JsonUtil.java 4KB
SysDictDataController.java 4KB
EscapeUtil.java 4KB
SysDictData.java 4KB
Excel.java 4KB
CaptchaConfig.java 4KB
SysLoginController.java 4KB
AjaxResult.java 4KB
ConfigUtils.java 4KB
共 929 条
- 1
- 2
- 3
- 4
- 5
- 6
- 10
资源评论
Java程序员-张凯
- 粉丝: 1w+
- 资源: 6649
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功