账户中心 退出系统
6.0 版本 5.0 版本 3.0 版本
使用手册 模板中心 账户中心 合作 · 服务
6.0 版本 5.0 版本 3.0 版本
快速开始
框架介绍
快速部署
开发规范
开发文档
基础样式
页面组件
页码组件
表单验证
权限系统
权限系統
GraceAdmin 1.2 版本更新了权限模块,您可以方便的权限的及对应菜单的开发工作。

权限检查流程

1 用户登录并读取对应此用户的角色对应的页面信息
2 page 组件执行时检查权限并只展示对应权限的菜单
3 如果用户通过浏览器地址直接访问页面会被发送至无权访问页面

开发流程

1 打开 /components/gui-page/gui-page.vue
2 正常添加您的页面及菜单, 资料 : http://grace.hcoder.net/graceadmin/info/813-1.html
3 打开后台角色功能会自动出现您添加的页面,对应某个角色勾选、更新即可
4 更新后请重新登录一下系统即可体验菜单及权限的变化

页面开发注意事项

<!-- 正确的开发流程 : 
1 一个页面复制 /pages/orther/orther.vue 页面全部代码到此页面  -->
2 设置 page.json 使用自定义导航
3 打开 /components/gui-page/gui-page.vue 配置菜单
-->
<template>
	<view>
	        <!-- 此处的 :currents="[0,'orther'] 每个页面都必须设置,此属性用于菜单激活及权限检查  -->
		<gui-page :currents="[0,'orther']">
			<div slot="gui-body">
				<div class="gui-body-title gui-icons icon-title">自主研发其他功能</div>
				<div class="gui-body">
					请根据项目需求编写您的代码 (:
				</div>
			</div>
		</gui-page>
	</view>
</template>
<script>
export default {

}
</script>
<style>
</style>

相关说明

currents 属性是每个页面都需要设置的属性, 规则 : 

:currents="[一级菜单索引,'全局唯一的页面名称, 如 : /pages/index/index.vue 此处添加 index 即 .vue 前的名称']

有了以上的配置您系统就可以为您自动处理菜单权限及页面执行权限检查了。

相关功能

们已经为您写好了角色、及系统管理员系统,您直接使用就好了,谢谢支持 (: