shiro配合html页面完成细粒化权限控制

shiro配合html页面完成细粒化权限控制

原创 2016年10月04日 12:02:34

• 标签：
• shiro /
• 框架 /
• 界面 /
• 权限

• 8924

shiro是现在非常普遍使用的java权限框架了,因为其使用非常的简便,适合快速的解决项目的权限需求问题。

现在我在自己项目中配置了shiro,项目前端是html静态界面,动态数据都是由ajax完成。shiro中使用框架提供的jsp标签完成页面的细粒化权限控制,在我这个情况下无法配合使用,所以自己稍微拓展了一下,可以便捷的控制html页面控件的权限。

在网上没有查询到类似的用法,所以这里分享一下自己的方法,顺便也简单记录一下项目实战中使用shiro快速的开发流程作为参考。

首先 数据库中三个基本的表和基本的字段  下面是最简化的建表

项目中使用的是mybatis与数据库交互   mapper的xml文件中这样写分别获取用户 角色 权限

1. <resultMap id="BaseResultMap" type="com.cyt.music.interfaces.pojo.user.UserInfo" >
2. <id column="id" property="id" jdbcType="INTEGER" />
3. <result column="userName" property="username" jdbcType="VARCHAR" />
4. <result column="userStatus" property="userstatus" jdbcType="VARCHAR" />
5. <result column="roleId" property="roleid" jdbcType="INTEGER" />
6. <result column="password" property="password" jdbcType="VARCHAR" />
7. </resultMap>
8. <select id="getByUserName" parameterType="String" resultMap="BaseResultMap">
9. select * from user_info where userName=#{userName}
10. </select>
11. <select id="getRoles" parameterType="String" resultType="String">
12. select r.roleName from user_info u,user_role r where u.roleId=r.id and u.userName=#{userName}
13. </select>
14. <select id="getPermissions" parameterType="String" resultType="String">
15. select p.permissionName from user_info u,user_role r,user_permission p where u.roleId=r.id and p.roleId=r.id and u.userName=#{userName}
16. </select>

然后是shiro的核心 自定义realm 网上有很多教程都非常详细的讲解了realm 在这里也是非常简化的自定义

1. @Resource
2. private UserService userService;
3. /**
4. * 为当限前登录的用户授予角色和权
5. */
6. @Override
7. protected AuthorizationInfo doGetAuthorizationInfo(PrincipalCollection principals) {
8. String userName=(String)principals.getPrimaryPrincipal();
9. SimpleAuthorizationInfo authorizationInfo=new SimpleAuthorizationInfo();
10. authorizationInfo.setRoles(userService.getRoles(userName));
11. authorizationInfo.setStringPermissions(userService.getPermissions(userName));
12. return authorizationInfo;
13. }
14. /**
15. * 验证当前登录的用户
16. */
17. @Override
18. protected AuthenticationInfo doGetAuthenticationInfo(AuthenticationToken token) throws AuthenticationException {
19. String userName=(String)token.getPrincipal();
20. UserInfo user=userService.getByUserName(userName);
21. if(user!=null){
22. AuthenticationInfo authcInfo=new SimpleAuthenticationInfo(user.getUsername(),user.getPassword(),"xx");
23. return authcInfo;
24. }else{
25. return null;
26. }
27. }

如何整合springmvc去配置自定义realm  和配置过滤器这些在网上都有非常详细的配置说明

接下来就是自定义的html细粒化控制了

在前端每个页面加载的时候都要向后台发出一次请求去请求到当前登录用户的角色

1. $(document).ready(function () {
2. //判断角色
3. judgeAuthority();
4. });
5. function judgeAuthority(){
6. $.ajax({
7. type: "post",
8. url: "",
9. contentType: 'application/json;charset=utf-8',
10. success: function (data) {
11. for(var i=0;i<data.length;i++){
12. if(data[i]=="admin"){
13. $(".admin").css("display","block");
14. }
15. }
16. }
17. })
18. }

在你需要做隐藏的控件class中 加载你定义的角色名就可以了 在此处是admin  这两个按钮只有在拥有admin角色用户登陆的时候才会显示

最后controller层对角色进行控制,吧当前用户拥有的角色json形式返回给前端,前端自己处理

1. @RequestMapping("/session")
2. public @ResponseBody List<String> session(HttpServletRequest request){
3. Subject subject= SecurityUtils.getSubject();
4. Session session=subject.getSession();
5. List<String> roleList=new ArrayList<String>();
6. if(subject.hasRole("admin")){
7. roleList.add("admin");
8. }
9. if(subject.hasRole("teacher")){
10. roleList.add("teacher");
11. }
12. return roleList;
13. }

至此即可以完成html页面对每个控件都能根据登陆 用户角色的不同进行权限控制了
方法是能走通 勉强实现自己的需求,感觉可以做一个好点的封装能把角色名暴露出来自定义,把前端操作暴露出来自定义不仅仅只是空间的显示或者隐藏.这些都可以在后续做思考和修改。