久久综合给合久久狠狠狠97色69,欧亚在线中文字幕免费,欧美日韩精品免费观看视一区二区

展開

后臺菜單

## 服務(wù)端菜單目錄結(jié)構(gòu)

\server\app\adminapi\config下的
**├─??config **  
**│      ├─auth.php **  //菜單文件
**│      ├─menu.php **  //權(quán)限文件

------------

#### menu.php文件示例：
```php
[
    'name'  => '商品',       //一級菜單名稱
    'type'  => 1,           //類型：1-菜單；2-權(quán)限
    'sons'  => [            //子級
        [
            'name'    => '商品管理',          //二級菜單名稱
            'type'    => 1,                  //類型：1-菜單；2-權(quán)限
            'sons'    => [
                [
                    'name'      => '查看',      //權(quán)限名稱
                    'type'      => 2,           //類型：1-菜單；2-權(quán)限
                    'auth_key'  => 'goods/goods.view'   //權(quán)限key，key要確保唯一,該字段可拆分goods、goods、view在auth.php中使用   
                ],
                [
                    'name'      => '管理',
                    'type'      => 2,
                    'auth_key'  => 'goods/goods.manage'
                ]

],
        ],
        [
            'name'  => '分類管理',
            'type'  => 1,
            'sons'  => [
                [
                    'name'      => '查看',
                    'type'      => 2,
                    'auth_key'   => 'goods/category.view'
                ],
                [
                    'name'      => '管理',
                    'type'      => 2,
                    'auth_key'  => 'goods/category.manage'
                ]
            ]
        ],
    ],
],
```
####  auth_key字段設(shè)計(jì)規(guī)則是： 菜單/菜單.權(quán)限

#### auth.php文件示例：
```php
//商品
'goods'     => [    //'goods'=> 對應(yīng)menu.php商品管理的auth_key=>'goods/goods.view' 中的第一個(gè)goods
    //商品管理
    'goods'         => [           //'goods'=> 對應(yīng)menu.php商品管理的auth_key=>'goods/goods.view' 中的第二個(gè)goods
        'page_path' => '/goods/lists',   //該字段表示前端的頁面路徑,用于跳轉(zhuǎn)
        'view'      => [                 //查看權(quán)限，對應(yīng)menu.php商品管理的auth_key=>'goods/goods.view' 中的view
            'button_auth'   => ['view'],  //view下的按鈕權(quán)限（現(xiàn)在沒用到，可隨便填，該設(shè)計(jì)是方便以后將權(quán)限分到按鈕）
            'action_auth'   => ['goods.goods/lists','goods.goods/otherlist'],
        ],                //服務(wù)端接口權(quán)限
        'manage'        => [       //管理權(quán)限，對應(yīng)menu.php商品管理的auth_key=>'goods/goods.manage' 中的manage
            'button_auth'   => ['auth_all'],
            'action_auth'   => [   //服務(wù)端接口權(quán)限
                'goods.goods/add',
                'goods.goods/edit',
                'goods.goods/del',
                'goods.goods/status',
                'goods.goods/sort',
                'goods.goods/export',
            ]
        ],
    ],
    //分類管理
    'category' => [
        'page_path'     => '/goods/category',
        'view'      => [
            'button_auth'  => ['view'],
            'action_auth'  => ['goods.goodscategory/lists'],
        ],
        'manage'        => [
            'button_auth'   => ['auth_all'],
            'action_auth'   => [
                'goods.category/add',
                'goods.category/edit',
                'goods.category/status',
                'goods.category/del',
            ]
        ],
    ]
],

```
#### menu.php和auth.php文件主要是通過auth_key關(guān)聯(lián)，新增菜單請確保唯一
------------

## 角色菜單權(quán)限添加
#### 在后臺設(shè)置-平臺權(quán)限-角色中權(quán)限里面設(shè)置好菜單權(quán)限就可以了。
![](https://md.www.o0547.com/server/index.php?s=/api/attachment/visitFile&sign=08954a8c6da0d5c13ff3e93ac67596a4)

** 注：如果菜單權(quán)限設(shè)置好沒生效，請檢查menu.php中的auth_key字段和auth.php各個(gè)索引有沒有對上。**

## 前端路由
\web\src\router下的
**├─??router **  
**│      ├─modules **  //各個(gè)模塊的路由配置
**│      ├─index.ts **  //路由入口文件

```js  
//# router/index.ts
// 權(quán)限路由，根據(jù)路由渲染菜單
export const asyncRoutes: Array<RouteConfig> = [
    ...index, //首頁
    ...shop, //店鋪
    ...goods, //商品
    ...order, //訂單
    ...user, //用戶
    ...marketing, //營銷
    ...application, //應(yīng)用
    ...finance, //財(cái)務(wù)
    ...data, //數(shù)據(jù)
    ...channel, //渠道
    ...setting //設(shè)置
]

//不受權(quán)限控制且不會出現(xiàn)在左側(cè)菜單的路由
const constantRoutes: Array<RouteConfig> = [
    {
        path: '*',
        redirect: '/error/404'
    },
    {
        path: '/account',
        name: 'account',
        component: Secondary,
        redirect: '/account/login',
        children: [
            {
                path: '/account/login',
                name: 'login',
                meta: {
                    title: '登錄',
                    parentPath: '/account'
                },
                component: () => import('@/views/account/login.vue')
            }
        ]
    },
	...
]
```
### 路由信息

```js

meta: {
		hidden: true, //是否在左側(cè)菜單中隱藏
		title: '', //頁面標(biāo)題
		parentPath: '', // 父級路徑（用于1級菜單的選中）
		prevPath: '', // 上一個(gè)頁面的路徑（用于詳情頁時(shí)選中對應(yīng)的菜單）
		moduleName: '' //模塊名稱 （定義為一個(gè)模塊，則2，3級菜單中只會顯示對應(yīng)模塊的菜單，如營銷，應(yīng)用下面的子模塊）
		icon: '', //圖標(biāo)名稱
		permission: ['view'] //權(quán)限字符，固定寫法，是一個(gè)菜單頁面才需要
	 }
```