提交 d5f2fe15 编写于 作者: hbcui1984's avatar hbcui1984

Update admin.md

上级 53ee0d0b
......@@ -150,8 +150,8 @@ export default {
menu_id: "table",
name: "表格",
url: "/pages/demo/table/table",
},
],
}
]
},
],
},
......@@ -190,7 +190,7 @@ _添加菜单记录需要注意:_
└── 手机 # 子菜单
```
1. 添加一条父菜单记录
**step 1:**添加一条父菜单记录
菜单的 `parent_id` 字段为空, 即为一级菜单
......@@ -208,7 +208,7 @@ _添加菜单记录需要注意:_
}
```
2. 添加一条子菜单记录
**step 2:**添加一条子菜单记录
将子菜单的 `parent_id` 指向父菜单的 `menu_id`即可,孙菜单就是将子菜单的 `menu_id` 当做父菜单
......@@ -247,23 +247,15 @@ $menu-text-color-actived: #409eff; /* 菜单激活前景色 */
如果想将自己开发的页面调到登录后首页,可在 page.json 调整。
### icon 图标的使用
admin 内置了一套图标以供使用,开发者也可以使用第三方图标
#### 使用内置 icon
前往静态功能演示-图标菜单中,点击图标即可复制图标代码
### icon 图标
> `<view class="uni-icons-gear"></view>`
admin 框架内置了一套icon图标,在静态功能演示-图标菜单中,点击图标即可复制图标的class定义,或者直接到`common/uni-icons.css`中查看定义,然后以如下方式使用:
或直接在标签上使用图标的 class 名称,即:
> `class='uni-icons-gear'`
#### 使用第三方 icon
```
<view class="uni-icons-gear"></view>
```
以使用 elementUI 的图标为例,在 `app.vue` 中应用图标库的样式文件:
当然,你也可以使用三方icon库。以使用 `elementUI` 的图标为例,在 `app.vue` 中导入图标库的样式文件:
```javascript
<style>
......@@ -273,23 +265,17 @@ admin 内置了一套图标以供使用,开发者也可以使用第三方图
```
在标签上使用图标的 class 名称,即:
```
<view class="el-icon-s-tools"></view>
```
> `<view class="el-icon-s-tools"></view>`
### 用户系统
> 基于 [uni-id](https://uniapp.dcloud.io/uniCloud/uni-id) 用户登录
### 权限系统
> 基于 [uni-id](https://uniapp.dcloud.io/uniCloud/uni-id?id=rbac-api) 角色权限, uni-id 是 uniCloud 之上的用户账户、权限系统
### 用户-角色-权限
- 用户表 `uni-id-users` [详情](https://uniapp.dcloud.io/uniCloud/uni-id?id=%e7%94%a8%e6%88%b7%e8%a1%a8)
uniCloud admin 框架基于 uni-id,复用 uni-id 的用户、角色、权限系统,详见[uni-id](https://uniapp.dcloud.io/uniCloud/uni-id)
- 角色表 `uni-id-roles` [详情](https://uniapp.dcloud.io/uniCloud/uni-id?id=%e8%a7%92%e8%89%b2%e8%a1%a8)
- 权限表 `uni-id-permissions` [详情](https://uniapp.dcloud.io/uniCloud/uni-id?id=%e6%9d%83%e9%99%90%e8%a1%a8)
需要注意的是,admin框架的动态菜单同样依赖uni-id的权限表(uni-id-permissions)。
- 菜单表 `opendb-admin-menus`
菜单表(opendb-admin-menus)定义如下:
| 字段 | 类型 | 必填 | 描述 |
| :--------- | :-------- | :--- | :--------------------------------------------------- |
......@@ -303,9 +289,6 @@ admin 内置了一套图标以供使用,开发者也可以使用第三方图
| enable | Boolean | 是 | 菜单状态:false 禁用 true 启用 |
| create_date | Timestamp | 是 | 创建时间 |
- 验证码表 `uni-verify` [详情](https://uniapp.dcloud.io/uniCloud/uni-id?id=%e7%94%a8%e6%88%b7%e8%a1%a8)
- 权限验证
admin 提供了两个内置方法,方便在页面中鉴定登录用户权限和角色:
| 方法 | 作用 | 入参 | 返回值 |
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册