From 74deebfd5605445e21c351095f3779e7c62d1449 Mon Sep 17 00:00:00 2001
From: zhangkaitao <zhangkaitao0503@gmail.com>
Date: Fri, 14 Mar 2014 15:45:54 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AC=AC=E4=BA=8C=E5=8D=81=E4=B8=89=E7=AB=A0?=
 =?UTF-8?q?=20=E5=A4=9A=E9=A1=B9=E7=9B=AE=E9=9B=86=E4=B8=AD=E6=9D=83?=
 =?UTF-8?q?=E9=99=90=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pom.xml                                       |    6 +
 shiro-example-chapter23-app1/pom.xml          |   57 +
 .../app1/web/controller/HelloController.java  |   45 +
 .../exception/DefaultExceptionHandler.java    |   31 +
 .../resources/client/shiro-client.properties  |    4 +
 .../src/main/resources/spring-mvc.xml         |   33 +
 .../src/main/webapp/WEB-INF/web.xml           |   57 +
 .../src/main/webapp/success.jsp               |   38 +
 .../src/main/webapp/unauthorized.jsp          |   11 +
 shiro-example-chapter23-app2/pom.xml          |   57 +
 .../app2/web/controller/HelloController.java  |   45 +
 .../exception/DefaultExceptionHandler.java    |   31 +
 .../resources/client/shiro-client.properties  |    4 +
 .../src/main/resources/spring-mvc.xml         |   33 +
 .../src/main/webapp/WEB-INF/web.xml           |   57 +
 .../src/main/webapp/success.jsp               |   38 +
 .../src/main/webapp/unauthorized.jsp          |   11 +
 shiro-example-chapter23-client/pom.xml        |   22 +
 .../client/ClientAuthenticationFilter.java    |   47 +
 .../shiro/chapter23/client/ClientRealm.java   |   47 +
 .../chapter23/client/ClientSessionDAO.java    |   50 +
 .../client/ClientShiroFilterFactoryBean.java  |   44 +
 .../client/shiro-client-default.properties    |   20 +
 .../client/spring-client-remote-service.xml   |   16 +
 .../resources/client/spring-client-shiro.xml  |   96 +
 .../main/resources/client/spring-client.xml   |   14 +
 shiro-example-chapter23-core/pom.xml          |   17 +
 .../chapter23/core/ClientSavedRequest.java    |   75 +
 .../chapter23/remote/PermissionContext.java   |   39 +
 .../remote/RemoteServiceInterface.java        |   26 +
 shiro-example-chapter23-pom/pom.xml           |  139 +
 shiro-example-chapter23-server/pom.xml        |   65 +
 .../shiro/chapter23/Constants.java            |   12 +
 .../RetryLimitHashedCredentialsMatcher.java   |   46 +
 .../shiro/chapter23/dao/AppDao.java           |   22 +
 .../shiro/chapter23/dao/AppDaoImpl.java       |   87 +
 .../shiro/chapter23/dao/AuthorizationDao.java |   22 +
 .../chapter23/dao/AuthorizationDaoImpl.java   |   88 +
 .../shiro/chapter23/dao/OrganizationDao.java  |   24 +
 .../chapter23/dao/OrganizationDaoImpl.java    |   95 +
 .../shiro/chapter23/dao/ResourceDao.java      |   21 +
 .../shiro/chapter23/dao/ResourceDaoImpl.java  |   83 +
 .../shiro/chapter23/dao/RoleDao.java          |   20 +
 .../shiro/chapter23/dao/RoleDaoImpl.java      |   78 +
 .../shiro/chapter23/dao/UserDao.java          |   24 +
 .../shiro/chapter23/dao/UserDaoImpl.java      |   88 +
 .../shiro/chapter23/entity/App.java           |   84 +
 .../shiro/chapter23/entity/Authorization.java |  107 +
 .../shiro/chapter23/entity/Organization.java  |   93 +
 .../shiro/chapter23/entity/Resource.java      |  135 +
 .../shiro/chapter23/entity/Role.java          |  126 +
 .../shiro/chapter23/entity/User.java          |  113 +
 .../shiro/chapter23/realm/UserRealm.java      |   91 +
 .../shiro/chapter23/remote/RemoteService.java |   50 +
 .../shiro/chapter23/service/AppService.java   |   23 +
 .../chapter23/service/AppServiceImpl.java     |   48 +
 .../service/AuthorizationService.java         |   38 +
 .../service/AuthorizationServiceImpl.java     |  120 +
 .../service/OrganizationService.java          |   25 +
 .../service/OrganizationServiceImpl.java      |   54 +
 .../chapter23/service/PasswordHelper.java     |   50 +
 .../chapter23/service/ResourceService.java    |   36 +
 .../service/ResourceServiceImpl.java          |   96 +
 .../shiro/chapter23/service/RoleService.java  |   36 +
 .../chapter23/service/RoleServiceImpl.java    |   71 +
 .../shiro/chapter23/service/UserService.java  |   45 +
 .../chapter23/service/UserServiceImpl.java    |   78 +
 .../session/dao/MySqlSessionDAO.java          |   51 +
 .../MySqlSessionValidationScheduler.java      |  117 +
 .../chapter23/utils/SerializableUtils.java    |   37 +
 .../web/bind/annotation/CurrentUser.java      |   41 +
 .../CurrentUserMethodArgumentResolver.java    |   34 +
 .../web/controller/AppController.java         |   86 +
 .../controller/AuthorizationController.java   |  101 +
 .../web/controller/IndexController.java       |   43 +
 .../web/controller/LoginController.java       |   35 +
 .../controller/OrganizationController.java    |  111 +
 .../web/controller/ResourceController.java    |   85 +
 .../web/controller/RoleController.java        |   92 +
 .../web/controller/UserController.java        |  108 +
 .../exception/DefaultExceptionHandler.java    |   31 +
 .../web/shiro/filter/SysUserFilter.java       |   29 +
 .../shiro/chapter23/web/taglib/Functions.java |  167 +
 .../zhangkaitao/shiro/spring/SpringUtils.java |   93 +
 .../main/resources/ehcache/ehcache-shiro.xml  |   43 +
 .../src/main/resources/resources.properties   |   24 +
 .../main/resources/spring-config-shiro.xml    |  128 +
 .../src/main/resources/spring-config.xml      |   87 +
 .../resources/spring-mvc-remote-service.xml   |   17 +
 .../src/main/resources/spring-mvc-shiro.xml   |   16 +
 .../src/main/resources/spring-mvc.xml         |   57 +
 .../src/main/webapp/WEB-INF/jsp/app/edit.jsp  |   36 +
 .../src/main/webapp/WEB-INF/jsp/app/list.jsp  |   49 +
 .../webapp/WEB-INF/jsp/authorization/edit.jsp |   36 +
 .../webapp/WEB-INF/jsp/authorization/list.jsp |   49 +
 .../src/main/webapp/WEB-INF/jsp/index.jsp     |   35 +
 .../src/main/webapp/WEB-INF/jsp/login.jsp     |   19 +
 .../WEB-INF/jsp/organization/appendChild.jsp  |   30 +
 .../webapp/WEB-INF/jsp/organization/index.jsp |   25 +
 .../WEB-INF/jsp/organization/maintain.jsp     |   73 +
 .../webapp/WEB-INF/jsp/organization/move.jsp  |   98 +
 .../WEB-INF/jsp/organization/success.jsp      |    9 +
 .../webapp/WEB-INF/jsp/organization/tree.jsp  |   40 +
 .../main/webapp/WEB-INF/jsp/resource/edit.jsp |   49 +
 .../main/webapp/WEB-INF/jsp/resource/list.jsp |   76 +
 .../src/main/webapp/WEB-INF/jsp/role/edit.jsp |  119 +
 .../src/main/webapp/WEB-INF/jsp/role/list.jsp |   49 +
 .../main/webapp/WEB-INF/jsp/unauthorized.jsp  |   11 +
 .../WEB-INF/jsp/user/changePassword.jsp       |   20 +
 .../src/main/webapp/WEB-INF/jsp/user/edit.jsp |  120 +
 .../src/main/webapp/WEB-INF/jsp/user/list.jsp |   52 +
 .../src/main/webapp/WEB-INF/jsp/welcome.jsp   |    6 +
 .../JQuery zTree v3.5.15/api/API_cn.html      |  103 +
 .../JQuery zTree v3.5.15/api/API_en.html      |  102 +
 .../JQuery zTree v3.5.15/api/apiCss/api.js    |  591 +++
 .../api/apiCss/common.css                     |  219 ++
 .../api/apiCss/common_ie6.css                 |   23 +
 .../api/apiCss/img/apiMenu.gif                |  Bin 0 -> 1736 bytes
 .../api/apiCss/img/apiMenu.png                |  Bin 0 -> 3954 bytes
 .../api/apiCss/img/background.jpg             |  Bin 0 -> 36520 bytes
 .../api/apiCss/img/chinese.png                |  Bin 0 -> 1556 bytes
 .../api/apiCss/img/close.png                  |  Bin 0 -> 1908 bytes
 .../api/apiCss/img/contact-bg.png             |  Bin 0 -> 177 bytes
 .../api/apiCss/img/english.png                |  Bin 0 -> 1356 bytes
 .../api/apiCss/img/header-bg.png              |  Bin 0 -> 148 bytes
 .../api/apiCss/img/lightbulb.png              |  Bin 0 -> 27355 bytes
 .../api/apiCss/img/overlay_arrow.gif          |  Bin 0 -> 625 bytes
 .../api/apiCss/img/overlay_arrow.png          |  Bin 0 -> 830 bytes
 .../api/apiCss/img/overlay_bg.png             |  Bin 0 -> 109 bytes
 .../api/apiCss/img/overlay_close_IE6.gif      |  Bin 0 -> 441 bytes
 .../api/apiCss/img/zTreeStandard.gif          |  Bin 0 -> 6851 bytes
 .../api/apiCss/img/zTreeStandard.png          |  Bin 0 -> 12573 bytes
 .../api/apiCss/jquery-1.6.2.min.js            |   18 +
 .../api/apiCss/jquery.ztree.core-3.5.js       |   68 +
 .../api/apiCss/zTreeStyleForApi.css           |   49 +
 .../api/cn/fn.zTree._z.html                   |   13 +
 .../api/cn/fn.zTree.destroy.html              |   28 +
 .../api/cn/fn.zTree.getZTreeObj.html          |   24 +
 .../api/cn/fn.zTree.init.html                 |   74 +
 .../api/cn/setting.async.autoParam.html       |   39 +
 .../api/cn/setting.async.contentType.html     |   29 +
 .../api/cn/setting.async.dataFilter.html      |   45 +
 .../api/cn/setting.async.dataType.html        |   29 +
 .../api/cn/setting.async.enable.html          |   30 +
 .../api/cn/setting.async.otherParam.html      |   40 +
 .../api/cn/setting.async.type.html            |   30 +
 .../api/cn/setting.async.url.html             |   50 +
 .../api/cn/setting.callback.beforeAsync.html  |   35 +
 .../api/cn/setting.callback.beforeCheck.html  |   34 +
 .../api/cn/setting.callback.beforeClick.html  |   49 +
 .../cn/setting.callback.beforeCollapse.html   |   34 +
 .../cn/setting.callback.beforeDblClick.html   |   36 +
 .../api/cn/setting.callback.beforeDrag.html   |   39 +
 .../cn/setting.callback.beforeDragOpen.html   |   37 +
 .../api/cn/setting.callback.beforeDrop.html   |   48 +
 .../cn/setting.callback.beforeEditName.html   |   38 +
 .../api/cn/setting.callback.beforeExpand.html |   34 +
 .../cn/setting.callback.beforeMouseDown.html  |   35 +
 .../cn/setting.callback.beforeMouseUp.html    |   35 +
 .../api/cn/setting.callback.beforeRemove.html |   37 +
 .../api/cn/setting.callback.beforeRename.html |   46 +
 .../cn/setting.callback.beforeRightClick.html |   35 +
 .../api/cn/setting.callback.onAsyncError.html |   42 +
 .../cn/setting.callback.onAsyncSuccess.html   |   38 +
 .../api/cn/setting.callback.onCheck.html      |   34 +
 .../api/cn/setting.callback.onClick.html      |   49 +
 .../api/cn/setting.callback.onCollapse.html   |   34 +
 .../api/cn/setting.callback.onDblClick.html   |   35 +
 .../api/cn/setting.callback.onDrag.html       |   34 +
 .../api/cn/setting.callback.onDrop.html       |   46 +
 .../api/cn/setting.callback.onExpand.html     |   34 +
 .../api/cn/setting.callback.onMouseDown.html  |   35 +
 .../api/cn/setting.callback.onMouseUp.html    |   35 +
 .../cn/setting.callback.onNodeCreated.html    |   35 +
 .../api/cn/setting.callback.onRemove.html     |   34 +
 .../api/cn/setting.callback.onRename.html     |   40 +
 .../api/cn/setting.callback.onRightClick.html |   36 +
 .../cn/setting.check.autoCheckTrigger.html    |   28 +
 .../cn/setting.check.chkDisabledInherit.html  |   28 +
 .../api/cn/setting.check.chkStyle.html        |   48 +
 .../api/cn/setting.check.chkboxType.html      |   31 +
 .../api/cn/setting.check.enable.html          |   25 +
 .../api/cn/setting.check.nocheckInherit.html  |   28 +
 .../api/cn/setting.check.radioType.html       |   29 +
 .../api/cn/setting.data.keep.leaf.html        |   28 +
 .../api/cn/setting.data.keep.parent.html      |   28 +
 .../api/cn/setting.data.key.checked.html      |   24 +
 .../api/cn/setting.data.key.children.html     |   23 +
 .../api/cn/setting.data.key.name.html         |   23 +
 .../api/cn/setting.data.key.title.html        |   24 +
 .../api/cn/setting.data.key.url.html          |   24 +
 .../cn/setting.data.simpleData.enable.html    |   38 +
 .../api/cn/setting.data.simpleData.idKey.html |   32 +
 .../cn/setting.data.simpleData.pIdKey.html    |   32 +
 .../cn/setting.data.simpleData.rootPId.html   |   32 +
 .../setting.edit.drag.autoExpandTrigger.html  |   28 +
 .../cn/setting.edit.drag.autoOpenTime.html    |   25 +
 .../api/cn/setting.edit.drag.borderMax.html   |   25 +
 .../api/cn/setting.edit.drag.borderMin.html   |   25 +
 .../api/cn/setting.edit.drag.inner.html       |   59 +
 .../api/cn/setting.edit.drag.isCopy.html      |   32 +
 .../api/cn/setting.edit.drag.isMove.html      |   32 +
 .../cn/setting.edit.drag.maxShowNodeNum.html  |   25 +
 .../api/cn/setting.edit.drag.minMoveSize.html |   25 +
 .../api/cn/setting.edit.drag.next.html        |   58 +
 .../api/cn/setting.edit.drag.prev.html        |   58 +
 .../cn/setting.edit.editNameSelectAll.html    |   27 +
 .../api/cn/setting.edit.enable.html           |   38 +
 .../api/cn/setting.edit.removeTitle.html      |   48 +
 .../api/cn/setting.edit.renameTitle.html      |   48 +
 .../api/cn/setting.edit.showRemoveBtn.html    |   49 +
 .../api/cn/setting.edit.showRenameBtn.html    |   51 +
 .../api/cn/setting.treeId.html                |   14 +
 .../api/cn/setting.treeObj.html               |   14 +
 .../api/cn/setting.view.addDiyDom.html        |   40 +
 .../api/cn/setting.view.addHoverDom.html      |   45 +
 .../cn/setting.view.autoCancelSelected.html   |   26 +
 .../api/cn/setting.view.dblClickExpand.html   |   44 +
 .../api/cn/setting.view.expandSpeed.html      |   31 +
 .../api/cn/setting.view.fontCss.html          |   42 +
 .../api/cn/setting.view.nameIsHTML.html       |   27 +
 .../api/cn/setting.view.removeHoverDom.html   |   45 +
 .../api/cn/setting.view.selectedMulti.html    |   27 +
 .../api/cn/setting.view.showIcon.html         |   44 +
 .../api/cn/setting.view.showLine.html         |   25 +
 .../api/cn/setting.view.showTitle.html        |   46 +
 .../cn/setting.view.txtSelectedEnable.html    |   25 +
 .../api/cn/treeNode.check_Child_State.html    |   43 +
 .../api/cn/treeNode.check_Focus.html          |   19 +
 .../api/cn/treeNode.checked.html              |   32 +
 .../api/cn/treeNode.checkedOld.html           |   25 +
 .../api/cn/treeNode.children.html             |   35 +
 .../api/cn/treeNode.chkDisabled.html          |   28 +
 .../api/cn/treeNode.click.html                |   24 +
 .../api/cn/treeNode.diy.html                  |   15 +
 .../api/cn/treeNode.editNameFlag.html         |   19 +
 .../api/cn/treeNode.getCheckStatus.html       |   63 +
 .../api/cn/treeNode.getNextNode.html          |   27 +
 .../api/cn/treeNode.getParentNode.html        |   27 +
 .../api/cn/treeNode.getPreNode.html           |   27 +
 .../api/cn/treeNode.halfCheck.html            |   29 +
 .../api/cn/treeNode.icon.html                 |   33 +
 .../api/cn/treeNode.iconClose.html            |   33 +
 .../api/cn/treeNode.iconOpen.html             |   33 +
 .../api/cn/treeNode.iconSkin.html             |   43 +
 .../api/cn/treeNode.isAjaxing.html            |   26 +
 .../api/cn/treeNode.isFirstNode.html          |   28 +
 .../api/cn/treeNode.isHidden.html             |   27 +
 .../api/cn/treeNode.isHover.html              |   19 +
 .../api/cn/treeNode.isLastNode.html           |   28 +
 .../api/cn/treeNode.isParent.html             |   28 +
 .../api/cn/treeNode.level.html                |   25 +
 .../api/cn/treeNode.name.html                 |   25 +
 .../api/cn/treeNode.nocheck.html              |   26 +
 .../api/cn/treeNode.open.html                 |   30 +
 .../api/cn/treeNode.parentTId.html            |   27 +
 .../api/cn/treeNode.tId.html                  |   25 +
 .../api/cn/treeNode.target.html               |   24 +
 .../api/cn/treeNode.url.html                  |   25 +
 .../api/cn/treeNode.zAsync.html               |   28 +
 .../api/cn/zTreeObj.addNodes.html             |   42 +
 .../api/cn/zTreeObj.cancelEditName.html       |   30 +
 .../api/cn/zTreeObj.cancelSelectedNode.html   |   35 +
 .../api/cn/zTreeObj.checkAllNodes.html        |   29 +
 .../api/cn/zTreeObj.checkNode.html            |   44 +
 .../api/cn/zTreeObj.copyNode.html             |   44 +
 .../api/cn/zTreeObj.destroy.html              |   25 +
 .../api/cn/zTreeObj.editName.html             |   29 +
 .../api/cn/zTreeObj.expandAll.html            |   30 +
 .../api/cn/zTreeObj.expandNode.html           |   50 +
 .../cn/zTreeObj.getChangeCheckedNodes.html    |   24 +
 .../api/cn/zTreeObj.getCheckedNodes.html      |   28 +
 .../api/cn/zTreeObj.getNodeByParam.html       |   32 +
 .../api/cn/zTreeObj.getNodeByTId.html         |   27 +
 .../api/cn/zTreeObj.getNodeIndex.html         |   30 +
 .../api/cn/zTreeObj.getNodes.html             |   26 +
 .../api/cn/zTreeObj.getNodesByFilter.html     |   43 +
 .../api/cn/zTreeObj.getNodesByParam.html      |   31 +
 .../api/cn/zTreeObj.getNodesByParamFuzzy.html |   32 +
 .../api/cn/zTreeObj.getSelectedNodes.html     |   23 +
 .../api/cn/zTreeObj.hideNode.html             |   29 +
 .../api/cn/zTreeObj.hideNodes.html            |   29 +
 .../api/cn/zTreeObj.moveNode.html             |   46 +
 .../api/cn/zTreeObj.reAsyncChildNodes.html    |   42 +
 .../api/cn/zTreeObj.refresh.html              |   24 +
 .../api/cn/zTreeObj.removeChildNodes.html     |   32 +
 .../api/cn/zTreeObj.removeNode.html           |   34 +
 .../api/cn/zTreeObj.selectNode.html           |   34 +
 .../api/cn/zTreeObj.setChkDisabled.html       |   44 +
 .../api/cn/zTreeObj.setEditable.html          |   27 +
 .../api/cn/zTreeObj.setting.html              |   13 +
 .../api/cn/zTreeObj.showNode.html             |   31 +
 .../api/cn/zTreeObj.showNodes.html            |   29 +
 .../api/cn/zTreeObj.transformToArray.html     |   25 +
 .../cn/zTreeObj.transformTozTreeNodes.html    |   43 +
 .../api/cn/zTreeObj.updateNode.html           |   37 +
 .../api/en/fn.zTree._z.html                   |   13 +
 .../api/en/fn.zTree.destroy.html              |   28 +
 .../api/en/fn.zTree.getZTreeObj.html          |   25 +
 .../api/en/fn.zTree.init.html                 |   75 +
 .../api/en/setting.async.autoParam.html       |   39 +
 .../api/en/setting.async.contentType.html     |   29 +
 .../api/en/setting.async.dataFilter.html      |   45 +
 .../api/en/setting.async.dataType.html        |   29 +
 .../api/en/setting.async.enable.html          |   30 +
 .../api/en/setting.async.otherParam.html      |   40 +
 .../api/en/setting.async.type.html            |   30 +
 .../api/en/setting.async.url.html             |   50 +
 .../api/en/setting.callback.beforeAsync.html  |   35 +
 .../api/en/setting.callback.beforeCheck.html  |   34 +
 .../api/en/setting.callback.beforeClick.html  |   49 +
 .../en/setting.callback.beforeCollapse.html   |   34 +
 .../en/setting.callback.beforeDblClick.html   |   36 +
 .../api/en/setting.callback.beforeDrag.html   |   39 +
 .../en/setting.callback.beforeDragOpen.html   |   37 +
 .../api/en/setting.callback.beforeDrop.html   |   50 +
 .../en/setting.callback.beforeEditName.html   |   38 +
 .../api/en/setting.callback.beforeExpand.html |   34 +
 .../en/setting.callback.beforeMouseDown.html  |   35 +
 .../en/setting.callback.beforeMouseUp.html    |   35 +
 .../api/en/setting.callback.beforeRemove.html |   37 +
 .../api/en/setting.callback.beforeRename.html |   46 +
 .../en/setting.callback.beforeRightClick.html |   35 +
 .../api/en/setting.callback.onAsyncError.html |   42 +
 .../en/setting.callback.onAsyncSuccess.html   |   38 +
 .../api/en/setting.callback.onCheck.html      |   34 +
 .../api/en/setting.callback.onClick.html      |   49 +
 .../api/en/setting.callback.onCollapse.html   |   34 +
 .../api/en/setting.callback.onDblClick.html   |   35 +
 .../api/en/setting.callback.onDrag.html       |   34 +
 .../api/en/setting.callback.onDrop.html       |   48 +
 .../api/en/setting.callback.onExpand.html     |   34 +
 .../api/en/setting.callback.onMouseDown.html  |   35 +
 .../api/en/setting.callback.onMouseUp.html    |   35 +
 .../en/setting.callback.onNodeCreated.html    |   35 +
 .../api/en/setting.callback.onRemove.html     |   34 +
 .../api/en/setting.callback.onRename.html     |   40 +
 .../api/en/setting.callback.onRightClick.html |   36 +
 .../en/setting.check.autoCheckTrigger.html    |   29 +
 .../en/setting.check.chkDisabledInherit.html  |   28 +
 .../api/en/setting.check.chkStyle.html        |   48 +
 .../api/en/setting.check.chkboxType.html      |   31 +
 .../api/en/setting.check.enable.html          |   26 +
 .../api/en/setting.check.nocheckInherit.html  |   28 +
 .../api/en/setting.check.radioType.html       |   29 +
 .../api/en/setting.data.keep.leaf.html        |   28 +
 .../api/en/setting.data.keep.parent.html      |   28 +
 .../api/en/setting.data.key.checked.html      |   24 +
 .../api/en/setting.data.key.children.html     |   23 +
 .../api/en/setting.data.key.name.html         |   23 +
 .../api/en/setting.data.key.title.html        |   24 +
 .../api/en/setting.data.key.url.html          |   24 +
 .../en/setting.data.simpleData.enable.html    |   39 +
 .../api/en/setting.data.simpleData.idKey.html |   32 +
 .../en/setting.data.simpleData.pIdKey.html    |   32 +
 .../en/setting.data.simpleData.rootPId.html   |   32 +
 .../setting.edit.drag.autoExpandTrigger.html  |   29 +
 .../en/setting.edit.drag.autoOpenTime.html    |   25 +
 .../api/en/setting.edit.drag.borderMax.html   |   25 +
 .../api/en/setting.edit.drag.borderMin.html   |   25 +
 .../api/en/setting.edit.drag.inner.html       |   60 +
 .../api/en/setting.edit.drag.isCopy.html      |   32 +
 .../api/en/setting.edit.drag.isMove.html      |   32 +
 .../en/setting.edit.drag.maxShowNodeNum.html  |   25 +
 .../api/en/setting.edit.drag.minMoveSize.html |   25 +
 .../api/en/setting.edit.drag.next.html        |   59 +
 .../api/en/setting.edit.drag.prev.html        |   59 +
 .../en/setting.edit.editNameSelectAll.html    |   27 +
 .../api/en/setting.edit.enable.html           |   39 +
 .../api/en/setting.edit.removeTitle.html      |   48 +
 .../api/en/setting.edit.renameTitle.html      |   48 +
 .../api/en/setting.edit.showRemoveBtn.html    |   50 +
 .../api/en/setting.edit.showRenameBtn.html    |   52 +
 .../api/en/setting.treeId.html                |   14 +
 .../api/en/setting.treeObj.html               |   14 +
 .../api/en/setting.view.addDiyDom.html        |   40 +
 .../api/en/setting.view.addHoverDom.html      |   45 +
 .../en/setting.view.autoCancelSelected.html   |   27 +
 .../api/en/setting.view.dblClickExpand.html   |   45 +
 .../api/en/setting.view.expandSpeed.html      |   31 +
 .../api/en/setting.view.fontCss.html          |   42 +
 .../api/en/setting.view.nameIsHTML.html       |   28 +
 .../api/en/setting.view.removeHoverDom.html   |   45 +
 .../api/en/setting.view.selectedMulti.html    |   28 +
 .../api/en/setting.view.showIcon.html         |   45 +
 .../api/en/setting.view.showLine.html         |   26 +
 .../api/en/setting.view.showTitle.html        |   47 +
 .../en/setting.view.txtSelectedEnable.html    |   26 +
 .../api/en/treeNode.check_Child_State.html    |   43 +
 .../api/en/treeNode.check_Focus.html          |   19 +
 .../api/en/treeNode.checked.html              |   32 +
 .../api/en/treeNode.checkedOld.html           |   25 +
 .../api/en/treeNode.children.html             |   35 +
 .../api/en/treeNode.chkDisabled.html          |   28 +
 .../api/en/treeNode.click.html                |   24 +
 .../api/en/treeNode.diy.html                  |   15 +
 .../api/en/treeNode.editNameFlag.html         |   19 +
 .../api/en/treeNode.getCheckStatus.html       |   63 +
 .../api/en/treeNode.getNextNode.html          |   27 +
 .../api/en/treeNode.getParentNode.html        |   27 +
 .../api/en/treeNode.getPreNode.html           |   27 +
 .../api/en/treeNode.halfCheck.html            |   29 +
 .../api/en/treeNode.icon.html                 |   33 +
 .../api/en/treeNode.iconClose.html            |   33 +
 .../api/en/treeNode.iconOpen.html             |   33 +
 .../api/en/treeNode.iconSkin.html             |   43 +
 .../api/en/treeNode.isAjaxing.html            |   26 +
 .../api/en/treeNode.isFirstNode.html          |   28 +
 .../api/en/treeNode.isHidden.html             |   28 +
 .../api/en/treeNode.isHover.html              |   19 +
 .../api/en/treeNode.isLastNode.html           |   28 +
 .../api/en/treeNode.isParent.html             |   28 +
 .../api/en/treeNode.level.html                |   25 +
 .../api/en/treeNode.name.html                 |   25 +
 .../api/en/treeNode.nocheck.html              |   26 +
 .../api/en/treeNode.open.html                 |   30 +
 .../api/en/treeNode.parentTId.html            |   27 +
 .../api/en/treeNode.tId.html                  |   25 +
 .../api/en/treeNode.target.html               |   24 +
 .../api/en/treeNode.url.html                  |   25 +
 .../api/en/treeNode.zAsync.html               |   28 +
 .../api/en/zTreeObj.addNodes.html             |   42 +
 .../api/en/zTreeObj.cancelEditName.html       |   30 +
 .../api/en/zTreeObj.cancelSelectedNode.html   |   35 +
 .../api/en/zTreeObj.checkAllNodes.html        |   29 +
 .../api/en/zTreeObj.checkNode.html            |   44 +
 .../api/en/zTreeObj.copyNode.html             |   47 +
 .../api/en/zTreeObj.destroy.html              |   25 +
 .../api/en/zTreeObj.editName.html             |   29 +
 .../api/en/zTreeObj.expandAll.html            |   30 +
 .../api/en/zTreeObj.expandNode.html           |   50 +
 .../en/zTreeObj.getChangeCheckedNodes.html    |   24 +
 .../api/en/zTreeObj.getCheckedNodes.html      |   28 +
 .../api/en/zTreeObj.getNodeByParam.html       |   32 +
 .../api/en/zTreeObj.getNodeByTId.html         |   27 +
 .../api/en/zTreeObj.getNodeIndex.html         |   30 +
 .../api/en/zTreeObj.getNodes.html             |   26 +
 .../api/en/zTreeObj.getNodesByFilter.html     |   43 +
 .../api/en/zTreeObj.getNodesByParam.html      |   31 +
 .../api/en/zTreeObj.getNodesByParamFuzzy.html |   32 +
 .../api/en/zTreeObj.getSelectedNodes.html     |   23 +
 .../api/en/zTreeObj.hideNode.html             |   29 +
 .../api/en/zTreeObj.hideNodes.html            |   29 +
 .../api/en/zTreeObj.moveNode.html             |   49 +
 .../api/en/zTreeObj.reAsyncChildNodes.html    |   42 +
 .../api/en/zTreeObj.refresh.html              |   24 +
 .../api/en/zTreeObj.removeChildNodes.html     |   32 +
 .../api/en/zTreeObj.removeNode.html           |   34 +
 .../api/en/zTreeObj.selectNode.html           |   34 +
 .../api/en/zTreeObj.setChkDisabled.html       |   44 +
 .../api/en/zTreeObj.setEditable.html          |   27 +
 .../api/en/zTreeObj.setting.html              |   14 +
 .../api/en/zTreeObj.showNode.html             |   31 +
 .../api/en/zTreeObj.showNodes.html            |   29 +
 .../api/en/zTreeObj.transformToArray.html     |   27 +
 .../en/zTreeObj.transformTozTreeNodes.html    |   44 +
 .../api/en/zTreeObj.updateNode.html           |   37 +
 .../static/JQuery zTree v3.5.15/css/demo.css  |   33 +
 .../css/zTreeStyle/img/diy/1_close.png        |  Bin 0 -> 601 bytes
 .../css/zTreeStyle/img/diy/1_open.png         |  Bin 0 -> 580 bytes
 .../css/zTreeStyle/img/diy/2.png              |  Bin 0 -> 570 bytes
 .../css/zTreeStyle/img/diy/3.png              |  Bin 0 -> 762 bytes
 .../css/zTreeStyle/img/diy/4.png              |  Bin 0 -> 399 bytes
 .../css/zTreeStyle/img/diy/5.png              |  Bin 0 -> 710 bytes
 .../css/zTreeStyle/img/diy/6.png              |  Bin 0 -> 432 bytes
 .../css/zTreeStyle/img/diy/7.png              |  Bin 0 -> 534 bytes
 .../css/zTreeStyle/img/diy/8.png              |  Bin 0 -> 529 bytes
 .../css/zTreeStyle/img/diy/9.png              |  Bin 0 -> 467 bytes
 .../css/zTreeStyle/img/line_conn.gif          |  Bin 0 -> 45 bytes
 .../css/zTreeStyle/img/loading.gif            |  Bin 0 -> 381 bytes
 .../css/zTreeStyle/img/zTreeStandard.gif      |  Bin 0 -> 5564 bytes
 .../css/zTreeStyle/img/zTreeStandard.png      |  Bin 0 -> 11173 bytes
 .../css/zTreeStyle/zTreeStyle.css             |   97 +
 .../demo/cn/asyncData/getNodes.php            |   38 +
 .../demo/cn/asyncData/getNodesForBigData.php  |   24 +
 .../demo/cn/bigdata/common.html               |  190 +
 .../demo/cn/bigdata/diy_async.html            |  157 +
 .../demo/cn/bigdata/page.html                 |  150 +
 .../demo/cn/core/async.html                   |   70 +
 .../demo/cn/core/async_fun.html               |  144 +
 .../demo/cn/core/click.html                   |  107 +
 .../demo/cn/core/custom_font.html             |   67 +
 .../demo/cn/core/custom_icon.html             |   74 +
 .../demo/cn/core/custom_iconSkin.html         |   84 +
 .../demo/cn/core/expand.html                  |  185 +
 .../demo/cn/core/noicon.html                  |   93 +
 .../demo/cn/core/noline.html                  |   88 +
 .../demo/cn/core/otherMouse.html              |  132 +
 .../demo/cn/core/searchNodes.html             |  173 +
 .../demo/cn/core/simpleData.html              |  100 +
 .../demo/cn/core/standardData.html            |  106 +
 .../demo/cn/core/update_fun.html              |  143 +
 .../demo/cn/core/url.html                     |   63 +
 .../demo/cn/excheck/checkbox.html             |  107 +
 .../demo/cn/excheck/checkbox_chkDisabled.html |  112 +
 .../demo/cn/excheck/checkbox_count.html       |  126 +
 .../demo/cn/excheck/checkbox_fun.html         |  172 +
 .../demo/cn/excheck/checkbox_halfCheck.html   |  108 +
 .../demo/cn/excheck/checkbox_nocheck.html     |   96 +
 .../demo/cn/excheck/radio.html                |   97 +
 .../demo/cn/excheck/radio_chkDisabled.html    |  101 +
 .../demo/cn/excheck/radio_fun.html            |  151 +
 .../demo/cn/excheck/radio_halfCheck.html      |   93 +
 .../demo/cn/excheck/radio_nocheck.html        |   77 +
 .../demo/cn/exedit/async_edit.html            |  120 +
 .../demo/cn/exedit/drag.html                  |  136 +
 .../demo/cn/exedit/drag_fun.html              |  180 +
 .../demo/cn/exedit/drag_super.html            |  210 +
 .../demo/cn/exedit/edit.html                  |  115 +
 .../demo/cn/exedit/edit_fun.html              |  194 +
 .../demo/cn/exedit/edit_super.html            |  183 +
 .../demo/cn/exedit/multiTree.html             |   94 +
 .../demo/cn/exhide/checkbox.html              |  161 +
 .../demo/cn/exhide/common.html                |  126 +
 .../demo/cn/exhide/radio.html                 |  162 +
 .../JQuery zTree v3.5.15/demo/cn/index.html   |  157 +
 .../demo/cn/super/asyncForAll.html            |  191 +
 .../demo/cn/super/checkbox_radio.html         |  116 +
 .../demo/cn/super/diydom.html                 |  177 +
 .../demo/cn/super/dragWithOther.html          |  235 ++
 .../demo/cn/super/left_menu.html              |  152 +
 .../demo/cn/super/left_menuForOutLook.gif     |  Bin 0 -> 216 bytes
 .../demo/cn/super/left_menuForOutLook.html    |  136 +
 .../demo/cn/super/left_menuForOutLook.png     |  Bin 0 -> 421 bytes
 .../demo/cn/super/oneclick.html               |   87 +
 .../demo/cn/super/oneroot.html                |   79 +
 .../demo/cn/super/rightClickMenu.html         |  168 +
 .../demo/cn/super/select_menu.html            |  124 +
 .../demo/cn/super/select_menu_checkbox.html   |  126 +
 .../demo/cn/super/select_menu_radio.html      |  127 +
 .../demo/cn/super/singlepath.html             |  150 +
 .../demo/en/asyncData/getNodes.php            |   38 +
 .../demo/en/asyncData/getNodesForBigData.php  |   24 +
 .../demo/en/bigdata/common.html               |  190 +
 .../demo/en/bigdata/diy_async.html            |  157 +
 .../demo/en/bigdata/page.html                 |  150 +
 .../demo/en/core/async.html                   |   70 +
 .../demo/en/core/async_fun.html               |  144 +
 .../demo/en/core/click.html                   |  107 +
 .../demo/en/core/custom_font.html             |   67 +
 .../demo/en/core/custom_icon.html             |   74 +
 .../demo/en/core/custom_iconSkin.html         |   85 +
 .../demo/en/core/expand.html                  |  186 +
 .../demo/en/core/noicon.html                  |   93 +
 .../demo/en/core/noline.html                  |   88 +
 .../demo/en/core/otherMouse.html              |  132 +
 .../demo/en/core/searchNodes.html             |  173 +
 .../demo/en/core/simpleData.html              |  100 +
 .../demo/en/core/standardData.html            |  106 +
 .../demo/en/core/update_fun.html              |  143 +
 .../demo/en/core/url.html                     |   63 +
 .../demo/en/excheck/checkbox.html             |  107 +
 .../demo/en/excheck/checkbox_chkDisabled.html |  111 +
 .../demo/en/excheck/checkbox_count.html       |  127 +
 .../demo/en/excheck/checkbox_fun.html         |  172 +
 .../demo/en/excheck/checkbox_halfCheck.html   |  108 +
 .../demo/en/excheck/checkbox_nocheck.html     |   95 +
 .../demo/en/excheck/radio.html                |   97 +
 .../demo/en/excheck/radio_chkDisabled.html    |  101 +
 .../demo/en/excheck/radio_fun.html            |  151 +
 .../demo/en/excheck/radio_halfCheck.html      |   93 +
 .../demo/en/excheck/radio_nocheck.html        |   77 +
 .../demo/en/exedit/async_edit.html            |  120 +
 .../demo/en/exedit/drag.html                  |  136 +
 .../demo/en/exedit/drag_fun.html              |  180 +
 .../demo/en/exedit/drag_super.html            |  210 +
 .../demo/en/exedit/edit.html                  |  115 +
 .../demo/en/exedit/edit_fun.html              |  194 +
 .../demo/en/exedit/edit_super.html            |  183 +
 .../demo/en/exedit/multiTree.html             |   94 +
 .../demo/en/exhide/checkbox.html              |  161 +
 .../demo/en/exhide/common.html                |  126 +
 .../demo/en/exhide/radio.html                 |  162 +
 .../JQuery zTree v3.5.15/demo/en/index.html   |  157 +
 .../demo/en/super/asyncForAll.html            |  192 +
 .../demo/en/super/checkbox_radio.html         |  116 +
 .../demo/en/super/diydom.html                 |  177 +
 .../demo/en/super/dragWithOther.html          |  234 ++
 .../demo/en/super/left_menu.html              |  152 +
 .../demo/en/super/left_menuForOutLook.gif     |  Bin 0 -> 216 bytes
 .../demo/en/super/left_menuForOutLook.html    |  136 +
 .../demo/en/super/left_menuForOutLook.png     |  Bin 0 -> 421 bytes
 .../demo/en/super/oneclick.html               |   87 +
 .../demo/en/super/oneroot.html                |   79 +
 .../demo/en/super/rightClickMenu.html         |  168 +
 .../demo/en/super/select_menu.html            |  124 +
 .../demo/en/super/select_menu_checkbox.html   |  126 +
 .../demo/en/super/select_menu_radio.html      |  127 +
 .../demo/en/super/singlepath.html             |  150 +
 .../js/jquery-1.4.4.min.js                    |  167 +
 .../js/jquery.ztree.all-3.5.js                | 3487 +++++++++++++++++
 .../js/jquery.ztree.all-3.5.min.js            |  157 +
 .../js/jquery.ztree.core-3.5.js               | 1677 ++++++++
 .../js/jquery.ztree.core-3.5.min.js           |   68 +
 .../js/jquery.ztree.excheck-3.5.js            |  626 +++
 .../js/jquery.ztree.excheck-3.5.min.js        |   33 +
 .../js/jquery.ztree.exedit-3.5.js             | 1183 ++++++
 .../js/jquery.ztree.exedit-3.5.min.js         |   52 +
 .../js/jquery.ztree.exhide-3.5.js             |  363 ++
 .../js/jquery.ztree.exhide-3.5.min.js         |   22 +
 .../static/JQuery zTree v3.5.15/log v3.x.txt  |  199 +
 .../main/webapp/WEB-INF/static/css/css.css    |   27 +
 .../static/css/layout-default-latest.css      |  224 ++
 .../static/jquery-treetable/.gitignore        |    3 +
 .../static/jquery-treetable/CHANGELOG.txt     |  126 +
 .../static/jquery-treetable/GPL-LICENSE.txt   |  278 ++
 .../static/jquery-treetable/MIT-LICENSE.txt   |   20 +
 .../WEB-INF/static/jquery-treetable/README.md |   20 +
 .../static/jquery-treetable/index.html        |  948 +++++
 .../javascripts/src/jquery.treetable.js       |  620 +++
 .../javascripts/test/jquery.treetable.test.js | 1555 ++++++++
 .../stylesheets/jquery.treetable.css          |   28 +
 .../jquery.treetable.theme.default.css        |   83 +
 .../jquery-treetable/stylesheets/screen.css   |   28 +
 .../WEB-INF/static/jquery-treetable/test.html |   28 +
 .../jquery-treetable/treetable.jquery.json    |   39 +
 .../WEB-INF/static/js/jquery-1.11.0.min.js    |    4 +
 .../static/js/jquery.layout-latest.min.js     |  142 +
 .../webapp/WEB-INF/tld/zhang-functions.tld    |   72 +
 .../src/main/webapp/WEB-INF/web.xml           |   80 +
 .../src/sql/design.txt                        |   30 +
 .../src/sql/shiro-data.sql                    |   63 +
 .../src/sql/shiro-schema.sql                  |   84 +
 623 files changed, 44993 insertions(+)
 create mode 100644 shiro-example-chapter23-app1/pom.xml
 create mode 100644 shiro-example-chapter23-app1/src/main/java/com/github/zhangkaitao/shiro/chapter23/app1/web/controller/HelloController.java
 create mode 100644 shiro-example-chapter23-app1/src/main/java/com/github/zhangkaitao/shiro/chapter23/app1/web/exception/DefaultExceptionHandler.java
 create mode 100644 shiro-example-chapter23-app1/src/main/resources/client/shiro-client.properties
 create mode 100644 shiro-example-chapter23-app1/src/main/resources/spring-mvc.xml
 create mode 100644 shiro-example-chapter23-app1/src/main/webapp/WEB-INF/web.xml
 create mode 100644 shiro-example-chapter23-app1/src/main/webapp/success.jsp
 create mode 100644 shiro-example-chapter23-app1/src/main/webapp/unauthorized.jsp
 create mode 100644 shiro-example-chapter23-app2/pom.xml
 create mode 100644 shiro-example-chapter23-app2/src/main/java/com/github/zhangkaitao/shiro/chapter23/app2/web/controller/HelloController.java
 create mode 100644 shiro-example-chapter23-app2/src/main/java/com/github/zhangkaitao/shiro/chapter23/app2/web/exception/DefaultExceptionHandler.java
 create mode 100644 shiro-example-chapter23-app2/src/main/resources/client/shiro-client.properties
 create mode 100644 shiro-example-chapter23-app2/src/main/resources/spring-mvc.xml
 create mode 100644 shiro-example-chapter23-app2/src/main/webapp/WEB-INF/web.xml
 create mode 100644 shiro-example-chapter23-app2/src/main/webapp/success.jsp
 create mode 100644 shiro-example-chapter23-app2/src/main/webapp/unauthorized.jsp
 create mode 100644 shiro-example-chapter23-client/pom.xml
 create mode 100644 shiro-example-chapter23-client/src/main/java/com/github/zhangkaitao/shiro/chapter23/client/ClientAuthenticationFilter.java
 create mode 100644 shiro-example-chapter23-client/src/main/java/com/github/zhangkaitao/shiro/chapter23/client/ClientRealm.java
 create mode 100644 shiro-example-chapter23-client/src/main/java/com/github/zhangkaitao/shiro/chapter23/client/ClientSessionDAO.java
 create mode 100644 shiro-example-chapter23-client/src/main/java/com/github/zhangkaitao/shiro/chapter23/client/ClientShiroFilterFactoryBean.java
 create mode 100644 shiro-example-chapter23-client/src/main/resources/client/shiro-client-default.properties
 create mode 100644 shiro-example-chapter23-client/src/main/resources/client/spring-client-remote-service.xml
 create mode 100644 shiro-example-chapter23-client/src/main/resources/client/spring-client-shiro.xml
 create mode 100644 shiro-example-chapter23-client/src/main/resources/client/spring-client.xml
 create mode 100644 shiro-example-chapter23-core/pom.xml
 create mode 100644 shiro-example-chapter23-core/src/main/java/com/github/zhangkaitao/shiro/chapter23/core/ClientSavedRequest.java
 create mode 100644 shiro-example-chapter23-core/src/main/java/com/github/zhangkaitao/shiro/chapter23/remote/PermissionContext.java
 create mode 100644 shiro-example-chapter23-core/src/main/java/com/github/zhangkaitao/shiro/chapter23/remote/RemoteServiceInterface.java
 create mode 100644 shiro-example-chapter23-pom/pom.xml
 create mode 100644 shiro-example-chapter23-server/pom.xml
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/Constants.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/credentials/RetryLimitHashedCredentialsMatcher.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/AppDao.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/AppDaoImpl.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/AuthorizationDao.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/AuthorizationDaoImpl.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/OrganizationDao.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/OrganizationDaoImpl.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/ResourceDao.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/ResourceDaoImpl.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/RoleDao.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/RoleDaoImpl.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/UserDao.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/UserDaoImpl.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/App.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/Authorization.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/Organization.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/Resource.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/Role.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/User.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/realm/UserRealm.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/remote/RemoteService.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/AppService.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/AppServiceImpl.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/AuthorizationService.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/AuthorizationServiceImpl.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/OrganizationService.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/OrganizationServiceImpl.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/PasswordHelper.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/ResourceService.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/ResourceServiceImpl.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/RoleService.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/RoleServiceImpl.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/UserService.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/UserServiceImpl.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/session/dao/MySqlSessionDAO.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/session/scheduler/MySqlSessionValidationScheduler.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/utils/SerializableUtils.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/bind/annotation/CurrentUser.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/bind/method/CurrentUserMethodArgumentResolver.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/AppController.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/AuthorizationController.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/IndexController.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/LoginController.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/OrganizationController.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/ResourceController.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/RoleController.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/UserController.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/exception/DefaultExceptionHandler.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/shiro/filter/SysUserFilter.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/taglib/Functions.java
 create mode 100644 shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/spring/SpringUtils.java
 create mode 100644 shiro-example-chapter23-server/src/main/resources/ehcache/ehcache-shiro.xml
 create mode 100644 shiro-example-chapter23-server/src/main/resources/resources.properties
 create mode 100644 shiro-example-chapter23-server/src/main/resources/spring-config-shiro.xml
 create mode 100644 shiro-example-chapter23-server/src/main/resources/spring-config.xml
 create mode 100644 shiro-example-chapter23-server/src/main/resources/spring-mvc-remote-service.xml
 create mode 100644 shiro-example-chapter23-server/src/main/resources/spring-mvc-shiro.xml
 create mode 100644 shiro-example-chapter23-server/src/main/resources/spring-mvc.xml
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/app/edit.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/app/list.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/authorization/edit.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/authorization/list.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/index.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/login.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/appendChild.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/index.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/maintain.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/move.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/success.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/tree.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/resource/edit.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/resource/list.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/role/edit.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/role/list.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/unauthorized.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/user/changePassword.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/user/edit.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/user/list.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/welcome.jsp
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/API_cn.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/API_en.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/api.js
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/common.css
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/common_ie6.css
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/apiMenu.gif
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/apiMenu.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/background.jpg
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/chinese.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/close.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/contact-bg.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/english.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/header-bg.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/lightbulb.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/overlay_arrow.gif
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/overlay_arrow.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/overlay_bg.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/overlay_close_IE6.gif
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/zTreeStandard.gif
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/zTreeStandard.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/jquery-1.6.2.min.js
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/jquery.ztree.core-3.5.js
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/zTreeStyleForApi.css
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/fn.zTree._z.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/fn.zTree.destroy.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/fn.zTree.getZTreeObj.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/fn.zTree.init.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.autoParam.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.contentType.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.dataFilter.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.dataType.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.enable.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.otherParam.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.type.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.url.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeAsync.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeCheck.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeClick.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeCollapse.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeDblClick.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeDrag.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeDragOpen.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeDrop.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeEditName.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeExpand.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeMouseDown.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeMouseUp.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeRemove.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeRename.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeRightClick.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onAsyncError.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onAsyncSuccess.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onCheck.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onClick.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onCollapse.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onDblClick.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onDrag.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onDrop.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onExpand.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onMouseDown.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onMouseUp.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onNodeCreated.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onRemove.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onRename.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onRightClick.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.autoCheckTrigger.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.chkDisabledInherit.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.chkStyle.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.chkboxType.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.enable.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.nocheckInherit.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.radioType.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.keep.leaf.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.keep.parent.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.checked.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.children.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.name.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.title.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.url.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.simpleData.enable.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.simpleData.idKey.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.simpleData.pIdKey.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.simpleData.rootPId.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.autoExpandTrigger.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.autoOpenTime.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.borderMax.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.borderMin.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.inner.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.isCopy.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.isMove.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.maxShowNodeNum.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.minMoveSize.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.next.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.prev.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.editNameSelectAll.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.enable.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.removeTitle.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.renameTitle.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.showRemoveBtn.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.showRenameBtn.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.treeId.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.treeObj.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.addDiyDom.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.addHoverDom.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.autoCancelSelected.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.dblClickExpand.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.expandSpeed.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.fontCss.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.nameIsHTML.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.removeHoverDom.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.selectedMulti.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.showIcon.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.showLine.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.showTitle.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.txtSelectedEnable.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.check_Child_State.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.check_Focus.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.checked.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.checkedOld.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.children.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.chkDisabled.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.click.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.diy.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.editNameFlag.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.getCheckStatus.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.getNextNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.getParentNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.getPreNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.halfCheck.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.icon.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.iconClose.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.iconOpen.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.iconSkin.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isAjaxing.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isFirstNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isHidden.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isHover.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isLastNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isParent.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.level.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.name.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.nocheck.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.open.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.parentTId.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.tId.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.target.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.url.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.zAsync.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.addNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.cancelEditName.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.cancelSelectedNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.checkAllNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.checkNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.copyNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.destroy.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.editName.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.expandAll.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.expandNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getChangeCheckedNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getCheckedNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodeByParam.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodeByTId.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodeIndex.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodesByFilter.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodesByParam.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodesByParamFuzzy.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getSelectedNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.hideNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.hideNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.moveNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.reAsyncChildNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.refresh.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.removeChildNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.removeNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.selectNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.setChkDisabled.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.setEditable.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.setting.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.showNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.showNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.transformToArray.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.transformTozTreeNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.updateNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/fn.zTree._z.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/fn.zTree.destroy.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/fn.zTree.getZTreeObj.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/fn.zTree.init.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.autoParam.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.contentType.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.dataFilter.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.dataType.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.enable.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.otherParam.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.type.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.url.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeAsync.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeCheck.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeClick.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeCollapse.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeDblClick.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeDrag.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeDragOpen.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeDrop.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeEditName.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeExpand.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeMouseDown.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeMouseUp.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeRemove.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeRename.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeRightClick.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onAsyncError.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onAsyncSuccess.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onCheck.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onClick.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onCollapse.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onDblClick.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onDrag.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onDrop.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onExpand.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onMouseDown.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onMouseUp.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onNodeCreated.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onRemove.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onRename.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onRightClick.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.autoCheckTrigger.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.chkDisabledInherit.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.chkStyle.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.chkboxType.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.enable.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.nocheckInherit.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.radioType.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.keep.leaf.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.keep.parent.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.checked.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.children.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.name.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.title.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.url.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.simpleData.enable.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.simpleData.idKey.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.simpleData.pIdKey.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.simpleData.rootPId.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.autoExpandTrigger.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.autoOpenTime.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.borderMax.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.borderMin.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.inner.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.isCopy.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.isMove.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.maxShowNodeNum.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.minMoveSize.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.next.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.prev.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.editNameSelectAll.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.enable.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.removeTitle.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.renameTitle.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.showRemoveBtn.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.showRenameBtn.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.treeId.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.treeObj.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.addDiyDom.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.addHoverDom.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.autoCancelSelected.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.dblClickExpand.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.expandSpeed.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.fontCss.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.nameIsHTML.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.removeHoverDom.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.selectedMulti.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.showIcon.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.showLine.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.showTitle.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.txtSelectedEnable.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.check_Child_State.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.check_Focus.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.checked.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.checkedOld.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.children.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.chkDisabled.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.click.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.diy.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.editNameFlag.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.getCheckStatus.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.getNextNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.getParentNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.getPreNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.halfCheck.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.icon.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.iconClose.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.iconOpen.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.iconSkin.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isAjaxing.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isFirstNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isHidden.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isHover.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isLastNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isParent.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.level.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.name.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.nocheck.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.open.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.parentTId.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.tId.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.target.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.url.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.zAsync.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.addNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.cancelEditName.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.cancelSelectedNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.checkAllNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.checkNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.copyNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.destroy.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.editName.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.expandAll.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.expandNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getChangeCheckedNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getCheckedNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodeByParam.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodeByTId.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodeIndex.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodesByFilter.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodesByParam.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodesByParamFuzzy.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getSelectedNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.hideNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.hideNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.moveNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.reAsyncChildNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.refresh.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.removeChildNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.removeNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.selectNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.setChkDisabled.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.setEditable.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.setting.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.showNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.showNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.transformToArray.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.transformTozTreeNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.updateNode.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/demo.css
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/1_close.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/1_open.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/2.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/3.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/4.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/5.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/6.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/7.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/8.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/9.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/line_conn.gif
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/loading.gif
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/zTreeStandard.gif
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/zTreeStandard.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/zTreeStyle.css
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/asyncData/getNodes.php
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/asyncData/getNodesForBigData.php
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/bigdata/common.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/bigdata/diy_async.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/bigdata/page.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/async.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/async_fun.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/click.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/custom_font.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/custom_icon.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/custom_iconSkin.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/expand.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/noicon.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/noline.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/otherMouse.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/searchNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/simpleData.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/standardData.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/update_fun.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/url.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_chkDisabled.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_count.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_fun.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_halfCheck.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_nocheck.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio_chkDisabled.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio_fun.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio_halfCheck.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio_nocheck.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/async_edit.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/drag.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/drag_fun.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/drag_super.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/edit.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/edit_fun.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/edit_super.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/multiTree.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exhide/checkbox.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exhide/common.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exhide/radio.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/index.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/asyncForAll.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/checkbox_radio.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/diydom.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/dragWithOther.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/left_menu.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/left_menuForOutLook.gif
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/left_menuForOutLook.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/left_menuForOutLook.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/oneclick.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/oneroot.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/rightClickMenu.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/select_menu.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/select_menu_checkbox.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/select_menu_radio.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/singlepath.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/asyncData/getNodes.php
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/asyncData/getNodesForBigData.php
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/bigdata/common.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/bigdata/diy_async.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/bigdata/page.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/async.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/async_fun.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/click.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/custom_font.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/custom_icon.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/custom_iconSkin.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/expand.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/noicon.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/noline.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/otherMouse.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/searchNodes.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/simpleData.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/standardData.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/update_fun.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/url.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_chkDisabled.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_count.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_fun.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_halfCheck.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_nocheck.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio_chkDisabled.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio_fun.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio_halfCheck.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio_nocheck.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/async_edit.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/drag.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/drag_fun.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/drag_super.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/edit.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/edit_fun.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/edit_super.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/multiTree.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exhide/checkbox.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exhide/common.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exhide/radio.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/index.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/asyncForAll.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/checkbox_radio.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/diydom.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/dragWithOther.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/left_menu.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/left_menuForOutLook.gif
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/left_menuForOutLook.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/left_menuForOutLook.png
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/oneclick.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/oneroot.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/rightClickMenu.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/select_menu.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/select_menu_checkbox.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/select_menu_radio.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/singlepath.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery-1.4.4.min.js
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.all-3.5.js
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.all-3.5.min.js
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.core-3.5.js
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.core-3.5.min.js
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.excheck-3.5.js
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.excheck-3.5.min.js
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.exedit-3.5.js
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.exedit-3.5.min.js
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.exhide-3.5.js
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.exhide-3.5.min.js
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/log v3.x.txt
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/css/css.css
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/css/layout-default-latest.css
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/.gitignore
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/CHANGELOG.txt
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/GPL-LICENSE.txt
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/MIT-LICENSE.txt
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/README.md
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/index.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/javascripts/src/jquery.treetable.js
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/javascripts/test/jquery.treetable.test.js
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/stylesheets/jquery.treetable.css
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/stylesheets/jquery.treetable.theme.default.css
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/stylesheets/screen.css
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/test.html
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/treetable.jquery.json
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/js/jquery-1.11.0.min.js
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/js/jquery.layout-latest.min.js
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/tld/zhang-functions.tld
 create mode 100644 shiro-example-chapter23-server/src/main/webapp/WEB-INF/web.xml
 create mode 100644 shiro-example-chapter23-server/src/sql/design.txt
 create mode 100644 shiro-example-chapter23-server/src/sql/shiro-data.sql
 create mode 100644 shiro-example-chapter23-server/src/sql/shiro-schema.sql

diff --git a/pom.xml b/pom.xml
index 45530349..7e88b919 100644
--- a/pom.xml
+++ b/pom.xml
@@ -32,6 +32,12 @@
         <module>shiro-example-chapter20</module>
         <module>shiro-example-chapter21</module>
         <module>shiro-example-chapter22</module>
+        <module>shiro-example-chapter23-server</module>
+        <module>shiro-example-chapter23-core</module>
+        <module>shiro-example-chapter23-client</module>
+        <module>shiro-example-chapter23-pom</module>
+        <module>shiro-example-chapter23-app1</module>
+        <module>shiro-example-chapter23-app2</module>
     </modules>
 
 
diff --git a/shiro-example-chapter23-app1/pom.xml b/shiro-example-chapter23-app1/pom.xml
new file mode 100644
index 00000000..bcd5be16
--- /dev/null
+++ b/shiro-example-chapter23-app1/pom.xml
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <parent>
+        <artifactId>shiro-example-chapter23-pom</artifactId>
+        <groupId>com.github.zhangkaitao</groupId>
+        <version>1.0-SNAPSHOT</version>
+    </parent>
+    <modelVersion>4.0.0</modelVersion>
+
+    <artifactId>shiro-example-chapter23-app1</artifactId>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.github.zhangkaitao</groupId>
+            <artifactId>shiro-example-chapter23-client</artifactId>
+            <version>1.0-SNAPSHOT</version>
+        </dependency>
+    </dependencies>
+
+    <build>
+        <finalName>chapter23-app1</finalName>
+        <plugins>
+            <plugin>
+                <groupId>org.mortbay.jetty</groupId>
+                <artifactId>jetty-maven-plugin</artifactId>
+                <version>8.1.8.v20121106</version>
+                <configuration>
+                    <webAppConfig>
+                        <contextPath>/${project.build.finalName}</contextPath>
+                    </webAppConfig>
+                    <connectors>
+                        <connector implementation="org.eclipse.jetty.server.nio.SelectChannelConnector">
+                            <port>9080</port>
+                            <maxIdleTime>60000</maxIdleTime>
+                        </connector>
+                    </connectors>
+                </configuration>
+            </plugin>
+
+
+            <plugin>
+                <groupId>org.apache.tomcat.maven</groupId>
+                <artifactId>tomcat7-maven-plugin</artifactId>
+                <version>2.2</version>
+                <configuration>
+                    <path>/${project.build.finalName}</path>
+                    <httpPort>9080</httpPort>
+                </configuration>
+
+            </plugin>
+        </plugins>
+
+
+    </build>
+</project>
\ No newline at end of file
diff --git a/shiro-example-chapter23-app1/src/main/java/com/github/zhangkaitao/shiro/chapter23/app1/web/controller/HelloController.java b/shiro-example-chapter23-app1/src/main/java/com/github/zhangkaitao/shiro/chapter23/app1/web/controller/HelloController.java
new file mode 100644
index 00000000..955b4524
--- /dev/null
+++ b/shiro-example-chapter23-app1/src/main/java/com/github/zhangkaitao/shiro/chapter23/app1/web/controller/HelloController.java
@@ -0,0 +1,45 @@
+package com.github.zhangkaitao.shiro.chapter23.app1.web.controller;
+
+import org.apache.shiro.SecurityUtils;
+import org.apache.shiro.authz.annotation.RequiresRoles;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.RequestParam;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-3-13
+ * <p>Version: 1.0
+ */
+@Controller
+public class HelloController {
+
+    @RequestMapping("/hello")
+    public String hello() {
+        return "success";
+    }
+
+    @RequestMapping(value = "/attr", method = RequestMethod.POST)
+    public String setAttr(
+            @RequestParam("key") String key, @RequestParam("value") String value) {
+        SecurityUtils.getSubject().getSession().setAttribute(key, value);
+        return "success";
+    }
+
+
+    @RequestMapping(value = "/attr", method = RequestMethod.GET)
+    public String getAttr(
+            @RequestParam("key") String key, Model model) {
+        model.addAttribute("value", SecurityUtils.getSubject().getSession().getAttribute(key));
+        return "success";
+    }
+
+    @RequestMapping("/role1")
+    @RequiresRoles("role1")
+    public String role1() {
+        return "success";
+    }
+
+}
diff --git a/shiro-example-chapter23-app1/src/main/java/com/github/zhangkaitao/shiro/chapter23/app1/web/exception/DefaultExceptionHandler.java b/shiro-example-chapter23-app1/src/main/java/com/github/zhangkaitao/shiro/chapter23/app1/web/exception/DefaultExceptionHandler.java
new file mode 100644
index 00000000..0861787d
--- /dev/null
+++ b/shiro-example-chapter23-app1/src/main/java/com/github/zhangkaitao/shiro/chapter23/app1/web/exception/DefaultExceptionHandler.java
@@ -0,0 +1,31 @@
+package com.github.zhangkaitao.shiro.chapter23.app1.web.exception;
+
+import org.apache.shiro.authz.UnauthorizedException;
+import org.springframework.http.HttpStatus;
+import org.springframework.web.bind.annotation.ControllerAdvice;
+import org.springframework.web.bind.annotation.ExceptionHandler;
+import org.springframework.web.bind.annotation.ResponseStatus;
+import org.springframework.web.context.request.NativeWebRequest;
+import org.springframework.web.servlet.ModelAndView;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-12
+ * <p>Version: 1.0
+ */
+@ControllerAdvice
+public class DefaultExceptionHandler {
+    /**
+     * 没有权限 异常
+     * <p/>
+     * 后续根据不同的需求定制即可
+     */
+    @ExceptionHandler({UnauthorizedException.class})
+    @ResponseStatus(HttpStatus.UNAUTHORIZED)
+    public ModelAndView processUnauthenticatedException(NativeWebRequest request, UnauthorizedException e) {
+        ModelAndView mv = new ModelAndView();
+        mv.addObject("exception", e);
+        mv.setViewName("unauthorized");
+        return mv;
+    }
+}
diff --git a/shiro-example-chapter23-app1/src/main/resources/client/shiro-client.properties b/shiro-example-chapter23-app1/src/main/resources/client/shiro-client.properties
new file mode 100644
index 00000000..557b6ff7
--- /dev/null
+++ b/shiro-example-chapter23-app1/src/main/resources/client/shiro-client.properties
@@ -0,0 +1,4 @@
+client.app.key=645ba612-370a-43a8-a8e0-993e7a590cf0
+client.success.url=/hello
+client.filter.chain.definitions=/hello=anon;/login=authc;/**=authc
+
diff --git a/shiro-example-chapter23-app1/src/main/resources/spring-mvc.xml b/shiro-example-chapter23-app1/src/main/resources/spring-mvc.xml
new file mode 100644
index 00000000..020e1c1d
--- /dev/null
+++ b/shiro-example-chapter23-app1/src/main/resources/spring-mvc.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+       xmlns:context="http://www.springframework.org/schema/context"
+       xmlns:aop="http://www.springframework.org/schema/aop"
+       xmlns:mvc="http://www.springframework.org/schema/mvc"
+       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xsi:schemaLocation="
+       http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
+       http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
+       http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd
+       http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd">
+
+    <context:component-scan base-package="com.github.zhangkaitao" use-default-filters="false">
+        <context:include-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
+        <context:include-filter type="annotation" expression="org.springframework.web.bind.annotation.ControllerAdvice"/>
+    </context:component-scan>
+
+    <aop:config proxy-target-class="true"></aop:config>
+    <bean class="org.apache.shiro.spring.security.interceptor.AuthorizationAttributeSourceAdvisor">
+        <property name="securityManager" ref="securityManager"/>
+    </bean>
+
+    <mvc:annotation-driven/>
+
+    <!-- 默认的视图解析器 在上边的解析错误时使用 (默认使用html)- -->
+    <bean id="defaultViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
+        <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
+        <property name="contentType" value="text/html"/>
+        <property name="prefix" value="/"/>
+        <property name="suffix" value=".jsp"/>
+    </bean>
+
+</beans>
\ No newline at end of file
diff --git a/shiro-example-chapter23-app1/src/main/webapp/WEB-INF/web.xml b/shiro-example-chapter23-app1/src/main/webapp/WEB-INF/web.xml
new file mode 100644
index 00000000..dc046b8f
--- /dev/null
+++ b/shiro-example-chapter23-app1/src/main/webapp/WEB-INF/web.xml
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<web-app
+        xmlns="http://java.sun.com/xml/ns/javaee"
+        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
+        version="3.0"
+        metadata-complete="false">
+
+    <!-- Spring配置文件开始  -->
+    <context-param>
+        <param-name>contextConfigLocation</param-name>
+        <param-value>
+            classpath:client/spring-client.xml
+        </param-value>
+    </context-param>
+    <listener>
+        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
+    </listener>
+    <!-- Spring配置文件结束 -->
+
+    <!-- shiro 安全过滤器 -->
+    <!-- The filter-name matches name of a 'shiroFilter' bean inside applicationContext.xml -->
+    <filter>
+        <filter-name>shiroFilter</filter-name>
+        <filter-class>org.springframework.web.filter.DelegatingFilterProxy</filter-class>
+        <async-supported>true</async-supported>
+        <init-param>
+            <param-name>targetFilterLifecycle</param-name>
+            <param-value>true</param-value>
+        </init-param>
+    </filter>
+
+    <!-- Make sure any request you want accessible to Shiro is filtered. /* catches all -->
+    <!-- requests.  Usually this filter mapping is defined first (before all others) to -->
+    <!-- ensure that Shiro works in subsequent filters in the filter chain:             -->
+    <filter-mapping>
+        <filter-name>shiroFilter</filter-name>
+        <url-pattern>/*</url-pattern>
+    </filter-mapping>
+
+    <servlet>
+        <servlet-name>spring</servlet-name>
+        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
+        <init-param>
+            <param-name>contextConfigLocation</param-name>
+            <param-value>classpath:spring-mvc.xml</param-value>
+        </init-param>
+        <load-on-startup>1</load-on-startup>
+        <async-supported>true</async-supported>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>spring</servlet-name>
+        <url-pattern>/</url-pattern>
+    </servlet-mapping>
+
+
+</web-app>
diff --git a/shiro-example-chapter23-app1/src/main/webapp/success.jsp b/shiro-example-chapter23-app1/src/main/webapp/success.jsp
new file mode 100644
index 00000000..88326cd8
--- /dev/null
+++ b/shiro-example-chapter23-app1/src/main/webapp/success.jsp
@@ -0,0 +1,38 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
+<html>
+<body>
+    hello app1.<br/>
+
+    <shiro:guest>
+        <a href="${pageContext.request.contextPath}/login?backurl=${pageContext.request.contextPath}">点击登录</a>
+    </shiro:guest>
+
+    <shiro:authenticated>
+        欢迎<shiro:principal/>登录<br/>
+        <shiro:hasRole name="role1">
+            您拥有role1角色<br/>
+        </shiro:hasRole>
+        <shiro:lacksRole name="role1">
+            您没有role1角色<br/>
+        </shiro:lacksRole>
+        <shiro:lacksRole name="role2">
+            您没有role2角色<br/>
+        </shiro:lacksRole>
+
+        <h2>设置会话属性</h2>
+        <form action="${pageContext.request.contextPath}/attr" method="post">
+            键：<input type="text" name="key">
+            值：<input type="text" name="value">
+            <input type="submit" value="设置会话属性">
+        </form>
+        <h2>获取会话属性</h2>
+        <form action="${pageContext.request.contextPath}/attr" method="get">
+            键：<input type="text" name="key">
+            值：<input type="text" value="${value}">
+            <input type="submit" value="获取会话属性">
+        </form>
+    </shiro:authenticated>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-app1/src/main/webapp/unauthorized.jsp b/shiro-example-chapter23-app1/src/main/webapp/unauthorized.jsp
new file mode 100644
index 00000000..c6758214
--- /dev/null
+++ b/shiro-example-chapter23-app1/src/main/webapp/unauthorized.jsp
@@ -0,0 +1,11 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>没有权限</title>
+    <style>.error{color:red;}</style>
+</head>
+<body>
+
+<div class="error">您没有权限[${exception.message}]</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-app2/pom.xml b/shiro-example-chapter23-app2/pom.xml
new file mode 100644
index 00000000..a52c0a56
--- /dev/null
+++ b/shiro-example-chapter23-app2/pom.xml
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <parent>
+        <artifactId>shiro-example-chapter23-pom</artifactId>
+        <groupId>com.github.zhangkaitao</groupId>
+        <version>1.0-SNAPSHOT</version>
+    </parent>
+    <modelVersion>4.0.0</modelVersion>
+
+    <artifactId>shiro-example-chapter23-app2</artifactId>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.github.zhangkaitao</groupId>
+            <artifactId>shiro-example-chapter23-client</artifactId>
+            <version>1.0-SNAPSHOT</version>
+        </dependency>
+    </dependencies>
+
+    <build>
+        <finalName>chapter23-app2</finalName>
+        <plugins>
+            <plugin>
+                <groupId>org.mortbay.jetty</groupId>
+                <artifactId>jetty-maven-plugin</artifactId>
+                <version>8.1.8.v20121106</version>
+                <configuration>
+                    <webAppConfig>
+                        <contextPath>/${project.build.finalName}</contextPath>
+                    </webAppConfig>
+                    <connectors>
+                        <connector implementation="org.eclipse.jetty.server.nio.SelectChannelConnector">
+                            <port>10080</port>
+                            <maxIdleTime>60000</maxIdleTime>
+                        </connector>
+                    </connectors>
+                </configuration>
+            </plugin>
+
+
+            <plugin>
+                <groupId>org.apache.tomcat.maven</groupId>
+                <artifactId>tomcat7-maven-plugin</artifactId>
+                <version>2.2</version>
+                <configuration>
+                    <path>/${project.build.finalName}</path>
+                    <httpPort>10080</httpPort>
+                </configuration>
+
+            </plugin>
+        </plugins>
+
+
+    </build>
+</project>
\ No newline at end of file
diff --git a/shiro-example-chapter23-app2/src/main/java/com/github/zhangkaitao/shiro/chapter23/app2/web/controller/HelloController.java b/shiro-example-chapter23-app2/src/main/java/com/github/zhangkaitao/shiro/chapter23/app2/web/controller/HelloController.java
new file mode 100644
index 00000000..6b853bce
--- /dev/null
+++ b/shiro-example-chapter23-app2/src/main/java/com/github/zhangkaitao/shiro/chapter23/app2/web/controller/HelloController.java
@@ -0,0 +1,45 @@
+package com.github.zhangkaitao.shiro.chapter23.app2.web.controller;
+
+import org.apache.shiro.SecurityUtils;
+import org.apache.shiro.authz.annotation.RequiresRoles;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.RequestParam;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-3-13
+ * <p>Version: 1.0
+ */
+@Controller
+public class HelloController {
+
+    @RequestMapping("/hello")
+    public String hello() {
+        return "success";
+    }
+
+    @RequestMapping(value = "/attr", method = RequestMethod.POST)
+    public String setAttr(
+            @RequestParam("key") String key, @RequestParam("value") String value) {
+        SecurityUtils.getSubject().getSession().setAttribute(key, value);
+        return "success";
+    }
+
+
+    @RequestMapping(value = "/attr", method = RequestMethod.GET)
+    public String getAttr(
+            @RequestParam("key") String key, Model model) {
+        model.addAttribute("value", SecurityUtils.getSubject().getSession().getAttribute(key));
+        return "success";
+    }
+
+    @RequestMapping("/role2")
+    @RequiresRoles("role2")
+    public String role2() {
+        return "success";
+    }
+
+}
diff --git a/shiro-example-chapter23-app2/src/main/java/com/github/zhangkaitao/shiro/chapter23/app2/web/exception/DefaultExceptionHandler.java b/shiro-example-chapter23-app2/src/main/java/com/github/zhangkaitao/shiro/chapter23/app2/web/exception/DefaultExceptionHandler.java
new file mode 100644
index 00000000..569b4496
--- /dev/null
+++ b/shiro-example-chapter23-app2/src/main/java/com/github/zhangkaitao/shiro/chapter23/app2/web/exception/DefaultExceptionHandler.java
@@ -0,0 +1,31 @@
+package com.github.zhangkaitao.shiro.chapter23.app2.web.exception;
+
+import org.apache.shiro.authz.UnauthorizedException;
+import org.springframework.http.HttpStatus;
+import org.springframework.web.bind.annotation.ControllerAdvice;
+import org.springframework.web.bind.annotation.ExceptionHandler;
+import org.springframework.web.bind.annotation.ResponseStatus;
+import org.springframework.web.context.request.NativeWebRequest;
+import org.springframework.web.servlet.ModelAndView;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-12
+ * <p>Version: 1.0
+ */
+@ControllerAdvice
+public class DefaultExceptionHandler {
+    /**
+     * 没有权限 异常
+     * <p/>
+     * 后续根据不同的需求定制即可
+     */
+    @ExceptionHandler({UnauthorizedException.class})
+    @ResponseStatus(HttpStatus.UNAUTHORIZED)
+    public ModelAndView processUnauthenticatedException(NativeWebRequest request, UnauthorizedException e) {
+        ModelAndView mv = new ModelAndView();
+        mv.addObject("exception", e);
+        mv.setViewName("unauthorized");
+        return mv;
+    }
+}
diff --git a/shiro-example-chapter23-app2/src/main/resources/client/shiro-client.properties b/shiro-example-chapter23-app2/src/main/resources/client/shiro-client.properties
new file mode 100644
index 00000000..8020f17a
--- /dev/null
+++ b/shiro-example-chapter23-app2/src/main/resources/client/shiro-client.properties
@@ -0,0 +1,4 @@
+client.app.key=645ba613-370a-43a8-a8e0-993e7a590cf0
+client.success.url=/hello
+client.filter.chain.definitions=/hello=anon;/login=authc;/**=authc
+
diff --git a/shiro-example-chapter23-app2/src/main/resources/spring-mvc.xml b/shiro-example-chapter23-app2/src/main/resources/spring-mvc.xml
new file mode 100644
index 00000000..020e1c1d
--- /dev/null
+++ b/shiro-example-chapter23-app2/src/main/resources/spring-mvc.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+       xmlns:context="http://www.springframework.org/schema/context"
+       xmlns:aop="http://www.springframework.org/schema/aop"
+       xmlns:mvc="http://www.springframework.org/schema/mvc"
+       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xsi:schemaLocation="
+       http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
+       http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
+       http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd
+       http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd">
+
+    <context:component-scan base-package="com.github.zhangkaitao" use-default-filters="false">
+        <context:include-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
+        <context:include-filter type="annotation" expression="org.springframework.web.bind.annotation.ControllerAdvice"/>
+    </context:component-scan>
+
+    <aop:config proxy-target-class="true"></aop:config>
+    <bean class="org.apache.shiro.spring.security.interceptor.AuthorizationAttributeSourceAdvisor">
+        <property name="securityManager" ref="securityManager"/>
+    </bean>
+
+    <mvc:annotation-driven/>
+
+    <!-- 默认的视图解析器 在上边的解析错误时使用 (默认使用html)- -->
+    <bean id="defaultViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
+        <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
+        <property name="contentType" value="text/html"/>
+        <property name="prefix" value="/"/>
+        <property name="suffix" value=".jsp"/>
+    </bean>
+
+</beans>
\ No newline at end of file
diff --git a/shiro-example-chapter23-app2/src/main/webapp/WEB-INF/web.xml b/shiro-example-chapter23-app2/src/main/webapp/WEB-INF/web.xml
new file mode 100644
index 00000000..dc046b8f
--- /dev/null
+++ b/shiro-example-chapter23-app2/src/main/webapp/WEB-INF/web.xml
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<web-app
+        xmlns="http://java.sun.com/xml/ns/javaee"
+        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
+        version="3.0"
+        metadata-complete="false">
+
+    <!-- Spring配置文件开始  -->
+    <context-param>
+        <param-name>contextConfigLocation</param-name>
+        <param-value>
+            classpath:client/spring-client.xml
+        </param-value>
+    </context-param>
+    <listener>
+        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
+    </listener>
+    <!-- Spring配置文件结束 -->
+
+    <!-- shiro 安全过滤器 -->
+    <!-- The filter-name matches name of a 'shiroFilter' bean inside applicationContext.xml -->
+    <filter>
+        <filter-name>shiroFilter</filter-name>
+        <filter-class>org.springframework.web.filter.DelegatingFilterProxy</filter-class>
+        <async-supported>true</async-supported>
+        <init-param>
+            <param-name>targetFilterLifecycle</param-name>
+            <param-value>true</param-value>
+        </init-param>
+    </filter>
+
+    <!-- Make sure any request you want accessible to Shiro is filtered. /* catches all -->
+    <!-- requests.  Usually this filter mapping is defined first (before all others) to -->
+    <!-- ensure that Shiro works in subsequent filters in the filter chain:             -->
+    <filter-mapping>
+        <filter-name>shiroFilter</filter-name>
+        <url-pattern>/*</url-pattern>
+    </filter-mapping>
+
+    <servlet>
+        <servlet-name>spring</servlet-name>
+        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
+        <init-param>
+            <param-name>contextConfigLocation</param-name>
+            <param-value>classpath:spring-mvc.xml</param-value>
+        </init-param>
+        <load-on-startup>1</load-on-startup>
+        <async-supported>true</async-supported>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>spring</servlet-name>
+        <url-pattern>/</url-pattern>
+    </servlet-mapping>
+
+
+</web-app>
diff --git a/shiro-example-chapter23-app2/src/main/webapp/success.jsp b/shiro-example-chapter23-app2/src/main/webapp/success.jsp
new file mode 100644
index 00000000..de8d2c5d
--- /dev/null
+++ b/shiro-example-chapter23-app2/src/main/webapp/success.jsp
@@ -0,0 +1,38 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
+<html>
+<body>
+    hello app1.<br/>
+
+    <shiro:guest>
+        <a href="${pageContext.request.contextPath}/login?backurl=${pageContext.request.contextPath}">点击登录</a>
+    </shiro:guest>
+
+    <shiro:authenticated>
+        欢迎<shiro:principal/>登录<br/>
+        <shiro:hasRole name="role2">
+            您拥有role2角色<br/>
+        </shiro:hasRole>
+        <shiro:lacksRole name="role2">
+            您没有role2角色<br/>
+        </shiro:lacksRole>
+        <shiro:lacksRole name="role1">
+            您没有role1角色<br/>
+        </shiro:lacksRole>
+
+        <h2>设置会话属性</h2>
+        <form action="${pageContext.request.contextPath}/attr" method="post">
+            键：<input type="text" name="key">
+            值：<input type="text" name="value">
+            <input type="submit" value="设置会话属性">
+        </form>
+        <h2>获取会话属性</h2>
+        <form action="${pageContext.request.contextPath}/attr" method="get">
+            键：<input type="text" name="key">
+            值：<input type="text" value="${value}">
+            <input type="submit" value="获取会话属性">
+        </form>
+    </shiro:authenticated>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-app2/src/main/webapp/unauthorized.jsp b/shiro-example-chapter23-app2/src/main/webapp/unauthorized.jsp
new file mode 100644
index 00000000..c6758214
--- /dev/null
+++ b/shiro-example-chapter23-app2/src/main/webapp/unauthorized.jsp
@@ -0,0 +1,11 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>没有权限</title>
+    <style>.error{color:red;}</style>
+</head>
+<body>
+
+<div class="error">您没有权限[${exception.message}]</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-client/pom.xml b/shiro-example-chapter23-client/pom.xml
new file mode 100644
index 00000000..9d0a79de
--- /dev/null
+++ b/shiro-example-chapter23-client/pom.xml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <parent>
+        <artifactId>shiro-example-chapter23-pom</artifactId>
+        <groupId>com.github.zhangkaitao</groupId>
+        <version>1.0-SNAPSHOT</version>
+    </parent>
+    <modelVersion>4.0.0</modelVersion>
+
+    <artifactId>shiro-example-chapter23-client</artifactId>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.github.zhangkaitao</groupId>
+            <artifactId>shiro-example-chapter23-core</artifactId>
+            <version>1.0-SNAPSHOT</version>
+        </dependency>
+    </dependencies>
+
+</project>
\ No newline at end of file
diff --git a/shiro-example-chapter23-client/src/main/java/com/github/zhangkaitao/shiro/chapter23/client/ClientAuthenticationFilter.java b/shiro-example-chapter23-client/src/main/java/com/github/zhangkaitao/shiro/chapter23/client/ClientAuthenticationFilter.java
new file mode 100644
index 00000000..dc37f24f
--- /dev/null
+++ b/shiro-example-chapter23-client/src/main/java/com/github/zhangkaitao/shiro/chapter23/client/ClientAuthenticationFilter.java
@@ -0,0 +1,47 @@
+package com.github.zhangkaitao.shiro.chapter23.client;
+
+import com.github.zhangkaitao.shiro.chapter23.core.ClientSavedRequest;
+import org.apache.shiro.SecurityUtils;
+import org.apache.shiro.session.Session;
+import org.apache.shiro.subject.Subject;
+import org.apache.shiro.web.filter.authc.AuthenticationFilter;
+import org.apache.shiro.web.util.SavedRequest;
+import org.apache.shiro.web.util.WebUtils;
+import org.springframework.util.StringUtils;
+
+import javax.servlet.ServletRequest;
+import javax.servlet.ServletResponse;
+import javax.servlet.http.HttpServletRequest;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-3-14
+ * <p>Version: 1.0
+ */
+public class ClientAuthenticationFilter extends AuthenticationFilter {
+
+    @Override
+    protected boolean isAccessAllowed(ServletRequest request, ServletResponse response, Object mappedValue) {
+        Subject subject = getSubject(request, response);
+        return subject.isAuthenticated();
+    }
+
+    @Override
+    protected boolean onAccessDenied(ServletRequest request, ServletResponse response) throws Exception {
+        String successUrl = request.getParameter("backurl");
+        if(StringUtils.isEmpty(successUrl)) {
+            successUrl = getSuccessUrl();
+        }
+        saveRequest(request, successUrl);
+        redirectToLogin(request, response);
+        return false;
+    }
+
+    protected void saveRequest(ServletRequest request, String successUrl) {
+        Subject subject = SecurityUtils.getSubject();
+        Session session = subject.getSession();
+        HttpServletRequest httpRequest = WebUtils.toHttp(request);
+        SavedRequest savedRequest = new ClientSavedRequest(httpRequest, successUrl);
+        session.setAttribute(WebUtils.SAVED_REQUEST_KEY, savedRequest);
+    }
+}
diff --git a/shiro-example-chapter23-client/src/main/java/com/github/zhangkaitao/shiro/chapter23/client/ClientRealm.java b/shiro-example-chapter23-client/src/main/java/com/github/zhangkaitao/shiro/chapter23/client/ClientRealm.java
new file mode 100644
index 00000000..a6800a2b
--- /dev/null
+++ b/shiro-example-chapter23-client/src/main/java/com/github/zhangkaitao/shiro/chapter23/client/ClientRealm.java
@@ -0,0 +1,47 @@
+package com.github.zhangkaitao.shiro.chapter23.client;
+
+import com.github.zhangkaitao.shiro.chapter23.remote.PermissionContext;
+import com.github.zhangkaitao.shiro.chapter23.remote.RemoteServiceInterface;
+import org.apache.shiro.authc.AuthenticationException;
+import org.apache.shiro.authc.AuthenticationInfo;
+import org.apache.shiro.authc.AuthenticationToken;
+import org.apache.shiro.authz.AuthorizationInfo;
+import org.apache.shiro.authz.SimpleAuthorizationInfo;
+import org.apache.shiro.realm.AuthorizingRealm;
+import org.apache.shiro.subject.PrincipalCollection;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-3-13
+ * <p>Version: 1.0
+ */
+public class ClientRealm extends AuthorizingRealm {
+
+    private RemoteServiceInterface remoteService;
+    private String appKey;
+
+    public void setRemoteService(RemoteServiceInterface remoteService) {
+        this.remoteService = remoteService;
+    }
+
+    public void setAppKey(String appKey) {
+        this.appKey = appKey;
+    }
+
+
+    @Override
+    protected AuthorizationInfo doGetAuthorizationInfo(PrincipalCollection principals) {
+        String username = (String) principals.getPrimaryPrincipal();
+        SimpleAuthorizationInfo authorizationInfo = new SimpleAuthorizationInfo();
+        PermissionContext context = remoteService.getPermissions(appKey, username);
+        authorizationInfo.setRoles(context.getRoles());
+        authorizationInfo.setStringPermissions(context.getPermissions());
+        return authorizationInfo;
+    }
+
+    @Override
+    protected AuthenticationInfo doGetAuthenticationInfo(AuthenticationToken token) throws AuthenticationException {
+        //永远不会被调用
+        return null;
+    }
+}
diff --git a/shiro-example-chapter23-client/src/main/java/com/github/zhangkaitao/shiro/chapter23/client/ClientSessionDAO.java b/shiro-example-chapter23-client/src/main/java/com/github/zhangkaitao/shiro/chapter23/client/ClientSessionDAO.java
new file mode 100644
index 00000000..af726627
--- /dev/null
+++ b/shiro-example-chapter23-client/src/main/java/com/github/zhangkaitao/shiro/chapter23/client/ClientSessionDAO.java
@@ -0,0 +1,50 @@
+package com.github.zhangkaitao.shiro.chapter23.client;
+
+import com.github.zhangkaitao.shiro.chapter23.remote.RemoteServiceInterface;
+import org.apache.shiro.session.Session;
+import org.apache.shiro.session.mgt.eis.CachingSessionDAO;
+
+import java.io.Serializable;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-3-13
+ * <p>Version: 1.0
+ */
+public class ClientSessionDAO extends CachingSessionDAO {
+
+    private RemoteServiceInterface remoteService;
+    private String appKey;
+
+    public void setRemoteService(RemoteServiceInterface remoteService) {
+        this.remoteService = remoteService;
+    }
+
+    public void setAppKey(String appKey) {
+        this.appKey = appKey;
+    }
+
+
+    @Override
+    protected void doDelete(Session session) {
+        remoteService.deleteSession(appKey, session);
+    }
+
+    @Override
+    protected void doUpdate(Session session) {
+        remoteService.updateSession(appKey, session);
+    }
+
+
+    @Override
+    protected Serializable doCreate(Session session) {
+        Serializable sessionId = remoteService.createSession(session);
+        assignSessionId(session, sessionId);
+        return sessionId;
+    }
+
+    @Override
+    protected Session doReadSession(Serializable sessionId) {
+        return remoteService.getSession(appKey, sessionId);
+    }
+}
diff --git a/shiro-example-chapter23-client/src/main/java/com/github/zhangkaitao/shiro/chapter23/client/ClientShiroFilterFactoryBean.java b/shiro-example-chapter23-client/src/main/java/com/github/zhangkaitao/shiro/chapter23/client/ClientShiroFilterFactoryBean.java
new file mode 100644
index 00000000..e21b2606
--- /dev/null
+++ b/shiro-example-chapter23-client/src/main/java/com/github/zhangkaitao/shiro/chapter23/client/ClientShiroFilterFactoryBean.java
@@ -0,0 +1,44 @@
+package com.github.zhangkaitao.shiro.chapter23.client;
+
+import org.apache.shiro.spring.web.ShiroFilterFactoryBean;
+import org.springframework.context.ApplicationContext;
+import org.springframework.context.ApplicationContextAware;
+import org.springframework.util.StringUtils;
+
+import javax.servlet.Filter;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-3-13
+ * <p>Version: 1.0
+ */
+public class ClientShiroFilterFactoryBean extends ShiroFilterFactoryBean implements ApplicationContextAware {
+
+    private ApplicationContext applicationContext;
+
+    public void setApplicationContext(ApplicationContext applicationContext) {
+        this.applicationContext = applicationContext;
+    }
+
+    public void setFiltersStr(String filters) {
+        if(StringUtils.isEmpty(filters)) {
+            return;
+        }
+        String[] filterArray = filters.split(";");
+        for(String filter : filterArray) {
+            String[] o = filter.split("=");
+            getFilters().put(o[0], (Filter)applicationContext.getBean(o[1]));
+        }
+    }
+
+    public void setFilterChainDefinitionsStr(String filterChainDefinitions) {
+        if(StringUtils.isEmpty(filterChainDefinitions)) {
+            return;
+        }
+        String[] chainDefinitionsArray = filterChainDefinitions.split(";");
+        for(String filter : chainDefinitionsArray) {
+            String[] o = filter.split("=");
+            getFilterChainDefinitionMap().put(o[0], o[1]);
+        }
+    }
+}
diff --git a/shiro-example-chapter23-client/src/main/resources/client/shiro-client-default.properties b/shiro-example-chapter23-client/src/main/resources/client/shiro-client-default.properties
new file mode 100644
index 00000000..19a5033a
--- /dev/null
+++ b/shiro-example-chapter23-client/src/main/resources/client/shiro-client-default.properties
@@ -0,0 +1,20 @@
+client.app.key=
+#Զ�̷���URL��ַ
+client.remote.service.url=http://localhost/chapter23-server/remoteService
+#��¼��ַ
+client.login.url=http://localhost/chapter23-server/login
+client.success.url=/
+#δ��Ȩ��ַ
+client.unauthorized.url=http://localhost/chapter23-server/unauthorized
+client.cookie.domain=
+client.cookie.path=/
+#cookie�е�session id����
+client.session.id=sid
+#cookie�е�remember me����
+client.rememberMe.id=rememberMe
+client.session.timeout=1800000
+#������ name=filter-ref;name=filter-ref
+client.filters=
+#�������� ��ʽ url=filters;url=filters
+client.filter.chain.definitions=/**=anon
+
diff --git a/shiro-example-chapter23-client/src/main/resources/client/spring-client-remote-service.xml b/shiro-example-chapter23-client/src/main/resources/client/spring-client-remote-service.xml
new file mode 100644
index 00000000..836dc960
--- /dev/null
+++ b/shiro-example-chapter23-client/src/main/resources/client/spring-client-remote-service.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+       xmlns:util="http://www.springframework.org/schema/util"
+       xmlns:aop="http://www.springframework.org/schema/aop"
+       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xsi:schemaLocation="
+       http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
+       http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util.xsd
+       http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd">
+
+    <bean id="remoteService" class="org.springframework.remoting.httpinvoker.HttpInvokerProxyFactoryBean">
+        <property name="serviceUrl" value="${client.remote.service.url}"/>
+        <property name="serviceInterface" value="com.github.zhangkaitao.shiro.chapter23.remote.RemoteServiceInterface"/>
+    </bean>
+
+</beans>
\ No newline at end of file
diff --git a/shiro-example-chapter23-client/src/main/resources/client/spring-client-shiro.xml b/shiro-example-chapter23-client/src/main/resources/client/spring-client-shiro.xml
new file mode 100644
index 00000000..b1439e7f
--- /dev/null
+++ b/shiro-example-chapter23-client/src/main/resources/client/spring-client-shiro.xml
@@ -0,0 +1,96 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+       xmlns:util="http://www.springframework.org/schema/util"
+       xmlns:aop="http://www.springframework.org/schema/aop"
+       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xsi:schemaLocation="
+       http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
+       http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util.xsd
+       http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd">
+
+    <!-- Realm实现 -->
+    <bean id="remoteRealm" class="com.github.zhangkaitao.shiro.chapter23.client.ClientRealm">
+        <property name="cachingEnabled" value="false"/>
+        <property name="appKey" value="${client.app.key}"/>
+        <property name="remoteService" ref="remoteService"/>
+    </bean>
+
+    <!-- 会话ID生成器 -->
+    <bean id="sessionIdGenerator" class="org.apache.shiro.session.mgt.eis.JavaUuidSessionIdGenerator"/>
+
+    <!-- 会话Cookie模板 -->
+    <bean id="sessionIdCookie" class="org.apache.shiro.web.servlet.SimpleCookie">
+        <constructor-arg value="${client.session.id}"/>
+        <property name="httpOnly" value="true"/>
+        <property name="maxAge" value="-1"/>
+        <property name="domain" value="${client.cookie.domain}"/>
+        <property name="path" value="${client.cookie.path}"/>
+    </bean>
+
+    <bean id="rememberMeCookie" class="org.apache.shiro.web.servlet.SimpleCookie">
+        <constructor-arg value="${client.rememberMe.id}"/>
+        <property name="httpOnly" value="true"/>
+        <property name="maxAge" value="2592000"/><!-- 30天 -->
+        <property name="domain" value="${client.cookie.domain}"/>
+        <property name="path" value="${client.cookie.path}"/>
+    </bean>
+
+    <!-- rememberMe管理器 -->
+    <bean id="rememberMeManager" class="org.apache.shiro.web.mgt.CookieRememberMeManager">
+        <!-- rememberMe cookie加密的密钥 建议每个项目都不一样 默认AES算法 密钥长度（128 256 512 位）-->
+        <property name="cipherKey"
+                  value="#{T(org.apache.shiro.codec.Base64).decode('4AvVhmFLUs0KTA3Kprsdag==')}"/>
+        <property name="cookie" ref="rememberMeCookie"/>
+    </bean>
+
+    <!-- 会话DAO -->
+    <bean id="sessionDAO" class="com.github.zhangkaitao.shiro.chapter23.client.ClientSessionDAO">
+        <property name="sessionIdGenerator" ref="sessionIdGenerator"/>
+        <property name="appKey" value="${client.app.key}"/>
+        <property name="remoteService" ref="remoteService"/>
+    </bean>
+
+    <!-- 会话管理器 -->
+    <bean id="sessionManager" class="org.apache.shiro.web.session.mgt.DefaultWebSessionManager">
+        <property name="globalSessionTimeout" value="${client.session.timeout}"/>
+        <property name="deleteInvalidSessions" value="false"/>
+        <property name="sessionValidationSchedulerEnabled" value="false"/>
+        <property name="sessionDAO" ref="sessionDAO"/>
+        <property name="sessionIdCookieEnabled" value="true"/>
+        <property name="sessionIdCookie" ref="sessionIdCookie"/>
+    </bean>
+
+    <!-- 安全管理器 -->
+    <bean id="securityManager" class="org.apache.shiro.web.mgt.DefaultWebSecurityManager">
+        <property name="realm" ref="remoteRealm"/>
+        <property name="sessionManager" ref="sessionManager"/>
+        <property name="rememberMeManager" ref="rememberMeManager"/>
+    </bean>
+
+    <!-- 相当于调用SecurityUtils.setSecurityManager(securityManager) -->
+    <bean class="org.springframework.beans.factory.config.MethodInvokingFactoryBean">
+        <property name="staticMethod" value="org.apache.shiro.SecurityUtils.setSecurityManager"/>
+        <property name="arguments" ref="securityManager"/>
+    </bean>
+
+    <bean id="clientAuthenticationFilter" class="com.github.zhangkaitao.shiro.chapter23.client.ClientAuthenticationFilter"/>
+
+    <!-- Shiro的Web过滤器 -->
+    <bean id="shiroFilter" class="com.github.zhangkaitao.shiro.chapter23.client.ClientShiroFilterFactoryBean">
+        <property name="securityManager" ref="securityManager"/>
+        <property name="loginUrl" value="${client.login.url}"/>
+        <property name="successUrl" value="${client.success.url}"/>
+        <property name="unauthorizedUrl" value="${client.unauthorized.url}"/>
+        <property name="filters">
+            <util:map>
+                <entry key="authc" value-ref="clientAuthenticationFilter"/>
+            </util:map>
+        </property>
+        <property name="filtersStr" value="${client.filters}"/>
+        <property name="filterChainDefinitionsStr" value="${client.filter.chain.definitions}"/>
+    </bean>
+
+    <!-- Shiro生命周期处理器-->
+    <bean id="lifecycleBeanPostProcessor" class="org.apache.shiro.spring.LifecycleBeanPostProcessor"/>
+
+</beans>
\ No newline at end of file
diff --git a/shiro-example-chapter23-client/src/main/resources/client/spring-client.xml b/shiro-example-chapter23-client/src/main/resources/client/spring-client.xml
new file mode 100644
index 00000000..09d4d22b
--- /dev/null
+++ b/shiro-example-chapter23-client/src/main/resources/client/spring-client.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+       xmlns:context="http://www.springframework.org/schema/context"
+       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xsi:schemaLocation="
+       http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
+       http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">
+
+    <context:property-placeholder location="classpath:client/shiro-client-default.properties,classpath:client/shiro-client.properties"/>
+
+    <import resource="spring-client-remote-service.xml"/>
+    <import resource="spring-client-shiro.xml"/>
+
+</beans>
\ No newline at end of file
diff --git a/shiro-example-chapter23-core/pom.xml b/shiro-example-chapter23-core/pom.xml
new file mode 100644
index 00000000..abc4c1f1
--- /dev/null
+++ b/shiro-example-chapter23-core/pom.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+
+    <parent>
+        <artifactId>shiro-example-chapter23-pom</artifactId>
+        <groupId>com.github.zhangkaitao</groupId>
+        <version>1.0-SNAPSHOT</version>
+    </parent>
+    <modelVersion>4.0.0</modelVersion>
+    <groupId>com.github.zhangkaitao</groupId>
+    <artifactId>shiro-example-chapter23-core</artifactId>
+    <version>1.0-SNAPSHOT</version>
+
+
+</project>
\ No newline at end of file
diff --git a/shiro-example-chapter23-core/src/main/java/com/github/zhangkaitao/shiro/chapter23/core/ClientSavedRequest.java b/shiro-example-chapter23-core/src/main/java/com/github/zhangkaitao/shiro/chapter23/core/ClientSavedRequest.java
new file mode 100644
index 00000000..fa9c23d9
--- /dev/null
+++ b/shiro-example-chapter23-core/src/main/java/com/github/zhangkaitao/shiro/chapter23/core/ClientSavedRequest.java
@@ -0,0 +1,75 @@
+package com.github.zhangkaitao.shiro.chapter23.core;
+
+import org.apache.shiro.web.util.SavedRequest;
+
+import javax.servlet.http.HttpServletRequest;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-3-14
+ * <p>Version: 1.0
+ */
+public class ClientSavedRequest extends SavedRequest {
+    private String scheme;
+    private String domain;
+    private int port;
+    private String contextPath;
+    private String successUrl;
+
+    public ClientSavedRequest(HttpServletRequest request, String successUrl) {
+        super(request);
+        this.scheme = request.getScheme();
+        this.domain = request.getServerName();
+        this.port = request.getServerPort();
+        this.successUrl = successUrl;
+        this.contextPath = request.getContextPath();
+    }
+
+    public String getScheme() {
+        return scheme;
+    }
+
+    public String getDomain() {
+        return domain;
+    }
+
+    public int getPort() {
+        return port;
+    }
+
+    public String getContextPath() {
+        return contextPath;
+    }
+
+    public String getSuccessUrl() {
+        return successUrl;
+    }
+
+    public String getRequestUrl() {
+        System.out.println(successUrl);
+        String requestURI = getRequestURI();
+        if(successUrl != null) {
+            if(successUrl.toLowerCase().startsWith("http://") || successUrl.toLowerCase().startsWith("https://")) {
+                return successUrl;
+            } else if(!successUrl.startsWith(contextPath)) {
+                requestURI = contextPath + successUrl;
+            } else {
+                requestURI = successUrl;
+            }
+        }
+
+        StringBuilder requestUrl = new StringBuilder(getScheme());
+        requestUrl.append("://");
+        requestUrl.append(getDomain());
+        if("http".equalsIgnoreCase(getScheme()) && getPort() != 80) {
+            requestUrl.append(String.valueOf(port));
+        } else if("https".equalsIgnoreCase(getScheme()) && getPort() != 443) {
+            requestUrl.append(String.valueOf(port));
+        }
+        requestUrl.append(requestURI);
+        if (successUrl == null && getQueryString() != null) {
+            requestUrl.append("?").append(getQueryString());
+        }
+        return requestUrl.toString();
+    }
+}
diff --git a/shiro-example-chapter23-core/src/main/java/com/github/zhangkaitao/shiro/chapter23/remote/PermissionContext.java b/shiro-example-chapter23-core/src/main/java/com/github/zhangkaitao/shiro/chapter23/remote/PermissionContext.java
new file mode 100644
index 00000000..9808eab5
--- /dev/null
+++ b/shiro-example-chapter23-core/src/main/java/com/github/zhangkaitao/shiro/chapter23/remote/PermissionContext.java
@@ -0,0 +1,39 @@
+package com.github.zhangkaitao.shiro.chapter23.remote;
+
+import java.io.Serializable;
+import java.util.Set;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-3-13
+ * <p>Version: 1.0
+ */
+public class PermissionContext implements Serializable {
+    private Set<String> roles;
+    private Set<String> permissions;
+
+    public Set<String> getRoles() {
+        return roles;
+    }
+
+    public void setRoles(Set<String> roles) {
+        this.roles = roles;
+    }
+
+    public Set<String> getPermissions() {
+        return permissions;
+    }
+
+    public void setPermissions(Set<String> permissions) {
+        this.permissions = permissions;
+    }
+
+
+    @Override
+    public String toString() {
+        return "PermissionContext{" +
+                ", roles=" + roles +
+                ", permissions=" + permissions +
+                '}';
+    }
+}
diff --git a/shiro-example-chapter23-core/src/main/java/com/github/zhangkaitao/shiro/chapter23/remote/RemoteServiceInterface.java b/shiro-example-chapter23-core/src/main/java/com/github/zhangkaitao/shiro/chapter23/remote/RemoteServiceInterface.java
new file mode 100644
index 00000000..b4a41c12
--- /dev/null
+++ b/shiro-example-chapter23-core/src/main/java/com/github/zhangkaitao/shiro/chapter23/remote/RemoteServiceInterface.java
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) 2005-2012 https://github.com/zhangkaitao
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ */
+package com.github.zhangkaitao.shiro.chapter23.remote;
+
+import org.apache.shiro.session.Session;
+
+import java.io.Serializable;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-3-13
+ * <p>Version: 1.0
+ */
+public interface RemoteServiceInterface {
+
+    public Session getSession(String appKey, Serializable sessionId);
+    public void updateSession(String appKey, Session session);
+    public void deleteSession(String appKey, Session session);
+
+    public PermissionContext getPermissions(String appKey, String username);
+
+    Serializable createSession(Session session);
+}
diff --git a/shiro-example-chapter23-pom/pom.xml b/shiro-example-chapter23-pom/pom.xml
new file mode 100644
index 00000000..4f585b5d
--- /dev/null
+++ b/shiro-example-chapter23-pom/pom.xml
@@ -0,0 +1,139 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+
+    <modelVersion>4.0.0</modelVersion>
+    <groupId>com.github.zhangkaitao</groupId>
+    <artifactId>shiro-example-chapter23-pom</artifactId>
+    <version>1.0-SNAPSHOT</version>
+    <packaging>pom</packaging>
+
+    <dependencies>
+
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <version>4.9</version>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <version>4.0.0.RELEASE</version>
+            <scope>test</scope>
+        </dependency>
+
+        <dependency>
+            <groupId>commons-logging</groupId>
+            <artifactId>commons-logging</artifactId>
+            <version>1.1.3</version>
+        </dependency>
+        <dependency>
+            <groupId>commons-collections</groupId>
+            <artifactId>commons-collections</artifactId>
+            <version>3.2.1</version>
+        </dependency>
+
+
+        <dependency>
+            <groupId>org.apache.shiro</groupId>
+            <artifactId>shiro-core</artifactId>
+            <version>1.2.2</version>
+        </dependency>
+
+        <dependency>
+            <groupId>org.apache.shiro</groupId>
+            <artifactId>shiro-web</artifactId>
+            <version>1.2.2</version>
+        </dependency>
+
+        <dependency>
+            <groupId>org.apache.shiro</groupId>
+            <artifactId>shiro-ehcache</artifactId>
+            <version>1.2.2</version>
+        </dependency>
+
+        <dependency>
+            <groupId>org.apache.shiro</groupId>
+            <artifactId>shiro-quartz</artifactId>
+            <version>1.2.2</version>
+        </dependency>
+
+        <dependency>
+            <groupId>org.apache.shiro</groupId>
+            <artifactId>shiro-spring</artifactId>
+            <version>1.2.2</version>
+        </dependency>
+
+
+        <dependency>
+            <groupId>org.apache.shiro</groupId>
+            <artifactId>shiro-core</artifactId>
+            <version>1.2.2</version>
+        </dependency>
+
+        <dependency>
+            <groupId>javax.servlet</groupId>
+            <artifactId>javax.servlet-api</artifactId>
+            <version>3.0.1</version>
+            <scope>provided</scope>
+        </dependency>
+        <dependency>
+            <groupId>javax.servlet.jsp</groupId>
+            <artifactId>jsp-api</artifactId>
+            <version>2.2</version>
+        </dependency>
+        <dependency>
+            <groupId>javax.servlet</groupId>
+            <artifactId>jstl</artifactId>
+            <version>1.2</version>
+        </dependency>
+
+
+        <!-- aspectj相关jar包-->
+        <dependency>
+            <groupId>org.aspectj</groupId>
+            <artifactId>aspectjrt</artifactId>
+            <version>1.7.4</version>
+        </dependency>
+        <dependency>
+            <groupId>org.aspectj</groupId>
+            <artifactId>aspectjweaver</artifactId>
+            <version>1.7.4</version>
+        </dependency>
+
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-context</artifactId>
+            <version>4.0.0.RELEASE</version>
+        </dependency>
+
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-aop</artifactId>
+            <version>4.0.0.RELEASE</version>
+        </dependency>
+
+
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-jdbc</artifactId>
+            <version>4.0.0.RELEASE</version>
+        </dependency>
+
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-web</artifactId>
+            <version>4.0.0.RELEASE</version>
+        </dependency>
+
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-webmvc</artifactId>
+            <version>4.0.0.RELEASE</version>
+        </dependency>
+
+    </dependencies>
+
+</project>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/pom.xml b/shiro-example-chapter23-server/pom.xml
new file mode 100644
index 00000000..152b3313
--- /dev/null
+++ b/shiro-example-chapter23-server/pom.xml
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <parent>
+        <artifactId>shiro-example-chapter23-pom</artifactId>
+        <groupId>com.github.zhangkaitao</groupId>
+        <version>1.0-SNAPSHOT</version>
+    </parent>
+    <modelVersion>4.0.0</modelVersion>
+
+    <artifactId>shiro-example-chapter23-server</artifactId>
+
+
+    <dependencies>
+
+        <dependency>
+            <groupId>mysql</groupId>
+            <artifactId>mysql-connector-java</artifactId>
+            <version>5.1.25</version>
+        </dependency>
+        <dependency>
+            <groupId>com.alibaba</groupId>
+            <artifactId>druid</artifactId>
+            <version>0.2.23</version>
+        </dependency>
+
+        <dependency>
+            <groupId>com.github.zhangkaitao</groupId>
+            <artifactId>shiro-example-chapter23-core</artifactId>
+            <version>1.0-SNAPSHOT</version>
+        </dependency>
+
+    </dependencies>
+
+    <build>
+        <finalName>chapter23-server</finalName>
+        <plugins>
+            <plugin>
+                <groupId>org.mortbay.jetty</groupId>
+                <artifactId>jetty-maven-plugin</artifactId>
+                <version>8.1.8.v20121106</version>
+                <configuration>
+                    <webAppConfig>
+                        <contextPath>/${project.build.finalName}</contextPath>
+                    </webAppConfig>
+                </configuration>
+            </plugin>
+
+            <plugin>
+                <groupId>org.apache.tomcat.maven</groupId>
+                <artifactId>tomcat7-maven-plugin</artifactId>
+                <version>2.2</version>
+                <configuration>
+                    <path>/${project.build.finalName}</path>
+                </configuration>
+
+            </plugin>
+        </plugins>
+
+
+    </build>
+
+
+</project>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/Constants.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/Constants.java
new file mode 100644
index 00000000..bec84223
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/Constants.java
@@ -0,0 +1,12 @@
+package com.github.zhangkaitao.shiro.chapter23;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-15
+ * <p>Version: 1.0
+ */
+public class Constants {
+    public static final String CURRENT_USER = "user";
+
+    public static final String SERVER_APP_KEY = "645ba616-370a-43a8-a8e0-993e7a590cf0";
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/credentials/RetryLimitHashedCredentialsMatcher.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/credentials/RetryLimitHashedCredentialsMatcher.java
new file mode 100644
index 00000000..c609a937
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/credentials/RetryLimitHashedCredentialsMatcher.java
@@ -0,0 +1,46 @@
+package com.github.zhangkaitao.shiro.chapter23.credentials;
+
+import org.apache.shiro.authc.AuthenticationInfo;
+import org.apache.shiro.authc.AuthenticationToken;
+import org.apache.shiro.authc.ExcessiveAttemptsException;
+import org.apache.shiro.authc.credential.HashedCredentialsMatcher;
+import org.apache.shiro.cache.Cache;
+import org.apache.shiro.cache.CacheManager;
+
+import java.util.concurrent.atomic.AtomicInteger;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+public class RetryLimitHashedCredentialsMatcher extends HashedCredentialsMatcher {
+
+    private Cache<String, AtomicInteger> passwordRetryCache;
+
+    public RetryLimitHashedCredentialsMatcher(CacheManager cacheManager) {
+        passwordRetryCache = cacheManager.getCache("passwordRetryCache");
+    }
+
+    @Override
+    public boolean doCredentialsMatch(AuthenticationToken token, AuthenticationInfo info) {
+        String username = (String)token.getPrincipal();
+        //retry count + 1
+        AtomicInteger retryCount = passwordRetryCache.get(username);
+        if(retryCount == null) {
+            retryCount = new AtomicInteger(0);
+            passwordRetryCache.put(username, retryCount);
+        }
+        if(retryCount.incrementAndGet() > 5) {
+            //if retry count > 5 throw
+            throw new ExcessiveAttemptsException();
+        }
+
+        boolean matches = super.doCredentialsMatch(token, info);
+        if(matches) {
+            //clear retry count
+            passwordRetryCache.remove(username);
+        }
+        return matches;
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/AppDao.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/AppDao.java
new file mode 100644
index 00000000..c7a61205
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/AppDao.java
@@ -0,0 +1,22 @@
+package com.github.zhangkaitao.shiro.chapter23.dao;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.App;
+
+import java.util.List;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+public interface AppDao {
+
+    public App createApp(App app);
+    public App updateApp(App app);
+    public void deleteApp(Long appId);
+
+    public App findOne(Long appId);
+    public List<App> findAll();
+
+    Long findAppIdByAppKey(String appKey);
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/AppDaoImpl.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/AppDaoImpl.java
new file mode 100644
index 00000000..d8a6608b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/AppDaoImpl.java
@@ -0,0 +1,87 @@
+package com.github.zhangkaitao.shiro.chapter23.dao;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.App;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.jdbc.core.BeanPropertyRowMapper;
+import org.springframework.jdbc.core.JdbcTemplate;
+import org.springframework.jdbc.core.PreparedStatementCreator;
+import org.springframework.jdbc.support.GeneratedKeyHolder;
+import org.springframework.stereotype.Repository;
+
+import java.sql.Connection;
+import java.sql.PreparedStatement;
+import java.sql.SQLException;
+import java.util.List;
+
+/**
+ * <p>App: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+@Repository
+public class AppDaoImpl implements AppDao {
+
+    @Autowired
+    private JdbcTemplate jdbcTemplate;
+    
+    public App createApp(final App app) {
+        final String sql = "insert into sys_app(name, app_key, app_secret, available) values(?,?,?,?)";
+
+        GeneratedKeyHolder keyHolder = new GeneratedKeyHolder();
+        jdbcTemplate.update(new PreparedStatementCreator() {
+            @Override
+            public PreparedStatement createPreparedStatement(Connection connection) throws SQLException {
+                PreparedStatement psst = connection.prepareStatement(sql, new String[]{"id"});
+                int count = 1;
+                psst.setString(count++, app.getName());
+                psst.setString(count++, app.getAppKey());
+                psst.setString(count++, app.getAppSecret());
+                psst.setBoolean(count++, app.getAvailable());
+                return psst;
+            }
+        }, keyHolder);
+        app.setId(keyHolder.getKey().longValue());
+        return app;
+    }
+
+    @Override
+    public App updateApp(App app) {
+        final String sql = "update sys_app set name=?, app_key=?, app_secret=?, available=? where id=?";
+        jdbcTemplate.update(
+                sql,
+                app.getName(), app.getAppKey(), app.getAppSecret(), app.getAvailable(), app.getId());
+        return app;
+    }
+
+    public void deleteApp(Long appId) {
+        final String sql = "delete from sys_app where id=?";
+        jdbcTemplate.update(sql, appId);
+    }
+
+
+    @Override
+    public App findOne(Long appId) {
+        final String sql = "select id, name, app_key, app_secret, available from sys_app where id=?";
+        List<App> appList = jdbcTemplate.query(sql, new BeanPropertyRowMapper(App.class), appId);
+        if(appList.size() == 0) {
+            return null;
+        }
+        return appList.get(0);
+    }
+
+    @Override
+    public List<App> findAll() {
+        final String sql = "select id, name, app_key, app_secret, available from sys_app";
+        return jdbcTemplate.query(sql, new BeanPropertyRowMapper(App.class));
+    }
+
+    @Override
+    public Long findAppIdByAppKey(String appKey) {
+        final String sql = "select id from sys_app where app_key=?";
+        List<Long> appIdList = jdbcTemplate.queryForList(sql, Long.class, appKey);
+        if(appIdList.size() == 0) {
+            return null;
+        }
+        return appIdList.get(0);
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/AuthorizationDao.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/AuthorizationDao.java
new file mode 100644
index 00000000..9f3220ba
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/AuthorizationDao.java
@@ -0,0 +1,22 @@
+package com.github.zhangkaitao.shiro.chapter23.dao;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.Authorization;
+
+import java.util.List;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+public interface AuthorizationDao {
+
+    public Authorization createAuthorization(Authorization authorization);
+    public Authorization updateAuthorization(Authorization authorization);
+    public void deleteAuthorization(Long authorizationId);
+
+    public Authorization findOne(Long authorizationId);
+    public List<Authorization> findAll();
+
+    public Authorization findByAppUser(Long appId, Long userId);
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/AuthorizationDaoImpl.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/AuthorizationDaoImpl.java
new file mode 100644
index 00000000..e6dfe920
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/AuthorizationDaoImpl.java
@@ -0,0 +1,88 @@
+package com.github.zhangkaitao.shiro.chapter23.dao;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.Authorization;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.jdbc.core.BeanPropertyRowMapper;
+import org.springframework.jdbc.core.JdbcTemplate;
+import org.springframework.jdbc.core.PreparedStatementCreator;
+import org.springframework.jdbc.support.GeneratedKeyHolder;
+import org.springframework.stereotype.Repository;
+
+import java.sql.Connection;
+import java.sql.PreparedStatement;
+import java.sql.SQLException;
+import java.util.List;
+
+/**
+ * <p>Authorization: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+@Repository
+public class AuthorizationDaoImpl implements AuthorizationDao {
+
+    @Autowired
+    private JdbcTemplate jdbcTemplate;
+    
+    public Authorization createAuthorization(final Authorization authorization) {
+
+        final String sql = "insert into sys_user_app_roles(user_id, app_id, role_ids) values(?,?,?)";
+
+        GeneratedKeyHolder keyHolder = new GeneratedKeyHolder();
+        jdbcTemplate.update(new PreparedStatementCreator() {
+            @Override
+            public PreparedStatement createPreparedStatement(Connection connection) throws SQLException {
+                PreparedStatement psst = connection.prepareStatement(sql, new String[]{"id"});
+                int count = 1;
+                psst.setLong(count++, authorization.getUserId());
+                psst.setLong(count++, authorization.getAppId());
+                psst.setString(count++, authorization.getRoleIdsStr());
+                return psst;
+            }
+        }, keyHolder);
+        authorization.setId(keyHolder.getKey().longValue());
+        return authorization;
+    }
+
+    @Override
+    public Authorization updateAuthorization(Authorization authorization) {
+        final String sql = "update sys_user_app_roles set user_id=?, app_id=?, role_ids=? where id=?";
+        jdbcTemplate.update(
+                sql,
+                authorization.getUserId(), authorization.getAppId(), authorization.getRoleIdsStr(), authorization.getId());
+        return authorization;
+    }
+
+    public void deleteAuthorization(Long authorizationId) {
+        final String sql = "delete from sys_user_app_roles where id=?";
+        jdbcTemplate.update(sql, authorizationId);
+    }
+
+
+    @Override
+    public Authorization findOne(Long authorizationId) {
+        final String sql = "select id, user_id, app_id, role_ids as roleIdsStr from sys_user_app_roles where id=?";
+        List<Authorization> authorizationList = jdbcTemplate.query(sql, new BeanPropertyRowMapper<Authorization>(Authorization.class), authorizationId);
+        if(authorizationList.size() == 0) {
+            return null;
+        }
+        return authorizationList.get(0);
+    }
+
+    @Override
+    public List<Authorization> findAll() {
+        final String sql = "select id, user_id, app_id, role_ids as roleIdsStr from sys_user_app_roles";
+        return jdbcTemplate.query(sql, new BeanPropertyRowMapper(Authorization.class));
+    }
+
+
+    @Override
+    public Authorization findByAppUser(Long appId, Long userId) {
+        final String sql = "select id, user_id, app_id, role_ids as roleIdsStr from sys_user_app_roles where app_id=? and user_id=?";
+        List<Authorization> authorizationList = jdbcTemplate.query(sql, new BeanPropertyRowMapper<Authorization>(Authorization.class), appId, userId);
+        if(authorizationList.size() == 0) {
+            return null;
+        }
+        return authorizationList.get(0);
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/OrganizationDao.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/OrganizationDao.java
new file mode 100644
index 00000000..bbb12a57
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/OrganizationDao.java
@@ -0,0 +1,24 @@
+package com.github.zhangkaitao.shiro.chapter23.dao;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.Organization;
+
+import java.util.List;
+
+/**
+ * <p>Organization: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+public interface OrganizationDao {
+
+    public Organization createOrganization(Organization organization);
+    public Organization updateOrganization(Organization organization);
+    public void deleteOrganization(Long organizationId);
+
+    Organization findOne(Long organizationId);
+    List<Organization> findAll();
+
+    List<Organization> findAllWithExclude(Organization excludeOraganization);
+
+    void move(Organization source, Organization target);
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/OrganizationDaoImpl.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/OrganizationDaoImpl.java
new file mode 100644
index 00000000..5eb73bf1
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/OrganizationDaoImpl.java
@@ -0,0 +1,95 @@
+package com.github.zhangkaitao.shiro.chapter23.dao;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.Organization;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.jdbc.core.BeanPropertyRowMapper;
+import org.springframework.jdbc.core.JdbcTemplate;
+import org.springframework.jdbc.core.PreparedStatementCreator;
+import org.springframework.jdbc.support.GeneratedKeyHolder;
+import org.springframework.stereotype.Repository;
+
+import java.sql.Connection;
+import java.sql.PreparedStatement;
+import java.sql.SQLException;
+import java.util.List;
+
+/**
+ * <p>Organization: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+@Repository
+public class OrganizationDaoImpl implements OrganizationDao {
+    
+    @Autowired
+    private JdbcTemplate jdbcTemplate;
+
+    public Organization createOrganization(final Organization organization) {
+        final String sql = "insert into sys_organization( name, parent_id, parent_ids, available) values(?,?,?,?)";
+
+        GeneratedKeyHolder keyHolder = new GeneratedKeyHolder();
+        jdbcTemplate.update(new PreparedStatementCreator() {
+            @Override
+            public PreparedStatement createPreparedStatement(Connection connection) throws SQLException {
+                PreparedStatement psst = connection.prepareStatement(sql, new String[]{"id"});
+                int count = 1;
+                psst.setString(count++, organization.getName());
+                psst.setLong(count++, organization.getParentId());
+                psst.setString(count++, organization.getParentIds());
+                psst.setBoolean(count++, organization.getAvailable());
+                return psst;
+            }
+        }, keyHolder);
+        organization.setId(keyHolder.getKey().longValue());
+        return organization;
+    }
+
+    @Override
+    public Organization updateOrganization(Organization organization) {
+        final String sql = "update sys_organization set name=?, parent_id=?, parent_ids=?, available=? where id=?";
+        jdbcTemplate.update(
+                sql,
+                organization.getName(), organization.getParentId(), organization.getParentIds(), organization.getAvailable(), organization.getId());
+        return organization;
+    }
+
+    public void deleteOrganization(Long organizationId) {
+        Organization organization = findOne(organizationId);
+        final String deleteSelfSql = "delete from sys_organization where id=?";
+        jdbcTemplate.update(deleteSelfSql, organizationId);
+        final String deleteDescendantsSql = "delete from sys_organization where parent_ids like ?";
+        jdbcTemplate.update(deleteDescendantsSql, organization.makeSelfAsParentIds() + "%");
+    }
+
+
+    @Override
+    public Organization findOne(Long organizationId) {
+        final String sql = "select id, name, parent_id, parent_ids, available from sys_organization where id=?";
+        List<Organization> organizationList = jdbcTemplate.query(sql, new BeanPropertyRowMapper(Organization.class), organizationId);
+        if(organizationList.size() == 0) {
+            return null;
+        }
+        return organizationList.get(0);
+    }
+
+    @Override
+    public List<Organization> findAll() {
+        final String sql = "select id, name, parent_id, parent_ids, available from sys_organization";
+        return jdbcTemplate.query(sql, new BeanPropertyRowMapper(Organization.class));
+    }
+
+    @Override
+    public List<Organization> findAllWithExclude(Organization excludeOraganization) {
+        //TODO 改成not exists 利用索引
+        final String sql = "select id, name, parent_id, parent_ids, available from sys_organization where id!=? and parent_ids not like ?";
+        return jdbcTemplate.query(sql, new BeanPropertyRowMapper(Organization.class), excludeOraganization.getId(), excludeOraganization.makeSelfAsParentIds() + "%");
+    }
+
+    @Override
+    public void move(Organization source, Organization target) {
+        String moveSourceSql = "update sys_organization set parent_id=?,parent_ids=? where id=?";
+        jdbcTemplate.update(moveSourceSql, target.getId(), target.getParentIds(), source.getId());
+        String moveSourceDescendantsSql = "update sys_organization set parent_ids=concat(?, substring(parent_ids, length(?))) where parent_ids like ?";
+        jdbcTemplate.update(moveSourceDescendantsSql, target.makeSelfAsParentIds(), source.makeSelfAsParentIds(), source.makeSelfAsParentIds() + "%");
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/ResourceDao.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/ResourceDao.java
new file mode 100644
index 00000000..1c55fca3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/ResourceDao.java
@@ -0,0 +1,21 @@
+package com.github.zhangkaitao.shiro.chapter23.dao;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.Resource;
+
+import java.util.List;
+
+/**
+ * <p>Resource: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+public interface ResourceDao {
+
+    public Resource createResource(Resource resource);
+    public Resource updateResource(Resource resource);
+    public void deleteResource(Long resourceId);
+
+    Resource findOne(Long resourceId);
+    List<Resource> findAll();
+
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/ResourceDaoImpl.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/ResourceDaoImpl.java
new file mode 100644
index 00000000..1ec0a4c3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/ResourceDaoImpl.java
@@ -0,0 +1,83 @@
+package com.github.zhangkaitao.shiro.chapter23.dao;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.Resource;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.jdbc.core.BeanPropertyRowMapper;
+import org.springframework.jdbc.core.JdbcTemplate;
+import org.springframework.jdbc.core.PreparedStatementCreator;
+import org.springframework.jdbc.support.GeneratedKeyHolder;
+import org.springframework.stereotype.Repository;
+
+import java.sql.Connection;
+import java.sql.PreparedStatement;
+import java.sql.SQLException;
+import java.util.List;
+
+/**
+ * <p>Resource: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+@Repository
+public class ResourceDaoImpl implements ResourceDao {
+    @Autowired
+    private JdbcTemplate jdbcTemplate;
+    
+    public Resource createResource(final Resource resource) {
+        final String sql = "insert into sys_resource(name, type, url, permission, parent_id, parent_ids, available) values(?,?,?,?,?,?,?)";
+
+        GeneratedKeyHolder keyHolder = new GeneratedKeyHolder();
+        jdbcTemplate.update(new PreparedStatementCreator() {
+            @Override
+            public PreparedStatement createPreparedStatement(Connection connection) throws SQLException {
+                PreparedStatement psst = connection.prepareStatement(sql, new String[]{"id"});
+                int count = 1;
+                psst.setString(count++, resource.getName());
+                psst.setString(count++, resource.getType().name());
+                psst.setString(count++, resource.getUrl());
+                psst.setString(count++, resource.getPermission());
+                psst.setLong(count++, resource.getParentId());
+                psst.setString(count++, resource.getParentIds());
+                psst.setBoolean(count++, resource.getAvailable());
+                return psst;
+            }
+        }, keyHolder);
+        resource.setId(keyHolder.getKey().longValue());
+        return resource;
+    }
+
+    @Override
+    public Resource updateResource(Resource resource) {
+        final String sql = "update sys_resource set name=?, type=?, url=?, permission=?, parent_id=?, parent_ids=?, available=? where id=?";
+        jdbcTemplate.update(
+                sql,
+                resource.getName(), resource.getType().name(), resource.getUrl(), resource.getPermission(), resource.getParentId(), resource.getParentIds(), resource.getAvailable(), resource.getId());
+        return resource;
+    }
+
+    public void deleteResource(Long resourceId) {
+        Resource resource = findOne(resourceId);
+        final String deleteSelfSql = "delete from sys_resource where id=?";
+        jdbcTemplate.update(deleteSelfSql, resourceId);
+        final String deleteDescendantsSql = "delete from sys_resource where parent_ids like ?";
+        jdbcTemplate.update(deleteDescendantsSql, resource.makeSelfAsParentIds() + "%");
+    }
+
+
+    @Override
+    public Resource findOne(Long resourceId) {
+        final String sql = "select id, name, type, url, permission, parent_id, parent_ids, available from sys_resource where id=?";
+        List<Resource> resourceList = jdbcTemplate.query(sql, new BeanPropertyRowMapper(Resource.class), resourceId);
+        if(resourceList.size() == 0) {
+            return null;
+        }
+        return resourceList.get(0);
+    }
+
+    @Override
+    public List<Resource> findAll() {
+        final String sql = "select id, name, type, url, permission, parent_id, parent_ids, available from sys_resource order by concat(parent_ids, id) asc";
+        return jdbcTemplate.query(sql, new BeanPropertyRowMapper(Resource.class));
+    }
+
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/RoleDao.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/RoleDao.java
new file mode 100644
index 00000000..9beb5423
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/RoleDao.java
@@ -0,0 +1,20 @@
+package com.github.zhangkaitao.shiro.chapter23.dao;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.Role;
+
+import java.util.List;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+public interface RoleDao {
+
+    public Role createRole(Role role);
+    public Role updateRole(Role role);
+    public void deleteRole(Long roleId);
+
+    public Role findOne(Long roleId);
+    public List<Role> findAll();
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/RoleDaoImpl.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/RoleDaoImpl.java
new file mode 100644
index 00000000..0ff8ee19
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/RoleDaoImpl.java
@@ -0,0 +1,78 @@
+package com.github.zhangkaitao.shiro.chapter23.dao;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.Role;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.jdbc.core.BeanPropertyRowMapper;
+import org.springframework.jdbc.core.JdbcTemplate;
+import org.springframework.jdbc.core.PreparedStatementCreator;
+import org.springframework.jdbc.support.GeneratedKeyHolder;
+import org.springframework.stereotype.Repository;
+
+import java.sql.Connection;
+import java.sql.PreparedStatement;
+import java.sql.SQLException;
+import java.util.List;
+
+/**
+ * <p>Role: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+@Repository
+public class RoleDaoImpl implements RoleDao {
+
+    @Autowired
+    private JdbcTemplate jdbcTemplate;
+    
+    public Role createRole(final Role role) {
+        final String sql = "insert into sys_role(role, description, resource_ids, available) values(?,?,?,?)";
+
+        GeneratedKeyHolder keyHolder = new GeneratedKeyHolder();
+        jdbcTemplate.update(new PreparedStatementCreator() {
+            @Override
+            public PreparedStatement createPreparedStatement(Connection connection) throws SQLException {
+                PreparedStatement psst = connection.prepareStatement(sql, new String[]{"id"});
+                int count = 1;
+                psst.setString(count++, role.getRole());
+                psst.setString(count++, role.getDescription());
+                psst.setString(count++, role.getResourceIdsStr());
+                psst.setBoolean(count++, role.getAvailable());
+                return psst;
+            }
+        }, keyHolder);
+        role.setId(keyHolder.getKey().longValue());
+        return role;
+    }
+
+    @Override
+    public Role updateRole(Role role) {
+        final String sql = "update sys_role set role=?, description=?, resource_ids=?, available=? where id=?";
+        jdbcTemplate.update(
+                sql,
+                role.getRole(), role.getDescription(), role.getResourceIdsStr(), role.getAvailable(), role.getId());
+        return role;
+    }
+
+    public void deleteRole(Long roleId) {
+        final String sql = "delete from sys_role where id=?";
+        jdbcTemplate.update(sql, roleId);
+    }
+
+
+    @Override
+    public Role findOne(Long roleId) {
+        final String sql = "select id, role, description, resource_ids as resourceIdsStr, available from sys_role where id=?";
+        List<Role> roleList = jdbcTemplate.query(sql, new BeanPropertyRowMapper(Role.class), roleId);
+        if(roleList.size() == 0) {
+            return null;
+        }
+        return roleList.get(0);
+    }
+
+    @Override
+    public List<Role> findAll() {
+        final String sql = "select id, role, description, resource_ids as resourceIdsStr, available from sys_role";
+        return jdbcTemplate.query(sql, new BeanPropertyRowMapper(Role.class));
+    }
+
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/UserDao.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/UserDao.java
new file mode 100644
index 00000000..f977e29f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/UserDao.java
@@ -0,0 +1,24 @@
+package com.github.zhangkaitao.shiro.chapter23.dao;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.User;
+
+import java.util.List;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+public interface UserDao {
+
+    public User createUser(User user);
+    public User updateUser(User user);
+    public void deleteUser(Long userId);
+
+    User findOne(Long userId);
+
+    List<User> findAll();
+
+    User findByUsername(String username);
+
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/UserDaoImpl.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/UserDaoImpl.java
new file mode 100644
index 00000000..dbbcc4b9
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/dao/UserDaoImpl.java
@@ -0,0 +1,88 @@
+package com.github.zhangkaitao.shiro.chapter23.dao;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.User;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.jdbc.core.BeanPropertyRowMapper;
+import org.springframework.jdbc.core.JdbcTemplate;
+import org.springframework.jdbc.core.PreparedStatementCreator;
+import org.springframework.jdbc.support.GeneratedKeyHolder;
+import org.springframework.stereotype.Repository;
+
+import java.sql.Connection;
+import java.sql.PreparedStatement;
+import java.sql.SQLException;
+import java.util.List;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+@Repository
+public class UserDaoImpl implements UserDao {
+
+    @Autowired
+    private JdbcTemplate jdbcTemplate;
+    
+    public User createUser(final User user) {
+        final String sql = "insert into sys_user(organization_id, username, password, salt, locked) values(?,?,?,?,?,?)";
+
+        GeneratedKeyHolder keyHolder = new GeneratedKeyHolder();
+        jdbcTemplate.update(new PreparedStatementCreator() {
+            @Override
+            public PreparedStatement createPreparedStatement(Connection connection) throws SQLException {
+                PreparedStatement psst = connection.prepareStatement(sql, new String[]{"id"});
+                int count = 1;
+                psst.setLong(count++, user.getOrganizationId());
+                psst.setString(count++, user.getUsername());
+                psst.setString(count++, user.getPassword());
+                psst.setString(count++, user.getSalt());
+                psst.setBoolean(count++, user.getLocked());
+                return psst;
+            }
+        }, keyHolder);
+
+        user.setId(keyHolder.getKey().longValue());
+        return user;
+    }
+
+    public User updateUser(User user) {
+        String sql = "update sys_user set organization_id=?,username=?, password=?, salt=?, locked=? where id=?";
+        jdbcTemplate.update(
+                sql,
+                user.getOrganizationId(), user.getUsername(), user.getPassword(), user.getSalt(), user.getLocked(), user.getId());
+        return user;
+    }
+
+    public void deleteUser(Long userId) {
+        String sql = "delete from sys_user where id=?";
+        jdbcTemplate.update(sql, userId);
+    }
+
+    @Override
+    public User findOne(Long userId) {
+        String sql = "select id, organization_id, username, password, salt, locked from sys_user where id=?";
+        List<User> userList = jdbcTemplate.query(sql, new BeanPropertyRowMapper(User.class), userId);
+        if(userList.size() == 0) {
+            return null;
+        }
+        return userList.get(0);
+    }
+
+    @Override
+    public List<User> findAll() {
+        String sql = "select id, organization_id, username, password, salt, locked from sys_user";
+        return jdbcTemplate.query(sql, new BeanPropertyRowMapper(User.class));
+    }
+
+
+    @Override
+    public User findByUsername(String username) {
+        String sql = "select id, organization_id, username, password, salt, locked from sys_user where username=?";
+        List<User> userList = jdbcTemplate.query(sql, new BeanPropertyRowMapper(User.class), username);
+        if(userList.size() == 0) {
+            return null;
+        }
+        return userList.get(0);
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/App.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/App.java
new file mode 100644
index 00000000..0b3b87fb
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/App.java
@@ -0,0 +1,84 @@
+package com.github.zhangkaitao.shiro.chapter23.entity;
+
+import java.io.Serializable;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-3-13
+ * <p>Version: 1.0
+ */
+public class App implements Serializable {
+    private Long id;
+    private String name;
+    private String appKey;
+    private String appSecret;
+    private Boolean available = Boolean.FALSE;
+
+    public Long getId() {
+        return id;
+    }
+
+    public void setId(Long id) {
+        this.id = id;
+    }
+
+    public String getName() {
+        return name;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+
+    public String getAppKey() {
+        return appKey;
+    }
+
+    public void setAppKey(String appKey) {
+        this.appKey = appKey;
+    }
+
+    public String getAppSecret() {
+        return appSecret;
+    }
+
+    public void setAppSecret(String appSecret) {
+        this.appSecret = appSecret;
+    }
+
+    public Boolean getAvailable() {
+        return available;
+    }
+
+    public void setAvailable(Boolean available) {
+        this.available = available;
+    }
+
+    @Override
+    public boolean equals(Object o) {
+        if (this == o) return true;
+        if (o == null || getClass() != o.getClass()) return false;
+
+        App app = (App) o;
+
+        if (id != null ? !id.equals(app.id) : app.id != null) return false;
+
+        return true;
+    }
+
+    @Override
+    public int hashCode() {
+        return id != null ? id.hashCode() : 0;
+    }
+
+    @Override
+    public String toString() {
+        return "App{" +
+                "id=" + id +
+                ", name='" + name + '\'' +
+                ", appKey='" + appKey + '\'' +
+                ", appSecret='" + appSecret + '\'' +
+                ", available=" + available +
+                '}';
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/Authorization.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/Authorization.java
new file mode 100644
index 00000000..b3358ca2
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/Authorization.java
@@ -0,0 +1,107 @@
+package com.github.zhangkaitao.shiro.chapter23.entity;
+
+import org.springframework.util.CollectionUtils;
+import org.springframework.util.StringUtils;
+
+import java.io.Serializable;
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-3-13
+ * <p>Version: 1.0
+ */
+public class  Authorization implements Serializable {
+    private Long id;
+    private Long userId;
+    private Long appId;
+    private List<Long> roleIds;
+
+    public Long getId() {
+        return id;
+    }
+
+    public void setId(Long id) {
+        this.id = id;
+    }
+
+    public Long getUserId() {
+        return userId;
+    }
+
+    public void setUserId(Long userId) {
+        this.userId = userId;
+    }
+
+    public Long getAppId() {
+        return appId;
+    }
+
+    public void setAppId(Long appId) {
+        this.appId = appId;
+    }
+    public List<Long> getRoleIds() {
+        if(roleIds == null) {
+            roleIds = new ArrayList<Long>();
+        }
+        return roleIds;
+    }
+
+    public void setRoleIds(List<Long> roleIds) {
+        this.roleIds = roleIds;
+    }
+
+
+    public String getRoleIdsStr() {
+        if(CollectionUtils.isEmpty(roleIds)) {
+            return "";
+        }
+        StringBuilder s = new StringBuilder();
+        for(Long roleId : roleIds) {
+            s.append(roleId);
+            s.append(",");
+        }
+        return s.toString();
+    }
+
+    public void setRoleIdsStr(String roleIdsStr) {
+        if(StringUtils.isEmpty(roleIdsStr)) {
+            return;
+        }
+        String[] roleIdStrs = roleIdsStr.split(",");
+        for(String roleIdStr : roleIdStrs) {
+            if(StringUtils.isEmpty(roleIdStr)) {
+                continue;
+            }
+            getRoleIds().add(Long.valueOf(roleIdStr));
+        }
+    }
+
+    @Override
+    public boolean equals(Object o) {
+        if (this == o) return true;
+        if (o == null || getClass() != o.getClass()) return false;
+
+        Authorization that = (Authorization) o;
+
+        if (id != null ? !id.equals(that.id) : that.id != null) return false;
+
+        return true;
+    }
+
+    @Override
+    public int hashCode() {
+        return id != null ? id.hashCode() : 0;
+    }
+
+    @Override
+    public String toString() {
+        return "Authorization{" +
+                "id=" + id +
+                ", userId=" + userId +
+                ", appId=" + appId +
+                ", roleIds=" + roleIds +
+                '}';
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/Organization.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/Organization.java
new file mode 100644
index 00000000..dfcdea57
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/Organization.java
@@ -0,0 +1,93 @@
+package com.github.zhangkaitao.shiro.chapter23.entity;
+
+import java.io.Serializable;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+public class Organization implements Serializable {
+    private Long id; //编号
+    private String name; //组织机构名称
+    private Long parentId; //父编号
+    private String parentIds; //父编号列表，如1/2/
+    private Boolean available = Boolean.FALSE;
+
+
+    public Long getId() {
+        return id;
+    }
+
+    public void setId(Long id) {
+        this.id = id;
+    }
+
+    public String getName() {
+        return name;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+
+    public Long getParentId() {
+        return parentId;
+    }
+
+    public void setParentId(Long parentId) {
+        this.parentId = parentId;
+    }
+
+    public String getParentIds() {
+        return parentIds;
+    }
+
+    public void setParentIds(String parentIds) {
+        this.parentIds = parentIds;
+    }
+
+    public Boolean getAvailable() {
+        return available;
+    }
+
+    public void setAvailable(Boolean available) {
+        this.available = available;
+    }
+
+    public boolean isRootNode() {
+        return parentId == 0;
+    }
+
+    public String makeSelfAsParentIds() {
+        return getParentIds() + getId() + "/";
+    }
+
+    @Override
+    public boolean equals(Object o) {
+        if (this == o) return true;
+        if (o == null || getClass() != o.getClass()) return false;
+
+        Organization that = (Organization) o;
+
+        if (id != null ? !id.equals(that.id) : that.id != null) return false;
+
+        return true;
+    }
+
+    @Override
+    public int hashCode() {
+        return id != null ? id.hashCode() : 0;
+    }
+
+    @Override
+    public String toString() {
+        return "Organization{" +
+                "id=" + id +
+                ", name='" + name + '\'' +
+                ", parentId=" + parentId +
+                ", parentIds='" + parentIds + '\'' +
+                ", available=" + available +
+                '}';
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/Resource.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/Resource.java
new file mode 100644
index 00000000..af7041f6
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/Resource.java
@@ -0,0 +1,135 @@
+package com.github.zhangkaitao.shiro.chapter23.entity;
+
+import java.io.Serializable;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+public class Resource implements Serializable {
+    private Long id; //编号
+    private String name; //资源名称
+    private ResourceType type = ResourceType.menu; //资源类型
+    private String url; //资源路径
+    private String permission; //权限字符串
+    private Long parentId; //父编号
+    private String parentIds; //父编号列表
+    private Boolean available = Boolean.FALSE;
+
+    public static enum ResourceType {
+        menu("菜单"), button("按钮");
+
+        private final String info;
+        private ResourceType(String info) {
+            this.info = info;
+        }
+
+        public String getInfo() {
+            return info;
+        }
+    }
+
+
+
+    public Long getId() {
+        return id;
+    }
+
+    public void setId(Long id) {
+        this.id = id;
+    }
+
+    public String getName() {
+        return name;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+
+    public ResourceType getType() {
+        return type;
+    }
+
+    public void setType(ResourceType type) {
+        this.type = type;
+    }
+
+    public String getUrl() {
+        return url;
+    }
+
+    public void setUrl(String url) {
+        this.url = url;
+    }
+
+    public String getPermission() {
+        return permission;
+    }
+
+    public void setPermission(String permission) {
+        this.permission = permission;
+    }
+
+    public Long getParentId() {
+        return parentId;
+    }
+
+    public void setParentId(Long parentId) {
+        this.parentId = parentId;
+    }
+
+    public String getParentIds() {
+        return parentIds;
+    }
+
+    public void setParentIds(String parentIds) {
+        this.parentIds = parentIds;
+    }
+
+    public Boolean getAvailable() {
+        return available;
+    }
+
+    public void setAvailable(Boolean available) {
+        this.available = available;
+    }
+
+    public boolean isRootNode() {
+        return parentId == 0;
+    }
+
+    public String makeSelfAsParentIds() {
+        return getParentIds() + getId() + "/";
+    }
+    @Override
+    public boolean equals(Object o) {
+        if (this == o) return true;
+        if (o == null || getClass() != o.getClass()) return false;
+
+        Resource resource = (Resource) o;
+
+        if (id != null ? !id.equals(resource.id) : resource.id != null) return false;
+
+        return true;
+    }
+
+    @Override
+    public int hashCode() {
+        return id != null ? id.hashCode() : 0;
+    }
+
+    @Override
+    public String toString() {
+        return "Resource{" +
+                "id=" + id +
+                ", name='" + name + '\'' +
+                ", type=" + type +
+                ", permission='" + permission + '\'' +
+                ", parentId=" + parentId +
+                ", parentIds='" + parentIds + '\'' +
+                ", available=" + available +
+                '}';
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/Role.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/Role.java
new file mode 100644
index 00000000..e8c8f2f4
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/Role.java
@@ -0,0 +1,126 @@
+package com.github.zhangkaitao.shiro.chapter23.entity;
+
+import org.springframework.util.CollectionUtils;
+import org.springframework.util.StringUtils;
+
+import java.io.Serializable;
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+public class Role implements Serializable {
+    private Long id; //编号
+    private String role; //角色标识 程序中判断使用,如"admin"
+    private String description; //角色描述,UI界面显示使用
+    private List<Long> resourceIds; //拥有的资源
+    private Boolean available = Boolean.FALSE; //是否可用,如果不可用将不会添加给用户
+
+    public Role() {
+    }
+
+    public Role(String role, String description, Boolean available) {
+        this.role = role;
+        this.description = description;
+        this.available = available;
+    }
+
+    public Long getId() {
+        return id;
+    }
+
+    public void setId(Long id) {
+        this.id = id;
+    }
+
+    public String getRole() {
+        return role;
+    }
+
+    public void setRole(String role) {
+        this.role = role;
+    }
+
+    public String getDescription() {
+        return description;
+    }
+
+    public void setDescription(String description) {
+        this.description = description;
+    }
+
+    public List<Long> getResourceIds() {
+        if(resourceIds == null) {
+            resourceIds = new ArrayList<Long>();
+        }
+        return resourceIds;
+    }
+
+    public void setResourceIds(List<Long> resourceIds) {
+        this.resourceIds = resourceIds;
+    }
+
+    public String getResourceIdsStr() {
+        if(CollectionUtils.isEmpty(resourceIds)) {
+            return "";
+        }
+        StringBuilder s = new StringBuilder();
+        for(Long resourceId : resourceIds) {
+            s.append(resourceId);
+            s.append(",");
+        }
+        return s.toString();
+    }
+
+    public void setResourceIdsStr(String resourceIdsStr) {
+        if(StringUtils.isEmpty(resourceIdsStr)) {
+            return;
+        }
+        String[] resourceIdStrs = resourceIdsStr.split(",");
+        for(String resourceIdStr : resourceIdStrs) {
+            if(StringUtils.isEmpty(resourceIdStr)) {
+                continue;
+            }
+            getResourceIds().add(Long.valueOf(resourceIdStr));
+        }
+    }
+
+    public Boolean getAvailable() {
+        return available;
+    }
+
+    public void setAvailable(Boolean available) {
+        this.available = available;
+    }
+
+    @Override
+    public boolean equals(Object o) {
+        if (this == o) return true;
+        if (o == null || getClass() != o.getClass()) return false;
+
+        Role role = (Role) o;
+
+        if (id != null ? !id.equals(role.id) : role.id != null) return false;
+
+        return true;
+    }
+
+    @Override
+    public int hashCode() {
+        return id != null ? id.hashCode() : 0;
+    }
+
+    @Override
+    public String toString() {
+        return "Role{" +
+                "id=" + id +
+                ", role='" + role + '\'' +
+                ", description='" + description + '\'' +
+                ", resourceIds=" + resourceIds +
+                ", available=" + available +
+                '}';
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/User.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/User.java
new file mode 100644
index 00000000..8a6017e8
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/entity/User.java
@@ -0,0 +1,113 @@
+package com.github.zhangkaitao.shiro.chapter23.entity;
+
+import org.springframework.util.CollectionUtils;
+import org.springframework.util.StringUtils;
+
+import java.io.Serializable;
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+public class User implements Serializable {
+    private Long id; //编号
+    private Long organizationId; //所属公司
+    private String username; //用户名
+    private String password; //密码
+    private String salt; //加密密码的盐
+    private Boolean locked = Boolean.FALSE;
+
+    public User() {
+    }
+
+    public User(String username, String password) {
+        this.username = username;
+        this.password = password;
+    }
+
+    public Long getId() {
+        return id;
+    }
+
+    public void setId(Long id) {
+        this.id = id;
+    }
+
+    public Long getOrganizationId() {
+        return organizationId;
+    }
+
+    public void setOrganizationId(Long organizationId) {
+        this.organizationId = organizationId;
+    }
+
+    public String getUsername() {
+        return username;
+    }
+
+    public void setUsername(String username) {
+        this.username = username;
+    }
+
+    public String getPassword() {
+        return password;
+    }
+
+    public void setPassword(String password) {
+        this.password = password;
+    }
+
+    public String getSalt() {
+        return salt;
+    }
+
+    public void setSalt(String salt) {
+        this.salt = salt;
+    }
+
+    public String getCredentialsSalt() {
+        return username + salt;
+    }
+
+
+    
+    public Boolean getLocked() {
+        return locked;
+    }
+
+    public void setLocked(Boolean locked) {
+        this.locked = locked;
+    }
+
+    @Override
+    public boolean equals(Object o) {
+        if (this == o) return true;
+        if (o == null || getClass() != o.getClass()) return false;
+
+        User user = (User) o;
+
+        if (id != null ? !id.equals(user.id) : user.id != null) return false;
+
+        return true;
+    }
+
+    @Override
+    public int hashCode() {
+        return id != null ? id.hashCode() : 0;
+    }
+
+    @Override
+    public String toString() {
+        return "User{" +
+                "id=" + id +
+                ", organizationId=" + organizationId +
+                ", username='" + username + '\'' +
+                ", password='" + password + '\'' +
+                ", salt='" + salt + '\'' +
+                ", locked=" + locked +
+                '}';
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/realm/UserRealm.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/realm/UserRealm.java
new file mode 100644
index 00000000..9c85b164
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/realm/UserRealm.java
@@ -0,0 +1,91 @@
+package com.github.zhangkaitao.shiro.chapter23.realm;
+
+import com.github.zhangkaitao.shiro.chapter23.Constants;
+import com.github.zhangkaitao.shiro.chapter23.entity.User;
+import com.github.zhangkaitao.shiro.chapter23.service.AuthorizationService;
+import com.github.zhangkaitao.shiro.chapter23.service.UserService;
+import org.apache.shiro.authc.*;
+import org.apache.shiro.authz.AuthorizationInfo;
+import org.apache.shiro.authz.SimpleAuthorizationInfo;
+import org.apache.shiro.realm.AuthorizingRealm;
+import org.apache.shiro.subject.PrincipalCollection;
+import org.apache.shiro.util.ByteSource;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+public class UserRealm extends AuthorizingRealm {
+
+    @Autowired
+    private UserService userService;
+
+    @Autowired
+    private AuthorizationService authorizationService;
+
+    @Override
+    protected AuthorizationInfo doGetAuthorizationInfo(PrincipalCollection principals) {
+        String username = (String)principals.getPrimaryPrincipal();
+
+        SimpleAuthorizationInfo authorizationInfo = new SimpleAuthorizationInfo();
+        authorizationInfo.setRoles(authorizationService.findRoles(Constants.SERVER_APP_KEY, username));
+        authorizationInfo.setStringPermissions(authorizationService.findPermissions(Constants.SERVER_APP_KEY, username));
+        return authorizationInfo;
+    }
+
+    @Override
+    protected AuthenticationInfo doGetAuthenticationInfo(AuthenticationToken token) throws AuthenticationException {
+
+        String username = (String)token.getPrincipal();
+
+        User user = userService.findByUsername(username);
+
+        if(user == null) {
+            throw new UnknownAccountException();//没找到帐号
+        }
+
+        if(Boolean.TRUE.equals(user.getLocked())) {
+            throw new LockedAccountException(); //帐号锁定
+        }
+
+        //交给AuthenticatingRealm使用CredentialsMatcher进行密码匹配，如果觉得人家的不好可以自定义实现
+        SimpleAuthenticationInfo authenticationInfo = new SimpleAuthenticationInfo(
+                user.getUsername(), //用户名
+                user.getPassword(), //密码
+                ByteSource.Util.bytes(user.getCredentialsSalt()),//salt=username+salt
+                getName()  //realm name
+        );
+        return authenticationInfo;
+    }
+
+    @Override
+    public void clearCachedAuthorizationInfo(PrincipalCollection principals) {
+        super.clearCachedAuthorizationInfo(principals);
+    }
+
+    @Override
+    public void clearCachedAuthenticationInfo(PrincipalCollection principals) {
+        super.clearCachedAuthenticationInfo(principals);
+    }
+
+    @Override
+    public void clearCache(PrincipalCollection principals) {
+        super.clearCache(principals);
+    }
+
+    public void clearAllCachedAuthorizationInfo() {
+        getAuthorizationCache().clear();
+    }
+
+    public void clearAllCachedAuthenticationInfo() {
+        getAuthenticationCache().clear();
+    }
+
+    public void clearAllCache() {
+        clearAllCachedAuthenticationInfo();
+        clearAllCachedAuthorizationInfo();
+    }
+
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/remote/RemoteService.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/remote/RemoteService.java
new file mode 100644
index 00000000..a4799684
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/remote/RemoteService.java
@@ -0,0 +1,50 @@
+package com.github.zhangkaitao.shiro.chapter23.remote;
+
+import com.github.zhangkaitao.shiro.chapter23.service.AuthorizationService;
+import org.apache.shiro.session.Session;
+import org.apache.shiro.session.mgt.eis.SessionDAO;
+import org.springframework.beans.factory.annotation.Autowired;
+
+import java.io.Serializable;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-3-13
+ * <p>Version: 1.0
+ */
+public class RemoteService implements RemoteServiceInterface {
+
+    @Autowired
+    private AuthorizationService authorizationService;
+
+    @Autowired
+    private SessionDAO sessionDAO;
+
+    @Override
+    public Session getSession(String appKey, Serializable sessionId) {
+        return sessionDAO.readSession(sessionId);
+    }
+
+    @Override
+    public Serializable createSession(Session session) {
+        return sessionDAO.create(session);
+    }
+
+    @Override
+    public void updateSession(String appKey, Session session) {
+        sessionDAO.update(session);
+    }
+
+    @Override
+    public void deleteSession(String appKey, Session session) {
+        sessionDAO.delete(session);
+    }
+
+    @Override
+    public PermissionContext getPermissions(String appKey, String username) {
+        PermissionContext permissionContext = new PermissionContext();
+        permissionContext.setRoles(authorizationService.findRoles(appKey, username));
+        permissionContext.setPermissions(authorizationService.findPermissions(appKey, username));
+        return permissionContext;
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/AppService.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/AppService.java
new file mode 100644
index 00000000..d945b4a1
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/AppService.java
@@ -0,0 +1,23 @@
+package com.github.zhangkaitao.shiro.chapter23.service;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.App;
+
+import java.util.List;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+public interface AppService {
+
+
+    public App createApp(App app);
+    public App updateApp(App app);
+    public void deleteApp(Long appId);
+
+    public App findOne(Long appId);
+    public List<App> findAll();
+
+    public Long findAppIdByAppKey(String appKey);
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/AppServiceImpl.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/AppServiceImpl.java
new file mode 100644
index 00000000..6ebd359f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/AppServiceImpl.java
@@ -0,0 +1,48 @@
+package com.github.zhangkaitao.shiro.chapter23.service;
+
+import com.github.zhangkaitao.shiro.chapter23.dao.AppDao;
+import com.github.zhangkaitao.shiro.chapter23.entity.App;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+@Service
+
+public class AppServiceImpl implements AppService {
+
+    @Autowired
+    private AppDao appDao;
+
+    public App createApp(App app) {
+        return appDao.createApp(app);
+    }
+
+    public App updateApp(App app) {
+        return appDao.updateApp(app);
+    }
+
+    public void deleteApp(Long appId) {
+        appDao.deleteApp(appId);
+    }
+
+    @Override
+    public App findOne(Long appId) {
+        return appDao.findOne(appId);
+    }
+
+    @Override
+    public List<App> findAll() {
+        return appDao.findAll();
+    }
+
+    @Override
+    public Long findAppIdByAppKey(String appKey) {
+        return appDao.findAppIdByAppKey(appKey);
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/AuthorizationService.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/AuthorizationService.java
new file mode 100644
index 00000000..edc51581
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/AuthorizationService.java
@@ -0,0 +1,38 @@
+package com.github.zhangkaitao.shiro.chapter23.service;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.Authorization;
+
+import java.util.List;
+import java.util.Set;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+public interface AuthorizationService {
+
+
+    public Authorization createAuthorization(Authorization authorization);
+    public Authorization updateAuthorization(Authorization authorization);
+    public void deleteAuthorization(Long authorizationId);
+
+    public Authorization findOne(Long authorizationId);
+    public List<Authorization> findAll();
+
+    /**
+     * 根据用户名查找其角色
+     * @param username
+     * @return
+     */
+    public Set<String> findRoles(String appKey, String username);
+
+    /**
+     * 根据用户名查找其权限
+     * @param username
+     * @return
+     */
+    public Set<String> findPermissions(String appKey, String username);
+
+
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/AuthorizationServiceImpl.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/AuthorizationServiceImpl.java
new file mode 100644
index 00000000..7ce6e332
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/AuthorizationServiceImpl.java
@@ -0,0 +1,120 @@
+package com.github.zhangkaitao.shiro.chapter23.service;
+
+import com.github.zhangkaitao.shiro.chapter23.dao.AuthorizationDao;
+import com.github.zhangkaitao.shiro.chapter23.entity.Authorization;
+import com.github.zhangkaitao.shiro.chapter23.entity.User;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.Collections;
+import java.util.List;
+import java.util.Set;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+@Service
+
+public class AuthorizationServiceImpl implements AuthorizationService {
+
+    @Autowired
+    private AuthorizationDao authorizationDao;
+    @Autowired
+    private UserService userService;
+    @Autowired
+    private RoleService roleService;
+    @Autowired
+    private AppService appService;
+
+    public Authorization createAuthorization(Authorization authorization) {
+        return merge(authorization);
+    }
+
+    public Authorization updateAuthorization(Authorization authorization) {
+        return merge(authorization);
+    }
+
+    public Authorization merge(Authorization authorization) {
+        Authorization dbAuthorization = authorizationDao.findByAppUser(authorization.getAppId(), authorization.getUserId());
+        if(dbAuthorization ==  null) {//如果数据库中不存在相应记录 直接新增
+            return authorizationDao.createAuthorization(authorization);
+        }
+
+        if(dbAuthorization.equals(authorization)) {//如果是同一条记录直接更新即可
+            return authorizationDao.updateAuthorization(authorization);
+        }
+
+        for(Long roleId : authorization.getRoleIds()) {//否则合并
+            if(!dbAuthorization.getRoleIds().contains(roleId)) {
+                dbAuthorization.getRoleIds().add(roleId);
+            }
+        }
+
+        if(dbAuthorization.getRoleIds().isEmpty()) {//如果没有角色 直接删除记录即可
+            authorizationDao.deleteAuthorization(dbAuthorization.getId());
+            return dbAuthorization;
+        }
+        //否则更新
+        return authorizationDao.updateAuthorization(dbAuthorization);
+    }
+
+    public void deleteAuthorization(Long authorizationId) {
+        authorizationDao.deleteAuthorization(authorizationId);
+    }
+
+    @Override
+    public Authorization findOne(Long authorizationId) {
+        return authorizationDao.findOne(authorizationId);
+    }
+
+    @Override
+    public List<Authorization> findAll() {
+        return authorizationDao.findAll();
+    }
+
+    /**
+     * 根据用户名查找其角色
+     * @param username
+     * @return
+     */
+    public Set<String> findRoles(String appKey, String username) {
+        User user = userService.findByUsername(username);
+        if(user == null) {
+            return Collections.EMPTY_SET;
+        }
+        Long appId = appService.findAppIdByAppKey(appKey);
+        if(appId == null) {
+            return Collections.EMPTY_SET;
+        }
+        Authorization authorization = authorizationDao.findByAppUser(appId, user.getId());
+        if(authorization == null) {
+            return Collections.EMPTY_SET;
+        }
+        return roleService.findRoles(authorization.getRoleIds().toArray(new Long[0]));
+    }
+
+    /**
+     * 根据用户名查找其权限
+     * @param username
+     * @return
+     */
+    public Set<String> findPermissions(String appKey, String username) {
+        User user = userService.findByUsername(username);
+        if(user == null) {
+            return Collections.EMPTY_SET;
+        }
+        Long appId = appService.findAppIdByAppKey(appKey);
+        if(appId == null) {
+            return Collections.EMPTY_SET;
+        }
+        Authorization authorization = authorizationDao.findByAppUser(appId, user.getId());
+        if(authorization == null) {
+            return Collections.EMPTY_SET;
+        }
+        return roleService.findPermissions(authorization.getRoleIds().toArray(new Long[0]));
+    }
+
+
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/OrganizationService.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/OrganizationService.java
new file mode 100644
index 00000000..4fef3b09
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/OrganizationService.java
@@ -0,0 +1,25 @@
+package com.github.zhangkaitao.shiro.chapter23.service;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.Organization;
+
+import java.util.List;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+public interface OrganizationService {
+
+
+    public Organization createOrganization(Organization organization);
+    public Organization updateOrganization(Organization organization);
+    public void deleteOrganization(Long organizationId);
+
+    Organization findOne(Long organizationId);
+    List<Organization> findAll();
+
+    Object findAllWithExclude(Organization excludeOraganization);
+
+    void move(Organization source, Organization target);
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/OrganizationServiceImpl.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/OrganizationServiceImpl.java
new file mode 100644
index 00000000..b62c819e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/OrganizationServiceImpl.java
@@ -0,0 +1,54 @@
+package com.github.zhangkaitao.shiro.chapter23.service;
+
+import com.github.zhangkaitao.shiro.chapter23.dao.OrganizationDao;
+import com.github.zhangkaitao.shiro.chapter23.entity.Organization;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-14
+ * <p>Version: 1.0
+ */
+@Service
+public class OrganizationServiceImpl implements OrganizationService {
+    @Autowired
+    private OrganizationDao organizationDao;
+
+    @Override
+    public Organization createOrganization(Organization organization) {
+        return organizationDao.createOrganization(organization);
+    }
+
+    @Override
+    public Organization updateOrganization(Organization organization) {
+        return organizationDao.updateOrganization(organization);
+    }
+
+    @Override
+    public void deleteOrganization(Long organizationId) {
+        organizationDao.deleteOrganization(organizationId);
+    }
+
+    @Override
+    public Organization findOne(Long organizationId) {
+        return organizationDao.findOne(organizationId);
+    }
+
+    @Override
+    public List<Organization> findAll() {
+        return organizationDao.findAll();
+    }
+
+    @Override
+    public List<Organization> findAllWithExclude(Organization excludeOraganization) {
+        return organizationDao.findAllWithExclude(excludeOraganization);
+    }
+
+    @Override
+    public void move(Organization source, Organization target) {
+        organizationDao.move(source, target);
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/PasswordHelper.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/PasswordHelper.java
new file mode 100644
index 00000000..4fb2864f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/PasswordHelper.java
@@ -0,0 +1,50 @@
+package com.github.zhangkaitao.shiro.chapter23.service;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.User;
+import org.apache.shiro.crypto.RandomNumberGenerator;
+import org.apache.shiro.crypto.SecureRandomNumberGenerator;
+import org.apache.shiro.crypto.hash.SimpleHash;
+import org.apache.shiro.util.ByteSource;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.stereotype.Service;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+@Service
+public class PasswordHelper {
+
+    private RandomNumberGenerator randomNumberGenerator = new SecureRandomNumberGenerator();
+
+    @Value("${password.algorithmName}")
+    private String algorithmName = "md5";
+    @Value("${password.hashIterations}")
+    private int hashIterations = 2;
+
+    public void setRandomNumberGenerator(RandomNumberGenerator randomNumberGenerator) {
+        this.randomNumberGenerator = randomNumberGenerator;
+    }
+
+    public void setAlgorithmName(String algorithmName) {
+        this.algorithmName = algorithmName;
+    }
+
+    public void setHashIterations(int hashIterations) {
+        this.hashIterations = hashIterations;
+    }
+
+    public void encryptPassword(User user) {
+
+        user.setSalt(randomNumberGenerator.nextBytes().toHex());
+
+        String newPassword = new SimpleHash(
+                algorithmName,
+                user.getPassword(),
+                ByteSource.Util.bytes(user.getCredentialsSalt()),
+                hashIterations).toHex();
+
+        user.setPassword(newPassword);
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/ResourceService.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/ResourceService.java
new file mode 100644
index 00000000..7094289b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/ResourceService.java
@@ -0,0 +1,36 @@
+package com.github.zhangkaitao.shiro.chapter23.service;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.Resource;
+
+import java.util.List;
+import java.util.Set;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+public interface ResourceService {
+
+
+    public Resource createResource(Resource resource);
+    public Resource updateResource(Resource resource);
+    public void deleteResource(Long resourceId);
+
+    Resource findOne(Long resourceId);
+    List<Resource> findAll();
+
+    /**
+     * 得到资源对应的权限字符串
+     * @param resourceIds
+     * @return
+     */
+    Set<String> findPermissions(Set<Long> resourceIds);
+
+    /**
+     * 根据用户权限得到菜单
+     * @param permissions
+     * @return
+     */
+    List<Resource> findMenus(Set<String> permissions);
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/ResourceServiceImpl.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/ResourceServiceImpl.java
new file mode 100644
index 00000000..e332a68a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/ResourceServiceImpl.java
@@ -0,0 +1,96 @@
+package com.github.zhangkaitao.shiro.chapter23.service;
+
+import com.github.zhangkaitao.shiro.chapter23.dao.ResourceDao;
+import com.github.zhangkaitao.shiro.chapter23.entity.Resource;
+import org.apache.shiro.authz.permission.WildcardPermission;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.springframework.util.StringUtils;
+
+import java.util.ArrayList;
+import java.util.HashSet;
+import java.util.List;
+import java.util.Set;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-14
+ * <p>Version: 1.0
+ */
+@Service
+
+public class ResourceServiceImpl implements ResourceService {
+
+    @Autowired
+    private ResourceDao resourceDao;
+
+    @Override
+    public Resource createResource(Resource resource) {
+        return resourceDao.createResource(resource);
+    }
+
+    @Override
+    public Resource updateResource(Resource resource) {
+        return resourceDao.updateResource(resource);
+    }
+
+    @Override
+    public void deleteResource(Long resourceId) {
+        resourceDao.deleteResource(resourceId);
+    }
+
+    @Override
+    public Resource findOne(Long resourceId) {
+        return resourceDao.findOne(resourceId);
+    }
+
+    @Override
+    public List<Resource> findAll() {
+        return resourceDao.findAll();
+    }
+
+    @Override
+    public Set<String> findPermissions(Set<Long> resourceIds) {
+        Set<String> permissions = new HashSet<String>();
+        for(Long resourceId : resourceIds) {
+            Resource resource = findOne(resourceId);
+            if(resource != null && !StringUtils.isEmpty(resource.getPermission())) {
+                permissions.add(resource.getPermission());
+            }
+        }
+        return permissions;
+    }
+
+    @Override
+    public List<Resource> findMenus(Set<String> permissions) {
+        List<Resource> allResources = findAll();
+        List<Resource> menus = new ArrayList<Resource>();
+        for(Resource resource : allResources) {
+            if(resource.isRootNode()) {
+                continue;
+            }
+            if(resource.getType() != Resource.ResourceType.menu) {
+                continue;
+            }
+            if(!hasPermission(permissions, resource)) {
+                continue;
+            }
+            menus.add(resource);
+        }
+        return menus;
+    }
+
+    private boolean hasPermission(Set<String> permissions, Resource resource) {
+        if(StringUtils.isEmpty(resource.getPermission())) {
+            return true;
+        }
+        for(String permission : permissions) {
+            WildcardPermission p1 = new WildcardPermission(permission);
+            WildcardPermission p2 = new WildcardPermission(resource.getPermission());
+            if(p1.implies(p2) || p2.implies(p1)) {
+                return true;
+            }
+        }
+        return false;
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/RoleService.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/RoleService.java
new file mode 100644
index 00000000..6251a04d
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/RoleService.java
@@ -0,0 +1,36 @@
+package com.github.zhangkaitao.shiro.chapter23.service;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.Role;
+
+import java.util.List;
+import java.util.Set;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+public interface RoleService {
+
+
+    public Role createRole(Role role);
+    public Role updateRole(Role role);
+    public void deleteRole(Long roleId);
+
+    public Role findOne(Long roleId);
+    public List<Role> findAll();
+
+    /**
+     * 根据角色编号得到角色标识符列表
+     * @param roleIds
+     * @return
+     */
+    Set<String> findRoles(Long... roleIds);
+
+    /**
+     * 根据角色编号得到权限字符串列表
+     * @param roleIds
+     * @return
+     */
+    Set<String> findPermissions(Long[] roleIds);
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/RoleServiceImpl.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/RoleServiceImpl.java
new file mode 100644
index 00000000..1b86a66f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/RoleServiceImpl.java
@@ -0,0 +1,71 @@
+package com.github.zhangkaitao.shiro.chapter23.service;
+
+import com.github.zhangkaitao.shiro.chapter23.dao.RoleDao;
+import com.github.zhangkaitao.shiro.chapter23.entity.Role;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.HashSet;
+import java.util.List;
+import java.util.Set;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+@Service
+
+public class RoleServiceImpl implements RoleService {
+
+    @Autowired
+    private RoleDao roleDao;
+    @Autowired
+    private ResourceService resourceService;
+
+    public Role createRole(Role role) {
+        return roleDao.createRole(role);
+    }
+
+    public Role updateRole(Role role) {
+        return roleDao.updateRole(role);
+    }
+
+    public void deleteRole(Long roleId) {
+        roleDao.deleteRole(roleId);
+    }
+
+    @Override
+    public Role findOne(Long roleId) {
+        return roleDao.findOne(roleId);
+    }
+
+    @Override
+    public List<Role> findAll() {
+        return roleDao.findAll();
+    }
+
+    @Override
+    public Set<String> findRoles(Long... roleIds) {
+        Set<String> roles = new HashSet<String>();
+        for(Long roleId : roleIds) {
+            Role role = findOne(roleId);
+            if(role != null) {
+                roles.add(role.getRole());
+            }
+        }
+        return roles;
+    }
+
+    @Override
+    public Set<String> findPermissions(Long[] roleIds) {
+        Set<Long> resourceIds = new HashSet<Long>();
+        for(Long roleId : roleIds) {
+            Role role = findOne(roleId);
+            if(role != null) {
+                resourceIds.addAll(role.getResourceIds());
+            }
+        }
+        return resourceService.findPermissions(resourceIds);
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/UserService.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/UserService.java
new file mode 100644
index 00000000..9fa04ddb
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/UserService.java
@@ -0,0 +1,45 @@
+package com.github.zhangkaitao.shiro.chapter23.service;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.User;
+
+import java.util.List;
+import java.util.Set;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+public interface UserService {
+
+    /**
+     * 创建用户
+     * @param user
+     */
+    public User createUser(User user);
+
+    public User updateUser(User user);
+
+    public void deleteUser(Long userId);
+
+    /**
+     * 修改密码
+     * @param userId
+     * @param newPassword
+     */
+    public void changePassword(Long userId, String newPassword);
+
+
+    User findOne(Long userId);
+
+    List<User> findAll();
+
+    /**
+     * 根据用户名查找用户
+     * @param username
+     * @return
+     */
+    public User findByUsername(String username);
+
+
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/UserServiceImpl.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/UserServiceImpl.java
new file mode 100644
index 00000000..3ee796b6
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/service/UserServiceImpl.java
@@ -0,0 +1,78 @@
+package com.github.zhangkaitao.shiro.chapter23.service;
+
+import com.github.zhangkaitao.shiro.chapter23.dao.UserDao;
+import com.github.zhangkaitao.shiro.chapter23.entity.User;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.*;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-1-28
+ * <p>Version: 1.0
+ */
+@Service
+
+public class UserServiceImpl implements UserService {
+
+    @Autowired
+    private UserDao userDao;
+    @Autowired
+    private PasswordHelper passwordHelper;
+    @Autowired
+    private RoleService roleService;
+
+    /**
+     * 创建用户
+     * @param user
+     */
+    public User createUser(User user) {
+        //加密密码
+        passwordHelper.encryptPassword(user);
+        return userDao.createUser(user);
+    }
+
+    @Override
+    public User updateUser(User user) {
+        return userDao.updateUser(user);
+    }
+
+    @Override
+    public void deleteUser(Long userId) {
+        userDao.deleteUser(userId);
+    }
+
+    /**
+     * 修改密码
+     * @param userId
+     * @param newPassword
+     */
+    public void changePassword(Long userId, String newPassword) {
+        User user =userDao.findOne(userId);
+        user.setPassword(newPassword);
+        passwordHelper.encryptPassword(user);
+        userDao.updateUser(user);
+    }
+
+    @Override
+    public User findOne(Long userId) {
+        return userDao.findOne(userId);
+    }
+
+    @Override
+    public List<User> findAll() {
+        return userDao.findAll();
+    }
+
+    /**
+     * 根据用户名查找用户
+     * @param username
+     * @return
+     */
+    public User findByUsername(String username) {
+        return userDao.findByUsername(username);
+    }
+
+
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/session/dao/MySqlSessionDAO.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/session/dao/MySqlSessionDAO.java
new file mode 100644
index 00000000..c946544c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/session/dao/MySqlSessionDAO.java
@@ -0,0 +1,51 @@
+package com.github.zhangkaitao.shiro.chapter23.session.dao;
+
+import com.github.zhangkaitao.shiro.chapter23.utils.SerializableUtils;
+import org.apache.shiro.session.Session;
+import org.apache.shiro.session.mgt.ValidatingSession;
+import org.apache.shiro.session.mgt.eis.CachingSessionDAO;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.jdbc.core.JdbcTemplate;
+
+import java.io.Serializable;
+import java.util.List;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-8
+ * <p>Version: 1.0
+ */
+public class MySqlSessionDAO extends CachingSessionDAO {
+
+    @Autowired
+    private JdbcTemplate jdbcTemplate;
+
+    @Override
+    protected Serializable doCreate(Session session) {
+        Serializable sessionId = generateSessionId(session);
+        assignSessionId(session, sessionId);
+        String sql = "insert into sessions(id, session) values(?,?)";
+        jdbcTemplate.update(sql, sessionId, SerializableUtils.serialize(session));
+        return session.getId();
+    }
+    @Override
+    protected void doUpdate(Session session) {
+        if(session instanceof ValidatingSession && !((ValidatingSession)session).isValid()) {
+            return; //如果会话过期/停止 没必要再更新了
+        }
+        String sql = "update sessions set session=? where id=?";
+        jdbcTemplate.update(sql, SerializableUtils.serialize(session), session.getId());
+    }
+    @Override
+    protected void doDelete(Session session) {
+        String sql = "delete from sessions where id=?";
+        jdbcTemplate.update(sql, session.getId());
+    }
+    @Override
+    protected Session doReadSession(Serializable sessionId) {
+        String sql = "select session from sessions where id=?";
+        List<String> sessionStrList = jdbcTemplate.queryForList(sql, String.class, sessionId);
+        if(sessionStrList.size() == 0) return null;
+        return SerializableUtils.deserialize(sessionStrList.get(0));
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/session/scheduler/MySqlSessionValidationScheduler.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/session/scheduler/MySqlSessionValidationScheduler.java
new file mode 100644
index 00000000..26af7d07
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/session/scheduler/MySqlSessionValidationScheduler.java
@@ -0,0 +1,117 @@
+package com.github.zhangkaitao.shiro.chapter23.session.scheduler;
+
+import com.github.zhangkaitao.shiro.chapter23.utils.SerializableUtils;
+import org.apache.shiro.session.Session;
+import org.apache.shiro.session.mgt.*;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.jdbc.core.JdbcTemplate;
+import org.springframework.util.ReflectionUtils;
+
+import java.lang.reflect.Method;
+import java.util.List;
+import java.util.concurrent.Executors;
+import java.util.concurrent.ScheduledExecutorService;
+import java.util.concurrent.ThreadFactory;
+import java.util.concurrent.TimeUnit;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-9
+ * <p>Version: 1.0
+ */
+public class MySqlSessionValidationScheduler implements SessionValidationScheduler, Runnable {
+
+    @Autowired
+    private JdbcTemplate jdbcTemplate;
+
+    /** Private internal log instance. */
+    private static final Logger log = LoggerFactory.getLogger(MySqlSessionValidationScheduler.class);
+
+    ValidatingSessionManager sessionManager;
+    private ScheduledExecutorService service;
+    private long interval = DefaultSessionManager.DEFAULT_SESSION_VALIDATION_INTERVAL;
+    private boolean enabled = false;
+
+    public MySqlSessionValidationScheduler() {
+        super();
+    }
+
+    public ValidatingSessionManager getSessionManager() {
+        return sessionManager;
+    }
+
+    public void setSessionManager(ValidatingSessionManager sessionManager) {
+        this.sessionManager = sessionManager;
+    }
+
+    public long getInterval() {
+        return interval;
+    }
+
+    public void setInterval(long interval) {
+        this.interval = interval;
+    }
+
+    public boolean isEnabled() {
+        return this.enabled;
+    }
+
+    /**
+     * Creates a single thread {@link java.util.concurrent.ScheduledExecutorService} to validate sessions at fixed intervals
+     * and enables this scheduler. The executor is created as a daemon thread to allow JVM to shut down
+     */
+    //TODO Implement an integration test to test for jvm exit as part of the standalone example
+    // (so we don't have to change the unit test execution model for the core module)
+    public void enableSessionValidation() {
+        if (this.interval > 0l) {
+            this.service = Executors.newSingleThreadScheduledExecutor(new ThreadFactory() {
+                public Thread newThread(Runnable r) {
+                    Thread thread = new Thread(r);
+                    thread.setDaemon(true);
+                    return thread;
+                }
+            });
+            this.service.scheduleAtFixedRate(this, interval, interval, TimeUnit.MILLISECONDS);
+            this.enabled = true;
+        }
+    }
+
+    public void run() {
+        if (log.isDebugEnabled()) {
+            log.debug("Executing session validation...");
+        }
+        long startTime = System.currentTimeMillis();
+
+        //分页获取会话并验证
+        String sql = "select session from sessions limit ?,?";
+        int start = 0; //起始记录
+        int size = 20; //每页大小
+        List<String> sessionList = jdbcTemplate.queryForList(sql, String.class, start, size);
+        while(sessionList.size() > 0) {
+            for(String sessionStr : sessionList) {
+                try {
+                    Session session = SerializableUtils.deserialize(sessionStr);
+                    Method validateMethod = ReflectionUtils.findMethod(AbstractValidatingSessionManager.class, "validate", Session.class, SessionKey.class);
+                    validateMethod.setAccessible(true);
+                    ReflectionUtils.invokeMethod(validateMethod, sessionManager, session, new DefaultSessionKey(session.getId()));
+                } catch (Exception e) {
+                    //ignore
+                }
+            }
+            start = start + size;
+            sessionList = jdbcTemplate.queryForList(sql, String.class, start, size);
+        }
+
+        long stopTime = System.currentTimeMillis();
+        if (log.isDebugEnabled()) {
+            log.debug("Session validation completed successfully in " + (stopTime - startTime) + " milliseconds.");
+        }
+    }
+
+    public void disableSessionValidation() {
+        this.service.shutdownNow();
+        this.enabled = false;
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/utils/SerializableUtils.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/utils/SerializableUtils.java
new file mode 100644
index 00000000..99e43ba3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/utils/SerializableUtils.java
@@ -0,0 +1,37 @@
+package com.github.zhangkaitao.shiro.chapter23.utils;
+
+import org.apache.shiro.codec.Base64;
+import org.apache.shiro.session.Session;
+
+import java.io.ByteArrayInputStream;
+import java.io.ByteArrayOutputStream;
+import java.io.ObjectInputStream;
+import java.io.ObjectOutputStream;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-8
+ * <p>Version: 1.0
+ */
+public class SerializableUtils {
+
+    public static String serialize(Session session) {
+        try {
+            ByteArrayOutputStream bos = new ByteArrayOutputStream();
+            ObjectOutputStream oos = new ObjectOutputStream(bos);
+            oos.writeObject(session);
+            return Base64.encodeToString(bos.toByteArray());
+        } catch (Exception e) {
+            throw new RuntimeException("serialize session error", e);
+        }
+    }
+    public static Session deserialize(String sessionStr) {
+        try {
+            ByteArrayInputStream bis = new ByteArrayInputStream(Base64.decode(sessionStr));
+            ObjectInputStream ois = new ObjectInputStream(bis);
+            return (Session)ois.readObject();
+        } catch (Exception e) {
+            throw new RuntimeException("deserialize session error", e);
+        }
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/bind/annotation/CurrentUser.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/bind/annotation/CurrentUser.java
new file mode 100644
index 00000000..394a752c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/bind/annotation/CurrentUser.java
@@ -0,0 +1,41 @@
+/*
+ * Copyright 2002-2007 the original author or authors.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.github.zhangkaitao.shiro.chapter23.web.bind.annotation;
+
+import com.github.zhangkaitao.shiro.chapter23.Constants;
+
+import java.lang.annotation.*;
+
+/**
+ * <p>绑定当前登录的用户</p>
+ * <p>不同于@ModelAttribute</p>
+ *
+ * @author Zhang Kaitao
+ */
+@Target({ElementType.PARAMETER})
+@Retention(RetentionPolicy.RUNTIME)
+@Documented
+public @interface CurrentUser {
+
+    /**
+     * 当前用户在request中的名字
+     *
+     * @return
+     */
+    String value() default Constants.CURRENT_USER;
+
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/bind/method/CurrentUserMethodArgumentResolver.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/bind/method/CurrentUserMethodArgumentResolver.java
new file mode 100644
index 00000000..614974bb
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/bind/method/CurrentUserMethodArgumentResolver.java
@@ -0,0 +1,34 @@
+package com.github.zhangkaitao.shiro.chapter23.web.bind.method;
+
+import com.github.zhangkaitao.shiro.chapter23.web.bind.annotation.CurrentUser;
+import org.springframework.core.MethodParameter;
+import org.springframework.web.bind.support.WebDataBinderFactory;
+import org.springframework.web.context.request.NativeWebRequest;
+import org.springframework.web.method.support.HandlerMethodArgumentResolver;
+import org.springframework.web.method.support.ModelAndViewContainer;
+
+/**
+ * <p>用于绑定@FormModel的方法参数解析器
+ * <p>User: Zhang Kaitao
+ * <p>Date: 13-1-12 下午5:01
+ * <p>Version: 1.0
+ */
+public class CurrentUserMethodArgumentResolver implements HandlerMethodArgumentResolver {
+
+    public CurrentUserMethodArgumentResolver() {
+    }
+
+    @Override
+    public boolean supportsParameter(MethodParameter parameter) {
+        if (parameter.hasParameterAnnotation(CurrentUser.class)) {
+            return true;
+        }
+        return false;
+    }
+
+    @Override
+    public Object resolveArgument(MethodParameter parameter, ModelAndViewContainer mavContainer, NativeWebRequest webRequest, WebDataBinderFactory binderFactory) throws Exception {
+        CurrentUser currentUserAnnotation = parameter.getParameterAnnotation(CurrentUser.class);
+        return webRequest.getAttribute(currentUserAnnotation.value(), NativeWebRequest.SCOPE_REQUEST);
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/AppController.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/AppController.java
new file mode 100644
index 00000000..b6f6b755
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/AppController.java
@@ -0,0 +1,86 @@
+package com.github.zhangkaitao.shiro.chapter23.web.controller;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.App;
+import com.github.zhangkaitao.shiro.chapter23.service.AppService;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.servlet.mvc.support.RedirectAttributes;
+
+import java.util.UUID;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-14
+ * <p>Version: 1.0
+ */
+@Controller
+@RequestMapping("/app")
+public class AppController {
+
+    @Autowired
+    private AppService appService;
+
+    @RequiresPermissions("app:view")
+    @RequestMapping(method = RequestMethod.GET)
+    public String list(Model model) {
+        model.addAttribute("appList", appService.findAll());
+        return "app/list";
+    }
+
+    @RequiresPermissions("app:create")
+    @RequestMapping(value = "/create", method = RequestMethod.GET)
+    public String showCreateForm(Model model) {
+        App app = new App();
+        app.setAppKey(UUID.randomUUID().toString());
+        app.setAppSecret(UUID.randomUUID().toString());
+        model.addAttribute("app", app);
+        model.addAttribute("op", "新增");
+        return "app/edit";
+    }
+
+    @RequiresPermissions("app:create")
+    @RequestMapping(value = "/create", method = RequestMethod.POST)
+    public String create(App app, RedirectAttributes redirectAttributes) {
+        appService.createApp(app);
+        redirectAttributes.addFlashAttribute("msg", "新增成功");
+        return "redirect:/app";
+    }
+
+    @RequiresPermissions("app:update")
+    @RequestMapping(value = "/{id}/update", method = RequestMethod.GET)
+    public String showUpdateForm(@PathVariable("id") Long id, Model model) {
+        model.addAttribute("app", appService.findOne(id));
+        model.addAttribute("op", "修改");
+        return "app/edit";
+    }
+
+    @RequiresPermissions("app:update")
+    @RequestMapping(value = "/{id}/update", method = RequestMethod.POST)
+    public String update(App app, RedirectAttributes redirectAttributes) {
+        appService.updateApp(app);
+        redirectAttributes.addFlashAttribute("msg", "修改成功");
+        return "redirect:/app";
+    }
+
+    @RequiresPermissions("app:delete")
+    @RequestMapping(value = "/{id}/delete", method = RequestMethod.GET)
+    public String showDeleteForm(@PathVariable("id") Long id, Model model) {
+        model.addAttribute("app", appService.findOne(id));
+        model.addAttribute("op", "删除");
+        return "app/edit";
+    }
+
+    @RequiresPermissions("app:delete")
+    @RequestMapping(value = "/{id}/delete", method = RequestMethod.POST)
+    public String delete(@PathVariable("id") Long id, RedirectAttributes redirectAttributes) {
+        appService.deleteApp(id);
+        redirectAttributes.addFlashAttribute("msg", "删除成功");
+        return "redirect:/app";
+    }
+
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/AuthorizationController.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/AuthorizationController.java
new file mode 100644
index 00000000..d2ecca1f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/AuthorizationController.java
@@ -0,0 +1,101 @@
+package com.github.zhangkaitao.shiro.chapter23.web.controller;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.Authorization;
+import com.github.zhangkaitao.shiro.chapter23.service.AppService;
+import com.github.zhangkaitao.shiro.chapter23.service.AuthorizationService;
+import com.github.zhangkaitao.shiro.chapter23.service.RoleService;
+import com.github.zhangkaitao.shiro.chapter23.service.UserService;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.servlet.mvc.support.RedirectAttributes;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-14
+ * <p>Version: 1.0
+ */
+@Controller
+@RequestMapping("/authorization")
+public class AuthorizationController {
+
+    @Autowired
+    private AuthorizationService authorizationService;
+    @Autowired
+    private UserService userService;
+    @Autowired
+    private AppService appService;
+    @Autowired
+    private RoleService roleService;
+
+    @RequiresPermissions("authorization:view")
+    @RequestMapping(method = RequestMethod.GET)
+    public String list(Model model) {
+        model.addAttribute("authorizationList", authorizationService.findAll());
+        return "authorization/list";
+    }
+
+    @RequiresPermissions("authorization:create")
+    @RequestMapping(value = "/create", method = RequestMethod.GET)
+    public String showCreateForm(Model model) {
+        setCommonData(model);
+        Authorization authorization = new Authorization();
+        model.addAttribute("authorization", authorization);
+        model.addAttribute("op", "新增");
+        return "authorization/edit";
+    }
+
+    @RequiresPermissions("authorization:create")
+    @RequestMapping(value = "/create", method = RequestMethod.POST)
+    public String create(Authorization authorization, RedirectAttributes redirectAttributes) {
+        authorizationService.createAuthorization(authorization);
+        redirectAttributes.addFlashAttribute("msg", "新增成功");
+        return "redirect:/authorization";
+    }
+
+    @RequiresPermissions("authorization:update")
+    @RequestMapping(value = "/{id}/update", method = RequestMethod.GET)
+    public String showUpdateForm(@PathVariable("id") Long id, Model model) {
+        setCommonData(model);
+        model.addAttribute("authorization", authorizationService.findOne(id));
+        model.addAttribute("op", "修改");
+        return "authorization/edit";
+    }
+
+    @RequiresPermissions("authorization:update")
+    @RequestMapping(value = "/{id}/update", method = RequestMethod.POST)
+    public String update(Authorization authorization, RedirectAttributes redirectAttributes) {
+        authorizationService.updateAuthorization(authorization);
+        redirectAttributes.addFlashAttribute("msg", "修改成功");
+        return "redirect:/authorization";
+    }
+
+    @RequiresPermissions("authorization:delete")
+    @RequestMapping(value = "/{id}/delete", method = RequestMethod.GET)
+    public String showDeleteForm(@PathVariable("id") Long id, Model model) {
+        setCommonData(model);
+        model.addAttribute("authorization", authorizationService.findOne(id));
+        model.addAttribute("op", "删除");
+        return "authorization/edit";
+    }
+
+    @RequiresPermissions("authorization:delete")
+    @RequestMapping(value = "/{id}/delete", method = RequestMethod.POST)
+    public String delete(@PathVariable("id") Long id, RedirectAttributes redirectAttributes) {
+        authorizationService.deleteAuthorization(id);
+        redirectAttributes.addFlashAttribute("msg", "删除成功");
+        return "redirect:/authorization";
+    }
+
+    private void setCommonData(Model model) {
+        model.addAttribute("userList", userService.findAll());
+        model.addAttribute("roleList", roleService.findAll());
+        model.addAttribute("appList", appService.findAll());
+    }
+
+
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/IndexController.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/IndexController.java
new file mode 100644
index 00000000..fbb9aa2f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/IndexController.java
@@ -0,0 +1,43 @@
+package com.github.zhangkaitao.shiro.chapter23.web.controller;
+
+import com.github.zhangkaitao.shiro.chapter23.Constants;
+import com.github.zhangkaitao.shiro.chapter23.entity.Resource;
+import com.github.zhangkaitao.shiro.chapter23.service.AuthorizationService;
+import com.github.zhangkaitao.shiro.chapter23.service.ResourceService;
+import com.github.zhangkaitao.shiro.chapter23.web.bind.annotation.CurrentUser;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+import java.util.List;
+import java.util.Set;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-14
+ * <p>Version: 1.0
+ */
+@Controller
+public class IndexController {
+
+    @Autowired
+    private ResourceService resourceService;
+    @Autowired
+    private AuthorizationService authorizationService;
+
+    @RequestMapping("/")
+    public String index(@CurrentUser com.github.zhangkaitao.shiro.chapter23.entity.User loginUser, Model model) {
+        Set<String> permissions = authorizationService.findPermissions(Constants.SERVER_APP_KEY, loginUser.getUsername());
+        List<Resource> menus = resourceService.findMenus(permissions);
+        model.addAttribute("menus", menus);
+        return "index";
+    }
+
+    @RequestMapping("/welcome")
+    public String welcome() {
+        return "welcome";
+    }
+
+
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/LoginController.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/LoginController.java
new file mode 100644
index 00000000..dfc163a3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/LoginController.java
@@ -0,0 +1,35 @@
+package com.github.zhangkaitao.shiro.chapter23.web.controller;
+
+import org.apache.shiro.authc.IncorrectCredentialsException;
+import org.apache.shiro.authc.UnknownAccountException;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+import javax.servlet.http.HttpServletRequest;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-15
+ * <p>Version: 1.0
+ */
+@Controller
+public class LoginController {
+
+    @RequestMapping(value = "/login"    )
+    public String showLoginForm(HttpServletRequest req, Model model) {
+        String exceptionClassName = (String)req.getAttribute("shiroLoginFailure");
+        String error = null;
+        if(UnknownAccountException.class.getName().equals(exceptionClassName)) {
+            error = "用户名/密码错误";
+        } else if(IncorrectCredentialsException.class.getName().equals(exceptionClassName)) {
+            error = "用户名/密码错误";
+        } else if(exceptionClassName != null) {
+            error = "其他错误：" + exceptionClassName;
+        }
+        model.addAttribute("error", error);
+        return "login";
+    }
+
+
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/OrganizationController.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/OrganizationController.java
new file mode 100644
index 00000000..5df0a5c3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/OrganizationController.java
@@ -0,0 +1,111 @@
+package com.github.zhangkaitao.shiro.chapter23.web.controller;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.Organization;
+import com.github.zhangkaitao.shiro.chapter23.service.OrganizationService;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.servlet.mvc.support.RedirectAttributes;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-14
+ * <p>Version: 1.0
+ */
+@Controller
+@RequestMapping("/organization")
+public class OrganizationController {
+
+    @Autowired
+    private OrganizationService organizationService;
+
+    @RequiresPermissions("organization:view")
+    @RequestMapping(method = RequestMethod.GET)
+    public String index(Model model) {
+        return "organization/index";
+    }
+
+    @RequiresPermissions("organization:view")
+    @RequestMapping(value = "/tree", method = RequestMethod.GET)
+    public String showTree(Model model) {
+        model.addAttribute("organizationList", organizationService.findAll());
+        return "organization/tree";
+    }
+
+    @RequiresPermissions("organization:create")
+    @RequestMapping(value = "/{parentId}/appendChild", method = RequestMethod.GET)
+    public String showAppendChildForm(@PathVariable("parentId") Long parentId, Model model) {
+        Organization parent = organizationService.findOne(parentId);
+        model.addAttribute("parent", parent);
+        Organization child = new Organization();
+        child.setParentId(parentId);
+        child.setParentIds(parent.makeSelfAsParentIds());
+        model.addAttribute("child", child);
+        model.addAttribute("op", "新增");
+        return "organization/appendChild";
+    }
+
+    @RequiresPermissions("organization:create")
+    @RequestMapping(value = "/{parentId}/appendChild", method = RequestMethod.POST)
+    public String create(Organization organization) {
+        organizationService.createOrganization(organization);
+        return "redirect:/organization/success";
+    }
+
+    @RequiresPermissions("organization:update")
+    @RequestMapping(value = "/{id}/maintain", method = RequestMethod.GET)
+    public String showMaintainForm(@PathVariable("id") Long id, Model model) {
+        model.addAttribute("organization", organizationService.findOne(id));
+        return "organization/maintain";
+    }
+
+    @RequiresPermissions("organization:update")
+    @RequestMapping(value = "/{id}/update", method = RequestMethod.POST)
+    public String update(Organization organization, RedirectAttributes redirectAttributes) {
+        organizationService.updateOrganization(organization);
+        redirectAttributes.addFlashAttribute("msg", "修改成功");
+        return "redirect:/organization/success";
+    }
+
+    @RequiresPermissions("organization:delete")
+    @RequestMapping(value = "/{id}/delete", method = RequestMethod.POST)
+    public String delete(@PathVariable("id") Long id, RedirectAttributes redirectAttributes) {
+        organizationService.deleteOrganization(id);
+        redirectAttributes.addFlashAttribute("msg", "删除成功");
+        return "redirect:/organization/success";
+    }
+
+
+    @RequiresPermissions("organization:update")
+    @RequestMapping(value = "/{sourceId}/move", method = RequestMethod.GET)
+    public String showMoveForm(@PathVariable("sourceId") Long sourceId, Model model) {
+        Organization source = organizationService.findOne(sourceId);
+        model.addAttribute("source", source);
+        model.addAttribute("targetList", organizationService.findAllWithExclude(source));
+        return "organization/move";
+    }
+
+    @RequiresPermissions("organization:update")
+    @RequestMapping(value = "/{sourceId}/move", method = RequestMethod.POST)
+    public String move(
+            @PathVariable("sourceId") Long sourceId,
+            @RequestParam("targetId") Long targetId) {
+        Organization source = organizationService.findOne(sourceId);
+        Organization target = organizationService.findOne(targetId);
+        organizationService.move(source, target);
+        return "redirect:/organization/success";
+    }
+
+    @RequiresPermissions("organization:view")
+    @RequestMapping(value = "/success", method = RequestMethod.GET)
+    public String success() {
+        return "organization/success";
+    }
+
+
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/ResourceController.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/ResourceController.java
new file mode 100644
index 00000000..288484c2
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/ResourceController.java
@@ -0,0 +1,85 @@
+package com.github.zhangkaitao.shiro.chapter23.web.controller;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.Resource;
+import com.github.zhangkaitao.shiro.chapter23.service.ResourceService;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.ModelAttribute;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.servlet.mvc.support.RedirectAttributes;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-14
+ * <p>Version: 1.0
+ */
+@Controller
+@RequestMapping("/resource")
+public class ResourceController {
+
+    @Autowired
+    private ResourceService resourceService;
+
+    @ModelAttribute("types")
+    public Resource.ResourceType[] resourceTypes() {
+        return Resource.ResourceType.values();
+    }
+
+    @RequiresPermissions("resource:view")
+    @RequestMapping(method = RequestMethod.GET)
+    public String list(Model model) {
+        model.addAttribute("resourceList", resourceService.findAll());
+        return "resource/list";
+    }
+
+    @RequiresPermissions("resource:create")
+    @RequestMapping(value = "/{parentId}/appendChild", method = RequestMethod.GET)
+    public String showAppendChildForm(@PathVariable("parentId") Long parentId, Model model) {
+        Resource parent = resourceService.findOne(parentId);
+        model.addAttribute("parent", parent);
+        Resource child = new Resource();
+        child.setParentId(parentId);
+        child.setParentIds(parent.makeSelfAsParentIds());
+        model.addAttribute("resource", child);
+        model.addAttribute("op", "新增子节点");
+        return "resource/edit";
+    }
+
+    @RequiresPermissions("resource:create")
+    @RequestMapping(value = "/{parentId}/appendChild", method = RequestMethod.POST)
+    public String create(Resource resource, RedirectAttributes redirectAttributes) {
+        resourceService.createResource(resource);
+        redirectAttributes.addFlashAttribute("msg", "新增子节点成功");
+        return "redirect:/resource";
+    }
+
+    @RequiresPermissions("resource:update")
+    @RequestMapping(value = "/{id}/update", method = RequestMethod.GET)
+    public String showUpdateForm(@PathVariable("id") Long id, Model model) {
+        model.addAttribute("resource", resourceService.findOne(id));
+        model.addAttribute("op", "修改");
+        return "resource/edit";
+    }
+
+    @RequiresPermissions("resource:update")
+    @RequestMapping(value = "/{id}/update", method = RequestMethod.POST)
+    public String update(Resource resource, RedirectAttributes redirectAttributes) {
+        resourceService.updateResource(resource);
+        redirectAttributes.addFlashAttribute("msg", "修改成功");
+        return "redirect:/resource";
+    }
+
+    @RequiresPermissions("resource:delete")
+    @RequestMapping(value = "/{id}/delete", method = RequestMethod.GET)
+    public String delete(@PathVariable("id") Long id, RedirectAttributes redirectAttributes) {
+        resourceService.deleteResource(id);
+        redirectAttributes.addFlashAttribute("msg", "删除成功");
+        return "redirect:/resource";
+    }
+
+
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/RoleController.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/RoleController.java
new file mode 100644
index 00000000..1eebc917
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/RoleController.java
@@ -0,0 +1,92 @@
+package com.github.zhangkaitao.shiro.chapter23.web.controller;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.Role;
+import com.github.zhangkaitao.shiro.chapter23.service.ResourceService;
+import com.github.zhangkaitao.shiro.chapter23.service.RoleService;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.servlet.mvc.support.RedirectAttributes;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-14
+ * <p>Version: 1.0
+ */
+@Controller
+@RequestMapping("/role")
+public class RoleController {
+
+    @Autowired
+    private RoleService roleService;
+
+    @Autowired
+    private ResourceService resourceService;
+
+    @RequiresPermissions("role:view")
+    @RequestMapping(method = RequestMethod.GET)
+    public String list(Model model) {
+        model.addAttribute("roleList", roleService.findAll());
+        return "role/list";
+    }
+
+    @RequiresPermissions("role:create")
+    @RequestMapping(value = "/create", method = RequestMethod.GET)
+    public String showCreateForm(Model model) {
+        setCommonData(model);
+        model.addAttribute("role", new Role());
+        model.addAttribute("op", "新增");
+        return "role/edit";
+    }
+
+    @RequiresPermissions("role:create")
+    @RequestMapping(value = "/create", method = RequestMethod.POST)
+    public String create(Role role, RedirectAttributes redirectAttributes) {
+        roleService.createRole(role);
+        redirectAttributes.addFlashAttribute("msg", "新增成功");
+        return "redirect:/role";
+    }
+
+    @RequiresPermissions("role:update")
+    @RequestMapping(value = "/{id}/update", method = RequestMethod.GET)
+    public String showUpdateForm(@PathVariable("id") Long id, Model model) {
+        setCommonData(model);
+        model.addAttribute("role", roleService.findOne(id));
+        model.addAttribute("op", "修改");
+        return "role/edit";
+    }
+
+    @RequiresPermissions("role:update")
+    @RequestMapping(value = "/{id}/update", method = RequestMethod.POST)
+    public String update(Role role, RedirectAttributes redirectAttributes) {
+        roleService.updateRole(role);
+        redirectAttributes.addFlashAttribute("msg", "修改成功");
+        return "redirect:/role";
+    }
+
+    @RequiresPermissions("role:delete")
+    @RequestMapping(value = "/{id}/delete", method = RequestMethod.GET)
+    public String showDeleteForm(@PathVariable("id") Long id, Model model) {
+        setCommonData(model);
+        model.addAttribute("role", roleService.findOne(id));
+        model.addAttribute("op", "删除");
+        return "role/edit";
+    }
+
+    @RequiresPermissions("role:delete")
+    @RequestMapping(value = "/{id}/delete", method = RequestMethod.POST)
+    public String delete(@PathVariable("id") Long id, RedirectAttributes redirectAttributes) {
+        roleService.deleteRole(id);
+        redirectAttributes.addFlashAttribute("msg", "删除成功");
+        return "redirect:/role";
+    }
+
+    private void setCommonData(Model model) {
+        model.addAttribute("resourceList", resourceService.findAll());
+    }
+
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/UserController.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/UserController.java
new file mode 100644
index 00000000..e15fffc6
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/controller/UserController.java
@@ -0,0 +1,108 @@
+package com.github.zhangkaitao.shiro.chapter23.web.controller;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.User;
+import com.github.zhangkaitao.shiro.chapter23.service.OrganizationService;
+import com.github.zhangkaitao.shiro.chapter23.service.RoleService;
+import com.github.zhangkaitao.shiro.chapter23.service.UserService;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.servlet.mvc.support.RedirectAttributes;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-14
+ * <p>Version: 1.0
+ */
+@Controller
+@RequestMapping("/user")
+public class UserController {
+
+    @Autowired
+    private UserService userService;
+    @Autowired
+    private OrganizationService organizationService;
+
+    @RequiresPermissions("user:view")
+    @RequestMapping(method = RequestMethod.GET)
+    public String list(Model model) {
+        model.addAttribute("userList", userService.findAll());
+        return "user/list";
+    }
+
+    @RequiresPermissions("user:create")
+    @RequestMapping(value = "/create", method = RequestMethod.GET)
+    public String showCreateForm(Model model) {
+        setCommonData(model);
+        model.addAttribute("user", new User());
+        model.addAttribute("op", "新增");
+        return "user/edit";
+    }
+
+    @RequiresPermissions("user:create")
+    @RequestMapping(value = "/create", method = RequestMethod.POST)
+    public String create(User user, RedirectAttributes redirectAttributes) {
+        userService.createUser(user);
+        redirectAttributes.addFlashAttribute("msg", "新增成功");
+        return "redirect:/user";
+    }
+
+    @RequiresPermissions("user:update")
+    @RequestMapping(value = "/{id}/update", method = RequestMethod.GET)
+    public String showUpdateForm(@PathVariable("id") Long id, Model model) {
+        setCommonData(model);
+        model.addAttribute("user", userService.findOne(id));
+        model.addAttribute("op", "修改");
+        return "user/edit";
+    }
+
+    @RequiresPermissions("user:update")
+    @RequestMapping(value = "/{id}/update", method = RequestMethod.POST)
+    public String update(User user, RedirectAttributes redirectAttributes) {
+        userService.updateUser(user);
+        redirectAttributes.addFlashAttribute("msg", "修改成功");
+        return "redirect:/user";
+    }
+
+    @RequiresPermissions("user:delete")
+    @RequestMapping(value = "/{id}/delete", method = RequestMethod.GET)
+    public String showDeleteForm(@PathVariable("id") Long id, Model model) {
+        setCommonData(model);
+        model.addAttribute("user", userService.findOne(id));
+        model.addAttribute("op", "删除");
+        return "user/edit";
+    }
+
+    @RequiresPermissions("user:delete")
+    @RequestMapping(value = "/{id}/delete", method = RequestMethod.POST)
+    public String delete(@PathVariable("id") Long id, RedirectAttributes redirectAttributes) {
+        userService.deleteUser(id);
+        redirectAttributes.addFlashAttribute("msg", "删除成功");
+        return "redirect:/user";
+    }
+
+
+    @RequiresPermissions("user:update")
+    @RequestMapping(value = "/{id}/changePassword", method = RequestMethod.GET)
+    public String showChangePasswordForm(@PathVariable("id") Long id, Model model) {
+        model.addAttribute("user", userService.findOne(id));
+        model.addAttribute("op", "修改密码");
+        return "user/changePassword";
+    }
+
+    @RequiresPermissions("user:update")
+    @RequestMapping(value = "/{id}/changePassword", method = RequestMethod.POST)
+    public String changePassword(@PathVariable("id") Long id, String newPassword, RedirectAttributes redirectAttributes) {
+        userService.changePassword(id, newPassword);
+        redirectAttributes.addFlashAttribute("msg", "修改密码成功");
+        return "redirect:/user";
+    }
+
+    private void setCommonData(Model model) {
+        model.addAttribute("organizationList", organizationService.findAll());
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/exception/DefaultExceptionHandler.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/exception/DefaultExceptionHandler.java
new file mode 100644
index 00000000..1d2e691a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/exception/DefaultExceptionHandler.java
@@ -0,0 +1,31 @@
+package com.github.zhangkaitao.shiro.chapter23.web.exception;
+
+import org.apache.shiro.authz.UnauthorizedException;
+import org.springframework.http.HttpStatus;
+import org.springframework.web.bind.annotation.ControllerAdvice;
+import org.springframework.web.bind.annotation.ExceptionHandler;
+import org.springframework.web.bind.annotation.ResponseStatus;
+import org.springframework.web.context.request.NativeWebRequest;
+import org.springframework.web.servlet.ModelAndView;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-12
+ * <p>Version: 1.0
+ */
+@ControllerAdvice
+public class DefaultExceptionHandler {
+    /**
+     * 没有权限 异常
+     * <p/>
+     * 后续根据不同的需求定制即可
+     */
+    @ExceptionHandler({UnauthorizedException.class})
+    @ResponseStatus(HttpStatus.UNAUTHORIZED)
+    public ModelAndView processUnauthenticatedException(NativeWebRequest request, UnauthorizedException e) {
+        ModelAndView mv = new ModelAndView();
+        mv.addObject("exception", e);
+        mv.setViewName("unauthorized");
+        return mv;
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/shiro/filter/SysUserFilter.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/shiro/filter/SysUserFilter.java
new file mode 100644
index 00000000..e6519cb8
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/shiro/filter/SysUserFilter.java
@@ -0,0 +1,29 @@
+package com.github.zhangkaitao.shiro.chapter23.web.shiro.filter;
+
+import com.github.zhangkaitao.shiro.chapter23.Constants;
+import com.github.zhangkaitao.shiro.chapter23.service.UserService;
+import org.apache.shiro.SecurityUtils;
+import org.apache.shiro.web.filter.PathMatchingFilter;
+import org.springframework.beans.factory.annotation.Autowired;
+
+import javax.servlet.ServletRequest;
+import javax.servlet.ServletResponse;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-15
+ * <p>Version: 1.0
+ */
+public class SysUserFilter extends PathMatchingFilter {
+
+    @Autowired
+    private UserService userService;
+
+    @Override
+    protected boolean onPreHandle(ServletRequest request, ServletResponse response, Object mappedValue) throws Exception {
+
+        String username = (String)SecurityUtils.getSubject().getPrincipal();
+        request.setAttribute(Constants.CURRENT_USER, userService.findByUsername(username));
+        return true;
+    }
+}
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/taglib/Functions.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/taglib/Functions.java
new file mode 100644
index 00000000..1b776be7
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/chapter23/web/taglib/Functions.java
@@ -0,0 +1,167 @@
+package com.github.zhangkaitao.shiro.chapter23.web.taglib;
+
+import com.github.zhangkaitao.shiro.chapter23.entity.*;
+import com.github.zhangkaitao.shiro.chapter23.service.*;
+import com.github.zhangkaitao.shiro.spring.SpringUtils;
+import org.springframework.util.CollectionUtils;
+
+import java.util.Collection;
+
+/**
+ * <p>User: Zhang Kaitao
+ * <p>Date: 14-2-15
+ * <p>Version: 1.0
+ */
+public class Functions {
+
+    public static boolean in(Iterable iterable, Object element) {
+        if(iterable == null) {
+            return false;
+        }
+        return CollectionUtils.contains(iterable.iterator(), element);
+    }
+
+    public static String username(Long userId) {
+        User user = getUserService().findOne(userId);
+        if(user == null) {
+            return "";
+        }
+        return user.getUsername();
+    }
+    public static String appName(Long appId) {
+        App app = getAppService().findOne(appId);
+        if(app == null) {
+            return "";
+        }
+        return app.getName();
+    }
+
+    public static String organizationName(Long organizationId) {
+        Organization organization = getOrganizationService().findOne(organizationId);
+        if(organization == null) {
+            return "";
+        }
+        return organization.getName();
+    }
+
+    public static String organizationNames(Collection<Long> organizationIds) {
+        if(CollectionUtils.isEmpty(organizationIds)) {
+            return "";
+        }
+
+        StringBuilder s = new StringBuilder();
+        for(Long organizationId : organizationIds) {
+            Organization organization = getOrganizationService().findOne(organizationId);
+            if(organization == null) {
+                return "";
+            }
+            s.append(organization.getName());
+            s.append(",");
+        }
+
+        if(s.length() > 0) {
+            s.deleteCharAt(s.length() - 1);
+        }
+
+        return s.toString();
+    }
+    public static String roleName(Long roleId) {
+        Role role = getRoleService().findOne(roleId);
+        if(role == null) {
+            return "";
+        }
+        return role.getDescription();
+    }
+
+    public static String roleNames(Collection<Long> roleIds) {
+        if(CollectionUtils.isEmpty(roleIds)) {
+            return "";
+        }
+
+        StringBuilder s = new StringBuilder();
+        for(Long roleId : roleIds) {
+            Role role = getRoleService().findOne(roleId);
+            if(role == null) {
+                return "";
+            }
+            s.append(role.getDescription());
+            s.append(",");
+        }
+
+        if(s.length() > 0) {
+            s.deleteCharAt(s.length() - 1);
+        }
+
+        return s.toString();
+    }
+    public static String resourceName(Long resourceId) {
+        Resource resource = getResourceService().findOne(resourceId);
+        if(resource == null) {
+            return "";
+        }
+        return resource.getName();
+    }
+    public static String resourceNames(Collection<Long> resourceIds) {
+        if(CollectionUtils.isEmpty(resourceIds)) {
+            return "";
+        }
+
+        StringBuilder s = new StringBuilder();
+        for(Long resourceId : resourceIds) {
+            Resource resource = getResourceService().findOne(resourceId);
+            if(resource == null) {
+                return "";
+            }
+            s.append(resource.getName());
+            s.append(",");
+        }
+
+        if(s.length() > 0) {
+            s.deleteCharAt(s.length() - 1);
+        }
+
+        return s.toString();
+    }
+
+    private static OrganizationService organizationService;
+    private static RoleService roleService;
+    private static ResourceService resourceService;
+    private static UserService userService;
+    private static AppService appService;
+
+    public static UserService getUserService() {
+        if(userService == null) {
+            userService = SpringUtils.getBean(UserService.class);
+        }
+        return userService;
+    }
+
+    public static AppService getAppService() {
+        if(appService == null) {
+            appService = SpringUtils.getBean(AppService.class);
+        }
+        return appService;
+    }
+
+    public static OrganizationService getOrganizationService() {
+        if(organizationService == null) {
+            organizationService = SpringUtils.getBean(OrganizationService.class);
+        }
+        return organizationService;
+    }
+
+    public static RoleService getRoleService() {
+        if(roleService == null) {
+            roleService = SpringUtils.getBean(RoleService.class);
+        }
+        return roleService;
+    }
+
+    public static ResourceService getResourceService() {
+        if(resourceService == null) {
+            resourceService = SpringUtils.getBean(ResourceService.class);
+        }
+        return resourceService;
+    }
+}
+
diff --git a/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/spring/SpringUtils.java b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/spring/SpringUtils.java
new file mode 100644
index 00000000..4ea981fe
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/java/com/github/zhangkaitao/shiro/spring/SpringUtils.java
@@ -0,0 +1,93 @@
+/**
+ * Copyright (c) 2005-2012 https://github.com/zhangkaitao
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ */
+package com.github.zhangkaitao.shiro.spring;
+
+import org.springframework.beans.BeansException;
+import org.springframework.beans.factory.NoSuchBeanDefinitionException;
+import org.springframework.beans.factory.config.BeanFactoryPostProcessor;
+import org.springframework.beans.factory.config.ConfigurableListableBeanFactory;
+
+public final class SpringUtils implements BeanFactoryPostProcessor {
+
+    private static ConfigurableListableBeanFactory beanFactory; // Spring应用上下文环境
+
+    @Override
+    public void postProcessBeanFactory(ConfigurableListableBeanFactory beanFactory) throws BeansException {
+        SpringUtils.beanFactory = beanFactory;
+    }
+
+    /**
+     * 获取对象
+     *
+     * @param name
+     * @return Object 一个以所给名字注册的bean的实例
+     * @throws org.springframework.beans.BeansException
+     *
+     */
+    @SuppressWarnings("unchecked")
+    public static <T> T getBean(String name) throws BeansException {
+        return (T) beanFactory.getBean(name);
+    }
+
+    /**
+     * 获取类型为requiredType的对象
+     *
+     * @param clz
+     * @return
+     * @throws org.springframework.beans.BeansException
+     *
+     */
+    public static <T> T getBean(Class<T> clz) throws BeansException {
+        @SuppressWarnings("unchecked")
+        T result = (T) beanFactory.getBean(clz);
+        return result;
+    }
+
+    /**
+     * 如果BeanFactory包含一个与所给名称匹配的bean定义，则返回true
+     *
+     * @param name
+     * @return boolean
+     */
+    public static boolean containsBean(String name) {
+        return beanFactory.containsBean(name);
+    }
+
+    /**
+     * 判断以给定名字注册的bean定义是一个singleton还是一个prototype。 如果与给定名字相应的bean定义没有被找到，将会抛出一个异常（NoSuchBeanDefinitionException）
+     *
+     * @param name
+     * @return boolean
+     * @throws org.springframework.beans.factory.NoSuchBeanDefinitionException
+     *
+     */
+    public static boolean isSingleton(String name) throws NoSuchBeanDefinitionException {
+        return beanFactory.isSingleton(name);
+    }
+
+    /**
+     * @param name
+     * @return Class 注册对象的类型
+     * @throws org.springframework.beans.factory.NoSuchBeanDefinitionException
+     *
+     */
+    public static Class<?> getType(String name) throws NoSuchBeanDefinitionException {
+        return beanFactory.getType(name);
+    }
+
+    /**
+     * 如果给定的bean名字在bean定义中有别名，则返回这些别名
+     *
+     * @param name
+     * @return
+     * @throws org.springframework.beans.factory.NoSuchBeanDefinitionException
+     *
+     */
+    public static String[] getAliases(String name) throws NoSuchBeanDefinitionException {
+        return beanFactory.getAliases(name);
+    }
+
+}
diff --git a/shiro-example-chapter23-server/src/main/resources/ehcache/ehcache-shiro.xml b/shiro-example-chapter23-server/src/main/resources/ehcache/ehcache-shiro.xml
new file mode 100644
index 00000000..92d603a9
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/resources/ehcache/ehcache-shiro.xml
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ehcache name="es">
+
+    <diskStore path="java.io.tmpdir"/>
+
+    <!-- 登录记录缓存 锁定10分钟 -->
+    <cache name="passwordRetryCache"
+           maxEntriesLocalHeap="2000"
+           eternal="false"
+           timeToIdleSeconds="3600"
+           timeToLiveSeconds="0"
+           overflowToDisk="false"
+           statistics="true">
+    </cache>
+
+    <cache name="authorizationCache"
+           maxEntriesLocalHeap="2000"
+           eternal="false"
+           timeToIdleSeconds="3600"
+           timeToLiveSeconds="0"
+           overflowToDisk="false"
+           statistics="true">
+    </cache>
+
+    <cache name="authenticationCache"
+           maxEntriesLocalHeap="2000"
+           eternal="false"
+           timeToIdleSeconds="3600"
+           timeToLiveSeconds="0"
+           overflowToDisk="false"
+           statistics="true">
+    </cache>
+
+    <cache name="shiro-activeSessionCache"
+           maxEntriesLocalHeap="2000"
+           eternal="false"
+           timeToIdleSeconds="3600"
+           timeToLiveSeconds="0"
+           overflowToDisk="false"
+           statistics="true">
+    </cache>
+
+</ehcache>
diff --git a/shiro-example-chapter23-server/src/main/resources/resources.properties b/shiro-example-chapter23-server/src/main/resources/resources.properties
new file mode 100644
index 00000000..32d55c40
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/resources/resources.properties
@@ -0,0 +1,24 @@
+#dataSource configure
+connection.url=jdbc:mysql://localhost:3306/shiro3
+connection.username=root
+connection.password=
+
+#druid datasource
+#�ο� https://github.com/alibaba/druid/wiki/%E9%85%8D%E7%BD%AE_DruidDataSource%E5%8F%82%E8%80%83%E9%85%8D%E7%BD%AE
+druid.initialSize=10
+druid.minIdle=10
+druid.maxActive=50
+druid.maxWait=60000
+druid.timeBetweenEvictionRunsMillis=60000
+druid.minEvictableIdleTimeMillis=300000
+druid.validationQuery=SELECT 'x'
+druid.testWhileIdle=true
+druid.testOnBorrow=false
+druid.testOnReturn=false
+druid.poolPreparedStatements=true
+druid.maxPoolPreparedStatementPerConnectionSize=20
+druid.filters=wall,stat
+
+#shiro
+password.algorithmName=md5
+password.hashIterations=2
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/resources/spring-config-shiro.xml b/shiro-example-chapter23-server/src/main/resources/spring-config-shiro.xml
new file mode 100644
index 00000000..b6f5977b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/resources/spring-config-shiro.xml
@@ -0,0 +1,128 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+       xmlns:util="http://www.springframework.org/schema/util"
+       xmlns:aop="http://www.springframework.org/schema/aop"
+       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xsi:schemaLocation="
+       http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
+       http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util.xsd
+       http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd">
+
+    <!-- 缓存管理器 -->
+    <bean id="cacheManager" class="org.apache.shiro.cache.ehcache.EhCacheManager">
+        <property name="cacheManagerConfigFile" value="classpath:ehcache/ehcache-shiro.xml"/>
+    </bean>
+
+    <!-- 凭证匹配器 -->
+    <bean id="credentialsMatcher" class="com.github.zhangkaitao.shiro.chapter23.credentials.RetryLimitHashedCredentialsMatcher">
+        <constructor-arg ref="cacheManager"/>
+        <property name="hashAlgorithmName" value="md5"/>
+        <property name="hashIterations" value="2"/>
+        <property name="storedCredentialsHexEncoded" value="true"/>
+    </bean>
+
+    <!-- Realm实现 -->
+    <bean id="userRealm" class="com.github.zhangkaitao.shiro.chapter23.realm.UserRealm">
+        <property name="credentialsMatcher" ref="credentialsMatcher"/>
+        <property name="cachingEnabled" value="false"/>
+    </bean>
+
+    <!-- 会话ID生成器 -->
+    <bean id="sessionIdGenerator" class="org.apache.shiro.session.mgt.eis.JavaUuidSessionIdGenerator"/>
+
+    <!-- 会话Cookie模板 -->
+    <bean id="sessionIdCookie" class="org.apache.shiro.web.servlet.SimpleCookie">
+        <constructor-arg value="sid"/>
+        <property name="httpOnly" value="true"/>
+        <property name="maxAge" value="-1"/>
+        <property name="domain" value=""/>
+        <property name="path" value="/"/>
+    </bean>
+
+    <bean id="rememberMeCookie" class="org.apache.shiro.web.servlet.SimpleCookie">
+        <constructor-arg value="rememberMe"/>
+        <property name="httpOnly" value="true"/>
+        <property name="maxAge" value="2592000"/><!-- 30天 -->
+        <property name="domain" value=""/>
+        <property name="path" value="/"/>
+    </bean>
+
+    <!-- rememberMe管理器 -->
+    <bean id="rememberMeManager" class="org.apache.shiro.web.mgt.CookieRememberMeManager">
+        <!-- rememberMe cookie加密的密钥 建议每个项目都不一样 默认AES算法 密钥长度（128 256 512 位）-->
+        <property name="cipherKey"
+                  value="#{T(org.apache.shiro.codec.Base64).decode('4AvVhmFLUs0KTA3Kprsdag==')}"/>
+        <property name="cookie" ref="rememberMeCookie"/>
+    </bean>
+
+    <!-- 会话DAO -->
+    <bean id="sessionDAO" class="com.github.zhangkaitao.shiro.chapter23.session.dao.MySqlSessionDAO">
+        <property name="activeSessionsCacheName" value="shiro-activeSessionCache"/>
+        <property name="sessionIdGenerator" ref="sessionIdGenerator"/>
+    </bean>
+
+    <!-- 会话验证调度器 -->
+    <bean id="sessionValidationScheduler" class="com.github.zhangkaitao.shiro.chapter23.session.scheduler.MySqlSessionValidationScheduler">
+        <property name="interval" value="1800000"/>
+        <property name="sessionManager" ref="sessionManager"/>
+    </bean>
+
+    <!-- 会话管理器 -->
+    <bean id="sessionManager" class="org.apache.shiro.web.session.mgt.DefaultWebSessionManager">
+        <property name="globalSessionTimeout" value="1800000"/>
+        <property name="deleteInvalidSessions" value="true"/>
+        <property name="sessionValidationSchedulerEnabled" value="true"/>
+        <property name="sessionValidationScheduler" ref="sessionValidationScheduler"/>
+        <property name="sessionDAO" ref="sessionDAO"/>
+        <property name="sessionIdCookieEnabled" value="true"/>
+        <property name="sessionIdCookie" ref="sessionIdCookie"/>
+    </bean>
+
+    <!-- 安全管理器 -->
+    <bean id="securityManager" class="org.apache.shiro.web.mgt.DefaultWebSecurityManager">
+        <property name="realm" ref="userRealm"/>
+        <property name="sessionManager" ref="sessionManager"/>
+        <property name="rememberMeManager" ref="rememberMeManager"/>
+    </bean>
+
+    <!-- 相当于调用SecurityUtils.setSecurityManager(securityManager) -->
+    <bean class="org.springframework.beans.factory.config.MethodInvokingFactoryBean">
+        <property name="staticMethod" value="org.apache.shiro.SecurityUtils.setSecurityManager"/>
+        <property name="arguments" ref="securityManager"/>
+    </bean>
+
+    <!-- 基于Form表单的身份验证过滤器 -->
+    <bean id="formAuthenticationFilter" class="org.apache.shiro.web.filter.authc.FormAuthenticationFilter">
+        <property name="usernameParam" value="username"/>
+        <property name="passwordParam" value="password"/>
+        <property name="rememberMeParam" value="rememberMe"/>
+        <property name="loginUrl" value="/login"/>
+    </bean>
+
+    <bean id="sysUserFilter" class="com.github.zhangkaitao.shiro.chapter23.web.shiro.filter.SysUserFilter"/>
+
+    <!-- Shiro的Web过滤器 -->
+    <bean id="shiroFilter" class="org.apache.shiro.spring.web.ShiroFilterFactoryBean">
+        <property name="securityManager" ref="securityManager"/>
+        <property name="loginUrl" value="/login"/>
+        <property name="filters">
+            <util:map>
+                <entry key="authc" value-ref="formAuthenticationFilter"/>
+                <entry key="sysUser" value-ref="sysUserFilter"/>
+            </util:map>
+        </property>
+        <property name="filterChainDefinitions">
+            <value>
+                /remoteService = anon
+                /login = authc
+                /logout = logout
+                /authenticated = authc
+                /** = user,sysUser
+            </value>
+        </property>
+    </bean>
+
+    <!-- Shiro生命周期处理器-->
+    <bean id="lifecycleBeanPostProcessor" class="org.apache.shiro.spring.LifecycleBeanPostProcessor"/>
+
+</beans>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/resources/spring-config.xml b/shiro-example-chapter23-server/src/main/resources/spring-config.xml
new file mode 100644
index 00000000..bd148069
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/resources/spring-config.xml
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xmlns:aop="http://www.springframework.org/schema/aop"
+       xmlns:tx="http://www.springframework.org/schema/tx"
+       xmlns:context="http://www.springframework.org/schema/context"
+       xsi:schemaLocation="
+          http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
+          http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd
+          http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsd
+          http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">
+
+    <context:property-placeholder location="classpath:resources.properties"/>
+
+    <!-- 扫描注解Bean -->
+    <context:component-scan base-package="com.github.zhangkaitao.shiro.chapter23">
+        <context:exclude-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
+    </context:component-scan>
+
+    <!-- 开启AOP监听 只对当前配置文件有效 -->
+    <aop:aspectj-autoproxy expose-proxy="true"/>
+
+
+    <!-- 数据源 -->
+    <!--see https://github.com/alibaba/druid/wiki/%E9%85%8D%E7%BD%AE_DruidDataSource%E5%8F%82%E8%80%83%E9%85%8D%E7%BD%AE-->
+    <bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource" init-method="init" destroy-method="close">
+        <!-- 基本属性 url、user、password -->
+        <property name="url" value="${connection.url}"/>
+        <property name="username" value="${connection.username}"/>
+        <property name="password" value="${connection.password}"/>
+
+        <!-- 配置初始化大小、最小、最大 -->
+        <property name="initialSize" value="${druid.initialSize}"/>
+        <property name="minIdle" value="${druid.minIdle}"/>
+        <property name="maxActive" value="${druid.maxActive}"/>
+
+        <!-- 配置获取连接等待超时的时间 -->
+        <property name="maxWait" value="${druid.maxWait}"/>
+        <!-- 配置间隔多久才进行一次检测，检测需要关闭的空闲连接，单位是毫秒 -->
+        <property name="timeBetweenEvictionRunsMillis" value="${druid.timeBetweenEvictionRunsMillis}" />
+
+        <!-- 配置一个连接在池中最小生存的时间，单位是毫秒 -->
+        <property name="minEvictableIdleTimeMillis" value="${druid.minEvictableIdleTimeMillis}" />
+
+        <property name="validationQuery" value="${druid.validationQuery}" />
+        <property name="testWhileIdle" value="${druid.testWhileIdle}" />
+        <property name="testOnBorrow" value="${druid.testOnBorrow}" />
+        <property name="testOnReturn" value="${druid.testOnReturn}" />
+
+        <!-- 打开PSCache，并且指定每个连接上PSCache的大小  如果用Oracle，则把poolPreparedStatements配置为true，mysql可以配置为false。-->
+        <property name="poolPreparedStatements" value="${druid.poolPreparedStatements}" />
+        <property name="maxPoolPreparedStatementPerConnectionSize" value="${druid.maxPoolPreparedStatementPerConnectionSize}" />
+
+        <!-- 配置监控统计拦截的filters -->
+        <property name="filters" value="${druid.filters}" />
+
+    </bean>
+
+    <bean id="dataSourceProxy" class="org.springframework.jdbc.datasource.TransactionAwareDataSourceProxy">
+        <property name="targetDataSource" ref="dataSource"/>
+    </bean>
+
+    <bean id="jdbcTemplate" class="org.springframework.jdbc.core.JdbcTemplate">
+        <constructor-arg ref="dataSourceProxy"/>
+    </bean>
+
+    <!--事务管理器配置-->
+    <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
+        <property name="dataSource" ref="dataSourceProxy"/>
+    </bean>
+
+    <tx:advice id="txAdvice" transaction-manager="transactionManager">
+        <tx:attributes>
+            <tx:method name="*" propagation="REQUIRED"/>
+        </tx:attributes>
+    </tx:advice>
+
+    <aop:config expose-proxy="true" proxy-target-class="true">
+        <!-- 只对业务逻辑层实施事务 -->
+        <aop:pointcut id="txPointcut" expression="execution(* com.github.zhangkaitao.shiro.chapter16..service..*+.*(..))"/>
+        <aop:advisor id="txAdvisor" advice-ref="txAdvice" pointcut-ref="txPointcut"/>
+    </aop:config>
+
+    <bean class="com.github.zhangkaitao.shiro.spring.SpringUtils"/>
+
+    <import resource="classpath:spring-config-shiro.xml"/>
+</beans>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/resources/spring-mvc-remote-service.xml b/shiro-example-chapter23-server/src/main/resources/spring-mvc-remote-service.xml
new file mode 100644
index 00000000..599baa37
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/resources/spring-mvc-remote-service.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+       xmlns:util="http://www.springframework.org/schema/util"
+       xmlns:aop="http://www.springframework.org/schema/aop"
+       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xsi:schemaLocation="
+       http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
+       http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util.xsd
+       http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd">
+
+    <bean id="remoteService" class="com.github.zhangkaitao.shiro.chapter23.remote.RemoteService"/>
+
+    <bean name="/remoteService" class="org.springframework.remoting.httpinvoker.HttpInvokerServiceExporter">
+        <property name="service" ref="remoteService"/>
+        <property name="serviceInterface" value="com.github.zhangkaitao.shiro.chapter23.remote.RemoteServiceInterface"/>
+    </bean>
+</beans>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/resources/spring-mvc-shiro.xml b/shiro-example-chapter23-server/src/main/resources/spring-mvc-shiro.xml
new file mode 100644
index 00000000..e28d8e1e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/resources/spring-mvc-shiro.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+       xmlns:util="http://www.springframework.org/schema/util"
+       xmlns:aop="http://www.springframework.org/schema/aop"
+       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xsi:schemaLocation="
+       http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
+       http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util.xsd
+       http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd">
+
+    <aop:config proxy-target-class="true"></aop:config>
+    <bean class="org.apache.shiro.spring.security.interceptor.AuthorizationAttributeSourceAdvisor">
+        <property name="securityManager" ref="securityManager"/>
+    </bean>
+
+</beans>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/resources/spring-mvc.xml b/shiro-example-chapter23-server/src/main/resources/spring-mvc.xml
new file mode 100644
index 00000000..24fdbddc
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/resources/spring-mvc.xml
@@ -0,0 +1,57 @@
+<beans xmlns="http://www.springframework.org/schema/beans"
+       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xmlns:p="http://www.springframework.org/schema/p"
+       xmlns:context="http://www.springframework.org/schema/context"
+       xmlns:mvc="http://www.springframework.org/schema/mvc"
+       xsi:schemaLocation="
+       http://www.springframework.org/schema/beans
+       http://www.springframework.org/schema/beans/spring-beans.xsd
+       http://www.springframework.org/schema/context
+       http://www.springframework.org/schema/context/spring-context.xsd
+       http://www.springframework.org/schema/mvc
+       http://www.springframework.org/schema/mvc/spring-mvc.xsd">
+
+    <context:property-placeholder location="classpath:resources.properties"/>
+
+    <!-- 开启controller注解支持 -->
+    <!-- 注意事项请参考：http://jinnianshilongnian.iteye.com/blog/1762632 -->
+    <context:component-scan base-package="com.github.zhangkaitao.**.web.controller" use-default-filters="false">
+        <context:include-filter type="annotation"
+                                expression="org.springframework.stereotype.Controller"/>
+        <context:include-filter type="annotation"
+                                expression="org.springframework.web.bind.annotation.ControllerAdvice"/>
+    </context:component-scan>
+
+
+    <mvc:annotation-driven>
+        <mvc:argument-resolvers>
+            <bean class="com.github.zhangkaitao.shiro.chapter23.web.bind.method.CurrentUserMethodArgumentResolver"/>
+        </mvc:argument-resolvers>
+    </mvc:annotation-driven>
+
+    <!-- 当在web.xml 中   DispatcherServlet使用 <url-pattern>/</url-pattern> 映射时，能映射静态资源 -->
+    <mvc:default-servlet-handler/>
+
+    <!-- 静态资源映射 -->
+    <mvc:resources mapping="/static/**" location="/WEB-INF/static/"/>
+
+
+    <!-- 默认的视图解析器 在上边的解析错误时使用 (默认使用html)- -->
+    <bean id="defaultViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"
+          p:order="1">
+        <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
+        <property name="contentType" value="text/html"/>
+        <property name="prefix" value="/WEB-INF/jsp/"/>
+        <property name="suffix" value=".jsp"/>
+    </bean>
+
+    <!-- 控制器异常处理 -->
+    <bean id="exceptionHandlerExceptionResolver" class="org.springframework.web.servlet.mvc.method.annotation.ExceptionHandlerExceptionResolver">
+    </bean>
+
+    <bean class="com.github.zhangkaitao.shiro.chapter23.web.exception.DefaultExceptionHandler"/>
+
+    <import resource="spring-mvc-shiro.xml"/>
+    <import resource="spring-mvc-remote-service.xml"/>
+
+</beans>
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/app/edit.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/app/edit.jsp
new file mode 100644
index 00000000..687ec980
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/app/edit.jsp
@@ -0,0 +1,36 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@taglib prefix="zhangfn" uri="http://github.com/zhangkaitao/tags/zhang-functions" %>
+<html>
+<head>
+    <title></title>
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/css.css">
+</head>
+<body>
+
+    <form:form method="post" commandName="app">
+        <form:hidden path="id"/>
+        <form:hidden path="available"/>
+
+        <div class="form-group">
+            <form:label path="name">应用名称：</form:label>
+            <form:input path="name"/>
+        </div>
+
+        <div class="form-group">
+            <form:label path="appKey">应用KEY：</form:label>
+            <form:input path="appKey"/>
+        </div>
+
+        <div class="form-group">
+            <form:label path="appSecret">应用安全码：</form:label>
+            <form:input path="appSecret"/>
+        </div>
+
+        <form:button>${op}</form:button>
+
+    </form:form>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/app/list.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/app/list.jsp
new file mode 100644
index 00000000..a680de9a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/app/list.jsp
@@ -0,0 +1,49 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@taglib prefix="zhangfn" uri="http://github.com/zhangkaitao/tags/zhang-functions" %>
+<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
+<html>
+<head>
+    <title></title>
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/css.css">
+</head>
+<body>
+
+<c:if test="${not empty msg}">
+    <div class="message">${msg}</div>
+</c:if>
+
+<shiro:hasPermission name="app:create">
+    <a href="${pageContext.request.contextPath}/app/create">应用新增</a><br/>
+</shiro:hasPermission>
+<table class="table">
+    <thead>
+        <tr>
+            <th>应用名称</th>
+            <th>应用KEY</th>
+            <th>应用安全码</th>
+            <th>操作</th>
+        </tr>
+    </thead>
+    <tbody>
+        <c:forEach items="${appList}" var="app">
+            <tr>
+                <td>${app.name}</td>
+                <td>${app.appKey}</td>
+                <td>${app.appSecret}</td>
+                <td>
+                    <shiro:hasPermission name="app:update">
+                        <a href="${pageContext.request.contextPath}/app/${app.id}/update">修改</a>
+                    </shiro:hasPermission>
+
+                    <shiro:hasPermission name="app:delete">
+                        <a href="${pageContext.request.contextPath}/app/${app.id}/delete">删除</a>
+                    </shiro:hasPermission>
+                </td>
+            </tr>
+        </c:forEach>
+    </tbody>
+</table>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/authorization/edit.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/authorization/edit.jsp
new file mode 100644
index 00000000..4f7fed2a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/authorization/edit.jsp
@@ -0,0 +1,36 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@taglib prefix="zhangfn" uri="http://github.com/zhangkaitao/tags/zhang-functions" %>
+<html>
+<head>
+    <title></title>
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/css.css">
+</head>
+<body>
+
+    <form:form method="post" commandName="authorization">
+        <form:hidden path="id"/>
+
+        <div class="form-group">
+            <form:label path="appId">应用：</form:label>
+            <form:select path="appId" items="${appList}" itemLabel="name" itemValue="id"/>
+        </div>
+
+        <div class="form-group">
+            <form:label path="userId">用户：</form:label>
+            <form:select path="userId" items="${userList}" itemLabel="username" itemValue="id"/>
+        </div>
+
+        <div class="form-group">
+            <form:label path="roleIds">角色列表：</form:label>
+            <form:select path="roleIds" items="${roleList}" itemLabel="description" itemValue="id" multiple="true"/>
+            (按住shift键多选)
+        </div>
+
+        <form:button>${op}</form:button>
+
+    </form:form>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/authorization/list.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/authorization/list.jsp
new file mode 100644
index 00000000..fcfa2ca5
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/authorization/list.jsp
@@ -0,0 +1,49 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@taglib prefix="zhangfn" uri="http://github.com/zhangkaitao/tags/zhang-functions" %>
+<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
+<html>
+<head>
+    <title></title>
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/css.css">
+</head>
+<body>
+
+<c:if test="${not empty msg}">
+    <div class="message">${msg}</div>
+</c:if>
+
+<shiro:hasPermission name="authorization:create">
+    <a href="${pageContext.request.contextPath}/authorization/create">授权新增</a><br/>
+</shiro:hasPermission>
+<table class="table">
+    <thead>
+        <tr>
+            <th>应用</th>
+            <th>用户</th>
+            <th>角色列表</th>
+            <th>操作</th>
+        </tr>
+    </thead>
+    <tbody>
+        <c:forEach items="${authorizationList}" var="authorization">
+            <tr>
+                <td>${zhangfn:appName(authorization.appId)}</td>
+                <td>${zhangfn:username(authorization.userId)}</td>
+                <td>${zhangfn:roleNames(authorization.roleIds)}</td>
+                <td>
+                    <shiro:hasPermission name="authorization:update">
+                        <a href="${pageContext.request.contextPath}/authorization/${authorization.id}/update">修改</a>
+                    </shiro:hasPermission>
+
+                    <shiro:hasPermission name="authorization:delete">
+                        <a href="${pageContext.request.contextPath}/authorization/${authorization.id}/delete">删除</a>
+                    </shiro:hasPermission>
+                </td>
+            </tr>
+        </c:forEach>
+    </tbody>
+</table>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/index.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/index.jsp
new file mode 100644
index 00000000..cc300e49
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/index.jsp
@@ -0,0 +1,35 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
+<html>
+<head>
+    <title>Shiro综合案例</title>
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/layout-default-latest.css">
+</head>
+<body>
+
+<iframe name="content" class="ui-layout-center"
+        src="${pageContext.request.contextPath}/welcome" frameborder="0" scrolling="auto"></iframe>
+<div class="ui-layout-north">欢迎[<shiro:principal/>]学习Shiro综合案例，<a href="${pageContext.request.contextPath}/logout">退出</a></div>
+<div class="ui-layout-south">
+    获取源码：<a href="https://github.com/zhangkaitao/shiro-example" target="_blank">https://github.com/zhangkaitao/shiro-example</a>
+</div>
+<div class="ui-layout-west">
+    功能菜单<br/>
+    <c:forEach items="${menus}" var="m">
+        <a href="${pageContext.request.contextPath}${m.url}" target="content">${m.name}</a><br/>
+    </c:forEach>
+</div>
+
+
+<script src="${pageContext.request.contextPath}/static/js/jquery-1.11.0.min.js"></script>
+<script src="${pageContext.request.contextPath}/static/js/jquery.layout-latest.min.js"></script>
+<script>
+    $(function () {
+        $(document).ready(function () {
+            $('body').layout({ applyDemoStyles: true });
+        });
+    });
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/login.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/login.jsp
new file mode 100644
index 00000000..f2559b51
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/login.jsp
@@ -0,0 +1,19 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
+<html>
+<head>
+    <title>登录</title>
+    <style>.error{color:red;}</style>
+</head>
+<body>
+
+<div class="error">${error}</div>
+<form action="" method="post">
+    用户名：<input type="text" name="username" value="<shiro:principal/>"><br/>
+    密码：<input type="password" name="password"><br/>
+    自动登录：<input type="checkbox" name="rememberMe" value="true"><br/>
+    <input type="submit" value="登录">
+</form>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/appendChild.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/appendChild.jsp
new file mode 100644
index 00000000..b84ed937
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/appendChild.jsp
@@ -0,0 +1,30 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<html>
+<head>
+    <title></title>
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/css.css">
+</head>
+<body>
+
+    <form:form id="form" method="post" commandName="child">
+        <form:hidden path="id"/>
+        <form:hidden path="available"/>
+        <form:hidden path="parentId"/>
+        <form:hidden path="parentIds"/>
+
+        <div class="form-group">
+            <label>父节点名称：</label>
+            ${parent.name}
+        </div>
+
+        <div class="form-group">
+            <form:label path="name">子节点名称：</form:label>
+            <form:input path="name"/>
+        </div>
+
+        <form:button>新增子节点</form:button>
+    </form:form>
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/index.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/index.jsp
new file mode 100644
index 00000000..e49108a5
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/index.jsp
@@ -0,0 +1,25 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<html>
+<head>
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/layout-default-latest.css">
+</head>
+<body>
+
+<iframe name="content" class="ui-layout-center"
+        src="" frameborder="0" scrolling="auto"></iframe>
+
+<iframe name="tree" class="ui-layout-west"
+        src="${pageContext.request.contextPath}/organization/tree" frameborder="0" scrolling="auto"></iframe>
+
+<script src="${pageContext.request.contextPath}/static/js/jquery-1.11.0.min.js"></script>
+<script src="${pageContext.request.contextPath}/static/js/jquery.layout-latest.min.js"></script>
+<script>
+    $(function () {
+        $(document).ready(function () {
+            $('body').layout({ applyDemoStyles: true });
+        });
+    });
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/maintain.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/maintain.jsp
new file mode 100644
index 00000000..df124c82
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/maintain.jsp
@@ -0,0 +1,73 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
+<html>
+<head>
+    <title></title>
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/css.css">
+</head>
+<body>
+
+    <form:form id="form" method="post" commandName="organization">
+        <form:hidden path="id"/>
+        <form:hidden path="available"/>
+        <form:hidden path="parentId"/>
+        <form:hidden path="parentIds"/>
+
+        <div class="form-group">
+            <form:label path="name">名称：</form:label>
+            <form:input path="name"/>
+        </div>
+        <shiro:hasPermission name="organization:update">
+            <form:button id="updateBtn">修改</form:button>
+        </shiro:hasPermission>
+
+        <shiro:hasPermission name="organization:delete">
+            <c:if test="${not organization.rootNode}">
+            <form:button id="deleteBtn">删除</form:button>
+            </c:if>
+        </shiro:hasPermission>
+
+        <shiro:hasPermission name="organization:create">
+            <form:button id="appendChildBtn">添加子节点</form:button>
+        </shiro:hasPermission>
+
+        <shiro:hasPermission name="organization:update">
+            <c:if test="${not organization.rootNode}">
+            <form:button id="moveBtn">移动节点</form:button>
+            </c:if>
+        </shiro:hasPermission>
+    </form:form>
+
+    <script src="${pageContext.request.contextPath}/static/js/jquery-1.11.0.min.js"></script>
+    <script>
+        $(function() {
+            $("#updateBtn").click(function() {
+                $("#form")
+                        .attr("action", "${pageContext.request.contextPath}/organization/${organization.id}/update")
+                        .submit();
+                return false;
+            });
+            $("#deleteBtn").click(function() {
+                if(confirm("确认删除吗？")) {
+                    $("#form")
+                            .attr("action", "${pageContext.request.contextPath}/organization/${organization.id}/delete")
+                            .submit();
+                }
+                return false;
+            });
+
+            $("#appendChildBtn").click(function() {
+                location.href="${pageContext.request.contextPath}/organization/${organization.id}/appendChild";
+                return false;
+            });
+
+            $("#moveBtn").click(function() {
+                location.href="${pageContext.request.contextPath}/organization/${organization.id}/move";
+                return false;
+            });
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/move.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/move.jsp
new file mode 100644
index 00000000..fa7511bf
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/move.jsp
@@ -0,0 +1,98 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<html>
+<head>
+    <title></title>
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/css.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/JQuery zTree v3.5.15/css/zTreeStyle/zTreeStyle.css">
+    <style>
+        ul.ztree {margin-top: 10px;border: 1px solid #617775;background: #f0f6e4;width:220px;height:200px;overflow-y:scroll;overflow-x:auto;}
+    </style>
+</head>
+<body>
+
+    <form id="form" method="post">
+        <div class="form-group">
+            <label>源节点名称：</label>
+            ${source.name}
+        </div>
+
+        <div class="form-group">
+            <label>目标节点名称：</label>
+            <input type="text" id="targetName" readonly="true"/>
+            <input type="hidden" id="targetId" name="targetId"/>
+            <a id="menuBtn" href="#">选择</a>
+        </div>
+
+        <input type="submit" value="移动"/>
+    </form>
+
+    <div id="menuContent" class="menuContent" style="display:none; position: absolute;">
+        <ul id="tree" class="ztree" style="margin-top:0; width:160px;"></ul>
+    </div>
+
+    <script src="${pageContext.request.contextPath}/static/js/jquery-1.11.0.min.js"></script>
+    <script src="${pageContext.request.contextPath}/static/JQuery zTree v3.5.15/js/jquery.ztree.all-3.5.min.js"></script>
+    <script>
+        $(function () {
+            var setting = {
+                view: {
+                    dblClickExpand: false
+                },
+                data: {
+                    simpleData: {
+                        enable: true
+                    }
+                },
+                callback: {
+                    onClick: onClick
+                }
+            };
+
+            var zNodes =[
+                <c:forEach items="${targetList}" var="o">
+                { id:${o.id}, pId:${o.parentId}, name:"${o.name}", open:${o.rootNode}},
+                </c:forEach>
+            ];
+
+            function onClick(e, treeId, treeNode) {
+                var zTree = $.fn.zTree.getZTreeObj("tree"),
+                        nodes = zTree.getSelectedNodes(),
+                        id = "",
+                        name = "";
+                nodes.sort(function compare(a,b){return a.id-b.id;});
+                for (var i=0, l=nodes.length; i<l; i++) {
+                    id += nodes[i].id + ",";
+                    name += nodes[i].name + ",";
+                }
+                if (id.length > 0 ) id = id.substring(0, id.length-1);
+                if (name.length > 0 ) name = name.substring(0, name.length-1);
+                $("#targetId").val(id);
+                $("#targetName").val(name);
+                hideMenu();
+            }
+
+            function showMenu() {
+                var cityObj = $("#targetName");
+                var cityOffset = $("#targetName").offset();
+                $("#menuContent").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast");
+
+                $("body").bind("mousedown", onBodyDown);
+            }
+            function hideMenu() {
+                $("#menuContent").fadeOut("fast");
+                $("body").unbind("mousedown", onBodyDown);
+            }
+            function onBodyDown(event) {
+                if (!(event.target.id == "menuBtn" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) {
+                    hideMenu();
+                }
+            }
+
+            $.fn.zTree.init($("#tree"), setting, zNodes);
+            $("#menuBtn").click(showMenu);
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/success.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/success.jsp
new file mode 100644
index 00000000..bdb3f013
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/success.jsp
@@ -0,0 +1,9 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title></title>
+</head>
+<body>
+    操作成功，<a href="javascript:parent.frames['tree'].location.reload();">点击刷新树</a>
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/tree.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/tree.jsp
new file mode 100644
index 00000000..962be698
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/organization/tree.jsp
@@ -0,0 +1,40 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<html>
+<head>
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/JQuery zTree v3.5.15/css/zTreeStyle/zTreeStyle.css">
+</head>
+<body>
+
+<ul id="tree" class="ztree"></ul>
+
+<script src="${pageContext.request.contextPath}/static/js/jquery-1.11.0.min.js"></script>
+<script src="${pageContext.request.contextPath}/static/JQuery zTree v3.5.15/js/jquery.ztree.all-3.5.min.js"></script>
+<script>
+    $(function () {
+        var setting = {
+            data: {
+                simpleData: {
+                    enable: true
+                }
+            },
+            callback : {
+                onClick : function(event, treeId, treeNode) {
+                    parent.frames['content'].location.href = "${pageContext.request.contextPath}/organization/"+treeNode.id+"/maintain";
+                }
+            }
+        };
+
+        var zNodes =[
+            <c:forEach items="${organizationList}" var="o">
+                { id:${o.id}, pId:${o.parentId}, name:"${o.name}", open:${o.rootNode}},
+            </c:forEach>
+        ];
+
+        $(document).ready(function(){
+            $.fn.zTree.init($("#tree"), setting, zNodes);
+        });
+    });
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/resource/edit.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/resource/edit.jsp
new file mode 100644
index 00000000..21ffe9c4
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/resource/edit.jsp
@@ -0,0 +1,49 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<html>
+<head>
+    <title></title>
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/css.css">
+</head>
+<body>
+
+    <form:form method="post" commandName="resource">
+        <form:hidden path="id"/>
+        <form:hidden path="available"/>
+        <form:hidden path="parentId"/>
+        <form:hidden path="parentIds"/>
+
+        <c:if test="${not empty parent}">
+            <div class="form-group">
+                <label>父节点名称：</label>
+                ${parent.name}
+            </div>
+        </c:if>
+
+        <div class="form-group">
+            <form:label path="name"><c:if test="${not empty parent}">子</c:if>名称：</form:label>
+            <form:input path="name"/>
+        </div>
+        <div class="form-group">
+            <form:label path="type">类型：</form:label>
+            <form:select path="type" items="${types}" itemLabel="info"/>
+        </div>
+
+        <div class="form-group">
+            <form:label path="url">URL路径：</form:label>
+            <form:input path="url"/>
+        </div>
+
+
+        <div class="form-group">
+            <form:label path="permission">权限字符串：</form:label>
+            <form:input path="permission"/>
+        </div>
+
+        <form:button>${op}</form:button>
+
+    </form:form>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/resource/list.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/resource/list.jsp
new file mode 100644
index 00000000..f816bc29
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/resource/list.jsp
@@ -0,0 +1,76 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
+<html>
+<head>
+    <title></title>
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/css.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/jquery-treetable/stylesheets/jquery.treetable.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/jquery-treetable/stylesheets/jquery.treetable.theme.default.css">
+    <style>
+        #table th, #table td {
+            font-size: 14px;
+            padding : 8px;
+        }
+
+    </style>
+</head>
+<body>
+
+<c:if test="${not empty msg}">
+    <div class="message">${msg}</div>
+</c:if>
+
+<table id="table">
+    <thead>
+        <tr>
+            <th>名称</th>
+            <th>类型</th>
+            <th>URL路径</th>
+            <th>权限字符串</th>
+            <th>操作</th>
+        </tr>
+    </thead>
+    <tbody>
+        <c:forEach items="${resourceList}" var="resource">
+            <tr data-tt-id='${resource.id}' <c:if test="${not resource.rootNode}">data-tt-parent-id='${resource.parentId}'</c:if>>
+                <td>${resource.name}</td>
+                <td>${resource.type.info}</td>
+                <td>${resource.url}</td>
+                <td>${resource.permission}</td>
+                <td>
+                    <shiro:hasPermission name="resource:create">
+                        <c:if test="${resource.type ne 'button'}">
+                        <a href="${pageContext.request.contextPath}/resource/${resource.id}/appendChild">添加子节点</a>
+                        </c:if>
+                    </shiro:hasPermission>
+
+                    <shiro:hasPermission name="resource:update">
+                        <a href="${pageContext.request.contextPath}/resource/${resource.id}/update">修改</a>
+                    </shiro:hasPermission>
+                    <c:if test="${not resource.rootNode}">
+
+                    <shiro:hasPermission name="resource:delete">
+                        <a class="deleteBtn" href="#" data-id="${resource.id}">删除</a>
+                    </shiro:hasPermission>
+                    </c:if>
+                </td>
+            </tr>
+        </c:forEach>
+    </tbody>
+</table>
+
+<script src="${pageContext.request.contextPath}/static/js/jquery-1.11.0.min.js"></script>
+<script src="${pageContext.request.contextPath}/static/jquery-treetable/javascripts/src/jquery.treetable.js"></script>
+<script>
+    $(function() {
+        $("#table").treetable({ expandable: true }).treetable("expandNode", 1);
+        $(".deleteBtn").click(function() {
+            if(confirm("确认删除吗?")) {
+                location.href = "${pageContext.request.contextPath}/resource/"+$(this).data("id")+"/delete";
+            }
+        });
+    });
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/role/edit.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/role/edit.jsp
new file mode 100644
index 00000000..f55f967f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/role/edit.jsp
@@ -0,0 +1,119 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@taglib prefix="zhangfn" uri="http://github.com/zhangkaitao/tags/zhang-functions" %>
+<html>
+<head>
+    <title></title>
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/css.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/JQuery zTree v3.5.15/css/zTreeStyle/zTreeStyle.css">
+    <style>
+        ul.ztree {margin-top: 10px;border: 1px solid #617775;background: #f0f6e4;width:220px;height:200px;overflow-y:scroll;overflow-x:auto;}
+    </style>
+
+</head>
+<body>
+
+    <form:form method="post" commandName="role">
+        <form:hidden path="id"/>
+        <form:hidden path="available"/>
+
+        <div class="form-group">
+            <form:label path="role">角色名：</form:label>
+            <form:input path="role"/>
+        </div>
+
+        <div class="form-group">
+            <form:label path="description">角色描述：</form:label>
+            <form:input path="description"/>
+        </div>
+
+
+        <div class="form-group">
+            <form:label path="resourceIds">拥有的资源列表：</form:label>
+            <form:hidden path="resourceIds"/>
+            <input type="text" id="resourceName" name="resourceName" value="${zhangfn:resourceNames(role.resourceIds)}" readonly>
+            <a id="menuBtn" href="#">选择</a>
+        </div>
+
+        <form:button>${op}</form:button>
+
+    </form:form>
+
+
+    <div id="menuContent" class="menuContent" style="display:none; position: absolute;">
+        <ul id="tree" class="ztree" style="margin-top:0; width:160px;"></ul>
+    </div>
+
+    <script src="${pageContext.request.contextPath}/static/js/jquery-1.11.0.min.js"></script>
+    <script src="${pageContext.request.contextPath}/static/JQuery zTree v3.5.15/js/jquery.ztree.all-3.5.min.js"></script>
+    <script>
+        $(function () {
+            var setting = {
+                check: {
+                    enable: true ,
+                    chkboxType: { "Y": "", "N": "" }
+                },
+                view: {
+                    dblClickExpand: false
+                },
+                data: {
+                    simpleData: {
+                        enable: true
+                    }
+                },
+                callback: {
+                    onCheck: onCheck
+                }
+            };
+
+            var zNodes =[
+                <c:forEach items="${resourceList}" var="r">
+                <c:if test="${not r.rootNode}">
+                { id:${r.id}, pId:${r.parentId}, name:"${r.name}", checked:${zhangfn:in(role.resourceIds, r.id)}},
+                </c:if>
+                </c:forEach>
+            ];
+
+            function onCheck(e, treeId, treeNode) {
+                var zTree = $.fn.zTree.getZTreeObj("tree"),
+                        nodes = zTree.getCheckedNodes(true),
+                        id = "",
+                        name = "";
+                nodes.sort(function compare(a,b){return a.id-b.id;});
+                for (var i=0, l=nodes.length; i<l; i++) {
+                    id += nodes[i].id + ",";
+                    name += nodes[i].name + ",";
+                }
+                if (id.length > 0 ) id = id.substring(0, id.length-1);
+                if (name.length > 0 ) name = name.substring(0, name.length-1);
+                $("#resourceIds").val(id);
+                $("#resourceName").val(name);
+//                hideMenu();
+            }
+
+            function showMenu() {
+                var cityObj = $("#resourceName");
+                var cityOffset = $("#resourceName").offset();
+                $("#menuContent").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast");
+
+                $("body").bind("mousedown", onBodyDown);
+            }
+            function hideMenu() {
+                $("#menuContent").fadeOut("fast");
+                $("body").unbind("mousedown", onBodyDown);
+            }
+            function onBodyDown(event) {
+                if (!(event.target.id == "menuBtn" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) {
+                    hideMenu();
+                }
+            }
+
+            $.fn.zTree.init($("#tree"), setting, zNodes);
+            $("#menuBtn").click(showMenu);
+        });
+    </script>
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/role/list.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/role/list.jsp
new file mode 100644
index 00000000..77b5883e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/role/list.jsp
@@ -0,0 +1,49 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@taglib prefix="zhangfn" uri="http://github.com/zhangkaitao/tags/zhang-functions" %>
+<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
+<html>
+<head>
+    <title></title>
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/css.css">
+</head>
+<body>
+
+<c:if test="${not empty msg}">
+    <div class="message">${msg}</div>
+</c:if>
+
+<shiro:hasPermission name="role:create">
+    <a href="${pageContext.request.contextPath}/role/create">角色新增</a><br/>
+</shiro:hasPermission>
+<table class="table">
+    <thead>
+        <tr>
+            <th>角色名称</th>
+            <th>角色描述</th>
+            <th>拥有的资源</th>
+            <th>操作</th>
+        </tr>
+    </thead>
+    <tbody>
+        <c:forEach items="${roleList}" var="role">
+            <tr>
+                <td>${role.role}</td>
+                <td>${role.description}</td>
+                <td>${zhangfn:resourceNames(role.resourceIds)}</td>
+                <td>
+                    <shiro:hasPermission name="role:update">
+                        <a href="${pageContext.request.contextPath}/role/${role.id}/update">修改</a>
+                    </shiro:hasPermission>
+
+                    <shiro:hasPermission name="role:delete">
+                        <a href="${pageContext.request.contextPath}/role/${role.id}/delete">删除</a>
+                    </shiro:hasPermission>
+                </td>
+            </tr>
+        </c:forEach>
+    </tbody>
+</table>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/unauthorized.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/unauthorized.jsp
new file mode 100644
index 00000000..c6758214
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/unauthorized.jsp
@@ -0,0 +1,11 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>没有权限</title>
+    <style>.error{color:red;}</style>
+</head>
+<body>
+
+<div class="error">您没有权限[${exception.message}]</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/user/changePassword.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/user/changePassword.jsp
new file mode 100644
index 00000000..744e15a6
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/user/changePassword.jsp
@@ -0,0 +1,20 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<html>
+<head>
+    <title></title>
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/css.css">
+</head>
+<body>
+
+    <form method="post">
+        <div class="form-group">
+            <label for="newPassword">新密码：</label>
+            <input type="text" id="newPassword" name="newPassword"/>
+        </div>
+        <input type="submit" value="${op}">
+    </form>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/user/edit.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/user/edit.jsp
new file mode 100644
index 00000000..47d01a01
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/user/edit.jsp
@@ -0,0 +1,120 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@taglib prefix="zhangfn" uri="http://github.com/zhangkaitao/tags/zhang-functions" %>
+<html>
+<head>
+    <title></title>
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/css.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/JQuery zTree v3.5.15/css/zTreeStyle/zTreeStyle.css">
+    <style>
+        ul.ztree {margin-top: 10px;border: 1px solid #617775;background: #f0f6e4;width:220px;height:200px;overflow-y:scroll;overflow-x:auto;}
+    </style>
+
+</head>
+<body>
+
+    <form:form method="post" commandName="user">
+        <form:hidden path="id"/>
+        <form:hidden path="salt"/>
+        <form:hidden path="locked"/>
+
+        <c:if test="${op ne '新增'}">
+            <form:hidden path="password"/>
+        </c:if>
+
+        <div class="form-group">
+            <form:label path="username">用户名：</form:label>
+            <form:input path="username"/>
+        </div>
+
+        <c:if test="${op eq '新增'}">
+            <div class="form-group">
+                <form:label path="password">密码：</form:label>
+                <form:password path="password"/>
+            </div>
+        </c:if>
+
+        <div class="form-group">
+            <form:label path="organizationId">所属组织：</form:label>
+            <form:hidden path="organizationId"/>
+            <input type="text" id="organizationName" name="organizationName" value="${zhangfn:organizationName(user.organizationId)}" readonly>
+            <a id="menuBtn" href="#">选择</a>
+        </div>
+
+        <form:button>${op}</form:button>
+
+    </form:form>
+
+
+    <div id="menuContent" class="menuContent" style="display:none; position: absolute;">
+        <ul id="tree" class="ztree" style="margin-top:0; width:160px;"></ul>
+    </div>
+
+    <script src="${pageContext.request.contextPath}/static/js/jquery-1.11.0.min.js"></script>
+    <script src="${pageContext.request.contextPath}/static/JQuery zTree v3.5.15/js/jquery.ztree.all-3.5.min.js"></script>
+    <script>
+        $(function () {
+            var setting = {
+                view: {
+                    dblClickExpand: false
+                },
+                data: {
+                    simpleData: {
+                        enable: true
+                    }
+                },
+                callback: {
+                    onClick: onClick
+                }
+            };
+
+            var zNodes =[
+                <c:forEach items="${organizationList}" var="o">
+                    <c:if test="${not o.rootNode}">
+                        { id:${o.id}, pId:${o.parentId}, name:"${o.name}"},
+                    </c:if>
+                </c:forEach>
+            ];
+
+            function onClick(e, treeId, treeNode) {
+                var zTree = $.fn.zTree.getZTreeObj("tree"),
+                        nodes = zTree.getSelectedNodes(),
+                        id = "",
+                        name = "";
+                nodes.sort(function compare(a,b){return a.id-b.id;});
+                for (var i=0, l=nodes.length; i<l; i++) {
+                    id += nodes[i].id + ",";
+                    name += nodes[i].name + ",";
+                }
+                if (id.length > 0 ) id = id.substring(0, id.length-1);
+                if (name.length > 0 ) name = name.substring(0, name.length-1);
+                $("#organizationId").val(id);
+                $("#organizationName").val(name);
+                hideMenu();
+            }
+
+            function showMenu() {
+                var cityObj = $("#organizationName");
+                var cityOffset = $("#organizationName").offset();
+                $("#menuContent").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast");
+
+                $("body").bind("mousedown", onBodyDown);
+            }
+            function hideMenu() {
+                $("#menuContent").fadeOut("fast");
+                $("body").unbind("mousedown", onBodyDown);
+            }
+            function onBodyDown(event) {
+                if (!(event.target.id == "menuBtn" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) {
+                    hideMenu();
+                }
+            }
+
+            $.fn.zTree.init($("#tree"), setting, zNodes);
+            $("#menuBtn").click(showMenu);
+        });
+    </script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/user/list.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/user/list.jsp
new file mode 100644
index 00000000..be3197ca
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/user/list.jsp
@@ -0,0 +1,52 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@taglib prefix="zhangfn" uri="http://github.com/zhangkaitao/tags/zhang-functions" %>
+<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
+<html>
+<head>
+    <title></title>
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/css.css">
+</head>
+<body>
+
+<c:if test="${not empty msg}">
+    <div class="message">${msg}</div>
+</c:if>
+
+<shiro:hasPermission name="user:create">
+    <a href="${pageContext.request.contextPath}/user/create">用户新增</a><br/>
+</shiro:hasPermission>
+
+<table class="table">
+    <thead>
+        <tr>
+            <th>用户名</th>
+            <th>所属组织</th>
+            <th>操作</th>
+        </tr>
+    </thead>
+    <tbody>
+        <c:forEach items="${userList}" var="user">
+            <tr>
+                <td>${user.username}</td>
+                <td>${zhangfn:organizationName(user.organizationId)}</td>
+                <td>
+                    <shiro:hasPermission name="user:update">
+                        <a href="${pageContext.request.contextPath}/user/${user.id}/update">修改</a>
+                    </shiro:hasPermission>
+
+                    <shiro:hasPermission name="user:delete">
+                        <a href="${pageContext.request.contextPath}/user/${user.id}/delete">删除</a>
+                    </shiro:hasPermission>
+
+                    <shiro:hasPermission name="user:update">
+                        <a href="${pageContext.request.contextPath}/user/${user.id}/changePassword">改密</a>
+                    </shiro:hasPermission>
+                </td>
+            </tr>
+        </c:forEach>
+    </tbody>
+</table>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/welcome.jsp b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/welcome.jsp
new file mode 100644
index 00000000..eafd8fef
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/jsp/welcome.jsp
@@ -0,0 +1,6 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<body>
+欢迎学习Shiro综合案例，更多案例请访问我的<a href="https://github.com/zhangkaitao">github</a>
+</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/API_cn.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/API_cn.html
new file mode 100644
index 00000000..60bd7d15
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/API_cn.html	
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+		<title>API 文档 [zTree --  jQuery 树插件]</title>
+		<link rel="stylesheet" href="apiCss/common.css" type="text/css">
+		<link rel='stylesheet' href='apiCss/zTreeStyleForApi.css' type='text/css'>
+		<script type="text/javascript">
+			var ie = (function(){
+				var undef,
+				v = 3,
+				div = document.createElement('div'),
+				all = div.getElementsByTagName('i');
+				while (
+				div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
+				all[0]
+			);
+				return v > 4 ? v : undef;
+			}()), ie6 = (ie === 6),
+			path = window.location.pathname.replace(/.*\/([^\/\.]*)\..*/g,"$1"),
+			langLib = [];
+			ie = ie<9;
+			if(ie) {
+				document.write('<link rel="stylesheet" href="apiCss/common_ie6.css" type="text/css">');
+			}
+			var lang = "cn",
+			ajaxMsg = "如果你使用的是 Chrome 浏览器，那么请把 API 文档发布到 web 服务目录下访问。\n\n（Chrome 浏览器不支持本地 ajax 访问, 即：file://）";
+
+		</script>
+	</head>
+	<body>
+		<div id="header_wrap" class="header_wrap" style="padding-top: 30px;">
+			<div id="header" class="header round">
+				<div class="light-bulb" alt=""></div>
+				<div class="ieSuggest">浏览本网站建议您使用 Chrome、FireFox、Opera、IE9 等浏览器（只要不是 IE6 7 8 就行）, 速度会更快，画面会更炫！</div>
+				<div class="google_plus"><g:plusone></g:plusone></div>
+				<div class="header-text">
+					<h1><em>zTree v3.5.15 API 文档</em></h1><p></p>
+					<p>all.js = core + excheck + exedit ( 不包括 exhide ); 发现错误请及时通知，谢谢。</p>
+				</div>
+				<ul class="shortcuts language" style="top:0;">
+					<li><a href="API_en.html" onclick="window.location.href='API_en.html'"><button class="ico en" title="英文版" type="button"></button><span class=""></span></a></li>
+				</ul>
+			</div>
+		</div>
+		<div id="content_wrap" class="content_wrap">
+			<div id="content" class="content">
+				<div class="nav_section">
+					<ul>
+						<li class="first">注释：</li>
+						<li><button class="ico16 z_core" onfocus="this.blur();"></button><span>core 核心包</span></li>
+						<li><button class="ico16 z_check" onfocus="this.blur();"></button><span>excheck 扩展</span></li>
+						<li><button class="ico16 z_edit" onfocus="this.blur();"></button><span>exedit 扩展</span></li>
+						<li><button class="ico16 z_hide" onfocus="this.blur();"></button><span>exhide 扩展</span></li>
+						<li class="noline">
+							<button class="ico16 z_search" onfocus="this.blur();" title="Enter 以及 左、右键可以快速定位查找结果"></button>
+							<input type="text" class="searchKey search empty" value=""><input type="text" class="searchResult search" value="">
+							<button class="ico16 searchPrev disabled" onfocus="this.blur();" title="Enter 以及 左、右键可以快速定位查找结果"></button><button class="ico16 searchNext disabled" onfocus="this.blur();" title="Enter 以及 左、右键可以快速定位查找结果"></button>
+						</li>
+					</ul>
+				</div>
+
+				<div id="contentBox" class="contentBox round clearfix">
+					<div id="apiContent" class="apiContent">
+						<div id="api_setting" class="api_setting left">
+							<ul class="api_content_title"><li>setting 配置详解</li></ul>
+							<ul id="settingTree" class="ztree"></ul>
+						</div>
+						<div id="api_function" class="api_function right">
+							<ul class="api_content_title"><li>zTree 方法详解</li></ul>
+							<ul id="functionTree" class="ztree"></ul>
+							<ul class="api_content_title"><li>treeNode 节点数据详解</li></ul>
+							<ul id="treenodeTree" class="ztree"></ul>
+						</div>
+					</div>
+				</div>
+				<div class="clear"></div>
+			</div>
+		</div>
+
+		<!-- overlayed -->
+		<div id="overlayDiv" class="baby_overlay">
+			<div id="overlayContent" class="content round clearfix">
+				<div class="overlaySearch">
+					<button class="ico16 z_search" onfocus="this.blur();" title="Enter 以及 左、右键可以快速定位查找结果"></button>
+					<input type="text" class="searchKey search empty" value=""><input type="text" class="searchResult search" value="">
+					<button class="ico16 searchPrev disabled" onfocus="this.blur();" title="Enter 以及 左、右键可以快速定位查找结果"></button><button class="ico16 searchNext disabled" onfocus="this.blur();" title="Enter 以及 左、右键可以快速定位查找结果"></button>
+				</div>
+				<a id="overlayDivCloseBtn" class="close"></a>
+				<div id="overlayDetailDiv" class="details"></div>
+			</div>
+			<div id="overlayDivArrow" class="baby_overlay_arrow"></div>
+		</div>
+		<script type="text/javascript" src="apiCss/jquery-1.6.2.min.js"></script>
+		<script type='text/javascript' src='apiCss/jquery.ztree.core-3.5.js'></script>
+		<script type='text/javascript' src='apiCss/api.js'></script>
+		<script type="text/javascript">
+			$(document).ready(function(){
+				apiContent._init();
+			});
+		</script>
+	</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/API_en.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/API_en.html
new file mode 100644
index 00000000..69e05804
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/API_en.html	
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+		<title>API Document [zTree -- jQuery tree plug-ins.]</title>
+		<link rel="stylesheet" href="apiCss/common.css" type="text/css">
+		<link rel='stylesheet' href='apiCss/zTreeStyleForApi.css' type='text/css'>
+		<script type="text/javascript">
+			var ie = (function(){
+				var undef,
+				v = 3,
+				div = document.createElement('div'),
+				all = div.getElementsByTagName('i');
+				while (
+				div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
+				all[0]
+			);
+				return v > 4 ? v : undef;
+			}()), ie6 = (ie === 6),
+			path = window.location.pathname.replace(/.*\/([^\/\.]*)\..*/g,"$1"),
+			langLib = [];
+			ie = ie<9;
+			if(ie) {
+				document.write('<link rel="stylesheet" href="apiCss/common_ie6.css" type="text/css">');
+			}
+			var lang = "en",
+			ajaxMsg = "If you use chrome browser, please copy the API files to local webserver. \n\n( because chrome browser can't allow AJAX access to 'file://' )";
+		</script>
+	</head>
+	<body>
+		<div id="header_wrap" class="header_wrap" style="padding-top: 30px;">
+			<div id="header" class="header round">
+				<div class="light-bulb" alt=""></div>
+				<div class="ieSuggest">If you use the Chrome / FireFox / Opera / IE9 browser will be even more dazzling effect!</div>
+				<div class="google_plus"><g:plusone></g:plusone></div>
+				<div class="header-text">
+					<h1><em>zTree v3.5.15 API Document</em></h1><p></p>
+					<p>all.js = core + excheck + exedit ( without exhide ); if you found some mistakes please contact me.</p>
+				</div>
+				<ul class="shortcuts language" style="top:0;">
+					<li><a href="API_cn.html" onclick="window.location.href='API_cn.html'"><button class="ico cn" title="Chinese" type="button"></button><span class=""></span></a></li>
+				</ul>
+			</div>
+		</div>
+		<div id="content_wrap" class="content_wrap">
+			<div id="content" class="content">
+				<div class="nav_section">
+					<ul>
+						<li class="first">Notes: </li>
+						<li><button class="ico16 z_core" onfocus="this.blur();"></button><span>core package</span></li>
+						<li><button class="ico16 z_check" onfocus="this.blur();"></button><span>excheck pack</span></li>
+						<li><button class="ico16 z_edit" onfocus="this.blur();"></button><span>exedit pack</span></li>
+						<li><button class="ico16 z_hide" onfocus="this.blur();"></button><span>exhide pack</span></li>
+						<li class="noline">
+							<button class="ico16 z_search" onfocus="this.blur();" title="'Enter', 'left' and 'right' key can locate the search results quickly."></button>
+							<input type="text" class="searchKey search empty" value=""><input type="text" class="searchResult search" value="">
+							<button class="ico16 searchPrev disabled" onfocus="this.blur();" title="'Enter', 'left' and 'right' key can locate the search results quickly."></button><button class="ico16 searchNext disabled" onfocus="this.blur();" title="'Enter', 'left' and 'right' key can locate the search results quickly."></button>
+						</li>
+					</ul>
+				</div>
+
+				<div id="contentBox" class="contentBox round clearfix">
+					<div id="apiContent" class="apiContent">
+						<div id="api_setting" class="api_setting left">
+							<ul class="api_content_title"><li>setting details</li></ul>
+							<ul id="settingTree" class="ztree"></ul>
+						</div>
+						<div id="api_function" class="api_function right">
+							<ul class="api_content_title"><li>zTree method details</li></ul>
+							<ul id="functionTree" class="ztree"></ul>
+							<ul class="api_content_title"><li>treeNode data details</li></ul>
+							<ul id="treenodeTree" class="ztree"></ul>
+						</div>
+					</div>
+				</div>
+				<div class="clear"></div>
+			</div>
+		</div>
+
+		<!-- overlayed -->
+		<div id="overlayDiv" class="baby_overlay">
+			<div id="overlayContent" class="content round clearfix">
+				<div class="overlaySearch">
+					<button class="ico16 z_search" onfocus="this.blur();" title="'Enter', 'left' and 'right' key can locate the search results quickly."></button>
+					<input type="text" class="searchKey search empty" value=""><input type="text" class="searchResult search" value="">
+					<button class="ico16 searchPrev disabled" onfocus="this.blur();" title="'Enter', 'left' and 'right' key can locate the search results quickly."></button><button class="ico16 searchNext disabled" onfocus="this.blur();" title="'Enter', 'left' and 'right' key can locate the search results quickly."></button>
+				</div>
+				<a id="overlayDivCloseBtn" class="close"></a>
+				<div id="overlayDetailDiv" class="details"></div>
+			</div>
+			<div id="overlayDivArrow" class="baby_overlay_arrow"></div>
+		</div>
+		<script type="text/javascript" src="apiCss/jquery-1.6.2.min.js"></script>
+		<script type='text/javascript' src='apiCss/jquery.ztree.core-3.5.js'></script>
+		<script type='text/javascript' src='apiCss/api.js'></script>
+		<script type="text/javascript">
+			$(document).ready(function(){
+				apiContent._init();
+			});
+		</script>
+	</body>
+</html>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/api.js b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/api.js
new file mode 100644
index 00000000..84fb59ef
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/api.js	
@@ -0,0 +1,591 @@
+var apiContent = {
+	zTree_Setting: null,
+	zTree_Node: null,
+	zTree_Function: null,
+	overlayDiv : null,
+	overlayContent : null,
+	overlayDetailDiv : null,
+	overlayCloseBtn: null,
+	overlayArrow: null,
+	contentBoxDiv : null,
+	settingDiv : null,
+	functionDiv : null,
+	overlaySearch: null,
+	searchKey: null,
+	searchResultInput: null,
+	searchPrevBtn: null,
+	searchNextBtn: null,
+	apiCache: {},
+	lastValue: "",
+	searchNodes: [],
+	searchNodesCur: 0,
+
+	_init: function() {
+		this.overlayDiv = $("#overlayDiv");
+		this.overlayContent = $("#overlayContent");
+		this.overlayDetailDiv = $("#overlayDetailDiv");
+		this.overlayCloseBtn = $("#overlayDivCloseBtn");
+		this.overlayArrow = $("#overlayDivArrow");
+		this.contentBoxDiv = $("#contentBox");
+		this.settingDiv = $("#api_setting");
+		this.functionDiv = $("#api_function");
+		this.searchKey = $(".searchKey");
+		this.overlaySearch = $(".overlaySearch");
+		this.searchResultInput = $(".searchResult");
+		this.searchPrevBtn = $(".searchPrev");
+		this.searchNextBtn = $(".searchNext");
+		var setting = {
+			view: {
+				fontCss: this.getFontCss,
+				showLine: false,
+				showIcon: this.showIcon,
+				showTitle: this.getTitle,
+				selectedMulti: false,
+				dblClickExpand: false
+			},
+			data: {
+				key: {
+					title: "tt"
+				},
+				simpleData: {
+					enable:true,
+					idKey: "id",
+					pIdKey: "pId",
+					rootPId: ""
+				}
+			},
+			callback: {
+				onNodeCreated: this.onNodeCreated,
+				beforeClick: this.beforeClick
+			}
+		}
+		var setting_nodes =[
+			{id:1, pId:0, t:"setting", name:"var setting = {", open:true},
+			{id:11, pId:1, t:"treeId", name:"treeId : \"\",", iconSkin:"core", showAPI:true},
+			{id:12, pId:1, t:"treeObj", name:"treeObj : null,", iconSkin:"core", showAPI:true},
+			{id:121, pId:1, name:""},
+
+			{id:20, pId:1, t:"async", name:"async : {", open:true},
+			{id:201, pId:20, t:"autoParam", name:"autoParam : [],", iconSkin:"core", showAPI:true},
+			{id:208, pId:20, t:"contentType", name:"contentType : \"application...\",", iconSkin:"core", showAPI:true},
+			{id:202, pId:20, t:"dataFilter", name:"dataFilter : null,", iconSkin:"core", showAPI:true},
+			{id:203, pId:20, t:"dataType", name:"dataType : \"text\",", iconSkin:"core", showAPI:true},
+			{id:204, pId:20, t:"enable", name:"enable : false,", iconSkin:"core", showAPI:true},
+			{id:205, pId:20, t:"otherParam", name:"otherParam : [],", iconSkin:"core", showAPI:true},
+			{id:206, pId:20, t:"type", name:"type : \"post\",", iconSkin:"core", showAPI:true},
+			{id:207, pId:20, t:"url", name:"url : \"\"", iconSkin:"core", showAPI:true},
+			{id:21, pId:1, name:"},"},
+			{id:22, pId:1, name:""},
+
+			{id:30, pId:1, t:"callback", name:"callback : {", open:true},
+			{id:3001, pId:30, t:"beforeAsync", name:"beforeAsync : null,", iconSkin:"core", showAPI:true},
+			{id:3002, pId:30, t:"beforeCheck", name:"beforeCheck : null,", iconSkin:"check", showAPI:true},
+			{id:3003, pId:30, t:"beforeClick", name:"beforeClick : null,", iconSkin:"core", showAPI:true},
+			{id:3004, pId:30, t:"beforeCollapse", name:"beforeCollapse : null,", iconSkin:"core", showAPI:true},
+			{id:3004, pId:30, t:"beforeDblClick", name:"beforeDblClick : null,", iconSkin:"core", showAPI:true},
+			{id:3005, pId:30, t:"beforeDrag", name:"beforeDrag : null,", iconSkin:"edit", showAPI:true},
+			{id:3006, pId:30, t:"beforeDragOpen", name:"beforeDragOpen : null,", iconSkin:"edit", showAPI:true},
+			{id:3007, pId:30, t:"beforeDrop", name:"beforeDrop : null,", iconSkin:"edit", showAPI:true},
+			{id:3029, pId:30, t:"beforeEditName", name:"beforeEditName : null,", iconSkin:"edit", showAPI:true},
+			{id:3008, pId:30, t:"beforeExpand", name:"beforeExpand : null,", iconSkin:"core", showAPI:true},
+			{id:3009, pId:30, t:"beforeMouseDown", name:"beforeMouseDown : null,", iconSkin:"core", showAPI:true},
+			{id:3010, pId:30, t:"beforeMouseUp", name:"beforeMouseUp : null,", iconSkin:"core", showAPI:true},
+			{id:3011, pId:30, t:"beforeRemove", name:"beforeRemove : null,", iconSkin:"edit", showAPI:true},
+			{id:3012, pId:30, t:"beforeRename", name:"beforeRename : null,", iconSkin:"edit", showAPI:true},
+			{id:3013, pId:30, t:"beforeRightClick", name:"beforeRightClick : null,", iconSkin:"core", showAPI:true},
+			{id:3014, pId:30, name:""},
+			{id:3015, pId:30, t:"onAsyncError", name:"onAsyncError : null,", iconSkin:"core", showAPI:true},
+			{id:3016, pId:30, t:"onAsyncSuccess", name:"onAsyncSuccess : null,", iconSkin:"core", showAPI:true},
+			{id:3017, pId:30, t:"onCheck", name:"onCheck : null,", iconSkin:"check", showAPI:true},
+			{id:3018, pId:30, t:"onClick", name:"onClick : null,", iconSkin:"core", showAPI:true},
+			{id:3019, pId:30, t:"onCollapse", name:"onCollapse : null,", iconSkin:"core", showAPI:true},
+			{id:3019, pId:30, t:"onDblClick", name:"onDblClick : null,", iconSkin:"core", showAPI:true},
+			{id:3020, pId:30, t:"onDrag", name:"onDrag : null,", iconSkin:"edit", showAPI:true},
+			{id:3021, pId:30, t:"onDrop", name:"onDrop : null,", iconSkin:"edit", showAPI:true},
+			{id:3022, pId:30, t:"onExpand", name:"onExpand : null,", iconSkin:"core", showAPI:true},
+			{id:3023, pId:30, t:"onMouseDown", name:"onMouseDown : null,", iconSkin:"core", showAPI:true},
+			{id:3024, pId:30, t:"onMouseUp", name:"onMouseUp : null,", iconSkin:"core", showAPI:true},
+			{id:3025, pId:30, t:"onNodeCreated", name:"onNodeCreated : null,", iconSkin:"core", showAPI:true},
+			{id:3026, pId:30, t:"onRemove", name:"onRemove : null,", iconSkin:"edit", showAPI:true},
+			{id:3027, pId:30, t:"onRename", name:"onRename : null,", iconSkin:"edit", showAPI:true},
+			{id:3028, pId:30, t:"onRightClick", name:"onRightClick : null", iconSkin:"core", showAPI:true},
+			{id:31, pId:1, name:"},"},
+			{id:32, pId:1, name:""},
+
+			{id:40, pId:1, t:"check", name:"check : {", open:true},
+			{id:405, pId:40, t:"autoCheckTrigger", name:"autoCheckTrigger : false,", iconSkin:"check", showAPI:true},
+			{id:401, pId:40, t:"chkboxType", name:"chkboxType : {\"Y\": \"ps\", \"N\": \"ps\"},", iconSkin:"check", showAPI:true},
+			{id:402, pId:40, t:"chkStyle", name:"chkStyle : \"checkbox\",", iconSkin:"check", showAPI:true},
+			{id:403, pId:40, t:"enable", name:"enable : false,", iconSkin:"check", showAPI:true},
+			{id:406, pId:40, t:"nocheckInherit", name:"nocheckInherit : false", iconSkin:"check", showAPI:true},
+			{id:407, pId:40, t:"chkDisabledInherit", name:"chkDisabledInherit : false", iconSkin:"check", showAPI:true},
+			{id:404, pId:40, t:"radioType", name:"radioType : \"level\"", iconSkin:"check", showAPI:true},
+			{id:41, pId:1, name:"},"},
+			{id:42, pId:1, name:""},
+
+			{id:50, pId:1, t:"data", name:"data : {", open:true},
+			{id:500, pId:50, t:"keep", name:"keep : {", open:true},
+			{id:5001, pId:500, t:"leaf", name:"leaf : false,", iconSkin:"core", showAPI:true},
+			{id:5002, pId:500, t:"parent", name:"parent : false", iconSkin:"core", showAPI:true},
+			{id:501, pId:50, name:"},"},
+
+			{id:510, pId:50, t:"key", name:"key : {", open:true},
+			{id:5101, pId:510, t:"checked", name:"checked : \"checked\",", iconSkin:"check", showAPI:true},
+			{id:5102, pId:510, t:"children", name:"children : \"children\",", iconSkin:"core", showAPI:true},
+			{id:5103, pId:510, t:"name", name:"name : \"name\",", iconSkin:"core", showAPI:true},
+			{id:5104, pId:510, t:"title", name:"title : \"\"", iconSkin:"core", showAPI:true},
+			{id:5105, pId:510, t:"url", name:"url : \"url\"", iconSkin:"core", showAPI:true},
+			{id:511, pId:50, name:"},"},
+
+			{id:520, pId:50, t:"simpleData", name:"simpleData : {", open:true},
+			{id:5201, pId:520, t:"enable", name:"enable : false,", iconSkin:"core", showAPI:true},
+			{id:5202, pId:520, t:"idKey", name:"idKey : \"id\",", iconSkin:"core", showAPI:true},
+			{id:5203, pId:520, t:"pIdKey", name:"pIdKey : \"pId\",", iconSkin:"core", showAPI:true},
+			{id:5204, pId:520, t:"rootPId", name:"rootPId : null", iconSkin:"core", showAPI:true},
+			{id:521, pId:50, name:"}"},
+			{id:51, pId:1, name:"},"},
+			{id:52, pId:1, name:""},
+
+			{id:60, pId:1, t:"edit", name:"edit : {", open:true},
+			{id:601, pId:60, t:"drag", name:"drag : {", open:true},
+			{id:60111, pId:601, t:"autoExpandTrigger", name:"autoExpandTrigger : true,", iconSkin:"edit", showAPI:true},
+			{id:60101, pId:601, t:"isCopy", name:"isCopy : true,", iconSkin:"edit", showAPI:true},
+			{id:60102, pId:601, t:"isMove", name:"isMove : true,", iconSkin:"edit", showAPI:true},
+			{id:60103, pId:601, t:"prev", name:"prev : true,", iconSkin:"edit", showAPI:true},
+			{id:60104, pId:601, t:"next", name:"next : true,", iconSkin:"edit", showAPI:true},
+			{id:60105, pId:601, t:"inner", name:"inner : true,", iconSkin:"edit", showAPI:true},
+			{id:60107, pId:601, t:"borderMax", name:"borderMax : 10,", iconSkin:"edit", showAPI:true},
+			{id:60108, pId:601, t:"borderMin", name:"borderMin : -5,", iconSkin:"edit", showAPI:true},
+			{id:60106, pId:601, t:"minMoveSize", name:"minMoveSize : 5,", iconSkin:"edit", showAPI:true},
+			{id:60109, pId:601, t:"maxShowNodeNum", name:"maxShowNodeNum : 5,", iconSkin:"edit", showAPI:true},
+			{id:60110, pId:601, t:"autoOpenTime", name:"autoOpenTime : 500", iconSkin:"edit", showAPI:true},
+			{id:602, pId:60, name:"},"},
+			{id:608, pId:60, t:"editNameSelectAll", name:"editNameSelectAll : false,", iconSkin:"edit", showAPI:true},
+			{id:603, pId:60, t:"enable", name:"enable : false,", iconSkin:"edit", showAPI:true},
+			{id:604, pId:60, t:"removeTitle", name:"removeTitle : \"remove\",", iconSkin:"edit", showAPI:true},
+			{id:605, pId:60, t:"renameTitle", name:"renameTitle : \"rename\",", iconSkin:"edit", showAPI:true},
+			{id:606, pId:60, t:"showRemoveBtn", name:"showRemoveBtn : true,", iconSkin:"edit", showAPI:true},
+			{id:607, pId:60, t:"showRenameBtn", name:"showRenameBtn : true", iconSkin:"edit", showAPI:true},
+			{id:61, pId:1, name:"},"},
+			{id:62, pId:1, name:""},
+
+			{id:70, pId:1, t:"view", name:"view : {", open:true},
+			{id:7001, pId:70, t:"addDiyDom", name:"addDiyDom : null,", iconSkin:"core", showAPI:true},
+			{id:7002, pId:70, t:"addHoverDom", name:"addHoverDom : null,", iconSkin:"edit", showAPI:true},
+			{id:7003, pId:70, t:"autoCancelSelected", name:"autoCancelSelected : true,", iconSkin:"core", showAPI:true},
+			{id:7004, pId:70, t:"dblClickExpand", name:"dblClickExpand : true,", iconSkin:"core", showAPI:true},
+			{id:7005, pId:70, t:"expandSpeed", name:"expandSpeed : \"fast\",", iconSkin:"core", showAPI:true},
+			{id:7006, pId:70, t:"fontCss", name:"fontCss : {},", iconSkin:"core", showAPI:true},
+			{id:7012, pId:70, t:"nameIsHTML", name:"nameIsHTML : false,", iconSkin:"core", showAPI:true},
+			{id:7007, pId:70, t:"removeHoverDom", name:"removeHoverDom : null,", iconSkin:"edit", showAPI:true},
+			{id:7008, pId:70, t:"selectedMulti", name:"selectedMulti : true,", iconSkin:"core", showAPI:true},
+			{id:7009, pId:70, t:"showIcon", name:"showIcon : true,", iconSkin:"core", showAPI:true},
+			{id:7010, pId:70, t:"showLine", name:"showLine : true,", iconSkin:"core", showAPI:true},
+			{id:7011, pId:70, t:"showTitle", name:"showTitle : true,", iconSkin:"core", showAPI:true},
+			{id:7012, pId:70, t:"txtSelectedEnable", name:"txtSelectedEnable : false", iconSkin:"core", showAPI:true},
+			{id:71, pId:1, name:"}"},
+
+			{id:2, pId:0, name:"}"}
+		];
+
+		var treenode_nodes =[
+			{id:1, pId:0, t:"treeNode", name:"treeNode : {", open:true},
+			{id:101, pId:1, t:"checked", name:"checked", iconSkin:"check", showAPI:true},
+			{id:102, pId:1, t:"children", name:"children", iconSkin:"core", showAPI:true},
+			{id:128, pId:1, t:"chkDisabled", name:"chkDisabled", iconSkin:"check", showAPI:true},
+			{id:127, pId:1, t:"click", name:"click", iconSkin:"core", showAPI:true},
+			{id:103, pId:1, t:"getCheckStatus", name:"getCheckStatus ()", iconSkin:"check", showAPI:true},
+			{id:104, pId:1, t:"getNextNode", name:"getNextNode ()", iconSkin:"core", showAPI:true},
+			{id:105, pId:1, t:"getParentNode", name:"getParentNode ()", iconSkin:"core", showAPI:true},
+			{id:106, pId:1, t:"getPreNode", name:"getPreNode ()", iconSkin:"core", showAPI:true},
+			{id:129, pId:1, t:"halfCheck", name:"halfCheck", iconSkin:"check", showAPI:true},
+			{id:107, pId:1, t:"icon", name:"icon", iconSkin:"core", showAPI:true},
+			{id:108, pId:1, t:"iconClose", name:"iconClose", iconSkin:"core", showAPI:true},
+			{id:109, pId:1, t:"iconOpen", name:"iconOpen", iconSkin:"core", showAPI:true},
+			{id:110, pId:1, t:"iconSkin", name:"iconSkin", iconSkin:"core", showAPI:true},
+			{id:131, pId:1, t:"isHidden", name:"isHidden", iconSkin:"hide", showAPI:true},
+			{id:111, pId:1, t:"isParent", name:"isParent", iconSkin:"core", showAPI:true},
+			{id:132, pId:1, t:"name", name:"name", iconSkin:"core", showAPI:true},
+			{id:112, pId:1, t:"nocheck", name:"nocheck", iconSkin:"check", showAPI:true},
+			{id:113, pId:1, t:"open", name:"open", iconSkin:"core", showAPI:true},
+			{id:133, pId:1, t:"target", name:"target", iconSkin:"core", showAPI:true},
+			{id:134, pId:1, t:"url", name:"url", iconSkin:"core", showAPI:true},
+			{id:114, pId:1, t:"diy", name:"*DIY*", iconSkin:"core", showAPI:true},
+			{id:115, pId:1, name:""},
+			{id:116, pId:1, t:"check_Child_State", name:"[check_Child_State]", iconSkin:"check", showAPI:true},
+			{id:117, pId:1, t:"check_Focus", name:"[check_Focus]", iconSkin:"check", showAPI:true},
+			{id:118, pId:1, t:"checkedOld", name:"[checkedOld]", iconSkin:"check", showAPI:true},
+			{id:119, pId:1, t:"editNameFlag", name:"[editNameFlag]", iconSkin:"edit", showAPI:true},
+			{id:120, pId:1, t:"isAjaxing", name:"[isAjaxing]", iconSkin:"core", showAPI:true},
+			{id:121, pId:1, t:"isFirstNode", name:"[isFirstNode]", iconSkin:"core", showAPI:true},
+			{id:122, pId:1, t:"isHover", name:"[isHover]", iconSkin:"edit", showAPI:true},
+			{id:123, pId:1, t:"isLastNode", name:"[isLastNode]", iconSkin:"core", showAPI:true},
+			{id:124, pId:1, t:"level", name:"[level]", iconSkin:"core", showAPI:true},
+			{id:125, pId:1, t:"parentTId", name:"[parentTId]", iconSkin:"core", showAPI:true},
+			{id:126, pId:1, t:"tId", name:"[tId]", iconSkin:"core", showAPI:true},
+			{id:130, pId:1, t:"zAsync", name:"[zAsync]", iconSkin:"core", showAPI:true},
+			{id:2, pId:0, name:"}"}
+		];
+
+		var function_nodes =[
+			{id:1, pId:0, t:"$.fn.zTree", name:"$.fn.zTree : {", open:true},
+			{id:11, pId:1, t:"init", name:"init (obj, zSetting, zNodes)", iconSkin:"core", showAPI:true},
+			{id:12, pId:1, t:"getZTreeObj", name:"getZTreeObj (treeId)", iconSkin:"core", showAPI:true},
+			{id:14, pId:1, t:"destroy", name:"destroy (treeId)", iconSkin:"core", showAPI:true},
+			{id:13, pId:1, t:"_z", name:"_z : {tools, view, event, data}", iconSkin:"core", showAPI:true},
+			{id:2, pId:0, name:"}"},
+			{id:3, pId:0, name:""},
+			{id:4, pId:0, t:"zTreeObj", name:"zTreeObj : {", open:true},
+			{id:401, pId:4, t:"setting", name:"setting", iconSkin:"core", showAPI:true},
+			{id:402, pId:4, t:"addNodes", name:"addNodes (parentNode, newNodes, isSilent)", iconSkin:"core", showAPI:true},
+			{id:403, pId:4, t:"cancelEditName", name:"cancelEditName (newName)", iconSkin:"edit", showAPI:true},
+			{id:404, pId:4, t:"cancelSelectedNode", name:"cancelSelectedNode (node)", iconSkin:"core", showAPI:true},
+			{id:405, pId:4, t:"checkAllNodes", name:"checkAllNodes (checked)", iconSkin:"check", showAPI:true},
+			{id:406, pId:4, t:"checkNode", name:"checkNode (node, checked, checkTypeFlag, callbackFlag)", iconSkin:"check", showAPI:true},
+			{id:407, pId:4, t:"copyNode", name:"copyNode (targetNode, node, moveType, isSilent)", iconSkin:"edit", showAPI:true},
+			{id:436, pId:4, t:"destroy", name:"destroy ()", iconSkin:"core", showAPI:true},
+			{id:408, pId:4, t:"editName", name:"editName (node)", iconSkin:"edit", showAPI:true},
+			{id:409, pId:4, t:"expandAll", name:"expandAll (expandFlag)", iconSkin:"core", showAPI:true},
+			{id:410, pId:4, t:"expandNode", name:"expandNode (node, expandFlag, sonSign, focus, callbackFlag)", iconSkin:"core", showAPI:true},
+			{id:411, pId:4, t:"getChangeCheckedNodes", name:"getChangeCheckedNodes ()", iconSkin:"check", showAPI:true},
+			{id:412, pId:4, t:"getCheckedNodes", name:"getCheckedNodes (checked)", iconSkin:"check", showAPI:true},
+			{id:413, pId:4, t:"getNodeByParam", name:"getNodeByParam (key, value, parentNode)", iconSkin:"core", showAPI:true},
+			{id:414, pId:4, t:"getNodeByTId", name:"getNodeByTId (tId)", iconSkin:"core", showAPI:true},
+			{id:415, pId:4, t:"getNodeIndex", name:"getNodeIndex (node)", iconSkin:"core", showAPI:true},
+			{id:416, pId:4, t:"getNodes", name:"getNodes ()", iconSkin:"core", showAPI:true},
+			{id:431, pId:4, t:"getNodesByFilter", name:"getNodesByFilter (filter, isSingle, parentNode, invokeParam)", iconSkin:"core", showAPI:true},
+			{id:417, pId:4, t:"getNodesByParam", name:"getNodesByParam (key, value, parentNode)", iconSkin:"core", showAPI:true},
+			{id:418, pId:4, t:"getNodesByParamFuzzy", name:"getNodesByParamFuzzy (key, value, parentNode)", iconSkin:"core", showAPI:true},
+			{id:419, pId:4, t:"getSelectedNodes", name:"getSelectedNodes ()", iconSkin:"core", showAPI:true},
+			{id:432, pId:4, t:"hideNode", name:"hideNode (node)", iconSkin:"hide", showAPI:true},
+			{id:433, pId:4, t:"hideNodes", name:"hideNodes (nodes)", iconSkin:"hide", showAPI:true},
+			{id:420, pId:4, t:"moveNode", name:"moveNode (targetNode, node, moveType, isSilent)", iconSkin:"edit", showAPI:true},
+			{id:421, pId:4, t:"reAsyncChildNodes", name:"reAsyncChildNodes (parentNode, reloadType, isSilent)", iconSkin:"core", showAPI:true},
+			{id:422, pId:4, t:"refresh", name:"refresh ()", iconSkin:"core", showAPI:true},
+			{id:423, pId:4, t:"removeChildNodes", name:"removeChildNodes (parentNode)", iconSkin:"core", showAPI:true},
+			{id:424, pId:4, t:"removeNode", name:"removeNode (node, callbackFlag)", iconSkin:"core", showAPI:true},
+			{id:425, pId:4, t:"selectNode", name:"selectNode (node, addFlag)", iconSkin:"core", showAPI:true},
+			{id:430, pId:4, t:"setChkDisabled", name:"setChkDisabled (node, disabled, inheritParent, inheritChildren)", iconSkin:"check", showAPI:true},
+			{id:426, pId:4, t:"setEditable", name:"setEditable (editable)", iconSkin:"edit", showAPI:true},
+			{id:434, pId:4, t:"showNode", name:"showNode (node)", iconSkin:"hide", showAPI:true},
+			{id:435, pId:4, t:"showNodes", name:"showNodes (nodes)", iconSkin:"hide", showAPI:true},
+			{id:427, pId:4, t:"transformToArray", name:"transformToArray (nodes)", iconSkin:"core", showAPI:true},
+			{id:428, pId:4, t:"transformTozTreeNodes", name:"transformTozTreeNodes (simpleNodes)", iconSkin:"core", showAPI:true},
+			{id:429, pId:4, t:"updateNode", name:"updateNode (node, checkTypeFlag)", iconSkin:"core", showAPI:true},
+			{id:5, pId:0, name:"}"}
+		];
+
+		apiContent.zTree_Setting = $.fn.zTree.init($("#settingTree"), $.fn.zTree._z.tools.clone(setting), setting_nodes);
+		apiContent.zTree_Node = $.fn.zTree.init($("#treenodeTree"), $.fn.zTree._z.tools.clone(setting), treenode_nodes);
+		apiContent.zTree_Function = $.fn.zTree.init($("#functionTree"), $.fn.zTree._z.tools.clone(setting), function_nodes);
+		this.bindEvent();
+
+	},
+	bindEvent: function() {
+		$(document).bind("keydown", this.listenKeyDown)
+		this.overlayCloseBtn.bind("click", apiContent.overlayClose);
+		this.searchResultInput.bind("click", function(e) {
+			$(this).prev().get(0).focus();
+			this.blur();
+		}).bind("focus", function(e) {
+			this.blur();
+		});
+		this.searchKey.bind("focus", this.focusKey)
+			.bind("blur", this.blurKey)
+			.bind("propertychange", this.searchNode)
+			.bind("input", this.searchNode);
+		this.searchPrevBtn.bind("click", this.searchPrev);
+		this.searchNextBtn.bind("click", this.searchNext);
+	},
+	setSameKey: function(value) {
+		apiContent.searchKey.attr("value", value);
+	},
+	focusKey: function(e) {
+		if (apiContent.searchKey.hasClass("empty")) {
+			apiContent.searchKey.removeClass("empty");
+		}
+	},
+	blurKey: function(e) {
+		apiContent.setSameKey(e.target.value);
+		if (e.target.value === "") {
+			apiContent.searchKey.addClass("empty");
+		}
+	},
+	listenKeyDown: function(e) {
+		if (e.keyCode=="13" && apiContent.overlayDiv.is(":hidden")) {
+			apiContent.openAPI();
+		} else if (e.keyCode=="37") {
+			apiContent.searchPrev();
+		} else if (e.keyCode=="13" || e.keyCode=="39") {
+			apiContent.searchNext();
+		}
+	},
+	openAPI: function() {
+		if (apiContent.searchNodes.length > 0) {
+			var setting_zTree = $.fn.zTree.getZTreeObj("settingTree"),
+			treenode_zTree = $.fn.zTree.getZTreeObj("treenodeTree"),
+			function_zTree = $.fn.zTree.getZTreeObj("functionTree");
+			if (apiContent.searchNodesCur < 0 || apiContent.searchNodesCur > apiContent.searchNodes.length -1) {
+				apiContent.searchNodesCur = 0;
+			}
+			var node = apiContent.searchNodes[apiContent.searchNodesCur];
+
+			if (node.tId.indexOf("setting") > -1) {
+				setting_zTree.selectNode(node);
+			} else if (node.tId.indexOf("treenode") > -1) {
+				treenode_zTree.selectNode(node);
+			} else {
+				function_zTree.selectNode(node);
+			}
+			apiContent.beforeClick(node.tId.substring(0, node.tId.indexOf("_")), node, true);
+			apiContent.searchCur();
+		}
+	},
+	searchNode: function(e) {
+		var setting_zTree = $.fn.zTree.getZTreeObj("settingTree"),
+		treenode_zTree = $.fn.zTree.getZTreeObj("treenodeTree"),
+		function_zTree = $.fn.zTree.getZTreeObj("functionTree");
+		if (apiContent.curKey == e.target.value) return;
+		apiContent.curKey = e.target.value;
+		var value = $.trim(apiContent.curKey);
+		apiContent.setSameKey(apiContent.curKey);
+		if (apiContent.searchKey.hasClass("empty")) {
+			value = "";
+			apiContent.searchResultInput.removeClass("noResult").attr("value","");
+		}
+		if (apiContent.lastValue === value) return;
+
+		apiContent.updateNodes(false);
+		apiContent.lastValue = value;
+		if (value === "" || value.length < 2) {
+			apiContent.searchNodes = [];
+			apiContent.searchNodesCur = -1;
+			apiContent.searchCur(true);
+			return;
+		}
+
+		var settingNodeList = setting_zTree.getNodesByFilter(apiContent.searchFilter);
+		var functionNodeList = function_zTree.getNodesByFilter(apiContent.searchFilter);
+		var treenodeNodeList = treenode_zTree.getNodesByFilter(apiContent.searchFilter);
+		apiContent.searchNodes = settingNodeList.concat(functionNodeList).concat(treenodeNodeList);
+		apiContent.searchNodesCur = -1;
+		apiContent.searchCur();
+		apiContent.updateNodes(true);
+	},
+	searchFilter: function(node) {
+		var value = $.trim(apiContent.searchKey.get(0).value).toLowerCase();
+		return (node.showAPI && node.name.toLowerCase().indexOf(value) > -1);
+	},
+	searchPrev: function(e) {
+		if (apiContent.searchPrevBtn.hasClass("disabled")) return;
+		apiContent.searchNodesCur--;
+		if (apiContent.searchNodesCur < 0 || apiContent.searchNodesCur > apiContent.searchNodes.length -1) {
+			apiContent.searchNodesCur = apiContent.searchNodes.length -1;
+		}
+		apiContent.openAPI();
+	},
+	searchNext: function(e) {
+		if (apiContent.searchNextBtn.hasClass("disabled")) return;
+		apiContent.searchNodesCur++;
+		apiContent.openAPI();
+	},
+	searchCur: function(init) {
+		var result = apiContent.searchNodes;
+		if (init) {
+			apiContent.searchResultInput.removeClass("noResult").attr("value","");
+		} else if (result.length == 0) {
+			apiContent.searchResultInput.addClass("noResult").attr("value","  [ 0 / 0 ]  ");
+		} else {
+			apiContent.searchResultInput.removeClass("noResult").attr("value"," [ " + (apiContent.searchNodesCur > -1 ? apiContent.searchNodesCur+1 : "?")+ " / " + result.length + " ] ");
+		}
+		if (result.length > 0) {
+			apiContent.searchPrevBtn.removeClass("disabled");
+			apiContent.searchNextBtn.removeClass("disabled");
+		} else {
+			apiContent.searchPrevBtn.addClass("disabled");
+			apiContent.searchNextBtn.addClass("disabled");
+		}
+	},
+	updateNodes: function(highlight) {
+		var setting_zTree = $.fn.zTree.getZTreeObj("settingTree"),
+		treenode_zTree = $.fn.zTree.getZTreeObj("treenodeTree"),
+		function_zTree = $.fn.zTree.getZTreeObj("functionTree"),
+		node = null;
+		for( var i=0, l=apiContent.searchNodes.length; i<l; i++) {
+			node = apiContent.searchNodes[i];
+			if (node.level > 0) {
+				node.highlight = highlight;
+				if (node.tId.indexOf("setting") > -1) {
+					setting_zTree.updateNode(node);
+				} else if (node.tId.indexOf("treenode") > -1) {
+					treenode_zTree.updateNode(node);
+				} else {
+					function_zTree.updateNode(node);
+				}
+			}
+		}
+	},
+	getFontCss: function(treeId, treeNode) {
+		return (!!treeNode.highlight) ? {color:"#A60000", "font-weight":"bold"} : {color:"#333", "font-weight":"normal"};
+	},
+	getTitle: function(treeId, node) {
+		var t = [], n = node;
+		while (n && !!n.t) {
+			t.push(n.t);
+			n = n.getParentNode();
+		}
+		t = t.reverse();
+		node.tt = t.join('.');
+		return true;
+	},
+	showIcon: function(treeId, node) {
+		return (!!node.iconSkin);
+	},
+	onNodeCreated: function (e, treeId, node) {
+		var a = $("#" + node.tId + "_a");
+		if (node.showAPI) {
+			a.attr("rel", "#overlayDiv");
+		} else {
+			a.css({cursor: "default"});
+		}
+	},
+	beforeClick: function (treeId, node, noClear) {
+		if (!node.showAPI) return false;
+		var o = $("#" + node.tId + "_a");
+		if (!!apiContent.apiCache[node.tId]) {
+			apiContent.tmpDiv.html(apiContent.apiCache[node.tId]);
+			apiContent.overlayShow(o, (apiContent.lastNode === node));
+		} else {
+			apiContent.overlayAjax(treeId, node);
+		}
+		apiContent.lastNode = node;
+		if (node.tId.indexOf("settingTree")>-1) {
+			apiContent.settingDiv.removeClass("right").addClass("left");
+			apiContent.functionDiv.removeClass("left").addClass("right");
+		} else {
+			apiContent.settingDiv.removeClass("left").addClass("right");
+			apiContent.functionDiv.removeClass("right").addClass("left");
+		}
+
+		if (!noClear) {
+			apiContent.clearSelectedNode();
+		}
+		return true;
+	},
+	clearSelectedNode: function() {
+		apiContent.zTree_Setting.cancelSelectedNode();
+		apiContent.zTree_Node.cancelSelectedNode();
+		apiContent.zTree_Function.cancelSelectedNode();
+	},
+	overlayAutoClose: function(e) {
+		var eId = e.target.id, eRel = e.target.getAttribute("rel"), eClass = e.target.className;
+		if (eId === "overlayDiv" || eId === "overlayDivArrow" || eClass.indexOf("searchPrev") > -1 || eClass.indexOf("searchNext") > -1 || !!eRel) return;
+		if (!$(e.target).parents("[rel]").length && !$(e.target).parents("#overlayDiv").length) {
+			apiContent.overlayClose();
+		}
+	},
+	overlayClose: function() {
+		var o = apiContent.overlayDiv;
+		o.stop();
+		apiContent.clearSelectedNode();
+		if (ie) {
+			o.hide();
+		} else {
+			setTimeout(function() {o.fadeTo("fast", 0, function(){o.hide();})}, 200);
+		}
+		$(document).unbind("click", apiContent.overlayAutoClose);
+	},
+	overlayShow: function(target, isSameNode) {
+		var w = $(window), o = apiContent.overlayDiv, a = apiContent.overlayArrow,
+		oc = apiContent.overlayContent, c = apiContent.contentBoxDiv,
+		t = target.offset().top - 30,
+		cMaxLeft = c.offset().left + c.outerWidth({margin:true}) - o.outerWidth({margin:true}) - 10,
+		l = Math.min(cMaxLeft, target.offset().left + target.width() + 40),
+		arrowT = target.offset().top + 16,
+		wMinTop = 100, footerHeight = 50, onlyFade = false,
+		wHeight = w.height(), wScrollTop=w.scrollTop(), wMaxTop = wHeight + wScrollTop - footerHeight;
+		if (!apiContent.overlayMaxTop) {
+			apiContent.overlayMaxTop = apiContent.contentBoxDiv.offset().top + apiContent.contentBoxDiv.height();
+		}
+		o.stop();
+		if (o.css("display") !== "block") {
+			o.css({top: t, left: l});
+			a.css({top:arrowT - t});
+			$(document).bind("click", apiContent.overlayAutoClose);
+		}
+		if (ie) {
+			onlyFade = true;
+			o.show();
+		} else {
+			o.fadeTo("fast", 1);
+		}
+
+		var h = apiContent.tmpDiv.outerHeight({margin:true}) + apiContent.overlaySearch.outerHeight();
+		if ((t + h) > wMaxTop) {
+			t = wMaxTop - h;
+		}
+		if ((t + h) > apiContent.overlayMaxTop) {
+			t = apiContent.overlayMaxTop - h;
+		}
+		t = Math.max(t, wScrollTop, wMinTop);
+		if ((t + h) > ($("body").height()-footerHeight-20)) {
+			o.css("padding-bottom", footerHeight + "px");
+		} else {
+			o.css("padding-bottom", "0");
+		}
+		apiContent.overlayDetailDiv.empty();
+		apiContent.overlayDetailDiv.append(apiContent.tmpDiv.children());
+		if (!onlyFade) {
+			onlyFade = (isSameNode && t === parseInt(o.css("top").replace("px", "")));
+		}
+
+		a.removeClass("reverse");
+		if ( (arrowT - t) > (h-55) ) {
+			a.addClass("reverse");
+			arrowT -= 55;
+		}
+
+		if (onlyFade) {
+			o.css({top: t, left: l});
+			oc.css({height: h});
+			a.css({top:arrowT - t});
+		} else {
+			o.animate({top: t, left: l}, {duration: "normal",easing: "swing", complete:null});
+			oc.animate({height: h}, {duration: "fast",easing: "swing", complete:null});
+			a.animate({top:arrowT - t}, {duration: "normal",easing: "linear", complete:null});
+		}
+	},
+	overlayAjax: function(treeId, node) {
+		var o = $("#" + node.tId + "_a");
+		if (node.isAjax) return;
+		node.isAjax = true;
+		$.ajax({
+			type: "get",
+			url: "" + lang + "/" + node.tt.replace("$.", "") + ".html",
+			data: null,
+			dataType: "text",
+			success: function(msg) {
+				if (!apiContent.tmpDiv) {
+					var tmpDiv = $(document.createElement("div"));
+					tmpDiv.addClass("baby_overlay_tmp");
+					$("body").append(tmpDiv)
+					apiContent.tmpDiv = $(document.createElement("div"));
+					apiContent.tmpDiv.addClass("details");
+					tmpDiv.append(apiContent.tmpDiv);
+
+				} else {
+					apiContent.tmpDiv.empty();
+				}
+				apiContent.tmpDiv.html(msg);
+				apiContent.overlayShow(o, false);
+				apiContent.apiCache[node.tId] = msg;
+				node.isAjax = false;
+			},
+			error: function(XMLHttpRequest, textStatus, errorThrown) {
+				alert(ajaxMsg)
+				if (apiContent.tmpDiv) apiContent.tmpDiv.empty();
+				node.isAjax = false;
+			}
+		});
+	}
+}
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/common.css b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/common.css
new file mode 100644
index 00000000..78f910c7
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/common.css	
@@ -0,0 +1,219 @@
+/* Resets */
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
+:focus {outline: 0;}
+body {color: #2f332a;font: 15px/21px Arial, Helvetica, simsun, sans-serif;background: #528036 url(img/background.jpg) no-repeat fixed 0 0;}
+p {padding-bottom: 20px;}
+ol, ul {list-style: none;}
+table {border-collapse: separate;border-spacing: 0;}
+caption, th, td {text-align: left;font-weight: normal;}
+strong {font-weight: bold;}
+em {font-style: italic;}
+hr {display: none;}
+.font1 {color: white;background-color: #528036;}
+.right {float: right;}
+.left {float: left;}
+.hide {display: none;}
+.round {-moz-border-radius: 15px;-webkit-border-radius: 15px;-khtml-border-radius: 15px;border-radius: 15px;}
+.clear {clear: both;}
+.clearfix {display: block;}
+.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
+html[xmlns] .clearfix {display: block;}
+* html .clearfix {height: 1%;}
+
+/* Link Styles */
+a {color: #528036;}
+a:link, a:visited {text-decoration: none;}
+a:hover {color: #000;text-decoration: none;}
+a:active {text-decoration: none;}
+
+/* Headings */
+h1, h2, h3, h4, h5, h6 {color: #2f332a;font-weight: bold;font-family: Helvetica, Arial, simsun, sans-serif;padding-bottom: 5px;}
+h1 {font-size: 36px;line-height: 44px;}
+h2 {font-size: 20px;line-height: 20px;}
+h3 {font-size: 14px;line-height: 14px;}
+h4 {font-size: 14px;font-weight: normal;line-height: 25px;}
+
+/* Wraps */
+.header_wrap {position: relative;min-width: 940px;padding: 100px 30px 0 30px;}
+.content_wrap {position: relative;min-width: 940px;padding: 0 30px 50px 30px;}
+.footer_wrap {bottom: 0;height: 47px;width: 100%;background-color: #1b1b1b;border-top: 1px solid #749e58;}
+
+/* Header */
+.header {position: relative;width: 940px;margin: 0 auto;height: 160px;border: 1px solid white;background: transparent url(img/header-bg.png) repeat-x 0 -50px;}
+.header-text {padding: 40px 25px 15px 120px;font-size: 18px;line-height: 24px;color: #747d67;font-family: Helvetica, sans-serif;}
+.header-text img {padding-bottom: 5px;}
+.shortcuts {white-space: nowrap;text-align: right;position: absolute;top: -45px;right: 5px;}
+.shortcuts.language {top: -85px;right:0px;}
+.shortcuts li {display: inline;font-size: 18px;line-height: 28px;font-family: Helvetica, Arial, simsun, sans-serif;padding-bottom: 5px;margin-left: 30px;cursor: pointer;}
+.shortcuts li button {cursor: pointer;}
+.shortcuts li span {border-bottom: 1px dotted white;}
+.shortcuts li span.selected {padding: 2px;background-color: #528036;}
+.shortcuts li a {color: #fff;}
+.ieSuggest {display:none;font-size: 12px;color: silver;position: absolute;left: 10px;top: 2px;}
+.google_plus {position: absolute;right: 10px; top:10px;}
+.light-bulb {position: absolute;left: -20px;bottom: -35px;width:116px;height:180px;background-image:url(img/lightbulb.png);background-repeat: no-repeat;}
+
+/* Content */
+.content {position: relative;width: 940px;margin: 0 auto;}
+.nav_section {position: relative;height: 20px;font-family: "Myriad Pro", "Trebuchet MS", sans-serif;font-size: 15px;color: #253;padding: 20px 0;}
+.nav_section ul {position: absolute;right: 10px;}
+.nav_section ul li {display: inline;line-height: 20px;margin: 0 5px 0 20px;border-bottom: 1px dotted white;}
+.nav_section ul li.noline {border-bottom: 0;}
+.nav_section ul li a {color: #fff;}
+.nav_section ul li a.selected {padding: 2px;background-color: #528036;}
+.nav_section ul li.first {border: none;}
+.content .title {margin: 50px 30px 20px 70px;}
+.content li {margin-bottom: 5px;}
+.contentBox {position: relative;overflow: hidden;border: 1px solid white;min-height: 200px;line-height: 25px;background: transparent url(img/contact-bg.png) repeat-x 0 0;}
+
+.zTreeInfo {display:none;width: 940px;position: absolute;}
+.zTreeInfo p {padding-bottom: 50px;}
+.zTreeInfo-left {float: left;width: 280px;height:300px;padding: 0 50px 60px 75px;background:url(img/zTreeIntroduction.jpg) no-repeat 30px 30px;}
+.zTreeInfo-right {position: relative;float: right;width: 475px;padding: 0 50px 60px 0;}
+.zTreeInfo-right li {font-size: 12px;list-style-type: disc;}
+
+.license {display:none;width: 940px;position: absolute;}
+
+.donateInfo {display:block;width: 940px;position: absolute;}
+
+.links {display:none;width: 940px;position: absolute;}
+.links .content {float: left;width: 160px;height:200px;padding: 0 10px 10px 2px;text-align: center;}
+.links .content.first {margin-left: 30px;}
+
+.contact {display:none;width: 940px;position: absolute;}
+.contact .myhome { position: absolute; top:10px; left:620px; width:300px; height:266px; background: transparent url(img/myhome.gif) scroll no-repeat 0 0;}
+
+.siteTag {position: absolute;left: -16px;top: 109px;z-index: 10;width: 65px;height: 46px;padding:0;margin:0 10px 0 0;
+		 vertical-align:middle;border:0 none;background: transparent url(img/siteTag.png) scroll no-repeat 0 0;}
+.siteTag.tag_zTreeInfo {background-position: 0 0}
+.siteTag.tag_license {background-position: 0 -46px}
+.siteTag.tag_donate {background-position: 0 -92px}
+.siteTag.tag_contact {background-position: 0 -138px}
+
+.apiContent {width: 940px;}
+.apiContent .right {float: right;padding-right: 100px;}
+.apiContent .left {float: left;padding-right: 20px;border-right: 1px dotted silver;}
+.api_setting {position: relative;margin:20px 0 20px 20px;}
+.api_function {position: relative;margin:20px 0 20px 30px;padding-right: 10px;}
+.api_content_title {text-align: center;font-weight: bold;}
+
+.demoContent {width: 940px;}
+.demoContent .right {float: right;padding: 20px;width: 600px;}
+.demoContent .left {float: left;padding: 20px;}
+.demoContent iframe {width:600px;min-height: 530px;}
+
+.faqContent {width: 940px;}
+.faqContent .right {float: right;padding: 20px;width: 600px;}
+.faqContent .left {float: left;padding: 20px;}
+.faqContent iframe {width:600px;min-height: 300px;}
+
+.baby_overlay_tmp {position: absolute;top:0; left:-5000px;display:block;visibility: hidden;width:640px;font-size:11px;}
+.baby_overlay_tmp .details {padding: 20px;}
+.baby_overlay {display:none;position:absolute;z-index:99;left:0; top:0;width:640px;color:#fff;font-size:11px;}
+.baby_overlay .content {width:100%; height:100px;overflow: hidden;background: transparent url(img/overlay_bg.png) scroll repeat 0 0;}
+.baby_overlay .details {padding:0 20px 20px 20px;}
+.baby_overlay .close {background-image:url(img/close.png);position:absolute; right:5px; top:5px;cursor:pointer;height:36px;width:36px;}
+.baby_overlay_arrow {background-image:url(img/overlay_arrow.png);background-position:0 0;position:absolute;height:40px;width:40px;left: -40px;}
+.baby_overlay_arrow.reverse {background-position:0 -40px;}
+
+/* Footer */
+.footer {position: relative;min-width: 1000px;font: 14px/24px arial, helvetica, sans-serif;}
+.footer ul {position:absolute;left: 0px;border:1px solid #393939;background:#262626;padding:12px 0px;line-height: 18px;display: none;list-style: none;}
+.footer ul li a {display:block;padding: 2px 15px;color: #9c9c9c;text-indent: 0;}
+.footer ul li a:hover {text-decoration:none;color: #fff;}
+.footer-logo {position:absolute;margin: 10px 0 0 30px;width:122px; height:24px;top:0; left:0;background: transparent url(img/footer-logo.png) no-repeat 0 0;}
+.footer_mii {position: absolute;right: 558px;top: 8px;z-index: 10;padding: 4px 0;}
+.footer_mii a {font-size:10px;color:#649140}
+.footer_mii a:hover {color:#B6D76F}
+.footer_siteMap {position: absolute;right: 358px;top: 8px;width: 155px;z-index: 10;padding: 4px 0;}
+.footer_siteMap .footer_siteMap_header {width:155px;text-indent: -9999px;background: transparent url(img/footer_siteMap.gif) no-repeat 0 0;}
+.footer_siteMap ul {top:-202px;width:180px;}
+.footer_siteMap:hover ul {left: 0}
+.footer_contact {position: absolute;right: 193px;top: 8px;width: 155px;z-index: 10;padding: 4px 0;}
+.footer_contact .footer_contact_header {width:155px;text-indent: -9999px;background: transparent url(img/footer_contact.gif) no-repeat 0px 0px;}
+.footer_contact ul {top:-113px;width:153px;}
+.footer_contact:hover ul {left: 0}
+.footer_download {position: absolute;right: 60px;top: 8px;width: 123px;z-index: 10;padding: 4px 0;}
+.footer_download .footer_download_header {width:123px;text-indent: -9999px;background: transparent url(img/footer_download.png) no-repeat 0px 0px;}
+.footer_download ul {top:-113px;width:140px;}
+.footer_download:hover ul {left: 0}
+
+/* button icon */
+button {vertical-align:middle;border:0 none;background: transparent no-repeat 0 0 scroll;}
+
+.shortcuts button.ico {width:24px; height:24px;padding:0; margin:0 10px 0 0;background-image:url(img/menuIcon.png)}
+.shortcuts button.home {background-position: 0 0}
+.shortcuts button.demo {background-position: 0 -24px}
+.shortcuts button.api {background-position: 0 -48px}
+.shortcuts button.faq {background-position: 0 -72px}
+.shortcuts button.donate {background-position: 0 -144px}
+.shortcuts button.download {background-position: 0 -96px}
+.shortcuts button.face {background-position: 0 -120px}
+.shortcuts button.cn {width:48px; height:24px;padding:0; margin:0 10px 0 0;background-image:url(img/chinese.png)}
+.shortcuts button.en {width:48px; height:24px;padding:0; margin:0 10px 0 0;background-image:url(img/english.png)}
+
+.content button.ico {width:24px; height:24px;padding:0; margin:0 10px 0 0;}
+
+.content button.ico16 {width:16px; height:16px;padding:0; margin:0 5px 0 0;background-image:url("img/apiMenu.png");}
+button.z_core {margin-top: -4px;background-position:0 0;}
+button.z_check {margin-top: -4px;background-position:0 -16px;}
+button.z_edit {margin-top: -4px;background-position:0 -32px;}
+button.z_hide {margin-top: -4px;background-position:0 -64px;}
+button.z_search {margin-top: -4px;background-position:0 -48px;}
+button.searchPrev {margin-top: -4px;background-position:-16px 0;cursor:pointer}
+button.searchNext {margin-top: -4px;background-position:-16px -16px;cursor:pointer}
+button.searchPrev.disabled {margin-top: -4px;background-position:-16px -32px;cursor:auto}
+button.searchNext.disabled {margin-top: -4px;background-position:-16px -48px;cursor:auto}
+input.search {margin:0;padding:2px 0; border:0;}
+input.searchKey {width:150px;}
+input.searchResult {margin-left:-3px;width:65px;text-align:right;background-color:white;color:#707070}
+input.searchResult.noResult {background-color:#ff6666;color:black}
+.baby_overlay div.overlaySearch {text-align:right;padding-right:50px;padding-top:12px;}
+
+/* api overlay*/
+.apiDetail .topLine {border-top: 1px dashed #376B29;margin-top: 5px;padding-top: 5px;}
+.apiDetail .highlight_red {color:#A60000;}
+.apiDetail .highlight_green {color:#A7F43D;}
+.apiDetail h1, .apiDetail h2, .apiDetail h3, .apiDetail h4, .apiDetail h5, .apiDetail h6 {color: white;padding: 0;}
+.apiDetail h2 {color: #A7F43D;margin: 5px auto;padding: 5px;font-size: 20px;}
+.apiDetail h2 span {font-size: 14px;float: right;font-weight: normal;margin: 2px 20px 0 0;vertical-align: bottom;}
+.apiDetail h2 span.path {float: left;margin: 2px 0 0 0;vertical-align: bottom;}
+.apiDetail h3 {margin: 5px auto;padding: 5px;font-size: 14px;font-weight: normal;}
+.apiDetail h3 span.h3_info {margin-left: 20px;font-size: 12px;}
+.apiDetail h4 {margin: 0 auto;padding: 0 5px;font-size: 12px;font-weight: normal;line-height: 16px;}
+.apiDetail .desc h4 {color: black;}
+.apiDetail h4 b{width: 150px;display:inline-block;}
+.apiDetail h4 span{width: 230px;display:inline-block;}
+
+.apiDetail pre, .apiDetail .desc {background: #E8FCD6;color: black;margin: 10px;padding: 10px;display: block;}
+.apiDetail pre {word-wrap: break-word;}
+.apiDetail p{margin-left: 5px;padding: 0;}
+.apiDetail .longdesc {margin-top: 5px;}
+.apiDetail .longdesc p{font-size: 12px;line-height:1.5;margin:3px 0;}
+.apiDetail .longdesc b{font-size: 14px;}
+.apiDetail table {border-collapse:collapse;}
+.apiDetail table td {border:1px solid silver;text-align: center;vertical-align: middle;}
+.apiDetail table thead td {font-weight: bold}
+
+.apiDetail button {width:16px; height:16px; vertical-align:middle; border:0 none; cursor: pointer;
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+	background-image:url("zTreeStyle/img/zTreeStandard.png");}
+
+.apiDetail button.chk {width:13px; height:13px; margin:0 3px 2px 0; cursor: auto}
+.apiDetail button.chk.checkbox_false_full {background-position:0 0}
+.apiDetail button.chk.checkbox_false_full_focus {background-position:0 -14px}
+.apiDetail button.chk.checkbox_false_part {background-position:0 -28px}
+.apiDetail button.chk.checkbox_false_part_focus {background-position:0 -42px}
+.apiDetail button.chk.checkbox_true_full {background-position:-14px 0}
+.apiDetail button.chk.checkbox_true_full_focus {background-position:-14px -14px}
+.apiDetail button.chk.checkbox_true_part {background-position:-14px -28px}
+.apiDetail button.chk.checkbox_true_part_focus {background-position:-14px -42px}
+.apiDetail button.chk.radio_false_full {background-position:-28px 0}
+.apiDetail button.chk.radio_false_full_focus {background-position:-28px -14px}
+.apiDetail button.chk.radio_false_part {background-position:-28px -28px}
+.apiDetail button.chk.radio_false_part_focus {background-position:-28px -42px}
+.apiDetail button.chk.radio_true_full {background-position:-42px 0}
+.apiDetail button.chk.radio_true_full_focus {background-position:-42px -14px}
+.apiDetail button.chk.radio_true_part {background-position:-42px -28px}
+.apiDetail button.chk.radio_true_part_focus {background-position:-42px -42px}
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/common_ie6.css b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/common_ie6.css
new file mode 100644
index 00000000..aacaf59c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/common_ie6.css	
@@ -0,0 +1,23 @@
+* html{
+/*	background-image:url(about:blank);*/
+	background-attachment:fixed;
+}
+html pre {word-wrap: break-word}
+.header {background-image: none;background-color: #F0F6E4;}
+
+.ieSuggest {display:block;}
+.shortcuts button.cn {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='apiCss/img/chinese.png');background-image: none;}
+.shortcuts button.en {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='apiCss/img/english.png');background-image: none;}
+
+.light-bulb {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='apiCss/img/lightbulb.png');background-image: none;}
+.contentBox {background-image: none;background-color: #F0F6E4;}
+.zTreeInfo {background-image: none;background-color: #F0F6E4;}
+
+.content button.ico16 {*background-image:url("img/apiMenu.gif")}
+.siteTag {background-image: none;}
+.apiContent .right {float: right;padding-right: 50px;}
+
+div.baby_overlay {background-color: #3C6E31;background-image:none;color:#fff;}
+div.baby_overlay .close {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='apiCss/img/overlay_close_IE6.gif');background-image: none;}
+.baby_overlay_arrow {background-image:url(img/overlay_arrow.gif);}
+.apiDetail button {background-image:url("img/zTreeStandard.gif")}
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/apiMenu.gif b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/apiMenu.gif
new file mode 100644
index 0000000000000000000000000000000000000000..066fc8e4d323888e61319185945c31dad3643ec5
GIT binary patch
literal 1736
zcmV;(1~>UfNk%w1VITld0Oo%HsP~MC)ocCg%Q&6Y`TF|rmtyCLP58@DjphG`-2bGc
zq>=G#`r$lAspt5~BD1rzuGZ}B!UXri8Pn6#Tevc!=Kq|Va^m9R|EYBLycB)iSXQ|7
z_PjZ%sj2kz^q=U2be^`mySwe}?U&pB=Ai<{#>Q&L{`98>?$iYJwGC;sNUg1{>$wB_
z-l>kb&xX$VX}9C_)|Bz-3GJeG{=Jj-x=Zxt8Be3ra?k%wn8IVf_VxZD-rn9>wCiK7
z*SGoqeaBt@!kl)*^zO<C&~7;Dt2BGo|GMF*;{N~n(JSl1tK5%e`qPPazv}b%5Apy1
z_Om4a$)nS#k?*;F@U4RR*fRgHf7W<I^V$;r_2&EFuz11kY0E?S&310mN9B<ty>drz
z$NSf94@|J{xlk5#)lvMSZ2tWDprD|H<X?Ws_Mpd&wB4hYy@k(%SWc|w$e)N~$vlL|
z@aN~}=IG|<=H{&M|FP}=^so}F%-#Rhvgf^~>$gAkurvSv|NsC0A^8LW004ggEC2ui
z03ZNR000O7fPaF6goTEOh-XSmL_|wUXNZCV2L}R@N<=e3dU`=KL`sNR2Mi1ch)P#c
zQ8Z+)tXHCiX9rccsD@`mtyW}yz+^O0M3IC{Ny$kqhkG+LR#w2$epWOydxTmJN!%PQ
zS}iSEgG<mD7{KX%7}iUJ0uJ)?^p=7|L1y~E`u#yflQ=k#K(L^}F864dDNq1dfma30
z&;a;H0EY}1GiuC$@Q)iR3>*3p$&iX0cu+E=SjloFhf9B?6qsSaKrmniW)zU34G&8w
z;KY#=REG%2n!x-RC_sfsokC1bNX5g<5CJJyj@DdC<%$#nv}#B_Q3H_&IF4qhoxuo>
zheKKa`baHnc7g>kjlfu#@D`DPK7C*!A|Qgtgb6%EfR)6!vE#=CAov(Czz2lIk|^0b
z1Yy9I5qIv4*fIbD<5H)F5`u7}LIng3V!OU!8j&qr#sm=<@H#<*qzy(?7=XD@3uQ@|
z5X#eJgb^dap!+d0qDdY?S;U3o(5;)6K|Y-0zyXZB9~{(uz&k*%y#ts7Muah80vLVz
zVMYuX)Wx8G2@bsUM|?UI2#gM~6{sJ78#O544KL`h!3Mxk=*I>+yl?|N9JJI@22jA{
z0t`a*Fa|Kc`O$+AFt~u7b}c}`5+2_PGRFXN^zcTCe!S6x90SaONDFw3rQ9F{xPT-7
z3_CXP1`I&DP#hs*&6S%V9w-Sz6I*Q21PlYX(AObV_MsXf9!vm24wU5p0$+^%6__N1
z8HSi*kL9Uno@X2Z1O*fTam1B|h!8>uLLzbm1pxry=m!B%aD-WhhERf{6gUbfpeg_$
zsV*fvAZiGQoRKL23nT@Mri4x)s;E31!bYPDr0PelwE_?T8-!dS>Iy47z{3SR@GvG2
zAK(hirnP<m#2_L(0PM8Xh9H6<6nv1zwyOHE?FSSH5^V?MmTPVYm;RBh2J8aE?z`ZM
z`@p&MrmI2#8kA86F#77NK>*K+yMh7)7hLcI*Z#2v5CM4M#j=2U0q`2V8oa{)u*Hr^
z2cu<h(QO%#(ox6+Xq2o#tX8eTF&A;f!3D?^tTE*oA(V{917@`mXaGC|OhFrCqWM6{
zq}FAD3Y_j0bRp5Mkmz8A9hTUXdseL{1YlC8_0}-dX2=|eCQJwncl==X*=XMZ10p3<
zy7T})Ab`LIv27r?+&}DhNC>Z%aOD7YAfUq&z&xSD-FE102oJA5FaaTeC-B4*u1%i6
z<%y$NEV0rC`@jW*@CIE1&m}P3bHhO!0=29oEC_Gp&1XUw=Z%-TASKXyuIurc@B|V<
z=zxSDW6-xC?z)@HdjdMt*X<ZOB%pY-23NmA!UMc8;r13@_=4hpc(6JD4+9qr`s*)@
zq5k?O68}9SJSbrE<DsV?+x_>C@%|x06Mdx*FHnOJ21vjGs^JCd*;~mTu(Uj|X=@P7
z!F3KXhhT{fNf$Vb1~)i?I#A7OAY{xLV!#Iykbn;{Ae7Z&K!OO^U<W&}K?Fz;gAo3K
zg)an#6M$g@8iMc)B(Q-KoFE1<5YdP|RH0*H5CJF1Kn6vGq8Mc0gb38IYDK`p6Q$^f
zD9Qi}MX*{BQ9#Bbnvsk>6eAYMh=L-vQ4D0n0tu{Egdx~*2t~xB815Lxs!f3fLx?~G
zia1CyL|_Okn1a>nK!QNBpoot&<Pb>kl&TS63XO~a3pUAuLy}-63LkWg2dF@TP6|?!
eB%s35_LQaqe8GfYC;*&n_=h@44No8p1OPkbFgk7k

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/apiMenu.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/apiMenu.png
new file mode 100644
index 0000000000000000000000000000000000000000..9acec5057306867f42393ce18d9166d13d152633
GIT binary patch
literal 3954
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
M07*qoM6N<$f(!tA<p2Nx

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/background.jpg b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/background.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..003375ff46b1eb2e9e4bfff5fd76f12630a628b7
GIT binary patch
literal 36520
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
F{|`9`0Ez$r

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/chinese.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/chinese.png
new file mode 100644
index 0000000000000000000000000000000000000000..d3b57fc12cb718404a1116cf5f1e414bd10b2ce4
GIT binary patch
literal 1556
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
GLSTY-f#eSW

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/close.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/close.png
new file mode 100644
index 0000000000000000000000000000000000000000..69e41e386cd4c674fce9de50565652114773c917
GIT binary patch
literal 1908
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

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/contact-bg.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/contact-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..a3d7a5f16c47f8ffe87637e20d1b681d77b3b649
GIT binary patch
literal 177
zcmeAS@N?(olHy`uVBq!ia0vp^j0_B%M>yDktkWy_Vu6%oiEBhjaDG}zd16s2gJVj5
zQmTSyZen_BP-<dIW#P$G8=#_KPZ!6Kid%0kIPx7(;9zmM^nbr(c2(I{+j0vZ2Oh;M
zGYYTv9Pzl>wfy$Vo-aRh|1XU<+vk7peay<9<B_RA{ixv2gy;rF2FKJ;bHhWI?t|n!
MUHx3vIVCg!0L^_mq5uE@

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/english.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/english.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ad2d7d5e8be30fb1677f22284abe0fb0d0d29d0
GIT binary patch
literal 1356
zcmV-S1+)5zP)<h;3K|Lk000e1NJLTq001xm000;W1^@s6y#0RM0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU$?ny*JRCwC#SAR^DWgI_S2jkv@d*M33
z!{h`nxT6VZFw+#)h-Nk|w2iG<6WhF2%cir@5Bo(c+bY|11%ITQ&dnuRS<cCrgIYv-
z6*@V>L*y(j;SdhJJBr()@8{j~b+7O4aBfHH*0X)?-uHRF&+~k~KcDBFH8nM*yPew|
zy4$?{ufWZ2cix0OHxQhJd_oW5Q^JKfvdILOkk5)GKkGkE;x`DTn!d|~O@uK`znRcL
zuxk3fgst&BFqiNw!4ZeR^(;1B+XC|a0gu%1ZQXr?WBu~;4{krXs-#XQEc}DU@(TI3
z-Y+eUZQF`R!^6_{wax7d=PtJk@14^skWP4qkTwkoC{|B+kuZ4!<S}m<k<f$uwnuln
zgA*fqIpwaX7=KKofQ!lRXxUu0qxMMqnZZsIkq-(FoQvfFSRw6j*KX^s<Mm~+SiG{b
zsiU&sahC160R?LC^SOJM&61iE$+I}aAXneKwjzdAVaP?0hvio+Sm%X2Ai`~Dyd?HO
z04_~SN$+^~$i^i#i(DR8#oN$Wx4-j4+k!bugF<$zkUvIPBP`6}B@wDsi5KP#j-K9U
z2O&ID2uUe=DQYtp^7u3A(1jrpHs$lG0xFJ!(^VlPQ4`2ro*2`kgD1mU_vfz&WJsCp
za*!+&(1w>b=^(57<-&LJL^Q1DHJ@C(WdP93zuL|Yb;(drgpFF}W0CZ~$2teH@#7yK
zP&S2&t3S$IjW`r8RFql0bKWD3?XSb_x(|-M;DikNnLNg7o9?YbKV;E&;(RN{bs&UX
zSifg+1!Q<*UI&1(=SO<v3}aT9y^ntU3(k&s2bmE+p}&H9vUa#-^YGU|!R&<rwqjfF
zS5{aO?=Lm4DGU8Qt~_&iJ-7d%C76F;<C#`_R&jvm_6NG<ob<dP=Ymr5%mw2dF5jR1
z#)iERwovkq(LTAzS{{Hgyu+tWkfZq=Zo}~uKqBd&z1cWB!kx9{o4jnjRV5pIc>bxs
z#p<eP@EDU#Q4m9T!9w1lQ<l01Uh|?{;yKS!q>v6=88je)l@ddFH5wX{GE;LDLX>k+
z80F2wPZuj=<RQGf2aa0{vrB{7rre0yNYwgbDd1oQpuLow#__HYM~Gly8Z)4;%JGB`
zVb$$FVPRseJqL4HnY};0KOcQolPxTgR%XJS5BFr1D1@l81z`D(zN0pHW8l(nN(fgL
z*7z`XaolI%bp@rnwF-dzdq_B5+>m6vTIWIjp!*X$7U1OK1Y}~0f@IZPb3qW6WUI}|
zm>+>RcrC2YMnJCN9bp2?V_oI6^q-W~MZ|ZhS2iT2Mmg_9g}X)pCnp~g7tgQ;ClyMn
zCDj_{@G8w+u9P!)g!|aN*o?!By@x|f$t}tkyn{HCg))bJZd4K&C6>y#|4*_w@`o$X
z#AHYxnY^N}cGmh;CI6bc5PKkD4PJmUd)9ZhC-^?~E8#8eIe<gxWx`X}xd)vR-nuBP
z@UZF-3#rEPK^|2^HJ9aZ_$?K(9#Q!mD!DHRMIs+P;xKfI_3{3hnp7fgqqw9kQ+FWd
zUHdAl8rQY8it__^EcdPWL1W}g8V(}P3tZSxRRsB-nIfNv4;tm*3r0qgl!K`IfF0!y
zC02D!*gKOS7>Nj>SRW~9{}5gk9=N3yFsnZMBylB1vbFGqYbM*j0t^6^0%#C5cunyD
O0000<MNUMnLSTY0j*(>m

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/header-bg.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/header-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..a2baacf2a8a302de4575a88a04e98f98546f30a3
GIT binary patch
literal 148
zcmeAS@N?(olHy`uVBq!ia0vp^j6kHr!3Jb81>C#}q$EpRBT9nv(@M${i&7aJQ}UBi
z6+Ckj(^G>|6H_V+Po~-c6`6UuIEGZ*O8Upo;=|+M5dFwrQz)hDVvF}it6Q227j0`a
uZ#d?)VsT%R-qEBVs&1WuOpXjJ5)8Zg+{AoBQ=S4%VDNPHb6Mw<&;$UeKrO}q

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/lightbulb.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/lightbulb.png
new file mode 100644
index 0000000000000000000000000000000000000000..c99357a35221d96943f4bf05354611e4c398ac9a
GIT binary patch
literal 27355
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
S9Tmj@0000<MNUMnLSTYP*)_2M

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/overlay_arrow.gif b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/overlay_arrow.gif
new file mode 100644
index 0000000000000000000000000000000000000000..e7c3e6d46e470b6d6e02efcae4944fb41f28ce72
GIT binary patch
literal 625
zcmV-%0*?JhNk%w1VJHAl0M$AG_xbkx{rvj-`RMNE^7iuZ^zT-JO-FV;<LcsLi(BUG
z<ynMKN_ar+^6WitGxhlOWsO}=d`3)qLs5Q6>hS4nkz;k3ZEllhM07eoa5Zw4YeI53
zcbagArhvxP!(ND1#ni$&Z7|W@&*13aHEAl5u8f4Fez(fAldq1};MAeHoGW4=C}15p
zYb{)cQ<kxi!qUG}fJ!G{9JI)>XpdlUm1$;<USNq>qr0CbUK;=Z{{R300000000000
z00000A^8LW0024wEC2ui04M-Z000L6K%Fi}Bqd6)f^f-fI-ksdEhi&dF&dQ!%I)d`
z7OU9GGMHuvullPQyR9t<3Pe~x1GTr_da&S9c1r;ldxb<R3mqp4YlDW5L?JXU9uHgs
z6_A=l3>;9Ho12#qp^#kyq@{&k0tu>nY5=aUZfgKHv}1MvAGub604}~cfjR&SzQxAK
zw8}aU2F=dUug*dQF{;+r6Q$eSq2EFU5u)Nc<eKL~4HBm7I_;0}><otVLKOC}_&O8^
z{Q3<5_@>{I0T>Dz6f$5#t%VF7ih;O9L57JGg;@NRQ3wJDL^>|{NKB-V5e`hMT=@j0
zN|Gi?mdv;@B+ZK)AvV;dQzAx=g9sH0B=`{Dzku-ct)kapA5wAh?yZX|Rb0Av->zb{
zMxdKHu3o<?!=`Oow6evhRV#KZ7h7i1Yza$dtJg4FxQ5N-B1^B$OSAl*O67NN6I6wB
z9?q2bFB4FWJ2`QrR}v*llL^s6q=-=$JgWNq2^63Wq&RcxC<9Zd%$YRbq)-`yMN2;`
LMvy2m7z6-2*^d_a

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/overlay_arrow.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/overlay_arrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..d790a1151ba2a62bcb3eeba22963a37b50f7c80d
GIT binary patch
literal 830
zcmV-E1Ht@>P)<h;3K|Lk000e1NJLTq001Ze002-31^@s6YmYa<0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU!;7LS5RCwCV+y7@)Q5*;Gv(q&)mJx9q
z4>3k$#2As7o^5(;$|m+xe^n&*Q%aPwR7=c=R(i-7BSvJ57!MOsPoK|xK6cFA?S47;
zocH1Fd474W*FHP<oO_OQ2m1ZKxwv%BQ0tlFc0lP;zED2P_X885CGvTO@|H3~`AZq0
zOiQ%wW}q8y15O1Qd7pB(;BWs3vMXSQe{T|~$On|gir4$;pg+lH&nHlk4=Hy%72%uH
zH8v?*b%Bapp)54et$t^8jUWHJNwWIaJ^Ah%IY^n3Xxq;~ALdoiy%<-r6JdneVX!Um
z@8C+VMgWdemTkd4!^pK51GO#Dv6o{YZOOZjk?&D~QINL6Z+;1K9TliZp0hVlfr?zB
zd_V;%lIQG?s6a(7G=;RDuEWUNGLJ$6jZE(IzLD1RAABg4?4km7@x_(=iV9TZEg#6H
zfNmwXP=UI>?$kjx4OAqLliR33U5<9DAVUFN<PIvZ5;8PUmzW({&_e=CA!7l#?Fn)h
z6{yHLld~%p8>q<kX-EX1B4<s;CK3wJ2=3-dBoa`Ovr<t=ppm}VRwN=&k$iXW9qkVy
zH*3J#(H3yd4r|PIiSin?f-S~TQVWXXjnWjc4~|maC=LzCxOegicNeEpxlzPnCY3(d
zLL3KExm#O^12yATWxRu%NiGO(3~{O}jEez0FSv2UhlSF(kU+&<Mtt1j6C^LH;6eaL
zq;gjfA6SPeFYDl%1TyXwWdiY$Un@7^<6^#nLzL%~tB8xHA*tLX;;QbfRBqCDf3co$
zJkCuau8SG>tSMYwAmg4=t|9I$FzyNEI^xy`;~r6Ngm}s*3mg>Obf{-Ei;OD+R9rjs
z`oI>%t;E1_OA6wm9dOJ8>S5auxKodaCOJ6RL$+EuU$|Pwl#>h`AM~zzhT8i<@8krI
zkIEN4g&yRny!*1jV{`nnLDujS<z<7!sm6>mHp0BF@lSvO0FMmM)gXg(!2kdN07*qo
IM6N<$f-P!#uK)l5

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/overlay_bg.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/overlay_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..5f81ee69d530a8760630eccb3771f5f15091e9dd
GIT binary patch
literal 109
zcmeAS@N?(olHy`uVBq!ia0vp^j3CUx1|;Q0k8}bl$r9IylHmNblJdl&R0hYC{G?O`
z&)mfH)S%SFl*+=BsWw1G{GKk3Ar-fhCU8Cd%_5M%z*NOp@bwaR8&HbD)78&qol`;+
E07Hcx5C8xG

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/overlay_close_IE6.gif b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/overlay_close_IE6.gif
new file mode 100644
index 0000000000000000000000000000000000000000..42cb8d83498f922fb6005864738917cab2eeb66c
GIT binary patch
literal 441
zcmZ?wbhEHbRAEqIxT?+&-I`ZEt9$DDCE?B4MblbJXLMA}?wzo9@r1Ptr9uT{BV~7;
zKKl0Khob3ir87DM>Qf4)Hp@pT+<*Qwx;6jXk8jP3rkZEFz5o1CAxe45`Xwp7l^O{K
znG<TGTk=%nb<1aU)y|txI<xc4t!uyk{FVyk`~Uwx0|Ntu1TrWGia%Kx85q<VbU;Rd
z{KUX^?ZD&$4;`ug6HAIt=2*?Yu%g6kZPfaZ$z`YCR?S~FslrEZvhRaS8E5l$Usv5?
zY@>AZ{f|Ey^VUr^6Rj+h5i6@M@-0!}6jzq46i^nCP-(9%lg(x-XUS%5t0~SZXPBij
zS9$(|4xg?i*-F`b71I{gElF0aTG+X`f-RY2_ZshYW%AkF*@w!v?%mFqt)L>D&3<;z
z+I_s)Y~{??R!>(EQf91tz#};I=FxpzQcWuSa*wus`f={o_8(i`dX?PcNcpVqDPhcU
bT7db*(nMz+0cEc_9vc@O?RIZsV6X-NX7Qsr

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/zTreeStandard.gif b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/zTreeStandard.gif
new file mode 100644
index 0000000000000000000000000000000000000000..3f69a5b1d370c02c65395f6a91f46b94cfeae7d9
GIT binary patch
literal 6851
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

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/zTreeStandard.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/img/zTreeStandard.png
new file mode 100644
index 0000000000000000000000000000000000000000..33c9e8441e33300cbf10b56b065a4b8fcc997841
GIT binary patch
literal 12573
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%0D;`k-f)u8WPe`SZ=E;yKh+O2t
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

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/jquery-1.6.2.min.js b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/jquery-1.6.2.min.js
new file mode 100644
index 00000000..8cdc80eb
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/jquery-1.6.2.min.js	
@@ -0,0 +1,18 @@
+/*!
+ * jQuery JavaScript Library v1.6.2
+ * http://jquery.com/
+ *
+ * Copyright 2011, John Resig
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ * Copyright 2011, The Dojo Foundation
+ * Released under the MIT, BSD, and GPL Licenses.
+ *
+ * Date: Thu Jun 30 14:16:56 2011 -0400
+ */
+(function(a,b){function cv(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cs(a){if(!cg[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){ch||(ch=c.createElement("iframe"),ch.frameBorder=ch.width=ch.height=0),b.appendChild(ch);if(!ci||!ch.createElement)ci=(ch.contentWindow||ch.contentDocument).document,ci.write((c.compatMode==="CSS1Compat"?"<!doctype html>":"")+"<html><body>"),ci.close();d=ci.createElement(a),ci.body.appendChild(d),e=f.css(d,"display"),b.removeChild(ch)}cg[a]=e}return cg[a]}function cr(a,b){var c={};f.each(cm.concat.apply([],cm.slice(0,b)),function(){c[this]=a});return c}function cq(){cn=b}function cp(){setTimeout(cq,0);return cn=f.now()}function cf(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ce(){try{return new a.XMLHttpRequest}catch(b){}}function b$(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g<i;g++){if(g===1)for(h in a.converters)typeof h=="string"&&(e[h.toLowerCase()]=a.converters[h]);l=k,k=d[g];if(k==="*")k=l;else if(l!=="*"&&l!==k){m=l+" "+k,n=e[m]||e["* "+k];if(!n){p=b;for(o in e){j=o.split(" ");if(j[0]===l||j[0]==="*"){p=e[j[1]+" "+k];if(p){o=e[o],o===!0?n=p:p===!0&&(n=o);break}}}}!n&&!p&&f.error("No conversion from "+m.replace(" "," to ")),n!==!0&&(c=n?n(c):p(o(c)))}}return c}function bZ(a,c,d){var e=a.contents,f=a.dataTypes,g=a.responseFields,h,i,j,k;for(i in g)i in d&&(c[g[i]]=d[i]);while(f[0]==="*")f.shift(),h===b&&(h=a.mimeType||c.getResponseHeader("content-type"));if(h)for(i in e)if(e[i]&&e[i].test(h)){f.unshift(i);break}if(f[0]in d)j=f[0];else{for(i in d){if(!f[0]||a.converters[i+" "+f[0]]){j=i;break}k||(k=i)}j=j||k}if(j){j!==f[0]&&f.unshift(j);return d[j]}}function bY(a,b,c,d){if(f.isArray(b))f.each(b,function(b,e){c||bC.test(a)?d(a,e):bY(a+"["+(typeof e=="object"||f.isArray(e)?b:"")+"]",e,c,d)});else if(!c&&b!=null&&typeof b=="object")for(var e in b)bY(a+"["+e+"]",b[e],c,d);else d(a,b)}function bX(a,c,d,e,f,g){f=f||c.dataTypes[0],g=g||{},g[f]=!0;var h=a[f],i=0,j=h?h.length:0,k=a===bR,l;for(;i<j&&(k||!l);i++)l=h[i](c,d,e),typeof l=="string"&&(!k||g[l]?l=b:(c.dataTypes.unshift(l),l=bX(a,c,d,e,l,g)));(k||!l)&&!g["*"]&&(l=bX(a,c,d,e,"*",g));return l}function bW(a){return function(b,c){typeof b!="string"&&(c=b,b="*");if(f.isFunction(c)){var d=b.toLowerCase().split(bN),e=0,g=d.length,h,i,j;for(;e<g;e++)h=d[e],j=/^\+/.test(h),j&&(h=h.substr(1)||"*"),i=a[h]=a[h]||[],i[j?"unshift":"push"](c)}}}function bA(a,b,c){var d=b==="width"?a.offsetWidth:a.offsetHeight,e=b==="width"?bv:bw;if(d>0){c!=="border"&&f.each(e,function(){c||(d-=parseFloat(f.css(a,"padding"+this))||0),c==="margin"?d+=parseFloat(f.css(a,c+this))||0:d-=parseFloat(f.css(a,"border"+this+"Width"))||0});return d+"px"}d=bx(a,b,b);if(d<0||d==null)d=a.style[b]||0;d=parseFloat(d)||0,c&&f.each(e,function(){d+=parseFloat(f.css(a,"padding"+this))||0,c!=="padding"&&(d+=parseFloat(f.css(a,"border"+this+"Width"))||0),c==="margin"&&(d+=parseFloat(f.css(a,c+this))||0)});return d+"px"}function bm(a,b){b.src?f.ajax({url:b.src,async:!1,dataType:"script"}):f.globalEval((b.text||b.textContent||b.innerHTML||"").replace(be,"/*$0*/")),b.parentNode&&b.parentNode.removeChild(b)}function bl(a){f.nodeName(a,"input")?bk(a):"getElementsByTagName"in a&&f.grep(a.getElementsByTagName("input"),bk)}function bk(a){if(a.type==="checkbox"||a.type==="radio")a.defaultChecked=a.checked}function bj(a){return"getElementsByTagName"in a?a.getElementsByTagName("*"):"querySelectorAll"in a?a.querySelectorAll("*"):[]}function bi(a,b){var c;if(b.nodeType===1){b.clearAttributes&&b.clearAttributes(),b.mergeAttributes&&b.mergeAttributes(a),c=b.nodeName.toLowerCase();if(c==="object")b.outerHTML=a.outerHTML;else if(c!=="input"||a.type!=="checkbox"&&a.type!=="radio"){if(c==="option")b.selected=a.defaultSelected;else if(c==="input"||c==="textarea")b.defaultValue=a.defaultValue}else a.checked&&(b.defaultChecked=b.checked=a.checked),b.value!==a.value&&(b.value=a.value);b.removeAttribute(f.expando)}}function bh(a,b){if(b.nodeType===1&&!!f.hasData(a)){var c=f.expando,d=f.data(a),e=f.data(b,d);if(d=d[c]){var g=d.events;e=e[c]=f.extend({},d);if(g){delete e.handle,e.events={};for(var h in g)for(var i=0,j=g[h].length;i<j;i++)f.event.add(b,h+(g[h][i].namespace?".":"")+g[h][i].namespace,g[h][i],g[h][i].data)}}}}function bg(a,b){return f.nodeName(a,"table")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function W(a,b,c){b=b||0;if(f.isFunction(b))return f.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return f.grep(a,function(a,d){return a===b===c});if(typeof b=="string"){var d=f.grep(a,function(a){return a.nodeType===1});if(R.test(b))return f.filter(b,d,!c);b=f.filter(b,d)}return f.grep(a,function(a,d){return f.inArray(a,b)>=0===c})}function V(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function N(a,b){return(a&&a!=="*"?a+".":"")+b.replace(z,"`").replace(A,"&")}function M(a){var b,c,d,e,g,h,i,j,k,l,m,n,o,p=[],q=[],r=f._data(this,"events");if(!(a.liveFired===this||!r||!r.live||a.target.disabled||a.button&&a.type==="click")){a.namespace&&(n=new RegExp("(^|\\.)"+a.namespace.split(".").join("\\.(?:.*\\.)?")+"(\\.|$)")),a.liveFired=this;var s=r.live.slice(0);for(i=0;i<s.length;i++)g=s[i],g.origType.replace(x,"")===a.type?q.push(g.selector):s.splice(i--,1);e=f(a.target).closest(q,a.currentTarget);for(j=0,k=e.length;j<k;j++){m=e[j];for(i=0;i<s.length;i++){g=s[i];if(m.selector===g.selector&&(!n||n.test(g.namespace))&&!m.elem.disabled){h=m.elem,d=null;if(g.preType==="mouseenter"||g.preType==="mouseleave")a.type=g.preType,d=f(a.relatedTarget).closest(g.selector)[0],d&&f.contains(h,d)&&(d=h);(!d||d!==h)&&p.push({elem:h,handleObj:g,level:m.level})}}}for(j=0,k=p.length;j<k;j++){e=p[j];if(c&&e.level>c)break;a.currentTarget=e.elem,a.data=e.handleObj.data,a.handleObj=e.handleObj,o=e.handleObj.origHandler.apply(e.elem,arguments);if(o===!1||a.isPropagationStopped()){c=e.level,o===!1&&(b=!1);if(a.isImmediatePropagationStopped())break}}return b}}function K(a,c,d){var e=f.extend({},d[0]);e.type=a,e.originalEvent={},e.liveFired=b,f.event.handle.call(c,e),e.isDefaultPrevented()&&d[0].preventDefault()}function E(){return!0}function D(){return!1}function m(a,c,d){var e=c+"defer",g=c+"queue",h=c+"mark",i=f.data(a,e,b,!0);i&&(d==="queue"||!f.data(a,g,b,!0))&&(d==="mark"||!f.data(a,h,b,!0))&&setTimeout(function(){!f.data(a,g,b,!0)&&!f.data(a,h,b,!0)&&(f.removeData(a,e,!0),i.resolve())},0)}function l(a){for(var b in a)if(b!=="toJSON")return!1;return!0}function k(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(j,"$1-$2").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNaN(d)?i.test(d)?f.parseJSON(d):d:parseFloat(d)}catch(g){}f.data(a,c,d)}else d=b}return d}var c=a.document,d=a.navigator,e=a.location,f=function(){function J(){if(!e.isReady){try{c.documentElement.doScroll("left")}catch(a){setTimeout(J,1);return}e.ready()}}var e=function(a,b){return new e.fn.init(a,b,h)},f=a.jQuery,g=a.$,h,i=/^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/\d/,n=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,o=/^[\],:{}\s]*$/,p=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,q=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,r=/(?:^|:|,)(?:\s*\[)+/g,s=/(webkit)[ \/]([\w.]+)/,t=/(opera)(?:.*version)?[ \/]([\w.]+)/,u=/(msie) ([\w.]+)/,v=/(mozilla)(?:.*? rv:([\w.]+))?/,w=/-([a-z])/ig,x=function(a,b){return b.toUpperCase()},y=d.userAgent,z,A,B,C=Object.prototype.toString,D=Object.prototype.hasOwnProperty,E=Array.prototype.push,F=Array.prototype.slice,G=String.prototype.trim,H=Array.prototype.indexOf,I={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=n.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.6.2",length:0,size:function(){return this.length},toArray:function(){return F.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?E.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),A.done(a);return this},eq:function(a){return a===-1?this.slice(a):this.slice(a,+a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(F.apply(this,arguments),"slice",F.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:E,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j<k;j++)if((a=arguments[j])!=null)for(c in a){d=i[c],f=a[c];if(i===f)continue;l&&f&&(e.isPlainObject(f)||(g=e.isArray(f)))?(g?(g=!1,h=d&&e.isArray(d)?d:[]):h=d&&e.isPlainObject(d)?d:{},i[c]=e.extend(l,h,f)):f!==b&&(i[c]=f)}return i},e.extend({noConflict:function(b){a.$===e&&(a.$=g),b&&a.jQuery===e&&(a.jQuery=f);return e},isReady:!1,readyWait:1,holdReady:function(a){a?e.readyWait++:e.ready(!0)},ready:function(a){if(a===!0&&!--e.readyWait||a!==!0&&!e.isReady){if(!c.body)return setTimeout(e.ready,1);e.isReady=!0;if(a!==!0&&--e.readyWait>0)return;A.resolveWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").unbind("ready")}},bindReady:function(){if(!A){A=e._Deferred();if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",B,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",B),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&J()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a&&typeof a=="object"&&"setInterval"in a},isNaN:function(a){return a==null||!m.test(a)||isNaN(a)},type:function(a){return a==null?String(a):I[C.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;if(a.constructor&&!D.call(a,"constructor")&&!D.call(a.constructor.prototype,"isPrototypeOf"))return!1;var c;for(c in a);return c===b||D.call(a,c)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw a},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(o.test(b.replace(p,"@").replace(q,"]").replace(r,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(b,c,d){a.DOMParser?(d=new DOMParser,c=d.parseFromString(b,"text/xml")):(c=new ActiveXObject("Microsoft.XMLDOM"),c.async="false",c.loadXML(b)),d=c.documentElement,(!d||!d.nodeName||d.nodeName==="parsererror")&&e.error("Invalid XML: "+b);return c},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(w,x)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g<h;)if(c.apply(a[g++],d)===!1)break}else if(i){for(f in a)if(c.call(a[f],f,a[f])===!1)break}else for(;g<h;)if(c.call(a[g],g,a[g++])===!1)break;return a},trim:G?function(a){return a==null?"":G.call(a)}:function(a){return a==null?"":(a+"").replace(k,"").replace(l,"")},makeArray:function(a,b){var c=b||[];if(a!=null){var d=e.type(a);a.length==null||d==="string"||d==="function"||d==="regexp"||e.isWindow(a)?E.call(c,a):e.merge(c,a)}return c},inArray:function(a,b){if(H)return H.call(b,a);for(var c=0,d=b.length;c<d;c++)if(b[c]===a)return c;return-1},merge:function(a,c){var d=a.length,e=0;if(typeof c.length=="number")for(var f=c.length;e<f;e++)a[d++]=c[e];else while(c[e]!==b)a[d++]=c[e++];a.length=d;return a},grep:function(a,b,c){var d=[],e;c=!!c;for(var f=0,g=a.length;f<g;f++)e=!!b(a[f],f),c!==e&&d.push(a[f]);return d},map:function(a,c,d){var f,g,h=[],i=0,j=a.length,k=a instanceof e||j!==b&&typeof j=="number"&&(j>0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i<j;i++)f=c(a[i],i,d),f!=null&&(h[h.length]=f);else for(g in a)f=c(a[g],g,d),f!=null&&(h[h.length]=f);return h.concat.apply([],h)},guid:1,proxy:function(a,c){if(typeof c=="string"){var d=a[c];c=a,a=d}if(!e.isFunction(a))return b;var f=F.call(arguments,2),g=function(){return a.apply(c,f.concat(F.call(arguments)))};g.guid=a.guid=a.guid||g.guid||e.guid++;return g},access:function(a,c,d,f,g,h){var i=a.length;if(typeof c=="object"){for(var j in c)e.access(a,j,c[j],f,g,d);return a}if(d!==b){f=!h&&f&&e.isFunction(d);for(var k=0;k<i;k++)g(a[k],c,f?d.call(a[k],k,g(a[k],c)):d,h);return a}return i?g(a[0],c):b},now:function(){return(new Date).getTime()},uaMatch:function(a){a=a.toLowerCase();var b=s.exec(a)||t.exec(a)||u.exec(a)||a.indexOf("compatible")<0&&v.exec(a)||[];return{browser:b[1]||"",version:b[2]||"0"}},sub:function(){function a(b,c){return new a.fn.init(b,c)}e.extend(!0,a,this),a.superclass=this,a.fn=a.prototype=this(),a.fn.constructor=a,a.sub=this.sub,a.fn.init=function(d,f){f&&f instanceof e&&!(f instanceof a)&&(f=a(f));return e.fn.init.call(this,d,f,b)},a.fn.init.prototype=a.fn;var b=a(c);return a},browser:{}}),e.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(a,b){I["[object "+b+"]"]=b.toLowerCase()}),z=e.uaMatch(y),z.browser&&(e.browser[z.browser]=!0,e.browser.version=z.version),e.browser.webkit&&(e.browser.safari=!0),j.test(" ")&&(k=/^[\s\xA0]+/,l=/[\s\xA0]+$/),h=e(c),c.addEventListener?B=function(){c.removeEventListener("DOMContentLoaded",B,!1),e.ready()}:c.attachEvent&&(B=function(){c.readyState==="complete"&&(c.detachEvent("onreadystatechange",B),e.ready())});return e}(),g="done fail isResolved isRejected promise then always pipe".split(" "),h=[].slice;f.extend({_Deferred:function(){var a=[],b,c,d,e={done:function(){if(!d){var c=arguments,g,h,i,j,k;b&&(k=b,b=0);for(g=0,h=c.length;g<h;g++)i=c[g],j=f.type(i),j==="array"?e.done.apply(e,i):j==="function"&&a.push(i);k&&e.resolveWith(k[0],k[1])}return this},resolveWith:function(e,f){if(!d&&!b&&!c){f=f||[],c=1;try{while(a[0])a.shift().apply(e,f)}finally{b=[e,f],c=0}}return this},resolve:function(){e.resolveWith(this,arguments);return this},isResolved:function(){return!!c||!!b},cancel:function(){d=1,a=[];return this}};return e},Deferred:function(a){var b=f._Deferred(),c=f._Deferred(),d;f.extend(b,{then:function(a,c){b.done(a).fail(c);return this},always:function(){return b.done.apply(b,arguments).fail.apply(this,arguments)},fail:c.done,rejectWith:c.resolveWith,reject:c.resolve,isRejected:c.isResolved,pipe:function(a,c){return f.Deferred(function(d){f.each({done:[a,"resolve"],fail:[c,"reject"]},function(a,c){var e=c[0],g=c[1],h;f.isFunction(e)?b[a](function(){h=e.apply(this,arguments),h&&f.isFunction(h.promise)?h.promise().then(d.resolve,d.reject):d[g](h)}):b[a](d[g])})}).promise()},promise:function(a){if(a==null){if(d)return d;d=a={}}var c=g.length;while(c--)a[g[c]]=b[g[c]];return a}}),b.done(c.cancel).fail(b.cancel),delete b.cancel,a&&a.call(b,b);return b},when:function(a){function i(a){return function(c){b[a]=arguments.length>1?h.call(arguments,0):c,--e||g.resolveWith(g,h.call(b,0))}}var b=arguments,c=0,d=b.length,e=d,g=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred();if(d>1){for(;c<d;c++)b[c]&&f.isFunction(b[c].promise)?b[c].promise().then(i(c),g.reject):--e;e||g.resolveWith(g,b)}else g!==a&&g.resolveWith(g,d?[a]:[]);return g.promise()}}),f.support=function(){var a=c.createElement("div"),b=c.documentElement,d,e,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u;a.setAttribute("className","t"),a.innerHTML="   <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>",d=a.getElementsByTagName("*"),e=a.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=a.getElementsByTagName("input")[0],k={leadingWhitespace:a.firstChild.nodeType===3,tbody:!a.getElementsByTagName("tbody").length,htmlSerialize:!!a.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55$/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:a.className!=="t",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0},i.checked=!0,k.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,k.optDisabled=!h.disabled;try{delete a.test}catch(v){k.deleteExpando=!1}!a.addEventListener&&a.attachEvent&&a.fireEvent&&(a.attachEvent("onclick",function(){k.noCloneEvent=!1}),a.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),k.radioValue=i.value==="t",i.setAttribute("checked","checked"),a.appendChild(i),l=c.createDocumentFragment(),l.appendChild(a.firstChild),k.checkClone=l.cloneNode(!0).cloneNode(!0).lastChild.checked,a.innerHTML="",a.style.width=a.style.paddingLeft="1px",m=c.getElementsByTagName("body")[0],o=c.createElement(m?"div":"body"),p={visibility:"hidden",width:0,height:0,border:0,margin:0},m&&f.extend(p,{position:"absolute",left:-1e3,top:-1e3});for(t in p)o.style[t]=p[t];o.appendChild(a),n=m||b,n.insertBefore(o,n.firstChild),k.appendChecked=i.checked,k.boxModel=a.offsetWidth===2,"zoom"in a.style&&(a.style.display="inline",a.style.zoom=1,k.inlineBlockNeedsLayout=a.offsetWidth===2,a.style.display="",a.innerHTML="<div style='width:4px;'></div>",k.shrinkWrapBlocks=a.offsetWidth!==2),a.innerHTML="<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>",q=a.getElementsByTagName("td"),u=q[0].offsetHeight===0,q[0].style.display="",q[1].style.display="none",k.reliableHiddenOffsets=u&&q[0].offsetHeight===0,a.innerHTML="",c.defaultView&&c.defaultView.getComputedStyle&&(j=c.createElement("div"),j.style.width="0",j.style.marginRight="0",a.appendChild(j),k.reliableMarginRight=(parseInt((c.defaultView.getComputedStyle(j,null)||{marginRight:0}).marginRight,10)||0)===0),o.innerHTML="",n.removeChild(o);if(a.attachEvent)for(t in{submit:1,change:1,focusin:1})s="on"+t,u=s in a,u||(a.setAttribute(s,"return;"),u=typeof a[s]=="function"),k[t+"Bubbles"]=u;o=l=g=h=m=j=a=i=null;return k}(),f.boxModel=f.support.boxModel;var i=/^(?:\{.*\}|\[.*\])$/,j=/([a-z])([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!l(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g=f.expando,h=typeof c=="string",i,j=a.nodeType,k=j?f.cache:a,l=j?a[f.expando]:a[f.expando]&&f.expando;if((!l||e&&l&&!k[l][g])&&h&&d===b)return;l||(j?a[f.expando]=l=++f.uuid:l=f.expando),k[l]||(k[l]={},j||(k[l].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?k[l][g]=f.extend(k[l][g],c):k[l]=f.extend(k[l],c);i=k[l],e&&(i[g]||(i[g]={}),i=i[g]),d!==b&&(i[f.camelCase(c)]=d);if(c==="events"&&!i[c])return i[g]&&i[g].events;return h?i[f.camelCase(c)]||i[c]:i}},removeData:function(b,c,d){if(!!f.acceptData(b)){var e=f.expando,g=b.nodeType,h=g?f.cache:b,i=g?b[f.expando]:f.expando;if(!h[i])return;if(c){var j=d?h[i][e]:h[i];if(j){delete j[c];if(!l(j))return}}if(d){delete h[i][e];if(!l(h[i]))return}var k=h[i][e];f.support.deleteExpando||h!=a?delete h[i]:h[i]=null,k?(h[i]={},g||(h[i].toJSON=f.noop),h[i][e]=k):g&&(f.support.deleteExpando?delete b[f.expando]:b.removeAttribute?b.removeAttribute(f.expando):b[f.expando]=null)}},_data:function(a,b,c){return f.data(a,b,c,!0)},acceptData:function(a){if(a.nodeName){var b=f.noData[a.nodeName.toLowerCase()];if(b)return b!==!0&&a.getAttribute("classid")===b}return!0}}),f.fn.extend({data:function(a,c){var d=null;if(typeof a=="undefined"){if(this.length){d=f.data(this[0]);if(this[0].nodeType===1){var e=this[0].attributes,g;for(var h=0,i=e.length;h<i;h++)g=e[h].name,g.indexOf("data-")===0&&(g=f.camelCase(g.substring(5)),k(this[0],g,d[g]))}}return d}if(typeof a=="object")return this.each(function(){f.data(this,a)});var j=a.split(".");j[1]=j[1]?"."+j[1]:"";if(c===b){d=this.triggerHandler("getData"+j[1]+"!",[j[0]]),d===b&&this.length&&(d=f.data(this[0],a),d=k(this[0],a,d));return d===b&&j[1]?this.data(j[0]):d}return this.each(function(){var b=f(this),d=[j[0],c];b.triggerHandler("setData"+j[1]+"!",d),f.data(this,a,c),b.triggerHandler("changeData"+j[1]+"!",d)})},removeData:function(a){return this.each(function(){f.removeData(this,a)})}}),f.extend({_mark:function(a,c){a&&(c=(c||"fx")+"mark",f.data(a,c,(f.data(a,c,b,!0)||0)+1,!0))},_unmark:function(a,c,d){a!==!0&&(d=c,c=a,a=!1);if(c){d=d||"fx";var e=d+"mark",g=a?0:(f.data(c,e,b,!0)||1)-1;g?f.data(c,e,g,!0):(f.removeData(c,e,!0),m(c,d,"mark"))}},queue:function(a,c,d){if(a){c=(c||"fx")+"queue";var e=f.data(a,c,b,!0);d&&(!e||f.isArray(d)?e=f.data(a,c,f.makeArray(d),!0):e.push(d));return e||[]}},dequeue:function(a,b){b=b||"fx";var c=f.queue(a,b),d=c.shift(),e;d==="inprogress"&&(d=c.shift()),d&&(b==="fx"&&c.unshift("inprogress"),d.call(a,function(){f.dequeue(a,b)})),c.length||(f.removeData(a,b+"queue",!0),m(a,b,"queue"))}}),f.fn.extend({queue:function(a,c){typeof a!="string"&&(c=a,a="fx");if(c===b)return f.queue(this[0],a);return this.each(function(){var b=f.queue(this,a,c);a==="fx"&&b[0]!=="inprogress"&&f.dequeue(this,a)})},dequeue:function(a){return this.each(function(){f.dequeue(this,a)})},delay:function(a,b){a=f.fx?f.fx.speeds[a]||a:a,b=b||"fx";return this.queue(b,function(){var c=this;setTimeout(function(){f.dequeue(c,b)},a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,c){function m(){--h||d.resolveWith(e,[e])}typeof a!="string"&&(c=a,a=b),a=a||"fx";var d=f.Deferred(),e=this,g=e.length,h=1,i=a+"defer",j=a+"queue",k=a+"mark",l;while(g--)if(l=f.data(e[g],i,b,!0)||(f.data(e[g],j,b,!0)||f.data(e[g],k,b,!0))&&f.data(e[g],i,f._Deferred(),!0))h++,l.done(m);m();return d.promise()}});var n=/[\n\t\r]/g,o=/\s+/,p=/\r/g,q=/^(?:button|input)$/i,r=/^(?:button|input|object|select|textarea)$/i,s=/^a(?:rea)?$/i,t=/^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,u=/\:|^on/,v,w;f.fn.extend({attr:function(a,b){return f.access(this,a,b,!0,f.attr)},removeAttr:function(a){return this.each(function(){f.removeAttr(this,a)})},prop:function(a,b){return f.access(this,a,b,!0,f.prop)},removeProp:function(a){a=f.propFix[a]||a;return this.each(function(){try{this[a]=b,delete this[a]}catch(c){}})},addClass:function(a){var b,c,d,e,g,h,i;if(f.isFunction(a))return this.each(function(b){f(this).addClass(a.call(this,b,this.className))});if(a&&typeof a=="string"){b=a.split(o);for(c=0,d=this.length;c<d;c++){e=this[c];if(e.nodeType===1)if(!e.className&&b.length===1)e.className=a;else{g=" "+e.className+" ";for(h=0,i=b.length;h<i;h++)~g.indexOf(" "+b[h]+" ")||(g+=b[h]+" ");e.className=f.trim(g)}}}return this},removeClass:function(a){var c,d,e,g,h,i,j;if(f.isFunction(a))return this.each(function(b){f(this).removeClass(a.call(this,b,this.className))});if(a&&typeof a=="string"||a===b){c=(a||"").split(o);for(d=0,e=this.length;d<e;d++){g=this[d];if(g.nodeType===1&&g.className)if(a){h=(" "+g.className+" ").replace(n," ");for(i=0,j=c.length;i<j;i++)h=h.replace(" "+c[i]+" "," ");g.className=f.trim(h)}else g.className=""}}return this},toggleClass:function(a,b){var c=typeof a,d=typeof b=="boolean";if(f.isFunction(a))return this.each(function(c){f(this).toggleClass(a.call(this,c,this.className,b),b)});return this.each(function(){if(c==="string"){var e,g=0,h=f(this),i=b,j=a.split(o);while(e=j[g++])i=d?i:!h.hasClass(e),h[i?"addClass":"removeClass"](e)}else if(c==="undefined"||c==="boolean")this.className&&f._data(this,"__className__",this.className),this.className=this.className||a===!1?"":f._data(this,"__className__")||""})},hasClass:function(a){var b=" "+a+" ";for(var c=0,d=this.length;c<d;c++)if((" "+this[c].className+" ").replace(n," ").indexOf(b)>-1)return!0;return!1},val:function(a){var c,d,e=this[0];if(!arguments.length){if(e){c=f.valHooks[e.nodeName.toLowerCase()]||f.valHooks[e.type];if(c&&"get"in c&&(d=c.get(e,"value"))!==b)return d;d=e.value;return typeof d=="string"?d.replace(p,""):d==null?"":d}return b}var g=f.isFunction(a);return this.each(function(d){var e=f(this),h;if(this.nodeType===1){g?h=a.call(this,d,e.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.nodeName.toLowerCase()]||f.valHooks[this.type];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c=a.selectedIndex,d=[],e=a.options,g=a.type==="select-one";if(c<0)return null;for(var h=g?c:0,i=g?c+1:e.length;h<i;h++){var j=e[h];if(j.selected&&(f.support.optDisabled?!j.disabled:j.getAttribute("disabled")===null)&&(!j.parentNode.disabled||!f.nodeName(j.parentNode,"optgroup"))){b=f(j).val();if(g)return b;d.push(b)}}if(g&&!d.length&&e.length)return f(e[c]).val();return d},set:function(a,b){var c=f.makeArray(b);f(a).find("option").each(function(){this.selected=f.inArray(f(this).val(),c)>=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attrFix:{tabindex:"tabIndex"},attr:function(a,c,d,e){var g=a.nodeType;if(!a||g===3||g===8||g===2)return b;if(e&&c in f.attrFn)return f(a)[c](d);if(!("getAttribute"in a))return f.prop(a,c,d);var h,i,j=g!==1||!f.isXMLDoc(a);j&&(c=f.attrFix[c]||c,i=f.attrHooks[c],i||(t.test(c)?i=w:v&&c!=="className"&&(f.nodeName(a,"form")||u.test(c))&&(i=v)));if(d!==b){if(d===null){f.removeAttr(a,c);return b}if(i&&"set"in i&&j&&(h=i.set(a,d,c))!==b)return h;a.setAttribute(c,""+d);return d}if(i&&"get"in i&&j&&(h=i.get(a,c))!==null)return h;h=a.getAttribute(c);return h===null?b:h},removeAttr:function(a,b){var c;a.nodeType===1&&(b=f.attrFix[b]||b,f.support.getSetAttribute?a.removeAttribute(b):(f.attr(a,b,""),a.removeAttributeNode(a.getAttributeNode(b))),t.test(b)&&(c=f.propFix[b]||b)in a&&(a[c]=!1))},attrHooks:{type:{set:function(a,b){if(q.test(a.nodeName)&&a.parentNode)f.error("type property can't be changed");else if(!f.support.radioValue&&b==="radio"&&f.nodeName(a,"input")){var c=a.value;a.setAttribute("type",b),c&&(a.value=c);return b}}},tabIndex:{get:function(a){var c=a.getAttributeNode("tabIndex");return c&&c.specified?parseInt(c.value,10):r.test(a.nodeName)||s.test(a.nodeName)&&a.href?0:b}},value:{get:function(a,b){if(v&&f.nodeName(a,"button"))return v.get(a,b);return b in a?a.value:null},set:function(a,b,c){if(v&&f.nodeName(a,"button"))return v.set(a,b,c);a.value=b}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(a,c,d){var e=a.nodeType;if(!a||e===3||e===8||e===2)return b;var g,h,i=e!==1||!f.isXMLDoc(a);i&&(c=f.propFix[c]||c,h=f.propHooks[c]);return d!==b?h&&"set"in h&&(g=h.set(a,d,c))!==b?g:a[c]=d:h&&"get"in h&&(g=h.get(a,c))!==b?g:a[c]},propHooks:{}}),w={get:function(a,c){return f.prop(a,c)?c.toLowerCase():b},set:function(a,b,c){var d;b===!1?f.removeAttr(a,c):(d=f.propFix[c]||c,d in a&&(a[d]=!0),a.setAttribute(c,c.toLowerCase()));return c}},f.support.getSetAttribute||(f.attrFix=f.propFix,v=f.attrHooks.name=f.attrHooks.title=f.valHooks.button={get:function(a,c){var d;d=a.getAttributeNode(c);return d&&d.nodeValue!==""?d.nodeValue:b},set:function(a,b,c){var d=a.getAttributeNode(c);if(d){d.nodeValue=b;return b}}},f.each(["width","height"],function(a,b){f.attrHooks[b]=f.extend(f.attrHooks[b],{set:function(a,c){if(c===""){a.setAttribute(b,"auto");return c}}})})),f.support.hrefNormalized||f.each(["href","src","width","height"],function(a,c){f.attrHooks[c]=f.extend(f.attrHooks[c],{get:function(a){var d=a.getAttribute(c,2);return d===null?b:d}})}),f.support.style||(f.attrHooks.style={get:function(a){return a.style.cssText.toLowerCase()||b},set:function(a,b){return a.style.cssText=""+b}}),f.support.optSelected||(f.propHooks.selected=f.extend(f.propHooks.selected,{get:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex)}})),f.support.checkOn||f.each(["radio","checkbox"],function(){f.valHooks[this]={get:function(a){return a.getAttribute("value")===null?"on":a.value}}}),f.each(["radio","checkbox"],function(){f.valHooks[this]=f.extend(f.valHooks[this],{set:function(a,b){if(f.isArray(b))return a.checked=f.inArray(f(a).val(),b)>=0}})});var x=/\.(.*)$/,y=/^(?:textarea|input|select)$/i,z=/\./g,A=/ /g,B=/[^\w\s.|`]/g,C=function(a){return a.replace(B,"\\$&")};f.event={add:function(a,c,d,e){if(a.nodeType!==3&&a.nodeType!==8){if(d===!1)d=D;else if(!d)return;var g,h;d.handler&&(g=d,d=g.handler),d.guid||(d.guid=f.guid++);var i=f._data(a);if(!i)return;var j=i.events,k=i.handle;j||(i.events=j={}),k||(i.handle=k=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.handle.apply(k.elem,arguments):b}),k.elem=a,c=c.split(" ");var l,m=0,n;while(l=c[m++]){h=g?f.extend({},g):{handler:d,data:e},l.indexOf(".")>-1?(n=l.split("."),l=n.shift(),h.namespace=n.slice(0).sort().join(".")):(n=[],h.namespace=""),h.type=l,h.guid||(h.guid=d.guid);var o=j[l],p=f.event.special[l]||{};if(!o){o=j[l]=[];if(!p.setup||p.setup.call(a,e,n,k)===!1)a.addEventListener?a.addEventListener(l,k,!1):a.attachEvent&&a.attachEvent("on"+l,k)}p.add&&(p.add.call(a,h),h.handler.guid||(h.handler.guid=d.guid)),o.push(h),f.event.global[l]=!0}a=null}},global:{},remove:function(a,c,d,e){if(a.nodeType!==3&&a.nodeType!==8){d===!1&&(d=D);var g,h,i,j,k=0,l,m,n,o,p,q,r,s=f.hasData(a)&&f._data(a),t=s&&s.events;if(!s||!t)return;c&&c.type&&(d=c.handler,c=c.type);if(!c||typeof c=="string"&&c.charAt(0)==="."){c=c||"";for(h in t)f.event.remove(a,h+c);return}c=c.split(" ");while(h=c[k++]){r=h,q=null,l=h.indexOf(".")<0,m=[],l||(m=h.split("."),h=m.shift(),n=new RegExp("(^|\\.)"+f.map(m.slice(0).sort(),C).join("\\.(?:.*\\.)?")+"(\\.|$)")),p=t[h];if(!p)continue;if(!d){for(j=0;j<p.length;j++){q=p[j];if(l||n.test(q.namespace))f.event.remove(a,r,q.handler,j),p.splice(j--,1)}continue}o=f.event.special[h]||{};for(j=e||0;j<p.length;j++){q=p[j];if(d.guid===q.guid){if(l||n.test(q.namespace))e==null&&p.splice(j--,1),o.remove&&o.remove.call(a,q);if(e!=null)break}}if(p.length===0||e!=null&&p.length===1)(!o.teardown||o.teardown.call(a,m)===!1)&&f.removeEvent(a,h,s.handle),g=null,delete t[h]}if(f.isEmptyObject(t)){var u=s.handle;u&&(u.elem=null),delete s.events,delete s.handle,f.isEmptyObject(s)&&f.removeData(a,b,!0)}}},customEvent:{getData:!0,setData:!0,changeData:!0},trigger:function(c,d,e,g){var h=c.type||c,i=[],j;h.indexOf("!")>=0&&(h=h.slice(0,-1),j=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i.
+shift(),i.sort());if(!!e&&!f.event.customEvent[h]||!!f.event.global[h]){c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.exclusive=j,c.namespace=i.join("."),c.namespace_re=new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)");if(g||!e)c.preventDefault(),c.stopPropagation();if(!e){f.each(f.cache,function(){var a=f.expando,b=this[a];b&&b.events&&b.events[h]&&f.event.trigger(c,d,b.handle.elem)});return}if(e.nodeType===3||e.nodeType===8)return;c.result=b,c.target=e,d=d!=null?f.makeArray(d):[],d.unshift(c);var k=e,l=h.indexOf(":")<0?"on"+h:"";do{var m=f._data(k,"handle");c.currentTarget=k,m&&m.apply(k,d),l&&f.acceptData(k)&&k[l]&&k[l].apply(k,d)===!1&&(c.result=!1,c.preventDefault()),k=k.parentNode||k.ownerDocument||k===c.target.ownerDocument&&a}while(k&&!c.isPropagationStopped());if(!c.isDefaultPrevented()){var n,o=f.event.special[h]||{};if((!o._default||o._default.call(e.ownerDocument,c)===!1)&&(h!=="click"||!f.nodeName(e,"a"))&&f.acceptData(e)){try{l&&e[h]&&(n=e[l],n&&(e[l]=null),f.event.triggered=h,e[h]())}catch(p){}n&&(e[l]=n),f.event.triggered=b}}return c.result}},handle:function(c){c=f.event.fix(c||a.event);var d=((f._data(this,"events")||{})[c.type]||[]).slice(0),e=!c.exclusive&&!c.namespace,g=Array.prototype.slice.call(arguments,0);g[0]=c,c.currentTarget=this;for(var h=0,i=d.length;h<i;h++){var j=d[h];if(e||c.namespace_re.test(j.namespace)){c.handler=j.handler,c.data=j.data,c.handleObj=j;var k=j.handler.apply(this,g);k!==b&&(c.result=k,k===!1&&(c.preventDefault(),c.stopPropagation()));if(c.isImmediatePropagationStopped())break}}return c.result},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),fix:function(a){if(a[f.expando])return a;var d=a;a=f.Event(d);for(var e=this.props.length,g;e;)g=this.props[--e],a[g]=d[g];a.target||(a.target=a.srcElement||c),a.target.nodeType===3&&(a.target=a.target.parentNode),!a.relatedTarget&&a.fromElement&&(a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement);if(a.pageX==null&&a.clientX!=null){var h=a.target.ownerDocument||c,i=h.documentElement,j=h.body;a.pageX=a.clientX+(i&&i.scrollLeft||j&&j.scrollLeft||0)-(i&&i.clientLeft||j&&j.clientLeft||0),a.pageY=a.clientY+(i&&i.scrollTop||j&&j.scrollTop||0)-(i&&i.clientTop||j&&j.clientTop||0)}a.which==null&&(a.charCode!=null||a.keyCode!=null)&&(a.which=a.charCode!=null?a.charCode:a.keyCode),!a.metaKey&&a.ctrlKey&&(a.metaKey=a.ctrlKey),!a.which&&a.button!==b&&(a.which=a.button&1?1:a.button&2?3:a.button&4?2:0);return a},guid:1e8,proxy:f.proxy,special:{ready:{setup:f.bindReady,teardown:f.noop},live:{add:function(a){f.event.add(this,N(a.origType,a.selector),f.extend({},a,{handler:M,guid:a.handler.guid}))},remove:function(a){f.event.remove(this,N(a.origType,a.selector),a)}},beforeunload:{setup:function(a,b,c){f.isWindow(this)&&(this.onbeforeunload=c)},teardown:function(a,b){this.onbeforeunload===b&&(this.onbeforeunload=null)}}}},f.removeEvent=c.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){a.detachEvent&&a.detachEvent("on"+b,c)},f.Event=function(a,b){if(!this.preventDefault)return new f.Event(a,b);a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||a.returnValue===!1||a.getPreventDefault&&a.getPreventDefault()?E:D):this.type=a,b&&f.extend(this,b),this.timeStamp=f.now(),this[f.expando]=!0},f.Event.prototype={preventDefault:function(){this.isDefaultPrevented=E;var a=this.originalEvent;!a||(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){this.isPropagationStopped=E;var a=this.originalEvent;!a||(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=E,this.stopPropagation()},isDefaultPrevented:D,isPropagationStopped:D,isImmediatePropagationStopped:D};var F=function(a){var b=a.relatedTarget,c=!1,d=a.type;a.type=a.data,b!==this&&(b&&(c=f.contains(this,b)),c||(f.event.handle.apply(this,arguments),a.type=d))},G=function(a){a.type=a.data,f.event.handle.apply(this,arguments)};f.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){f.event.special[a]={setup:function(c){f.event.add(this,b,c&&c.selector?G:F,a)},teardown:function(a){f.event.remove(this,b,a&&a.selector?G:F)}}}),f.support.submitBubbles||(f.event.special.submit={setup:function(a,b){if(!f.nodeName(this,"form"))f.event.add(this,"click.specialSubmit",function(a){var b=a.target,c=b.type;(c==="submit"||c==="image")&&f(b).closest("form").length&&K("submit",this,arguments)}),f.event.add(this,"keypress.specialSubmit",function(a){var b=a.target,c=b.type;(c==="text"||c==="password")&&f(b).closest("form").length&&a.keyCode===13&&K("submit",this,arguments)});else return!1},teardown:function(a){f.event.remove(this,".specialSubmit")}});if(!f.support.changeBubbles){var H,I=function(a){var b=a.type,c=a.value;b==="radio"||b==="checkbox"?c=a.checked:b==="select-multiple"?c=a.selectedIndex>-1?f.map(a.options,function(a){return a.selected}).join("-"):"":f.nodeName(a,"select")&&(c=a.selectedIndex);return c},J=function(c){var d=c.target,e,g;if(!!y.test(d.nodeName)&&!d.readOnly){e=f._data(d,"_change_data"),g=I(d),(c.type!=="focusout"||d.type!=="radio")&&f._data(d,"_change_data",g);if(e===b||g===e)return;if(e!=null||g)c.type="change",c.liveFired=b,f.event.trigger(c,arguments[1],d)}};f.event.special.change={filters:{focusout:J,beforedeactivate:J,click:function(a){var b=a.target,c=f.nodeName(b,"input")?b.type:"";(c==="radio"||c==="checkbox"||f.nodeName(b,"select"))&&J.call(this,a)},keydown:function(a){var b=a.target,c=f.nodeName(b,"input")?b.type:"";(a.keyCode===13&&!f.nodeName(b,"textarea")||a.keyCode===32&&(c==="checkbox"||c==="radio")||c==="select-multiple")&&J.call(this,a)},beforeactivate:function(a){var b=a.target;f._data(b,"_change_data",I(b))}},setup:function(a,b){if(this.type==="file")return!1;for(var c in H)f.event.add(this,c+".specialChange",H[c]);return y.test(this.nodeName)},teardown:function(a){f.event.remove(this,".specialChange");return y.test(this.nodeName)}},H=f.event.special.change.filters,H.focus=H.beforeactivate}f.support.focusinBubbles||f.each({focus:"focusin",blur:"focusout"},function(a,b){function e(a){var c=f.event.fix(a);c.type=b,c.originalEvent={},f.event.trigger(c,null,c.target),c.isDefaultPrevented()&&a.preventDefault()}var d=0;f.event.special[b]={setup:function(){d++===0&&c.addEventListener(a,e,!0)},teardown:function(){--d===0&&c.removeEventListener(a,e,!0)}}}),f.each(["bind","one"],function(a,c){f.fn[c]=function(a,d,e){var g;if(typeof a=="object"){for(var h in a)this[c](h,d,a[h],e);return this}if(arguments.length===2||d===!1)e=d,d=b;c==="one"?(g=function(a){f(this).unbind(a,g);return e.apply(this,arguments)},g.guid=e.guid||f.guid++):g=e;if(a==="unload"&&c!=="one")this.one(a,d,e);else for(var i=0,j=this.length;i<j;i++)f.event.add(this[i],a,g,d);return this}}),f.fn.extend({unbind:function(a,b){if(typeof a=="object"&&!a.preventDefault)for(var c in a)this.unbind(c,a[c]);else for(var d=0,e=this.length;d<e;d++)f.event.remove(this[d],a,b);return this},delegate:function(a,b,c,d){return this.live(b,c,d,a)},undelegate:function(a,b,c){return arguments.length===0?this.unbind("live"):this.die(b,null,c,a)},trigger:function(a,b){return this.each(function(){f.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0])return f.event.trigger(a,b,this[0],!0)},toggle:function(a){var b=arguments,c=a.guid||f.guid++,d=0,e=function(c){var e=(f.data(this,"lastToggle"+a.guid)||0)%d;f.data(this,"lastToggle"+a.guid,e+1),c.preventDefault();return b[e].apply(this,arguments)||!1};e.guid=c;while(d<b.length)b[d++].guid=c;return this.click(e)},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}});var L={focus:"focusin",blur:"focusout",mouseenter:"mouseover",mouseleave:"mouseout"};f.each(["live","die"],function(a,c){f.fn[c]=function(a,d,e,g){var h,i=0,j,k,l,m=g||this.selector,n=g?this:f(this.context);if(typeof a=="object"&&!a.preventDefault){for(var o in a)n[c](o,d,a[o],m);return this}if(c==="die"&&!a&&g&&g.charAt(0)==="."){n.unbind(g);return this}if(d===!1||f.isFunction(d))e=d||D,d=b;a=(a||"").split(" ");while((h=a[i++])!=null){j=x.exec(h),k="",j&&(k=j[0],h=h.replace(x,""));if(h==="hover"){a.push("mouseenter"+k,"mouseleave"+k);continue}l=h,L[h]?(a.push(L[h]+k),h=h+k):h=(L[h]||h)+k;if(c==="live")for(var p=0,q=n.length;p<q;p++)f.event.add(n[p],"live."+N(h,m),{data:d,selector:m,handler:e,origType:h,origHandler:e,preType:l});else n.unbind("live."+N(h,m),e)}return this}}),f.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error".split(" "),function(a,b){f.fn[b]=function(a,c){c==null&&(c=a,a=null);return arguments.length>0?this.bind(b,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0)}),function(){function u(a,b,c,d,e,f){for(var g=0,h=d.length;g<h;g++){var i=d[g];if(i){var j=!1;i=i[a];while(i){if(i.sizcache===c){j=d[i.sizset];break}if(i.nodeType===1){f||(i.sizcache=c,i.sizset=g);if(typeof b!="string"){if(i===b){j=!0;break}}else if(k.filter(b,[i]).length>0){j=i;break}}i=i[a]}d[g]=j}}}function t(a,b,c,d,e,f){for(var g=0,h=d.length;g<h;g++){var i=d[g];if(i){var j=!1;i=i[a];while(i){if(i.sizcache===c){j=d[i.sizset];break}i.nodeType===1&&!f&&(i.sizcache=c,i.sizset=g);if(i.nodeName.toLowerCase()===b){j=i;break}i=i[a]}d[g]=j}}}var a=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d=0,e=Object.prototype.toString,g=!1,h=!0,i=/\\/g,j=/\W/;[0,0].sort(function(){h=!1;return 0});var k=function(b,d,f,g){f=f||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return f;var i,j,n,o,q,r,s,t,u=!0,w=k.isXML(d),x=[],y=b;do{a.exec(""),i=a.exec(y);if(i){y=i[3],x.push(i[1]);if(i[2]){o=i[3];break}}}while(i);if(x.length>1&&m.exec(b))if(x.length===2&&l.relative[x[0]])j=v(x[0]+x[1],d);else{j=l.relative[x[0]]?[d]:k(x.shift(),d);while(x.length)b=x.shift(),l.relative[b]&&(b+=x.shift()),j=v(b,j)}else{!g&&x.length>1&&d.nodeType===9&&!w&&l.match.ID.test(x[0])&&!l.match.ID.test(x[x.length-1])&&(q=k.find(x.shift(),d,w),d=q.expr?k.filter(q.expr,q.set)[0]:q.set[0]);if(d){q=g?{expr:x.pop(),set:p(g)}:k.find(x.pop(),x.length===1&&(x[0]==="~"||x[0]==="+")&&d.parentNode?d.parentNode:d,w),j=q.expr?k.filter(q.expr,q.set):q.set,x.length>0?n=p(j):u=!1;while(x.length)r=x.pop(),s=r,l.relative[r]?s=x.pop():r="",s==null&&(s=d),l.relative[r](n,s,w)}else n=x=[]}n||(n=j),n||k.error(r||b);if(e.call(n)==="[object Array]")if(!u)f.push.apply(f,n);else if(d&&d.nodeType===1)for(t=0;n[t]!=null;t++)n[t]&&(n[t]===!0||n[t].nodeType===1&&k.contains(d,n[t]))&&f.push(j[t]);else for(t=0;n[t]!=null;t++)n[t]&&n[t].nodeType===1&&f.push(j[t]);else p(n,f);o&&(k(o,h,f,g),k.uniqueSort(f));return f};k.uniqueSort=function(a){if(r){g=h,a.sort(r);if(g)for(var b=1;b<a.length;b++)a[b]===a[b-1]&&a.splice(b--,1)}return a},k.matches=function(a,b){return k(a,null,null,b)},k.matchesSelector=function(a,b){return k(b,null,null,[a]).length>0},k.find=function(a,b,c){var d;if(!a)return[];for(var e=0,f=l.order.length;e<f;e++){var g,h=l.order[e];if(g=l.leftMatch[h].exec(a)){var j=g[1];g.splice(1,1);if(j.substr(j.length-1)!=="\\"){g[1]=(g[1]||"").replace(i,""),d=l.find[h](g,b,c);if(d!=null){a=a.replace(l.match[h],"");break}}}}d||(d=typeof b.getElementsByTagName!="undefined"?b.getElementsByTagName("*"):[]);return{set:d,expr:a}},k.filter=function(a,c,d,e){var f,g,h=a,i=[],j=c,m=c&&c[0]&&k.isXML(c[0]);while(a&&c.length){for(var n in l.filter)if((f=l.leftMatch[n].exec(a))!=null&&f[2]){var o,p,q=l.filter[n],r=f[1];g=!1,f.splice(1,1);if(r.substr(r.length-1)==="\\")continue;j===i&&(i=[]);if(l.preFilter[n]){f=l.preFilter[n](f,j,d,i,e,m);if(!f)g=o=!0;else if(f===!0)continue}if(f)for(var s=0;(p=j[s])!=null;s++)if(p){o=q(p,f,s,j);var t=e^!!o;d&&o!=null?t?g=!0:j[s]=!1:t&&(i.push(p),g=!0)}if(o!==b){d||(j=i),a=a.replace(l.match[n],"");if(!g)return[];break}}if(a===h)if(g==null)k.error(a);else break;h=a}return j},k.error=function(a){throw"Syntax error, unrecognized expression: "+a};var l=k.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(a){return a.getAttribute("href")},type:function(a){return a.getAttribute("type")}},relative:{"+":function(a,b){var c=typeof b=="string",d=c&&!j.test(b),e=c&&!d;d&&(b=b.toLowerCase());for(var f=0,g=a.length,h;f<g;f++)if(h=a[f]){while((h=h.previousSibling)&&h.nodeType!==1);a[f]=e||h&&h.nodeName.toLowerCase()===b?h||!1:h===b}e&&k.filter(b,a,!0)},">":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!j.test(b)){b=b.toLowerCase();for(;e<f;e++){c=a[e];if(c){var g=c.parentNode;a[e]=g.nodeName.toLowerCase()===b?g:!1}}}else{for(;e<f;e++)c=a[e],c&&(a[e]=d?c.parentNode:c.parentNode===b);d&&k.filter(b,a,!0)}},"":function(a,b,c){var e,f=d++,g=u;typeof b=="string"&&!j.test(b)&&(b=b.toLowerCase(),e=b,g=t),g("parentNode",b,f,a,e,c)},"~":function(a,b,c){var e,f=d++,g=u;typeof b=="string"&&!j.test(b)&&(b=b.toLowerCase(),e=b,g=t),g("previousSibling",b,f,a,e,c)}},find:{ID:function(a,b,c){if(typeof b.getElementById!="undefined"&&!c){var d=b.getElementById(a[1]);return d&&d.parentNode?[d]:[]}},NAME:function(a,b){if(typeof b.getElementsByName!="undefined"){var c=[],d=b.getElementsByName(a[1]);for(var e=0,f=d.length;e<f;e++)d[e].getAttribute("name")===a[1]&&c.push(d[e]);return c.length===0?null:c}},TAG:function(a,b){if(typeof b.getElementsByTagName!="undefined")return b.getElementsByTagName(a[1])}},preFilter:{CLASS:function(a,b,c,d,e,f){a=" "+a[1].replace(i,"")+" ";if(f)return a;for(var g=0,h;(h=b[g])!=null;g++)h&&(e^(h.className&&(" "+h.className+" ").replace(/[\t\n\r]/g," ").indexOf(a)>=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(i,"")},TAG:function(a,b){return a[1].replace(i,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||k.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&k.error(a[0]);a[0]=d++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(i,"");!f&&l.attrMap[g]&&(a[1]=l.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(i,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=k(b[3],null,null,c);else{var g=k.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(l.match.POS.test(b[0])||l.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!k(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return b<c[3]-0},gt:function(a,b,c){return b>c[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=l.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||k.getText([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h<i;h++)if(g[h]===a)return!1;return!0}k.error(e)},CHILD:function(a,b){var c=b[1],d=a;switch(c){case"only":case"first":while(d=d.previousSibling)if(d.nodeType===1)return!1;if(c==="first")return!0;d=a;case"last":while(d=d.nextSibling)if(d.nodeType===1)return!1;return!0;case"nth":var e=b[2],f=b[3];if(e===1&&f===0)return!0;var g=b[0],h=a.parentNode;if(h&&(h.sizcache!==g||!a.nodeIndex)){var i=0;for(d=h.firstChild;d;d=d.nextSibling)d.nodeType===1&&(d.nodeIndex=++i);h.sizcache=g}var j=a.nodeIndex-f;return e===0?j===0:j%e===0&&j/e>=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=l.attrHandle[c]?l.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=l.setFilters[e];if(f)return f(a,c,b,d)}}},m=l.match.POS,n=function(a,b){return"\\"+(b-0+1)};for(var o in l.match)l.match[o]=new RegExp(l.match[o].source+/(?![^\[]*\])(?![^\(]*\))/.source),l.leftMatch[o]=new RegExp(/(^(?:.|\r|\n)*?)/.source+l.match[o].source.replace(/\\(\d+)/g,n));var p=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(q){p=function(a,b){var c=0,d=b||[];if(e.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var f=a.length;c<f;c++)d.push(a[c]);else for(;a[c];c++)d.push(a[c]);return d}}var r,s;c.documentElement.compareDocumentPosition?r=function(a,b){if(a===b){g=!0;return 0}if(!a.compareDocumentPosition||!b.compareDocumentPosition)return a.compareDocumentPosition?-1:1;return a.compareDocumentPosition(b)&4?-1:1}:(r=function(a,b){if(a===b){g=!0;return 0}if(a.sourceIndex&&b.sourceIndex)return a.sourceIndex-b.sourceIndex;var c,d,e=[],f=[],h=a.parentNode,i=b.parentNode,j=h;if(h===i)return s(a,b);if(!h)return-1;if(!i)return 1;while(j)e.unshift(j),j=j.parentNode;j=i;while(j)f.unshift(j),j=j.parentNode;c=e.length,d=f.length;for(var k=0;k<c&&k<d;k++)if(e[k]!==f[k])return s(e[k],f[k]);return k===c?s(a,f[k],-1):s(e[k],b,1)},s=function(a,b,c){if(a===b)return c;var d=a.nextSibling;while(d){if(d===b)return-1;d=d.nextSibling}return 1}),k.getText=function(a){var b="",c;for(var d=0;a[d];d++)c=a[d],c.nodeType===3||c.nodeType===4?b+=c.nodeValue:c.nodeType!==8&&(b+=k.getText(c.childNodes));return b},function(){var a=c.createElement("div"),d="script"+(new Date).getTime(),e=c.documentElement;a.innerHTML="<a name='"+d+"'/>",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(l.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},l.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(l.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="<a href='#'></a>",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(l.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=k,b=c.createElement("div"),d="__sizzle__";b.innerHTML="<p class='TEST'></p>";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){k=function(b,e,f,g){e=e||c;if(!g&&!k.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return p(e.getElementsByTagName(b),f);if(h[2]&&l.find.CLASS&&e.getElementsByClassName)return p(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return p([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return p([],f);if(i.id===h[3])return p([i],f)}try{return p(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var m=e,n=e.getAttribute("id"),o=n||d,q=e.parentNode,r=/^\s*[+~]/.test(b);n?o=o.replace(/'/g,"\\$&"):e.setAttribute("id",o),r&&q&&(e=e.parentNode);try{if(!r||q)return p(e.querySelectorAll("[id='"+o+"'] "+b),f)}catch(s){}finally{n||m.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)k[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}k.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!k.isXML(a))try{if(e||!l.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return k(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="<div class='test e'></div><div class='test'></div>";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;l.order.splice(1,0,"CLASS"),l.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?k.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?k.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:k.contains=function(){return!1},k.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var v=function(a,b){var c,d=[],e="",f=b.nodeType?[b]:b;while(c=l.match.PSEUDO.exec(a))e+=c[0],a=a.replace(l.match.PSEUDO,"");a=l.relative[a]?a+"*":a;for(var g=0,h=f.length;g<h;g++)k(a,f[g],d);return k.filter(e,d)};f.find=k,f.expr=k.selectors,f.expr[":"]=f.expr.filters,f.unique=k.uniqueSort,f.text=k.getText,f.isXMLDoc=k.isXML,f.contains=k.contains}();var O=/Until$/,P=/^(?:parents|prevUntil|prevAll)/,Q=/,/,R=/^.[^:#\[\.,]*$/,S=Array.prototype.slice,T=f.expr.match.POS,U={children:!0,contents:!0,next:!0,prev:!0};f.fn.extend({find:function(a){var b=this,c,d;if(typeof a!="string")return f(a).filter(function(){for(c=0,d=b.length;c<d;c++)if(f.contains(b[c],this))return!0});var e=this.pushStack("","find",a),g,h,i;for(c=0,d=this.length;c<d;c++){g=e.length,f.find(a,this[c],e);if(c>0)for(h=g;h<e.length;h++)for(i=0;i<g;i++)if(e[i]===e[h]){e.splice(h--,1);break}}return e},has:function(a){var b=f(a);return this.filter(function(){for(var a=0,c=b.length;a<c;a++)if(f.contains(this,b[a]))return!0})},not:function(a){return this.pushStack(W(this,a,!1),"not",a)},filter:function(a){return this.pushStack(W(this,a,!0),"filter",a)},is:function(a){return!!a&&(typeof a=="string"?f.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h,i,j={},k=1;if(g&&a.length){for(d=0,e=a.length;d<e;d++)i=a[d],j[i]||(j[i]=T.test(i)?f(i,b||this.context):i);while(g&&g.ownerDocument&&g!==b){for(i in j)h=j[i],(h.jquery?h.index(g)>-1:f(g).is(h))&&c.push({selector:i,elem:g,level:k});g=g.parentNode,k++}}return c}var l=T.test(a)||typeof a!="string"?f(a,b||this.context):0;for(d=0,e=this.length;d<e;d++){g=this[d];while(g){if(l?l.index(g)>-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a||typeof a=="string")return f.inArray(this[0],a?f(a):this.parent().children());return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(V(c[0])||V(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling(a.parentNode.firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c),g=S.call(arguments);O.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!U[a]?f.unique(e):e,(this.length>1||Q.test(d))&&P.test(a)&&(e=e.reverse());return this.pushStack(e,a,g.join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var X=/ jQuery\d+="(?:\d+|null)"/g,Y=/^\s+/,Z=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,$=/<([\w:]+)/,_=/<tbody/i,ba=/<|&#?\w+;/,bb=/<(?:script|object|embed|option|style)/i,bc=/checked\s*(?:[^=]|=\s*.checked.)/i,bd=/\/(java|ecma)script/i,be=/^\s*<!(?:\[CDATA\[|\-\-)/,bf={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]};bf.optgroup=bf.option,bf.tbody=bf.tfoot=bf.colgroup=bf.caption=bf.thead,bf.th=bf.td,f.support.htmlSerialize||(bf._default=[1,"div<div>","</div>"]),f.fn.extend({text:function(a){if(f.isFunction(a))return this.each(function(b){var c=f(this);c.text(a.call(this,b,c.text()))});if(typeof a!="object"&&a!==b)return this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a));return f.text(this)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){f(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f(arguments[0]).toArray());return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){if(a===b)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(X,""):null;if(typeof a=="string"&&!bb.test(a)&&(f.support.leadingWhitespace||!Y.test(a))&&!bf[($.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Z,"<$1></$2>");try{for(var c=0,d=this.length;c<d;c++)this[c].nodeType===1&&(f.cleanData(this[c].getElementsByTagName("*")),this[c].innerHTML=a)}catch(e){this.empty().append(a)}}else f.isFunction(a)?this.each(function(b){var c=f(this);c.html(a.call(this,b,c.html()))}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&&this[0].parentNode){if(f.isFunction(a))return this.each(function(b){var c=f(this),d=c.html();c.replaceWith(a.call(this,b,d))});typeof a!="string"&&(a=f(a).detach());return this.each(function(){var b=this.nextSibling,c=this.parentNode;f(this).remove(),b?f(b).before(a):f(c).append(a)})}return this.length?this.pushStack(f(f.isFunction(a)?a():a),"replaceWith",a):this},detach:function(a){return this.remove(a,!0)},domManip:function(a,c,d){var e,g,h,i,j=a[0],k=[];if(!f.support.checkClone&&arguments.length===3&&typeof j=="string"&&bc.test(j))return this.each(function(){f(this).domManip(a,c,d,!0)});if(f.isFunction(j))return this.each(function(e){var g=f(this);a[0]=j.call(this,e,c?g.html():b),g.domManip(a,c,d)});if(this[0]){i=j&&j.parentNode,f.support.parentNode&&i&&i.nodeType===11&&i.childNodes.length===this.length?e={fragment:i}:e=f.buildFragment(a,this,k),h=e.fragment,h.childNodes.length===1?g=h=h.firstChild:g=h.firstChild;if(g){c=c&&f.nodeName(g,"tr");for(var l=0,m=this.length,n=m-1;l<m;l++)d.call(c?bg(this[l],g):this[l],e.cacheable||m>1&&l<n?f.clone(h,!0,!0):h)}k.length&&f.each(k,bm)}return this}}),f.buildFragment=function(a,b,d){var e,g,h,i;b&&b[0]&&(i=b[0].ownerDocument||b[0]),i.createDocumentFragment||(i=c),a.length===1&&typeof a[0]=="string"&&a[0].length<512&&i===c&&a[0].charAt(0)==="<"&&!bb.test(a[0])&&(f.support.checkClone||!bc.test(a[0]))&&(g=!0,h=f.fragments[a[0]],h&&h!==1&&(e=h)),e||(e=i.createDocumentFragment(),f.clean(a,i,e,d)),g&&(f.fragments[a[0]]=h?e:1);return{fragment:e,cacheable:g}},f.fragments={},f.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){f.fn[a]=function(c){var d=[],e=f(c),g=this.length===1&&this[0].parentNode;if(g&&g.nodeType===11&&g.childNodes.length===1&&e.length===1){e[b](this[0]);return this}for(var h=0,i=e.length;h<i;h++){var j=(h>0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j
+)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d=a.cloneNode(!0),e,g,h;if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bi(a,d),e=bj(a),g=bj(d);for(h=0;e[h];++h)bi(e[h],g[h])}if(b){bh(a,d);if(c){e=bj(a),g=bj(d);for(h=0;e[h];++h)bh(e[h],g[h])}}e=g=null;return d},clean:function(a,b,d,e){var g;b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);var h=[],i;for(var j=0,k;(k=a[j])!=null;j++){typeof k=="number"&&(k+="");if(!k)continue;if(typeof k=="string")if(!ba.test(k))k=b.createTextNode(k);else{k=k.replace(Z,"<$1></$2>");var l=($.exec(k)||["",""])[1].toLowerCase(),m=bf[l]||bf._default,n=m[0],o=b.createElement("div");o.innerHTML=m[1]+k+m[2];while(n--)o=o.lastChild;if(!f.support.tbody){var p=_.test(k),q=l==="table"&&!p?o.firstChild&&o.firstChild.childNodes:m[1]==="<table>"&&!p?o.childNodes:[];for(i=q.length-1;i>=0;--i)f.nodeName(q[i],"tbody")&&!q[i].childNodes.length&&q[i].parentNode.removeChild(q[i])}!f.support.leadingWhitespace&&Y.test(k)&&o.insertBefore(b.createTextNode(Y.exec(k)[0]),o.firstChild),k=o.childNodes}var r;if(!f.support.appendChecked)if(k[0]&&typeof (r=k.length)=="number")for(i=0;i<r;i++)bl(k[i]);else bl(k);k.nodeType?h.push(k):h=f.merge(h,k)}if(d){g=function(a){return!a.type||bd.test(a.type)};for(j=0;h[j];j++)if(e&&f.nodeName(h[j],"script")&&(!h[j].type||h[j].type.toLowerCase()==="text/javascript"))e.push(h[j].parentNode?h[j].parentNode.removeChild(h[j]):h[j]);else{if(h[j].nodeType===1){var s=f.grep(h[j].getElementsByTagName("script"),g);h.splice.apply(h,[j+1,0].concat(s))}d.appendChild(h[j])}}return h},cleanData:function(a){var b,c,d=f.cache,e=f.expando,g=f.event.special,h=f.support.deleteExpando;for(var i=0,j;(j=a[i])!=null;i++){if(j.nodeName&&f.noData[j.nodeName.toLowerCase()])continue;c=j[f.expando];if(c){b=d[c]&&d[c][e];if(b&&b.events){for(var k in b.events)g[k]?f.event.remove(j,k):f.removeEvent(j,k,b.handle);b.handle&&(b.handle.elem=null)}h?delete j[f.expando]:j.removeAttribute&&j.removeAttribute(f.expando),delete d[c]}}}});var bn=/alpha\([^)]*\)/i,bo=/opacity=([^)]*)/,bp=/([A-Z]|^ms)/g,bq=/^-?\d+(?:px)?$/i,br=/^-?\d/,bs=/^[+\-]=/,bt=/[^+\-\.\de]+/g,bu={position:"absolute",visibility:"hidden",display:"block"},bv=["Left","Right"],bw=["Top","Bottom"],bx,by,bz;f.fn.css=function(a,c){if(arguments.length===2&&c===b)return this;return f.access(this,a,c,!0,function(a,c,d){return d!==b?f.style(a,c,d):f.css(a,c)})},f.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=bx(a,"opacity","opacity");return c===""?"1":c}return a.style.opacity}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":f.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,d,e){if(!!a&&a.nodeType!==3&&a.nodeType!==8&&!!a.style){var g,h,i=f.camelCase(c),j=a.style,k=f.cssHooks[i];c=f.cssProps[i]||i;if(d===b){if(k&&"get"in k&&(g=k.get(a,!1,e))!==b)return g;return j[c]}h=typeof d;if(h==="number"&&isNaN(d)||d==null)return;h==="string"&&bs.test(d)&&(d=+d.replace(bt,"")+parseFloat(f.css(a,c)),h="number"),h==="number"&&!f.cssNumber[i]&&(d+="px");if(!k||!("set"in k)||(d=k.set(a,d))!==b)try{j[c]=d}catch(l){}}},css:function(a,c,d){var e,g;c=f.camelCase(c),g=f.cssHooks[c],c=f.cssProps[c]||c,c==="cssFloat"&&(c="float");if(g&&"get"in g&&(e=g.get(a,!0,d))!==b)return e;if(bx)return bx(a,c)},swap:function(a,b,c){var d={};for(var e in b)d[e]=a.style[e],a.style[e]=b[e];c.call(a);for(e in b)a.style[e]=d[e]}}),f.curCSS=f.css,f.each(["height","width"],function(a,b){f.cssHooks[b]={get:function(a,c,d){var e;if(c){if(a.offsetWidth!==0)return bA(a,b,d);f.swap(a,bu,function(){e=bA(a,b,d)});return e}},set:function(a,b){if(!bq.test(b))return b;b=parseFloat(b);if(b>=0)return b+"px"}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return bo.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle;c.zoom=1;var e=f.isNaN(b)?"":"alpha(opacity="+b*100+")",g=d&&d.filter||c.filter||"";c.filter=bn.test(g)?g.replace(bn,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){var c;f.swap(a,{display:"inline-block"},function(){b?c=bx(a,"margin-right","marginRight"):c=a.style.marginRight});return c}})}),c.defaultView&&c.defaultView.getComputedStyle&&(by=function(a,c){var d,e,g;c=c.replace(bp,"-$1").toLowerCase();if(!(e=a.ownerDocument.defaultView))return b;if(g=e.getComputedStyle(a,null))d=g.getPropertyValue(c),d===""&&!f.contains(a.ownerDocument.documentElement,a)&&(d=f.style(a,c));return d}),c.documentElement.currentStyle&&(bz=function(a,b){var c,d=a.currentStyle&&a.currentStyle[b],e=a.runtimeStyle&&a.runtimeStyle[b],f=a.style;!bq.test(d)&&br.test(d)&&(c=f.left,e&&(a.runtimeStyle.left=a.currentStyle.left),f.left=b==="fontSize"?"1em":d||0,d=f.pixelLeft+"px",f.left=c,e&&(a.runtimeStyle.left=e));return d===""?"auto":d}),bx=by||bz,f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)});var bB=/%20/g,bC=/\[\]$/,bD=/\r?\n/g,bE=/#.*$/,bF=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bG=/^(?:color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bH=/^(?:about|app|app\-storage|.+\-extension|file|widget):$/,bI=/^(?:GET|HEAD)$/,bJ=/^\/\//,bK=/\?/,bL=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,bM=/^(?:select|textarea)/i,bN=/\s+/,bO=/([?&])_=[^&]*/,bP=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,bQ=f.fn.load,bR={},bS={},bT,bU;try{bT=e.href}catch(bV){bT=c.createElement("a"),bT.href="",bT=bT.href}bU=bP.exec(bT.toLowerCase())||[],f.fn.extend({load:function(a,c,d){if(typeof a!="string"&&bQ)return bQ.apply(this,arguments);if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var g=a.slice(e,a.length);a=a.slice(0,e)}var h="GET";c&&(f.isFunction(c)?(d=c,c=b):typeof c=="object"&&(c=f.param(c,f.ajaxSettings.traditional),h="POST"));var i=this;f.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?f("<div>").append(c.replace(bL,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bM.test(this.nodeName)||bG.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bD,"\r\n")}}):{name:b.name,value:c.replace(bD,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.bind(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?f.extend(!0,a,f.ajaxSettings,b):(b=a,a=f.extend(!0,f.ajaxSettings,b));for(var c in{context:1,url:1})c in b?a[c]=b[c]:c in f.ajaxSettings&&(a[c]=f.ajaxSettings[c]);return a},ajaxSettings:{url:bT,isLocal:bH.test(bU[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":"*/*"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML}},ajaxPrefilter:bW(bR),ajaxTransport:bW(bS),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a?4:0;var o,r,u,w=l?bZ(d,v,l):b,x,y;if(a>=200&&a<300||a===304){if(d.ifModified){if(x=v.getResponseHeader("Last-Modified"))f.lastModified[k]=x;if(y=v.getResponseHeader("Etag"))f.etag[k]=y}if(a===304)c="notmodified",o=!0;else try{r=b$(d,w),c="success",o=!0}catch(z){c="parsererror",u=z}}else{u=c;if(!c||a)c="error",a<0&&(a=0)}v.status=a,v.statusText=c,o?h.resolveWith(e,[r,c,v]):h.rejectWith(e,[v,c,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.resolveWith(e,[v,c]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f._Deferred(),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bF.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.done,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bE,"").replace(bJ,bU[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bN),d.crossDomain==null&&(r=bP.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bU[1]&&r[2]==bU[2]&&(r[3]||(r[1]==="http:"?80:443))==(bU[3]||(bU[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),bX(bR,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bI.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bK.test(d.url)?"&":"?")+d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bO,"$1_="+x);d.url=y+(y===d.url?(bK.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", */*; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=bX(bS,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){status<2?w(-1,z):f.error(z)}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)bY(g,a[g],c,e);return d.join("&").replace(bB,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var b_=f.now(),ca=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+b_++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=b.contentType==="application/x-www-form-urlencoded"&&typeof b.data=="string";if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(ca.test(b.url)||e&&ca.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(ca,l),b.url===j&&(e&&(k=k.replace(ca,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var cb=a.ActiveXObject?function(){for(var a in cd)cd[a](0,1)}:!1,cc=0,cd;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ce()||cf()}:ce,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,cb&&delete cd[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n),m.text=h.responseText;try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cc,cb&&(cd||(cd={},f(a).unload(cb)),cd[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var cg={},ch,ci,cj=/^(?:toggle|show|hide)$/,ck=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,cl,cm=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cn,co=a.webkitRequestAnimationFrame||a.mozRequestAnimationFrame||a.oRequestAnimationFrame;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(cr("show",3),a,b,c);for(var g=0,h=this.length;g<h;g++)d=this[g],d.style&&(e=d.style.display,!f._data(d,"olddisplay")&&e==="none"&&(e=d.style.display=""),e===""&&f.css(d,"display")==="none"&&f._data(d,"olddisplay",cs(d.nodeName)));for(g=0;g<h;g++){d=this[g];if(d.style){e=d.style.display;if(e===""||e==="none")d.style.display=f._data(d,"olddisplay")||""}}return this},hide:function(a,b,c){if(a||a===0)return this.animate(cr("hide",3),a,b,c);for(var d=0,e=this.length;d<e;d++)if(this[d].style){var g=f.css(this[d],"display");g!=="none"&&!f._data(this[d],"olddisplay")&&f._data(this[d],"olddisplay",g)}for(d=0;d<e;d++)this[d].style&&(this[d].style.display="none");return this},_toggle:f.fn.toggle,toggle:function(a,b,c){var d=typeof a=="boolean";f.isFunction(a)&&f.isFunction(b)?this._toggle.apply(this,arguments):a==null||d?this.each(function(){var b=d?a:f(this).is(":hidden");f(this)[b?"show":"hide"]()}):this.animate(cr("toggle",3),a,b,c);return this},fadeTo:function(a,b,c,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=f.speed(b,c,d);if(f.isEmptyObject(a))return this.each(e.complete,[!1]);a=f.extend({},a);return this[e.queue===!1?"each":"queue"](function(){e.queue===!1&&f._mark(this);var b=f.extend({},e),c=this.nodeType===1,d=c&&f(this).is(":hidden"),g,h,i,j,k,l,m,n,o;b.animatedProperties={};for(i in a){g=f.camelCase(i),i!==g&&(a[g]=a[i],delete a[i]),h=a[g],f.isArray(h)?(b.animatedProperties[g]=h[1],h=a[g]=h[0]):b.animatedProperties[g]=b.specialEasing&&b.specialEasing[g]||b.easing||"swing";if(h==="hide"&&d||h==="show"&&!d)return b.complete.call(this);c&&(g==="height"||g==="width")&&(b.overflow=[this.style.overflow,this.style.overflowX,this.style.overflowY],f.css(this,"display")==="inline"&&f.css(this,"float")==="none"&&(f.support.inlineBlockNeedsLayout?(j=cs(this.nodeName),j==="inline"?this.style.display="inline-block":(this.style.display="inline",this.style.zoom=1)):this.style.display="inline-block"))}b.overflow!=null&&(this.style.overflow="hidden");for(i in a)k=new f.fx(this,b,i),h=a[i],cj.test(h)?k[h==="toggle"?d?"show":"hide":h]():(l=ck.exec(h),m=k.cur(),l?(n=parseFloat(l[2]),o=l[3]||(f.cssNumber[i]?"":"px"),o!=="px"&&(f.style(this,i,(n||1)+o),m=(n||1)/k.cur()*m,f.style(this,i,m+o)),l[1]&&(n=(l[1]==="-="?-1:1)*n+m),k.custom(m,n,o)):k.custom(m,h,""));return!0})},stop:function(a,b){a&&this.queue([]),this.each(function(){var a=f.timers,c=a.length;b||f._unmark(!0,this);while(c--)a[c].elem===this&&(b&&a[c](!0),a.splice(c,1))}),b||this.dequeue();return this}}),f.each({slideDown:cr("show",1),slideUp:cr("hide",1),slideToggle:cr("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){f.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),f.extend({speed:function(a,b,c){var d=a&&typeof a=="object"?f.extend({},a):{complete:c||!c&&b||f.isFunction(a)&&a,duration:a,easing:c&&b||b&&!f.isFunction(b)&&b};d.duration=f.fx.off?0:typeof d.duration=="number"?d.duration:d.duration in f.fx.speeds?f.fx.speeds[d.duration]:f.fx.speeds._default,d.old=d.complete,d.complete=function(a){f.isFunction(d.old)&&d.old.call(this),d.queue!==!1?f.dequeue(this):a!==!1&&f._unmark(this)};return d},easing:{linear:function(a,b,c,d){return c+d*a},swing:function(a,b,c,d){return(-Math.cos(a*Math.PI)/2+.5)*d+c}},timers:[],fx:function(a,b,c){this.options=b,this.elem=a,this.prop=c,b.orig=b.orig||{}}}),f.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this),(f.fx.step[this.prop]||f.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a,b=f.css(this.elem,this.prop);return isNaN(a=parseFloat(b))?!b||b==="auto"?0:b:a},custom:function(a,b,c){function h(a){return d.step(a)}var d=this,e=f.fx,g;this.startTime=cn||cp(),this.start=a,this.end=b,this.unit=c||this.unit||(f.cssNumber[this.prop]?"":"px"),this.now=this.start,this.pos=this.state=0,h.elem=this.elem,h()&&f.timers.push(h)&&!cl&&(co?(cl=!0,g=function(){cl&&(co(g),e.tick())},co(g)):cl=setInterval(e.tick,e.interval))},show:function(){this.options.orig[this.prop]=f.style(this.elem,this.prop),this.options.show=!0,this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur()),f(this.elem).show()},hide:function(){this.options.orig[this.prop]=f.style(this.elem,this.prop),this.options.hide=!0,this.custom(this.cur(),0)},step:function(a){var b=cn||cp(),c=!0,d=this.elem,e=this.options,g,h;if(a||b>=e.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),e.animatedProperties[this.prop]=!0;for(g in e.animatedProperties)e.animatedProperties[g]!==!0&&(c=!1);if(c){e.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){d.style["overflow"+b]=e.overflow[a]}),e.hide&&f(d).hide();if(e.hide||e.show)for(var i in e.animatedProperties)f.style(d,i,e.orig[i]);e.complete.call(d)}return!1}e.duration==Infinity?this.now=b:(h=b-this.startTime,this.state=h/e.duration,this.pos=f.easing[e.animatedProperties[this.prop]](this.state,h,0,1,e.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){for(var a=f.timers,b=0;b<a.length;++b)a[b]()||a.splice(b--,1);a.length||f.fx.stop()},interval:13,stop:function(){clearInterval(cl),cl=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){f.style(a.elem,"opacity",a.now)},_default:function(a){a.elem.style&&a.elem.style[a.prop]!=null?a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now):a.now)+a.unit:a.elem[a.prop]=a.now}}}),f.expr&&f.expr.filters&&(f.expr.filters.animated=function(a){return f.grep(f.timers,function(b){return a===b.elem}).length});var ct=/^t(?:able|d|h)$/i,cu=/^(?:body|html)$/i;"getBoundingClientRect"in c.documentElement?f.fn.offset=function(a){var b=this[0],c;if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);try{c=b.getBoundingClientRect()}catch(d){}var e=b.ownerDocument,g=e.documentElement;if(!c||!f.contains(g,b))return c?{top:c.top,left:c.left}:{top:0,left:0};var h=e.body,i=cv(e),j=g.clientTop||h.clientTop||0,k=g.clientLeft||h.clientLeft||0,l=i.pageYOffset||f.support.boxModel&&g.scrollTop||h.scrollTop,m=i.pageXOffset||f.support.boxModel&&g.scrollLeft||h.scrollLeft,n=c.top+l-j,o=c.left+m-k;return{top:n,left:o}}:f.fn.offset=function(a){var b=this[0];if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);f.offset.initialize();var c,d=b.offsetParent,e=b,g=b.ownerDocument,h=g.documentElement,i=g.body,j=g.defaultView,k=j?j.getComputedStyle(b,null):b.currentStyle,l=b.offsetTop,m=b.offsetLeft;while((b=b.parentNode)&&b!==i&&b!==h){if(f.offset.supportsFixedPosition&&k.position==="fixed")break;c=j?j.getComputedStyle(b,null):b.currentStyle,l-=b.scrollTop,m-=b.scrollLeft,b===d&&(l+=b.offsetTop,m+=b.offsetLeft,f.offset.doesNotAddBorder&&(!f.offset.doesAddBorderForTableAndCells||!ct.test(b.nodeName))&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),e=d,d=b.offsetParent),f.offset.subtractsBorderForOverflowNotVisible&&c.overflow!=="visible"&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),k=c}if(k.position==="relative"||k.position==="static")l+=i.offsetTop,m+=i.offsetLeft;f.offset.supportsFixedPosition&&k.position==="fixed"&&(l+=Math.max(h.scrollTop,i.scrollTop),m+=Math.max(h.scrollLeft,i.scrollLeft));return{top:l,left:m}},f.offset={initialize:function(){var a=c.body,b=c.createElement("div"),d,e,g,h,i=parseFloat(f.css(a,"marginTop"))||0,j="<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";f.extend(b.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"}),b.innerHTML=j,a.insertBefore(b,a.firstChild),d=b.firstChild,e=d.firstChild,h=d.nextSibling.firstChild.firstChild,this.doesNotAddBorder=e.offsetTop!==5,this.doesAddBorderForTableAndCells=h.offsetTop===5,e.style.position="fixed",e.style.top="20px",this.supportsFixedPosition=e.offsetTop===20||e.offsetTop===15,e.style.position=e.style.top="",d.style.overflow="hidden",d.style.position="relative",this.subtractsBorderForOverflowNotVisible=e.offsetTop===-5,this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==i,a.removeChild(b),f.offset.initialize=f.noop},bodyOffset:function(a){var b=a.offsetTop,c=a.offsetLeft;f.offset.initialize(),f.offset.doesNotIncludeMarginInBodyOffset&&(b+=parseFloat(f.css(a,"marginTop"))||0,c+=parseFloat(f.css(a,"marginLeft"))||0);return{top:b,left:c}},setOffset:function(a,b,c){var d=f.css(a,"position");d==="static"&&(a.style.position="relative");var e=f(a),g=e.offset(),h=f.css(a,"top"),i=f.css(a,"left"),j=(d==="absolute"||d==="fixed")&&f.inArray("auto",[h,i])>-1,k={},l={},m,n;j?(l=e.position(),m=l.top,n=l.left):(m=parseFloat(h)||0,n=parseFloat(i)||0),f.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):e.css(k)}},f.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=cu.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(f.css(a,"marginTop"))||0,c.left-=parseFloat(f.css(a,"marginLeft"))||0,d.top+=parseFloat(f.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(f.css(b[0],"borderLeftWidth"))||0;return{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&!cu.test(a.nodeName)&&f.css(a,"position")==="static")a=a.offsetParent;return a})}}),f.each(["Left","Top"],function(a,c){var d="scroll"+c;f.fn[d]=function(c){var e,g;if(c===b){e=this[0];if(!e)return null;g=cv(e);return g?"pageXOffset"in g?g[a?"pageYOffset":"pageXOffset"]:f.support.boxModel&&g.document.documentElement[d]||g.document.body[d]:e[d]}return this.each(function(){g=cv(this),g?g.scrollTo(a?f(g).scrollLeft():c,a?c:f(g).scrollTop()):this[d]=c})}}),f.each(["Height","Width"],function(a,c){var d=c.toLowerCase();f.fn["inner"+c]=function(){var a=this[0];return a&&a.style?parseFloat(f.css(a,d,"padding")):null},f.fn["outer"+c]=function(a){var b=this[0];return b&&b.style?parseFloat(f.css(b,d,a?"margin":"border")):null},f.fn[d]=function(a){var e=this[0];if(!e)return a==null?null:this;if(f.isFunction(a))return this.each(function(b){var c=f(this);c[d](a.call(this,b,c[d]()))});if(f.isWindow(e)){var g=e.document.documentElement["client"+c];return e.document.compatMode==="CSS1Compat"&&g||e.document.body["client"+c]||g}if(e.nodeType===9)return Math.max(e.documentElement["client"+c],e.body["scroll"+c],e.documentElement["scroll"+c],e.body["offset"+c],e.documentElement["offset"+c]);if(a===b){var h=f.css(e,d),i=parseFloat(h);return f.isNaN(i)?h:i}return this.css(d,typeof a=="string"?a:a+"px")}}),a.jQuery=a.$=f})(window);
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/jquery.ztree.core-3.5.js b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/jquery.ztree.core-3.5.js
new file mode 100644
index 00000000..42ab8b44
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/jquery.ztree.core-3.5.js	
@@ -0,0 +1,68 @@
+/*
+ * JQuery zTree core v3.5.15
+ * http://zTree.me/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2013-10-15
+ */
+(function(p){var G,H,I,J,K,L,r={},u={},v={},M={treeId:"",treeObj:null,view:{addDiyDom:null,autoCancelSelected:!0,dblClickExpand:!0,expandSpeed:"fast",fontCss:{},nameIsHTML:!1,selectedMulti:!0,showIcon:!0,showLine:!0,showTitle:!0,txtSelectedEnable:!1},data:{key:{children:"children",name:"name",title:"",url:"url"},simpleData:{enable:!1,idKey:"id",pIdKey:"pId",rootPId:null},keep:{parent:!1,leaf:!1}},async:{enable:!1,contentType:"application/x-www-form-urlencoded",type:"post",dataType:"text",url:"",autoParam:[],
+otherParam:[],dataFilter:null},callback:{beforeAsync:null,beforeClick:null,beforeDblClick:null,beforeRightClick:null,beforeMouseDown:null,beforeMouseUp:null,beforeExpand:null,beforeCollapse:null,beforeRemove:null,onAsyncError:null,onAsyncSuccess:null,onNodeCreated:null,onClick:null,onDblClick:null,onRightClick:null,onMouseDown:null,onMouseUp:null,onExpand:null,onCollapse:null,onRemove:null}},w=[function(b){var a=b.treeObj,c=e.event;a.bind(c.NODECREATED,function(a,c,g){j.apply(b.callback.onNodeCreated,
+[a,c,g])});a.bind(c.CLICK,function(a,c,g,l,h){j.apply(b.callback.onClick,[c,g,l,h])});a.bind(c.EXPAND,function(a,c,g){j.apply(b.callback.onExpand,[a,c,g])});a.bind(c.COLLAPSE,function(a,c,g){j.apply(b.callback.onCollapse,[a,c,g])});a.bind(c.ASYNC_SUCCESS,function(a,c,g,l){j.apply(b.callback.onAsyncSuccess,[a,c,g,l])});a.bind(c.ASYNC_ERROR,function(a,c,g,l,h,e){j.apply(b.callback.onAsyncError,[a,c,g,l,h,e])})}],x=[function(b){var a=e.event;b.treeObj.unbind(a.NODECREATED).unbind(a.CLICK).unbind(a.EXPAND).unbind(a.COLLAPSE).unbind(a.ASYNC_SUCCESS).unbind(a.ASYNC_ERROR)}],
+y=[function(b){var a=h.getCache(b);a||(a={},h.setCache(b,a));a.nodes=[];a.doms=[]}],z=[function(b,a,c,d,f,g){if(c){var l=h.getRoot(b),e=b.data.key.children;c.level=a;c.tId=b.treeId+"_"+ ++l.zId;c.parentTId=d?d.tId:null;c.open=typeof c.open=="string"?j.eqs(c.open,"true"):!!c.open;c[e]&&c[e].length>0?(c.isParent=!0,c.zAsync=!0):(c.isParent=typeof c.isParent=="string"?j.eqs(c.isParent,"true"):!!c.isParent,c.open=c.isParent&&!b.async.enable?c.open:!1,c.zAsync=!c.isParent);c.isFirstNode=f;c.isLastNode=
+g;c.getParentNode=function(){return h.getNodeCache(b,c.parentTId)};c.getPreNode=function(){return h.getPreNode(b,c)};c.getNextNode=function(){return h.getNextNode(b,c)};c.isAjaxing=!1;h.fixPIdKeyValue(b,c)}}],s=[function(b){var a=b.target,c=h.getSetting(b.data.treeId),d="",f=null,g="",l="",i=null,n=null,k=null;if(j.eqs(b.type,"mousedown"))l="mousedown";else if(j.eqs(b.type,"mouseup"))l="mouseup";else if(j.eqs(b.type,"contextmenu"))l="contextmenu";else if(j.eqs(b.type,"click"))if(j.eqs(a.tagName,"span")&&
+a.getAttribute("treeNode"+e.id.SWITCH)!==null)d=j.getNodeMainDom(a).id,g="switchNode";else{if(k=j.getMDom(c,a,[{tagName:"a",attrName:"treeNode"+e.id.A}]))d=j.getNodeMainDom(k).id,g="clickNode"}else if(j.eqs(b.type,"dblclick")&&(l="dblclick",k=j.getMDom(c,a,[{tagName:"a",attrName:"treeNode"+e.id.A}])))d=j.getNodeMainDom(k).id,g="switchNode";if(l.length>0&&d.length==0&&(k=j.getMDom(c,a,[{tagName:"a",attrName:"treeNode"+e.id.A}])))d=j.getNodeMainDom(k).id;if(d.length>0)switch(f=h.getNodeCache(c,d),g){case "switchNode":f.isParent?
+j.eqs(b.type,"click")||j.eqs(b.type,"dblclick")&&j.apply(c.view.dblClickExpand,[c.treeId,f],c.view.dblClickExpand)?i=G:g="":g="";break;case "clickNode":i=H}switch(l){case "mousedown":n=I;break;case "mouseup":n=J;break;case "dblclick":n=K;break;case "contextmenu":n=L}return{stop:!1,node:f,nodeEventType:g,nodeEventCallback:i,treeEventType:l,treeEventCallback:n}}],A=[function(b){var a=h.getRoot(b);a||(a={},h.setRoot(b,a));a[b.data.key.children]=[];a.expandTriggerFlag=!1;a.curSelectedList=[];a.noSelection=
+!0;a.createdNodes=[];a.zId=0;a._ver=(new Date).getTime()}],B=[],C=[],D=[],E=[],F=[],h={addNodeCache:function(b,a){h.getCache(b).nodes[h.getNodeCacheId(a.tId)]=a},getNodeCacheId:function(b){return b.substring(b.lastIndexOf("_")+1)},addAfterA:function(b){C.push(b)},addBeforeA:function(b){B.push(b)},addInnerAfterA:function(b){E.push(b)},addInnerBeforeA:function(b){D.push(b)},addInitBind:function(b){w.push(b)},addInitUnBind:function(b){x.push(b)},addInitCache:function(b){y.push(b)},addInitNode:function(b){z.push(b)},
+addInitProxy:function(b,a){a?s.splice(0,0,b):s.push(b)},addInitRoot:function(b){A.push(b)},addNodesData:function(b,a,c){var d=b.data.key.children;a[d]||(a[d]=[]);if(a[d].length>0)a[d][a[d].length-1].isLastNode=!1,i.setNodeLineIcos(b,a[d][a[d].length-1]);a.isParent=!0;a[d]=a[d].concat(c)},addSelectedNode:function(b,a){var c=h.getRoot(b);h.isSelectedNode(b,a)||c.curSelectedList.push(a)},addCreatedNode:function(b,a){(b.callback.onNodeCreated||b.view.addDiyDom)&&h.getRoot(b).createdNodes.push(a)},addZTreeTools:function(b){F.push(b)},
+exSetting:function(b){p.extend(!0,M,b)},fixPIdKeyValue:function(b,a){b.data.simpleData.enable&&(a[b.data.simpleData.pIdKey]=a.parentTId?a.getParentNode()[b.data.simpleData.idKey]:b.data.simpleData.rootPId)},getAfterA:function(b,a,c){for(var d=0,f=C.length;d<f;d++)C[d].apply(this,arguments)},getBeforeA:function(b,a,c){for(var d=0,f=B.length;d<f;d++)B[d].apply(this,arguments)},getInnerAfterA:function(b,a,c){for(var d=0,f=E.length;d<f;d++)E[d].apply(this,arguments)},getInnerBeforeA:function(b,a,c){for(var d=
+0,f=D.length;d<f;d++)D[d].apply(this,arguments)},getCache:function(b){return v[b.treeId]},getNextNode:function(b,a){if(!a)return null;for(var c=b.data.key.children,d=a.parentTId?a.getParentNode():h.getRoot(b),f=0,g=d[c].length-1;f<=g;f++)if(d[c][f]===a)return f==g?null:d[c][f+1];return null},getNodeByParam:function(b,a,c,d){if(!a||!c)return null;for(var f=b.data.key.children,g=0,l=a.length;g<l;g++){if(a[g][c]==d)return a[g];var e=h.getNodeByParam(b,a[g][f],c,d);if(e)return e}return null},getNodeCache:function(b,
+a){if(!a)return null;var c=v[b.treeId].nodes[h.getNodeCacheId(a)];return c?c:null},getNodeName:function(b,a){return""+a[b.data.key.name]},getNodeTitle:function(b,a){return""+a[b.data.key.title===""?b.data.key.name:b.data.key.title]},getNodes:function(b){return h.getRoot(b)[b.data.key.children]},getNodesByParam:function(b,a,c,d){if(!a||!c)return[];for(var f=b.data.key.children,g=[],l=0,e=a.length;l<e;l++)a[l][c]==d&&g.push(a[l]),g=g.concat(h.getNodesByParam(b,a[l][f],c,d));return g},getNodesByParamFuzzy:function(b,
+a,c,d){if(!a||!c)return[];for(var f=b.data.key.children,g=[],d=d.toLowerCase(),l=0,e=a.length;l<e;l++)typeof a[l][c]=="string"&&a[l][c].toLowerCase().indexOf(d)>-1&&g.push(a[l]),g=g.concat(h.getNodesByParamFuzzy(b,a[l][f],c,d));return g},getNodesByFilter:function(b,a,c,d,f){if(!a)return d?null:[];for(var g=b.data.key.children,e=d?null:[],i=0,n=a.length;i<n;i++){if(j.apply(c,[a[i],f],!1)){if(d)return a[i];e.push(a[i])}var k=h.getNodesByFilter(b,a[i][g],c,d,f);if(d&&k)return k;e=d?k:e.concat(k)}return e},
+getPreNode:function(b,a){if(!a)return null;for(var c=b.data.key.children,d=a.parentTId?a.getParentNode():h.getRoot(b),f=0,g=d[c].length;f<g;f++)if(d[c][f]===a)return f==0?null:d[c][f-1];return null},getRoot:function(b){return b?u[b.treeId]:null},getRoots:function(){return u},getSetting:function(b){return r[b]},getSettings:function(){return r},getZTreeTools:function(b){return(b=this.getRoot(this.getSetting(b)))?b.treeTools:null},initCache:function(b){for(var a=0,c=y.length;a<c;a++)y[a].apply(this,
+arguments)},initNode:function(b,a,c,d,f,g){for(var e=0,h=z.length;e<h;e++)z[e].apply(this,arguments)},initRoot:function(b){for(var a=0,c=A.length;a<c;a++)A[a].apply(this,arguments)},isSelectedNode:function(b,a){for(var c=h.getRoot(b),d=0,f=c.curSelectedList.length;d<f;d++)if(a===c.curSelectedList[d])return!0;return!1},removeNodeCache:function(b,a){var c=b.data.key.children;if(a[c])for(var d=0,f=a[c].length;d<f;d++)arguments.callee(b,a[c][d]);h.getCache(b).nodes[h.getNodeCacheId(a.tId)]=null},removeSelectedNode:function(b,
+a){for(var c=h.getRoot(b),d=0,f=c.curSelectedList.length;d<f;d++)if(a===c.curSelectedList[d]||!h.getNodeCache(b,c.curSelectedList[d].tId))c.curSelectedList.splice(d,1),d--,f--},setCache:function(b,a){v[b.treeId]=a},setRoot:function(b,a){u[b.treeId]=a},setZTreeTools:function(b,a){for(var c=0,d=F.length;c<d;c++)F[c].apply(this,arguments)},transformToArrayFormat:function(b,a){if(!a)return[];var c=b.data.key.children,d=[];if(j.isArray(a))for(var f=0,g=a.length;f<g;f++)d.push(a[f]),a[f][c]&&(d=d.concat(h.transformToArrayFormat(b,
+a[f][c])));else d.push(a),a[c]&&(d=d.concat(h.transformToArrayFormat(b,a[c])));return d},transformTozTreeFormat:function(b,a){var c,d,f=b.data.simpleData.idKey,g=b.data.simpleData.pIdKey,e=b.data.key.children;if(!f||f==""||!a)return[];if(j.isArray(a)){var h=[],i=[];for(c=0,d=a.length;c<d;c++)i[a[c][f]]=a[c];for(c=0,d=a.length;c<d;c++)i[a[c][g]]&&a[c][f]!=a[c][g]?(i[a[c][g]][e]||(i[a[c][g]][e]=[]),i[a[c][g]][e].push(a[c])):h.push(a[c]);return h}else return[a]}},m={bindEvent:function(b){for(var a=0,
+c=w.length;a<c;a++)w[a].apply(this,arguments)},unbindEvent:function(b){for(var a=0,c=x.length;a<c;a++)x[a].apply(this,arguments)},bindTree:function(b){var a={treeId:b.treeId},c=b.treeObj;b.view.txtSelectedEnable||c.bind("selectstart",function(a){a=a.originalEvent.srcElement.nodeName.toLowerCase();return a==="input"||a==="textarea"}).css({"-moz-user-select":"-moz-none"});c.bind("click",a,m.proxy);c.bind("dblclick",a,m.proxy);c.bind("mouseover",a,m.proxy);c.bind("mouseout",a,m.proxy);c.bind("mousedown",
+a,m.proxy);c.bind("mouseup",a,m.proxy);c.bind("contextmenu",a,m.proxy)},unbindTree:function(b){b.treeObj.unbind("click",m.proxy).unbind("dblclick",m.proxy).unbind("mouseover",m.proxy).unbind("mouseout",m.proxy).unbind("mousedown",m.proxy).unbind("mouseup",m.proxy).unbind("contextmenu",m.proxy)},doProxy:function(b){for(var a=[],c=0,d=s.length;c<d;c++){var f=s[c].apply(this,arguments);a.push(f);if(f.stop)break}return a},proxy:function(b){var a=h.getSetting(b.data.treeId);if(!j.uCanDo(a,b))return!0;
+for(var a=m.doProxy(b),c=!0,d=0,f=a.length;d<f;d++){var g=a[d];g.nodeEventCallback&&(c=g.nodeEventCallback.apply(g,[b,g.node])&&c);g.treeEventCallback&&(c=g.treeEventCallback.apply(g,[b,g.node])&&c)}return c}};G=function(b,a){var c=h.getSetting(b.data.treeId);if(a.open){if(j.apply(c.callback.beforeCollapse,[c.treeId,a],!0)==!1)return!0}else if(j.apply(c.callback.beforeExpand,[c.treeId,a],!0)==!1)return!0;h.getRoot(c).expandTriggerFlag=!0;i.switchNode(c,a);return!0};H=function(b,a){var c=h.getSetting(b.data.treeId),
+d=c.view.autoCancelSelected&&b.ctrlKey&&h.isSelectedNode(c,a)?0:c.view.autoCancelSelected&&b.ctrlKey&&c.view.selectedMulti?2:1;if(j.apply(c.callback.beforeClick,[c.treeId,a,d],!0)==!1)return!0;d===0?i.cancelPreSelectedNode(c,a):i.selectNode(c,a,d===2);c.treeObj.trigger(e.event.CLICK,[b,c.treeId,a,d]);return!0};I=function(b,a){var c=h.getSetting(b.data.treeId);j.apply(c.callback.beforeMouseDown,[c.treeId,a],!0)&&j.apply(c.callback.onMouseDown,[b,c.treeId,a]);return!0};J=function(b,a){var c=h.getSetting(b.data.treeId);
+j.apply(c.callback.beforeMouseUp,[c.treeId,a],!0)&&j.apply(c.callback.onMouseUp,[b,c.treeId,a]);return!0};K=function(b,a){var c=h.getSetting(b.data.treeId);j.apply(c.callback.beforeDblClick,[c.treeId,a],!0)&&j.apply(c.callback.onDblClick,[b,c.treeId,a]);return!0};L=function(b,a){var c=h.getSetting(b.data.treeId);j.apply(c.callback.beforeRightClick,[c.treeId,a],!0)&&j.apply(c.callback.onRightClick,[b,c.treeId,a]);return typeof c.callback.onRightClick!="function"};var j={apply:function(b,a,c){return typeof b==
+"function"?b.apply(N,a?a:[]):c},canAsync:function(b,a){var c=b.data.key.children;return b.async.enable&&a&&a.isParent&&!(a.zAsync||a[c]&&a[c].length>0)},clone:function(b){if(b===null)return null;var a=j.isArray(b)?[]:{},c;for(c in b)a[c]=b[c]instanceof Date?new Date(b[c].getTime()):typeof b[c]==="object"?arguments.callee(b[c]):b[c];return a},eqs:function(b,a){return b.toLowerCase()===a.toLowerCase()},isArray:function(b){return Object.prototype.toString.apply(b)==="[object Array]"},$:function(b,a,
+c){a&&typeof a!="string"&&(c=a,a="");return typeof b=="string"?p(b,c?c.treeObj.get(0).ownerDocument:null):p("#"+b.tId+a,c?c.treeObj:null)},getMDom:function(b,a,c){if(!a)return null;for(;a&&a.id!==b.treeId;){for(var d=0,f=c.length;a.tagName&&d<f;d++)if(j.eqs(a.tagName,c[d].tagName)&&a.getAttribute(c[d].attrName)!==null)return a;a=a.parentNode}return null},getNodeMainDom:function(b){return p(b).parent("li").get(0)||p(b).parentsUntil("li").parent().get(0)},isChildOrSelf:function(b,a){return p(b).closest("#"+
+a).length>0},uCanDo:function(){return!0}},i={addNodes:function(b,a,c,d){if(!b.data.keep.leaf||!a||a.isParent)if(j.isArray(c)||(c=[c]),b.data.simpleData.enable&&(c=h.transformTozTreeFormat(b,c)),a){var f=k(a,e.id.SWITCH,b),g=k(a,e.id.ICON,b),l=k(a,e.id.UL,b);if(!a.open)i.replaceSwitchClass(a,f,e.folder.CLOSE),i.replaceIcoClass(a,g,e.folder.CLOSE),a.open=!1,l.css({display:"none"});h.addNodesData(b,a,c);i.createNodes(b,a.level+1,c,a);d||i.expandCollapseParentNode(b,a,!0)}else h.addNodesData(b,h.getRoot(b),
+c),i.createNodes(b,0,c,null)},appendNodes:function(b,a,c,d,f,g){if(!c)return[];for(var e=[],j=b.data.key.children,k=0,m=c.length;k<m;k++){var o=c[k];if(f){var t=(d?d:h.getRoot(b))[j].length==c.length&&k==0;h.initNode(b,a,o,d,t,k==c.length-1,g);h.addNodeCache(b,o)}t=[];o[j]&&o[j].length>0&&(t=i.appendNodes(b,a+1,o[j],o,f,g&&o.open));g&&(i.makeDOMNodeMainBefore(e,b,o),i.makeDOMNodeLine(e,b,o),h.getBeforeA(b,o,e),i.makeDOMNodeNameBefore(e,b,o),h.getInnerBeforeA(b,o,e),i.makeDOMNodeIcon(e,b,o),h.getInnerAfterA(b,
+o,e),i.makeDOMNodeNameAfter(e,b,o),h.getAfterA(b,o,e),o.isParent&&o.open&&i.makeUlHtml(b,o,e,t.join("")),i.makeDOMNodeMainAfter(e,b,o),h.addCreatedNode(b,o))}return e},appendParentULDom:function(b,a){var c=[],d=k(a,b);!d.get(0)&&a.parentTId&&(i.appendParentULDom(b,a.getParentNode()),d=k(a,b));var f=k(a,e.id.UL,b);f.get(0)&&f.remove();f=i.appendNodes(b,a.level+1,a[b.data.key.children],a,!1,!0);i.makeUlHtml(b,a,c,f.join(""));d.append(c.join(""))},asyncNode:function(b,a,c,d){var f,g;if(a&&!a.isParent)return j.apply(d),
+!1;else if(a&&a.isAjaxing)return!1;else if(j.apply(b.callback.beforeAsync,[b.treeId,a],!0)==!1)return j.apply(d),!1;if(a)a.isAjaxing=!0,k(a,e.id.ICON,b).attr({style:"","class":e.className.BUTTON+" "+e.className.ICO_LOADING});var l={};for(f=0,g=b.async.autoParam.length;a&&f<g;f++){var q=b.async.autoParam[f].split("="),n=q;q.length>1&&(n=q[1],q=q[0]);l[n]=a[q]}if(j.isArray(b.async.otherParam))for(f=0,g=b.async.otherParam.length;f<g;f+=2)l[b.async.otherParam[f]]=b.async.otherParam[f+1];else for(var m in b.async.otherParam)l[m]=
+b.async.otherParam[m];var o=h.getRoot(b)._ver;p.ajax({contentType:b.async.contentType,type:b.async.type,url:j.apply(b.async.url,[b.treeId,a],b.async.url),data:l,dataType:b.async.dataType,success:function(f){if(o==h.getRoot(b)._ver){var g=[];try{g=!f||f.length==0?[]:typeof f=="string"?eval("("+f+")"):f}catch(l){g=f}if(a)a.isAjaxing=null,a.zAsync=!0;i.setNodeLineIcos(b,a);g&&g!==""?(g=j.apply(b.async.dataFilter,[b.treeId,a,g],g),i.addNodes(b,a,g?j.clone(g):[],!!c)):i.addNodes(b,a,[],!!c);b.treeObj.trigger(e.event.ASYNC_SUCCESS,
+[b.treeId,a,f]);j.apply(d)}},error:function(c,d,f){if(o==h.getRoot(b)._ver){if(a)a.isAjaxing=null;i.setNodeLineIcos(b,a);b.treeObj.trigger(e.event.ASYNC_ERROR,[b.treeId,a,c,d,f])}}});return!0},cancelPreSelectedNode:function(b,a){for(var c=h.getRoot(b).curSelectedList,d=c.length-1;d>=0;d--)if(!a||a===c[d])if(k(c[d],e.id.A,b).removeClass(e.node.CURSELECTED),a){h.removeSelectedNode(b,a);break}if(!a)h.getRoot(b).curSelectedList=[]},createNodeCallback:function(b){if(b.callback.onNodeCreated||b.view.addDiyDom)for(var a=
+h.getRoot(b);a.createdNodes.length>0;){var c=a.createdNodes.shift();j.apply(b.view.addDiyDom,[b.treeId,c]);b.callback.onNodeCreated&&b.treeObj.trigger(e.event.NODECREATED,[b.treeId,c])}},createNodes:function(b,a,c,d){if(c&&c.length!=0){var f=h.getRoot(b),g=b.data.key.children,g=!d||d.open||!!k(d[g][0],b).get(0);f.createdNodes=[];a=i.appendNodes(b,a,c,d,!0,g);d?(d=k(d,e.id.UL,b),d.get(0)&&d.append(a.join(""))):b.treeObj.append(a.join(""));i.createNodeCallback(b)}},destroy:function(b){b&&(h.initCache(b),
+h.initRoot(b),m.unbindTree(b),m.unbindEvent(b),b.treeObj.empty())},expandCollapseNode:function(b,a,c,d,f){var g=h.getRoot(b),l=b.data.key.children;if(a){if(g.expandTriggerFlag){var q=f,f=function(){q&&q();a.open?b.treeObj.trigger(e.event.EXPAND,[b.treeId,a]):b.treeObj.trigger(e.event.COLLAPSE,[b.treeId,a])};g.expandTriggerFlag=!1}if(!a.open&&a.isParent&&(!k(a,e.id.UL,b).get(0)||a[l]&&a[l].length>0&&!k(a[l][0],b).get(0)))i.appendParentULDom(b,a),i.createNodeCallback(b);if(a.open==c)j.apply(f,[]);else{var c=
+k(a,e.id.UL,b),g=k(a,e.id.SWITCH,b),n=k(a,e.id.ICON,b);a.isParent?(a.open=!a.open,a.iconOpen&&a.iconClose&&n.attr("style",i.makeNodeIcoStyle(b,a)),a.open?(i.replaceSwitchClass(a,g,e.folder.OPEN),i.replaceIcoClass(a,n,e.folder.OPEN),d==!1||b.view.expandSpeed==""?(c.show(),j.apply(f,[])):a[l]&&a[l].length>0?c.slideDown(b.view.expandSpeed,f):(c.show(),j.apply(f,[]))):(i.replaceSwitchClass(a,g,e.folder.CLOSE),i.replaceIcoClass(a,n,e.folder.CLOSE),d==!1||b.view.expandSpeed==""||!(a[l]&&a[l].length>0)?
+(c.hide(),j.apply(f,[])):c.slideUp(b.view.expandSpeed,f))):j.apply(f,[])}}else j.apply(f,[])},expandCollapseParentNode:function(b,a,c,d,f){a&&(a.parentTId?(i.expandCollapseNode(b,a,c,d),a.parentTId&&i.expandCollapseParentNode(b,a.getParentNode(),c,d,f)):i.expandCollapseNode(b,a,c,d,f))},expandCollapseSonNode:function(b,a,c,d,f){var g=h.getRoot(b),e=b.data.key.children,g=a?a[e]:g[e],e=a?!1:d,j=h.getRoot(b).expandTriggerFlag;h.getRoot(b).expandTriggerFlag=!1;if(g)for(var k=0,m=g.length;k<m;k++)g[k]&&
+i.expandCollapseSonNode(b,g[k],c,e);h.getRoot(b).expandTriggerFlag=j;i.expandCollapseNode(b,a,c,d,f)},makeDOMNodeIcon:function(b,a,c){var d=h.getNodeName(a,c),d=a.view.nameIsHTML?d:d.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");b.push("<span id='",c.tId,e.id.ICON,"' title='' treeNode",e.id.ICON," class='",i.makeNodeIcoClass(a,c),"' style='",i.makeNodeIcoStyle(a,c),"'></span><span id='",c.tId,e.id.SPAN,"'>",d,"</span>")},makeDOMNodeLine:function(b,a,c){b.push("<span id='",c.tId,
+e.id.SWITCH,"' title='' class='",i.makeNodeLineClass(a,c),"' treeNode",e.id.SWITCH,"></span>")},makeDOMNodeMainAfter:function(b){b.push("</li>")},makeDOMNodeMainBefore:function(b,a,c){b.push("<li id='",c.tId,"' class='",e.className.LEVEL,c.level,"' tabindex='0' hidefocus='true' treenode>")},makeDOMNodeNameAfter:function(b){b.push("</a>")},makeDOMNodeNameBefore:function(b,a,c){var d=h.getNodeTitle(a,c),f=i.makeNodeUrl(a,c),g=i.makeNodeFontCss(a,c),l=[],k;for(k in g)l.push(k,":",g[k],";");b.push("<a id='",
+c.tId,e.id.A,"' class='",e.className.LEVEL,c.level,"' treeNode",e.id.A,' onclick="',c.click||"",'" ',f!=null&&f.length>0?"href='"+f+"'":""," target='",i.makeNodeTarget(c),"' style='",l.join(""),"'");j.apply(a.view.showTitle,[a.treeId,c],a.view.showTitle)&&d&&b.push("title='",d.replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),"'");b.push(">")},makeNodeFontCss:function(b,a){var c=j.apply(b.view.fontCss,[b.treeId,a],b.view.fontCss);return c&&typeof c!="function"?c:{}},makeNodeIcoClass:function(b,
+a){var c=["ico"];a.isAjaxing||(c[0]=(a.iconSkin?a.iconSkin+"_":"")+c[0],a.isParent?c.push(a.open?e.folder.OPEN:e.folder.CLOSE):c.push(e.folder.DOCU));return e.className.BUTTON+" "+c.join("_")},makeNodeIcoStyle:function(b,a){var c=[];if(!a.isAjaxing){var d=a.isParent&&a.iconOpen&&a.iconClose?a.open?a.iconOpen:a.iconClose:a.icon;d&&c.push("background:url(",d,") 0 0 no-repeat;");(b.view.showIcon==!1||!j.apply(b.view.showIcon,[b.treeId,a],!0))&&c.push("width:0px;height:0px;")}return c.join("")},makeNodeLineClass:function(b,
+a){var c=[];b.view.showLine?a.level==0&&a.isFirstNode&&a.isLastNode?c.push(e.line.ROOT):a.level==0&&a.isFirstNode?c.push(e.line.ROOTS):a.isLastNode?c.push(e.line.BOTTOM):c.push(e.line.CENTER):c.push(e.line.NOLINE);a.isParent?c.push(a.open?e.folder.OPEN:e.folder.CLOSE):c.push(e.folder.DOCU);return i.makeNodeLineClassEx(a)+c.join("_")},makeNodeLineClassEx:function(b){return e.className.BUTTON+" "+e.className.LEVEL+b.level+" "+e.className.SWITCH+" "},makeNodeTarget:function(b){return b.target||"_blank"},
+makeNodeUrl:function(b,a){var c=b.data.key.url;return a[c]?a[c]:null},makeUlHtml:function(b,a,c,d){c.push("<ul id='",a.tId,e.id.UL,"' class='",e.className.LEVEL,a.level," ",i.makeUlLineClass(b,a),"' style='display:",a.open?"block":"none","'>");c.push(d);c.push("</ul>")},makeUlLineClass:function(b,a){return b.view.showLine&&!a.isLastNode?e.line.LINE:""},removeChildNodes:function(b,a){if(a){var c=b.data.key.children,d=a[c];if(d){for(var f=0,g=d.length;f<g;f++)h.removeNodeCache(b,d[f]);h.removeSelectedNode(b);
+delete a[c];b.data.keep.parent?k(a,e.id.UL,b).empty():(a.isParent=!1,a.open=!1,c=k(a,e.id.SWITCH,b),d=k(a,e.id.ICON,b),i.replaceSwitchClass(a,c,e.folder.DOCU),i.replaceIcoClass(a,d,e.folder.DOCU),k(a,e.id.UL,b).remove())}}},setFirstNode:function(b,a){var c=b.data.key.children;if(a[c].length>0)a[c][0].isFirstNode=!0},setLastNode:function(b,a){var c=b.data.key.children,d=a[c].length;if(d>0)a[c][d-1].isLastNode=!0},removeNode:function(b,a){var c=h.getRoot(b),d=b.data.key.children,f=a.parentTId?a.getParentNode():
+c;a.isFirstNode=!1;a.isLastNode=!1;a.getPreNode=function(){return null};a.getNextNode=function(){return null};if(h.getNodeCache(b,a.tId)){k(a,b).remove();h.removeNodeCache(b,a);h.removeSelectedNode(b,a);for(var g=0,l=f[d].length;g<l;g++)if(f[d][g].tId==a.tId){f[d].splice(g,1);break}i.setFirstNode(b,f);i.setLastNode(b,f);var j,g=f[d].length;if(!b.data.keep.parent&&g==0)f.isParent=!1,f.open=!1,g=k(f,e.id.UL,b),l=k(f,e.id.SWITCH,b),j=k(f,e.id.ICON,b),i.replaceSwitchClass(f,l,e.folder.DOCU),i.replaceIcoClass(f,
+j,e.folder.DOCU),g.css("display","none");else if(b.view.showLine&&g>0){var n=f[d][g-1],g=k(n,e.id.UL,b),l=k(n,e.id.SWITCH,b);j=k(n,e.id.ICON,b);f==c?f[d].length==1?i.replaceSwitchClass(n,l,e.line.ROOT):(c=k(f[d][0],e.id.SWITCH,b),i.replaceSwitchClass(f[d][0],c,e.line.ROOTS),i.replaceSwitchClass(n,l,e.line.BOTTOM)):i.replaceSwitchClass(n,l,e.line.BOTTOM);g.removeClass(e.line.LINE)}}},replaceIcoClass:function(b,a,c){if(a&&!b.isAjaxing&&(b=a.attr("class"),b!=void 0)){b=b.split("_");switch(c){case e.folder.OPEN:case e.folder.CLOSE:case e.folder.DOCU:b[b.length-
+1]=c}a.attr("class",b.join("_"))}},replaceSwitchClass:function(b,a,c){if(a){var d=a.attr("class");if(d!=void 0){d=d.split("_");switch(c){case e.line.ROOT:case e.line.ROOTS:case e.line.CENTER:case e.line.BOTTOM:case e.line.NOLINE:d[0]=i.makeNodeLineClassEx(b)+c;break;case e.folder.OPEN:case e.folder.CLOSE:case e.folder.DOCU:d[1]=c}a.attr("class",d.join("_"));c!==e.folder.DOCU?a.removeAttr("disabled"):a.attr("disabled","disabled")}}},selectNode:function(b,a,c){c||i.cancelPreSelectedNode(b);k(a,e.id.A,
+b).addClass(e.node.CURSELECTED);h.addSelectedNode(b,a)},setNodeFontCss:function(b,a){var c=k(a,e.id.A,b),d=i.makeNodeFontCss(b,a);d&&c.css(d)},setNodeLineIcos:function(b,a){if(a){var c=k(a,e.id.SWITCH,b),d=k(a,e.id.UL,b),f=k(a,e.id.ICON,b),g=i.makeUlLineClass(b,a);g.length==0?d.removeClass(e.line.LINE):d.addClass(g);c.attr("class",i.makeNodeLineClass(b,a));a.isParent?c.removeAttr("disabled"):c.attr("disabled","disabled");f.removeAttr("style");f.attr("style",i.makeNodeIcoStyle(b,a));f.attr("class",
+i.makeNodeIcoClass(b,a))}},setNodeName:function(b,a){var c=h.getNodeTitle(b,a),d=k(a,e.id.SPAN,b);d.empty();b.view.nameIsHTML?d.html(h.getNodeName(b,a)):d.text(h.getNodeName(b,a));j.apply(b.view.showTitle,[b.treeId,a],b.view.showTitle)&&k(a,e.id.A,b).attr("title",!c?"":c)},setNodeTarget:function(b,a){k(a,e.id.A,b).attr("target",i.makeNodeTarget(a))},setNodeUrl:function(b,a){var c=k(a,e.id.A,b),d=i.makeNodeUrl(b,a);d==null||d.length==0?c.removeAttr("href"):c.attr("href",d)},switchNode:function(b,a){a.open||
+!j.canAsync(b,a)?i.expandCollapseNode(b,a,!a.open):b.async.enable?i.asyncNode(b,a)||i.expandCollapseNode(b,a,!a.open):a&&i.expandCollapseNode(b,a,!a.open)}};p.fn.zTree={consts:{className:{BUTTON:"button",LEVEL:"level",ICO_LOADING:"ico_loading",SWITCH:"switch"},event:{NODECREATED:"ztree_nodeCreated",CLICK:"ztree_click",EXPAND:"ztree_expand",COLLAPSE:"ztree_collapse",ASYNC_SUCCESS:"ztree_async_success",ASYNC_ERROR:"ztree_async_error"},id:{A:"_a",ICON:"_ico",SPAN:"_span",SWITCH:"_switch",UL:"_ul"},line:{ROOT:"root",
+ROOTS:"roots",CENTER:"center",BOTTOM:"bottom",NOLINE:"noline",LINE:"line"},folder:{OPEN:"open",CLOSE:"close",DOCU:"docu"},node:{CURSELECTED:"curSelectedNode"}},_z:{tools:j,view:i,event:m,data:h},getZTreeObj:function(b){return(b=h.getZTreeTools(b))?b:null},destroy:function(b){if(b&&b.length>0)i.destroy(h.getSetting(b));else for(var a in r)i.destroy(r[a])},init:function(b,a,c){var d=j.clone(M);p.extend(!0,d,a);d.treeId=b.attr("id");d.treeObj=b;d.treeObj.empty();r[d.treeId]=d;if(typeof document.body.style.maxHeight===
+"undefined")d.view.expandSpeed="";h.initRoot(d);b=h.getRoot(d);a=d.data.key.children;c=c?j.clone(j.isArray(c)?c:[c]):[];b[a]=d.data.simpleData.enable?h.transformTozTreeFormat(d,c):c;h.initCache(d);m.unbindTree(d);m.bindTree(d);m.unbindEvent(d);m.bindEvent(d);c={setting:d,addNodes:function(a,b,c){function e(){i.addNodes(d,a,h,c==!0)}if(!b)return null;a||(a=null);if(a&&!a.isParent&&d.data.keep.leaf)return null;var h=j.clone(j.isArray(b)?b:[b]);j.canAsync(d,a)?i.asyncNode(d,a,c,e):e();return h},cancelSelectedNode:function(a){i.cancelPreSelectedNode(d,
+a)},destroy:function(){i.destroy(d)},expandAll:function(a){a=!!a;i.expandCollapseSonNode(d,null,a,!0);return a},expandNode:function(a,b,c,e,n){if(!a||!a.isParent)return null;b!==!0&&b!==!1&&(b=!a.open);if((n=!!n)&&b&&j.apply(d.callback.beforeExpand,[d.treeId,a],!0)==!1)return null;else if(n&&!b&&j.apply(d.callback.beforeCollapse,[d.treeId,a],!0)==!1)return null;b&&a.parentTId&&i.expandCollapseParentNode(d,a.getParentNode(),b,!1);if(b===a.open&&!c)return null;h.getRoot(d).expandTriggerFlag=n;if(!j.canAsync(d,
+a)&&c)i.expandCollapseSonNode(d,a,b,!0,function(){if(e!==!1)try{k(a,d).focus().blur()}catch(b){}});else if(a.open=!b,i.switchNode(this.setting,a),e!==!1)try{k(a,d).focus().blur()}catch(m){}return b},getNodes:function(){return h.getNodes(d)},getNodeByParam:function(a,b,c){return!a?null:h.getNodeByParam(d,c?c[d.data.key.children]:h.getNodes(d),a,b)},getNodeByTId:function(a){return h.getNodeCache(d,a)},getNodesByParam:function(a,b,c){return!a?null:h.getNodesByParam(d,c?c[d.data.key.children]:h.getNodes(d),
+a,b)},getNodesByParamFuzzy:function(a,b,c){return!a?null:h.getNodesByParamFuzzy(d,c?c[d.data.key.children]:h.getNodes(d),a,b)},getNodesByFilter:function(a,b,c,e){b=!!b;return!a||typeof a!="function"?b?null:[]:h.getNodesByFilter(d,c?c[d.data.key.children]:h.getNodes(d),a,b,e)},getNodeIndex:function(a){if(!a)return null;for(var b=d.data.key.children,c=a.parentTId?a.getParentNode():h.getRoot(d),e=0,i=c[b].length;e<i;e++)if(c[b][e]==a)return e;return-1},getSelectedNodes:function(){for(var a=[],b=h.getRoot(d).curSelectedList,
+c=0,e=b.length;c<e;c++)a.push(b[c]);return a},isSelectedNode:function(a){return h.isSelectedNode(d,a)},reAsyncChildNodes:function(a,b,c){if(this.setting.async.enable){var j=!a;j&&(a=h.getRoot(d));if(b=="refresh"){for(var b=this.setting.data.key.children,m=0,p=a[b]?a[b].length:0;m<p;m++)h.removeNodeCache(d,a[b][m]);h.removeSelectedNode(d);a[b]=[];j?this.setting.treeObj.empty():k(a,e.id.UL,d).empty()}i.asyncNode(this.setting,j?null:a,!!c)}},refresh:function(){this.setting.treeObj.empty();var a=h.getRoot(d),
+b=a[d.data.key.children];h.initRoot(d);a[d.data.key.children]=b;h.initCache(d);i.createNodes(d,0,a[d.data.key.children])},removeChildNodes:function(a){if(!a)return null;var b=a[d.data.key.children];i.removeChildNodes(d,a);return b?b:null},removeNode:function(a,b){a&&(b=!!b,b&&j.apply(d.callback.beforeRemove,[d.treeId,a],!0)==!1||(i.removeNode(d,a),b&&this.setting.treeObj.trigger(e.event.REMOVE,[d.treeId,a])))},selectNode:function(a,b){if(a&&j.uCanDo(d)){b=d.view.selectedMulti&&b;if(a.parentTId)i.expandCollapseParentNode(d,
+a.getParentNode(),!0,!1,function(){try{k(a,d).focus().blur()}catch(b){}});else try{k(a,d).focus().blur()}catch(c){}i.selectNode(d,a,b)}},transformTozTreeNodes:function(a){return h.transformTozTreeFormat(d,a)},transformToArray:function(a){return h.transformToArrayFormat(d,a)},updateNode:function(a){a&&k(a,d).get(0)&&j.uCanDo(d)&&(i.setNodeName(d,a),i.setNodeTarget(d,a),i.setNodeUrl(d,a),i.setNodeLineIcos(d,a),i.setNodeFontCss(d,a))}};b.treeTools=c;h.setZTreeTools(d,c);b[a]&&b[a].length>0?i.createNodes(d,
+0,b[a]):d.async.enable&&d.async.url&&d.async.url!==""&&i.asyncNode(d);return c}};var N=p.fn.zTree,k=j.$,e=N.consts})(jQuery);
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/zTreeStyleForApi.css b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/zTreeStyleForApi.css
new file mode 100644
index 00000000..bb4717bc
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/apiCss/zTreeStyleForApi.css	
@@ -0,0 +1,49 @@
+/*-------------------------------------
+zTree Style
+
+version:	3.0
+author:		Hunter.z
+email:		hunter.z@263.net
+website:	http://code.google.com/p/jquerytree/
+
+-------------------------------------*/
+
+.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
+.ztree {margin:0; padding:5px; color:#333}
+.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap}
+.ztree li ul{ margin:0; padding:0 0 0 18px}
+.ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;}
+
+.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; color:#333; height:17px; text-decoration:none; vertical-align:top; display: inline-block}
+.ztree li a:hover {text-decoration:none}
+.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid;}
+.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8; filter:alpha(opacity=80)}
+.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid; opacity:0.8; filter:alpha(opacity=80)}
+.ztree li a.tmpTargetNode_prev {}
+.ztree li a.tmpTargetNode_next {}
+.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
+	font-size:12px; border:1px #7EC4CC solid; *border:0px}
+.ztree li span {line-height:16px; margin-right: 2px}
+.ztree li span.button {line-height:0; margin:0;width:16px; height:16px; display: inline-block; vertical-align:middle;
+	border:0 none; cursor: pointer;
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+	background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
+
+.ztree li span.button.switch {width:1px; height:18px; visibility: hidden}
+
+.zTreeDragUL {margin:0; padding:0; position:absolute; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
+.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
+
+/* level 等级样式*/
+/*.ztree li button.level0 {
+	display:none;
+}
+.ztree li ul.level0 {
+	padding:0;
+	background:none;
+}*/
+
+.ztree li span.button.core_ico_docu{margin-right:2px; background-position:-126px 0; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.check_ico_docu{margin-right:2px; background-position:-126px -16px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.edit_ico_docu{margin-right:2px; background-position:-126px -32px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.hide_ico_docu{margin-right:2px; background-position:-160px 0; vertical-align:top; *vertical-align:middle}
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/fn.zTree._z.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/fn.zTree._z.html
new file mode 100644
index 00000000..7af3e40d
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/fn.zTree._z.html	
@@ -0,0 +1,13 @@
+<div class="apiDetail">
+<div>
+	<h2><span>JSON</span><span class="path">$.fn.zTree.</span>_z</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>zTree v3.x 内部的全部方法都可以通过 $.fn.zTree._z 进行调用，开放出来是为了更便于大家开发制作自己的 zTree 插件。 </p>
+			<p class="highlight_red">如无特殊需求请勿使用此对象，以及修改此对象内部的各个函数。</p>
+		</div>
+	</div>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/fn.zTree.destroy.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/fn.zTree.destroy.html
new file mode 100644
index 00000000..71058076
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/fn.zTree.destroy.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId)</span><span class="path">$.fn.zTree.</span>destroy</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>从 zTree v3.4 开始提供销毁 zTree 的方法。 </p>
+			<p>1、用此方法可以销毁指定 treeId 的 zTree，也可以销毁当前页面全部的 zTree。</p>
+			<p class="highlight_red">2、销毁指定 treeId 的 zTree 也可以使用 zTreeObj.destroy() 方法。</p>
+			<p class="highlight_red">3、重新使用已经被销毁的树，必须要使用 init 方法进行初始化。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree 的 DOM 容器的 id</p>
+	<p class="highlight_red">省略 treeId，表示销毁当前页面全部的 zTree</p>
+	<h4 class="topLine"><b>返回值</b><span>无</span></h4>
+	<p>目前无任何返回值</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 销毁 id 为 "treeDemo" 的 zTree</h4>
+	<pre xmlns=""><code>$.fn.zTree.destroy("treeDemo");</code></pre>
+	<h4>2. 销毁全部 的 zTree</h4>
+	<pre xmlns=""><code>$.fn.zTree.destroy();</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/fn.zTree.getZTreeObj.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/fn.zTree.getZTreeObj.html
new file mode 100644
index 00000000..b1d1db40
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/fn.zTree.getZTreeObj.html	
@@ -0,0 +1,24 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId)</span><span class="path">$.fn.zTree.</span>getZTreeObj</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>zTree v3.x 专门提供的根据 treeId 获取 zTree 对象的方法。 </p>
+			<p class="highlight_red">必须在初始化 zTree 以后才可以使用此方法。</p>
+			<p>有了这个方法，用户不再需要自己设定全局变量来保存 zTree 初始化后得到的对象了，而且在所有回调函数中全都会返回 treeId 属性，用户可以随时使用此方法获取需要进行操作的 zTree 对象</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree 的 DOM 容器的 id</p>
+	<h4 class="topLine"><b>返回值</b><span>JSON</span></h4>
+	<p>zTree 对象，提供操作 zTree 的各种方法，对于通过 js 操作 zTree 来说必须通过此对象</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 获取 id 为 tree 的 zTree 对象</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/fn.zTree.init.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/fn.zTree.init.html
new file mode 100644
index 00000000..8db6d2c7
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/fn.zTree.init.html	
@@ -0,0 +1,74 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(obj, zSetting, zNodes)</span><span class="path">$.fn.zTree.</span>init</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>zTree 初始化方法，创建 zTree 必须使用此方法</p>
+			<p>1、页面需要进行 W3C 申明，例如：&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"&nbsp;&nbsp; &nbsp;"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;。</p>
+			<p>2、需要首先加载 jquery-1.4.2.js 或其他更高版本的 jQuery 。</p>
+			<p>3、需要加载 jquery-ztree.core-3.0.js，如果需要用到 编辑功能 或 checkbox / radio 还需要分别加载 jquery-ztree.exedit-3.0.js 和 jquery-ztree.excheck-3.0.js 。</p>
+			<p>4、需要加载 zTreeStyle.css 以及 zTreeStyle 目录下的 img 文件。</p>
+			<p>5、如果需要使用自定义图标请参考相应的Demo。</p>
+			<p>6、请注意设置 zTree 的容器样式 class="ztree"，其中 "ztree" 这个 className，可以根据需要随意修改，别忘了修改 css 中对应名字就是了，对于容器如果需要增加其他特殊样式，可根据自己的需要进行修改。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>obj</b><span>jQuery Object</span></h4>
+	<p>用于展现 zTree 的 DOM 容器</p>
+	<h4 class="topLine"><b>zSetting</b><span>JSON</span></h4>
+	<p>zTree 的配置数据，具体请参考 “setting 配置详解”中的各个属性详细说明</p>
+	<h4 class="topLine"><b>zNodes</b><span>Array(JSON) / JSON</span></h4>
+	<p>zTree 的节点数据，具体请参考 “treeNode 节点数据详解”中的各个属性详细说明</p>
+	<p class="highlight_red">1、v3.x 支持单独添加一个节点，即如果只新增一个节点，不用必须包在数组中</p>
+	<p class="highlight_red">2、如果需要异步加载根节点，可以设置为 null 或 [ ]</p>
+	<p class="highlight_red">3、使用简单数据模式，请参考 setting.data.simpleData 内的属性说明</p>
+	<h4 class="topLine"><b>返回值</b><span>JSON</span></h4>
+	<p>zTree 对象，提供操作 zTree 的各种方法，对于通过 js 操作 zTree 来说必须通过此对象</p>
+	<p class="highlight_red">如果不需要自行设定全局变量保存，可以利用 $.fn.zTree.getZTreeObj 方法随时获取</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 简单创建 zTree 演示</h4>
+	<pre xmlns=""><code>&lt;!DOCTYPE html&gt;
+&lt;HTML&gt;
+ &lt;HEAD&gt;
+  &lt;TITLE&gt; ZTREE DEMO &lt;/TITLE&gt;
+  &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt;
+  &lt;link rel="stylesheet" href="zTreeStyle/zTreeStyle.css" type="text/css"&gt;
+  &lt;script type="text/javascript" src="jquery-1.4.2.js"&gt;&lt;/script&gt;
+  &lt;script type="text/javascript" src="jquery.ztree.core-3.5.js"&gt;&lt;/script&gt;
+&lt;!--
+  &lt;script type="text/javascript" src="jquery.ztree.excheck-3.5.js"&gt;&lt;/script&gt;
+  &lt;script type="text/javascript" src="jquery.ztree.exedit-3.5.js"&gt;&lt;/script&gt;
+--&gt;
+  &lt;SCRIPT type="text/javascript" &gt;
+	var zTreeObj,
+	setting = {
+		view: {
+			selectedMulti: false
+		}
+	},
+	zTreeNodes = [
+		{"name":"网站导航", open:true, children: [
+			{ "name":"google", "url":"http://g.cn", "target":"_blank"},
+			{ "name":"baidu", "url":"http://baidu.com", "target":"_blank"},
+			{ "name":"sina", "url":"http://www.sina.com.cn", "target":"_blank"}
+			]
+		}
+	];
+
+	$(document).ready(function(){
+		zTreeObj = $.fn.zTree.init($("#tree"), setting, zTreeNodes);
+
+	});
+  &lt;/SCRIPT&gt;
+ &lt;/HEAD&gt;
+
+&lt;BODY&gt;
+&lt;ul id="tree" class="ztree" style="width:230px; overflow:auto;"&gt;&lt;/ul&gt;
+ &lt;/BODY&gt;
+&lt;/HTML&gt;</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.autoParam.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.autoParam.html
new file mode 100644
index 00000000..cf0f4d27
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.autoParam.html	
@@ -0,0 +1,39 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Array(String)</span><span class="path">setting.async.</span>autoParam</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>异步加载时需要自动提交父节点属性的参数。<span class="highlight_red">[setting.async.enable = true 时生效]</span></p>
+			<p>默认值：[ ]</p>
+		</div>
+	</div>
+	<h3>Array(String) 格式说明</h3>
+	<div class="desc">
+	<p>1、将需要作为参数提交的属性名称，制作成 Array 即可，例如：["id", "name"]</p>
+	<p>2、可以设置提交时的参数名称，例如 server 只接受 zId : ["id=zId"]</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置 id 属性为自动提交的参数</h4>
+	<pre xmlns=""><code>var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		autoParam: ["id"]
+	}
+};
+假设 异步加载 父节点(node = {id:1, name:"test"}) 的子节点时，将提交参数 id=1
+......</code></pre>
+	<h4>2. 设置 id 属性作为 zId 成为自动提交的参数</h4>
+	<pre xmlns=""><code>var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		autoParam: ["id=zId"]
+	}
+};
+假设 对父节点 node = {id:1, name:"test"}，进行异步加载时，将提交参数 zId=1
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.contentType.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.contentType.html
new file mode 100644
index 00000000..db0c92fe
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.contentType.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.async.</span>contentType</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Ajax 提交参数的数据类型。<span class="highlight_red">[setting.async.enable = true 时生效]</span></p>
+			<p>默认值："application/x-www-form-urlencoded"</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p> contentType = "application/x-www-form-urlencoded" 可以满足绝大部分请求，按照标准的 Form 格式提交参数</p>
+	<p> contentType = "application/json" 可以满足 .Net 的编程需要，按照 JSON 格式提交参数</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置 Ajax 提交参数的数据类型为 JSON 格式</h4>
+	<pre xmlns=""><code>var setting = {
+	async: {
+		enable: true,
+		contentType: "application/json",
+		url: "http://host/getNode.php",
+		autoParam: ["id", "name"]
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.dataFilter.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.dataFilter.html
new file mode 100644
index 00000000..f174bf0f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.dataFilter.html	
@@ -0,0 +1,45 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, parentNode, responseData)</span><span class="path">setting.async.</span>dataFilter</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于对 Ajax 返回数据进行预处理的函数。<span class="highlight_red">[setting.async.enable = true 时生效]</span></p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>parentNode</b><span>JSON</span></h4>
+	<p>进行异步加载的父节点 JSON 数据对象</p>
+	<p class="highlight_red">对根进行异步加载时，parentNode = null</p>
+	<h4 class="topLine"><b>responseData</b><span>Array(JSON) / JSON / String</span></h4>
+	<p>异步加载获取到的数据转换后的 Array(JSON) / JSON / String 数据对象</p>
+	<p class="highlight_red">v3.4开始 支持 XML 数据格式的 String</p>
+	<h4 class="topLine"><b>返回值</b><span>Array(JSON) / JSON</span></h4>
+	<p>返回值是 zTree 支持的JSON 数据结构即可。</p>
+	<p class="highlight_red">v3.x 支持单个 JSON 节点数据进行加载</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 修改异步获取到的节点name属性</h4>
+	<pre xmlns=""><code>function ajaxDataFilter(treeId, parentNode, responseData) {
+    if (responseData) {
+      for(var i =0; i < responseData.length; i++) {
+        responseData[i].name += "_filter";
+      }
+    }
+    return responseData;
+};
+var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		dataFilter: ajaxDataFilter
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.dataType.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.dataType.html
new file mode 100644
index 00000000..6d639b70
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.dataType.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.async.</span>dataType</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Ajax 获取的数据类型。<span class="highlight_red">[setting.async.enable = true 时生效]</span></p>
+			<p>默认值："text"</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p> dataType = "text" 可以满足绝大部分请求</p>
+	<p class="highlight_red">其余 dataType 类型请参考 jQuery ajax 中的 dataType 参数</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置 Ajax 获取的数据类型为 纯文本</h4>
+	<pre xmlns=""><code>var setting = {
+	async: {
+		enable: true,
+		dataType: "text",
+		url: "http://host/getNode.php",
+		autoParam: ["id", "name"]
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.enable.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.enable.html
new file mode 100644
index 00000000..9079ae10
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.enable.html	
@@ -0,0 +1,30 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.async.</span>enable</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>设置 zTree 是否开启异步加载模式</p>
+			<p>默认值：false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true 表示 开启 异步加载模式</p>
+	<p> false 表示 关闭 异步加载模式</p>
+	<p class="highlight_red">如果设置为 true，请务必设置 setting.async 内的其它参数。</p>
+	<p class="highlight_red">如果需要根节点也异步加载，初始化时 treeNodes 参数设置为 null 即可。</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 需要开启异步加载模式</h4>
+	<pre xmlns=""><code>var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		autoParam: ["id", "name"]
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.otherParam.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.otherParam.html
new file mode 100644
index 00000000..981715f1
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.otherParam.html	
@@ -0,0 +1,40 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Array(String) / JSON</span><span class="path">setting.async.</span>otherParam</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Ajax 请求提交的静态参数键值对。<span class="highlight_red">[setting.async.enable = true 时生效]</span></p>
+			<p>默认值：[ ]</p>
+		</div>
+	</div>
+	<h3>Array(String) 格式说明</h3>
+	<div class="desc">
+	<p>可以为空[ ]，如果有 key，则必须存在 value。 例如：[key, value]</p>
+	</div>
+	<h3>JSON 格式说明</h3>
+	<div class="desc">
+	<p>直接用 JSON 格式制作键值对，例如：{ key1:value1, key2:value2 }</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置 Array(String) 格式的参数</h4>
+	<pre xmlns=""><code>var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		otherParam: ["id", "1", "name", "test"]
+	}
+};
+进行异步加载时，将提交参数 id=1&name=test</code></pre>
+	<h4>2. 设置 JSON 格式的参数</h4>
+	<pre xmlns=""><code>var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		otherParam: { "id":"1", "name":"test"}
+	}
+};
+进行异步加载时，将提交参数 id=1&name=test</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.type.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.type.html
new file mode 100644
index 00000000..20d9a6b8
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.type.html	
@@ -0,0 +1,30 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.async.</span>type</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Ajax 的 http 请求模式。<span class="highlight_red">[setting.async.enable = true 时生效]</span></p>
+			<p>默认值："post"</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p> type = "post" 表示异步加载采用 post 方法请求</p>
+	<p> type = "get" 表示异步加载采用 get 方法请求</p>
+	<p class="highlight_red">对应于 jQuery ajax 中的 type 参数</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置使用 get 方式请求数据</h4>
+	<pre xmlns=""><code>var setting = {
+	async: {
+		enable: true,
+		type: "get",
+		url: "http://host/getNode.php",
+		autoParam: ["id", "name"]
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.url.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.url.html
new file mode 100644
index 00000000..a5209afa
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.async.url.html	
@@ -0,0 +1,50 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String / Function(treeId, treeNode)</span><span class="path">setting.async.</span>url</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Ajax 获取数据的 URL 地址。<span class="highlight_red">[setting.async.enable = true 时生效]</span></p>
+			<p>默认值：""</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p>设置固定的异步加载 url 字符串，请注意地址的路径，确保页面能正常加载</p>
+	<p class="highlight_red">url 内也可以带参数，这些参数就只能是通过 get 方式提交了，并且请注意进行转码</p>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>需要异步加载子节点的的父节点 JSON 数据对象</p>
+	<p class="highlight_red">针对根进行异步加载时，treeNode = null</p>
+	<h4 class="topLine"><b>返回值</b><span>String</span></h4>
+	<p>返回值同 String 格式的数据</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 设置异步获取节点的 URL 为 nodes.php</h4>
+	<pre xmlns=""><code>var setting = {
+	async: {
+		enable: true,
+		url: "nodes.php",
+		autoParam: ["id", "name"]
+	}
+};
+......</code></pre>
+	<h4>2. 设置异步获取节点的 URL 为 function 动态获取</h4>
+	<pre xmlns=""><code>function getAsyncUrl(treeId, treeNode) {
+    return treeNode.isParent ? "nodes1.php" : "nodes2.php";
+};
+var setting = {
+	async: {
+		enable: true,
+		url: getAsyncUrl,
+		autoParam: ["id", "name"]
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeAsync.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeAsync.html
new file mode 100644
index 00000000..70ba0fc4
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeAsync.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeAsync</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获异步加载之前的事件回调函数，zTree 根据返回值确定是否允许进行异步加载</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>进行异步加载的父节点 JSON 数据对象</p>
+	<p class="highlight_red">针对根进行异步加载时，treeNode = null</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值是 true / false</p>
+	<p class="highlight_red">如果返回 false，zTree 将不进行异步加载，也无法触发 onAsyncSuccess / onAsyncError 事件回调函数</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 禁止 id 为 1 的父节点进行异步加载操作</h4>
+	<pre xmlns=""><code>function zTreeBeforeAsync(treeId, treeNode) {
+    return (treeNode.id !== 1);
+};
+var setting = {
+	callback: {
+		beforeAsync: zTreeBeforeAsync
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeCheck.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeCheck.html
new file mode 100644
index 00000000..a0e1f42f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeCheck.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeCheck</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获 勾选 或 取消勾选 之前的事件回调函数，并且根据返回值确定是否允许 勾选 或 取消勾选 </p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>进行 勾选 或 取消勾选 的节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值是 true / false</p>
+	<p class="highlight_red">如果返回 false，将不会改变勾选状态，并且无法触发 onCheck 事件回调函数</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 禁止所有勾选操作，保持初始化的勾选状态</h4>
+	<pre xmlns=""><code>function zTreeBeforeCheck(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeCheck: zTreeBeforeCheck
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeClick.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeClick.html
new file mode 100644
index 00000000..6d6e7482
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeClick.html	
@@ -0,0 +1,49 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode, clickFlag)</span><span class="path">setting.callback.</span>beforeClick</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获单击节点之前的事件回调函数，并且根据返回值确定是否允许单击操作</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>被单击的节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>clickFlag</b><span>Number</span></h4>
+	<p>节点被点击后的选中操作类型，详细看下表</p>
+	<table width="100%" border="0" cellspacing="1" cellpadding="0">
+		<thead><tr><td>clickFlag</td><td title="是否允许多点选中">selectedMulti</td><td title="是否按下 Ctrl 键">autoCancelSelected<br/>&&<br/>event.ctrlKey</td><td title="节点当前选择状态">isSelected</td><td>选中操作</td></tr></thead>
+		<tbody>
+			<tr><td>1</td><td>true</td><td>false</td><td>false</td><td>普通选中</td></tr>
+			<tr><td>1</td><td>true</td><td>false</td><td>true</td><td>普通选中</td></tr>
+			<tr><td>2</td><td>true</td><td>true</td><td>false</td><td>追加选中</td></tr>
+			<tr><td>0</td><td>true</td><td>true</td><td>true</td><td>取消选中</td></tr>
+			<tr><td>1</td><td>false</td><td>false</td><td>false</td><td>普通选中</td></tr>
+			<tr><td>1</td><td>false</td><td>false</td><td>true</td><td>普通选中</td></tr>
+			<tr><td>1</td><td>false</td><td>true</td><td>false</td><td>普通选中</td></tr>
+			<tr><td>0</td><td>false</td><td>true</td><td>true</td><td>取消选中</td></tr>
+		</tbody>
+	</table>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值是 true / false</p>
+	<p class="highlight_red">如果返回 false，zTree 将不会选中节点，也无法触发 onClick 事件回调函数</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 禁止节点被选中</h4>
+	<pre xmlns=""><code>function zTreeBeforeClick(treeId, treeNode, clickFlag) {
+    return (treeNode.id !== 1);
+};
+var setting = {
+	callback: {
+		beforeClick: zTreeBeforeClick
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeCollapse.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeCollapse.html
new file mode 100644
index 00000000..d778e9c8
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeCollapse.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeCollapse</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获父节点折叠之前的事件回调函数，并且根据返回值确定是否允许折叠操作</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>要折叠的父节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值是 true / false</p>
+	<p class="highlight_red">如果返回 false，zTree 将不会折叠节点，也无法触发 onCollapse 事件回调函数</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 禁止所有已展开的父节点折叠</h4>
+	<pre xmlns=""><code>function zTreeBeforeCollapse(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeCollapse: zTreeBeforeCollapse
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeDblClick.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeDblClick.html
new file mode 100644
index 00000000..ed7e4dc2
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeDblClick.html	
@@ -0,0 +1,36 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeDblClick</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获 zTree 上鼠标双击之前的事件回调函数，并且根据返回值确定触发 onDblClick 事件回调函数</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>鼠标双击时所在节点的 JSON 数据对象</p>
+	<p class="highlight_red">如果不在节点上，则返回 null</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值是 true / false</p>
+	<p class="highlight_red">如果返回 false，将仅仅无法触发 onDblClick 事件回调函数，对其他操作无任何影响</p>
+	<p class="highlight_red">此事件回调函数对双击节点展开功能无任何影响，如果需要设置请参考 setting.view.dblClickExpand 属性</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 禁止 onDblClick 事件</h4>
+	<pre xmlns=""><code>function zTreeBeforeDblClick(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeDblClick: zTreeBeforeDblClick
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeDrag.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeDrag.html
new file mode 100644
index 00000000..1e783a3c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeDrag.html	
@@ -0,0 +1,39 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNodes)</span><span class="path">setting.callback.</span>beforeDrag</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获节点被拖拽之前的事件回调函数，并且根据返回值确定是否允许开启拖拽操作</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>被拖拽的节点 treeNodes 所在 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>要被拖拽的节点 JSON 数据集合</p>
+	<p class="highlight_red">v3.x 允许多个同级节点同时被拖拽，因此将此参数修改为 Array(JSON)</p>
+	<p class="highlight_red">如果拖拽时多个被选择的节点不是同级关系，则只能拖拽鼠标当前所在位置的节点</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值是 true / false</p>
+	<p class="highlight_red">如果返回 false，zTree 将终止拖拽，也无法触发 onDrag / beforeDrop / onDrop 事件回调函数</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 禁止全部拖拽操作</h4>
+	<pre xmlns=""><code>function zTreeBeforeDrag(treeId, treeNodes) {
+    return false;
+};
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeDrag: zTreeBeforeDrag
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeDragOpen.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeDragOpen.html
new file mode 100644
index 00000000..ceab2d34
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeDragOpen.html	
@@ -0,0 +1,37 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeDragOpen</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获拖拽节点移动到折叠状态的父节点后，即将自动展开该父节点之前的事件回调函数，并且根据返回值确定是否允许自动展开操作</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>需要被展开的父节点 treeNode 所在 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>要被自动展开的父节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值是 true / false</p>
+	<p class="highlight_red">如果返回 false，zTree 将无法进行自动展开操作</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 禁止全部拖拽时的自动展开操作</h4>
+	<pre xmlns=""><code>function zTreeBeforeDragOpen(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeDragOpen: zTreeBeforeDragOpen
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeDrop.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeDrop.html
new file mode 100644
index 00000000..41237434
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeDrop.html	
@@ -0,0 +1,48 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNodes, targetNode, moveType, isCopy)</span><span class="path">setting.callback.</span>beforeDrop</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获节点拖拽操作结束之前的事件回调函数，并且根据返回值确定是否允许此拖拽操作</p>
+			<p>默认值：null</p>
+			<p class="highlight_red">如未拖拽到有效位置，则不触发此回调函数，直接将节点恢复原位置</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>目标节点 targetNode 所在 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>被拖拽的节点 JSON 数据集合</p>
+	<p class="highlight_red">无论拖拽操作为 复制 还是 移动，treeNodes 都是当前被拖拽节点的数据集合。</p>
+	<h4 class="topLine"><b>targetNode</b><span>JSON</span></h4>
+	<p>treeNodes 被拖拽放开的目标节点 JSON 数据对象。</p>
+	<p class="highlight_red">如果拖拽成为根节点，则 targetNode = null</p>
+	<h4 class="topLine"><b>moveType</b><span>String</span></h4>
+	<p>指定移动到目标节点的相对位置</p>
+	<p class="highlight_red">"inner"：成为子节点，"prev"：成为同级前一个节点，"next"：成为同级后一个节点</p>
+	<h4 class="topLine"><b>isCopy</b><span>Boolean</span></h4>
+	<p>拖拽节点操作是 复制 或 移动</p>
+	<p class="highlight_red">true：复制；false：移动</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值是 true / false</p>
+	<p class="highlight_red">如果返回 false，zTree 将恢复被拖拽的节点，也无法触发 onDrop 事件回调函数</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 禁止将节点拖拽成为根节点</h4>
+	<pre xmlns=""><code>function zTreeBeforeDrop(treeId, treeNodes, targetNode, moveType) {
+    return !(targetNode == null || (moveType != "inner" && !targetNode.parentTId));
+};
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeDrop: zTreeBeforeDrop
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeEditName.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeEditName.html
new file mode 100644
index 00000000..9df3ca2c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeEditName.html	
@@ -0,0 +1,38 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeEditName</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获节点编辑按钮的 click 事件，并且根据返回值确定是否允许进入名称编辑状态</p>
+			<p class="highlight_red">此事件回调函数最主要是用于捕获编辑按钮的点击事件，然后触发自定义的编辑界面操作。</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>将要进入编辑名称状态的节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值是 true / false</p>
+	<p class="highlight_red">如果返回 false，节点将无法进入 zTree 默认的编辑名称状态</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 禁止修改父节点的名称</h4>
+	<pre xmlns=""><code>function zTreeBeforeEditName(treeId, treeNode) {
+	return !treeNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeEditName: zTreeBeforeEditName
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeExpand.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeExpand.html
new file mode 100644
index 00000000..350972b7
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeExpand.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeExpand</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获父节点展开之前的事件回调函数，并且根据返回值确定是否允许展开操作</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>要展开的父节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值是 true / false</p>
+	<p class="highlight_red">如果返回 false，zTree 将不会展开节点，也无法触发 onExpand 事件回调函数</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 禁止所有已折叠的父节点展开</h4>
+	<pre xmlns=""><code>function zTreeBeforeExpand(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeExpand: zTreeBeforeExpand
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeMouseDown.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeMouseDown.html
new file mode 100644
index 00000000..2c3f28d8
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeMouseDown.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeMouseDown</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获 zTree 上鼠标按键按下之前的事件回调函数，并且根据返回值确定触发 onMouseDown 事件回调函数</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>鼠标按键按下时所在节点的 JSON 数据对象</p>
+	<p class="highlight_red">如果不在节点上，则返回 null</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值是 true / false</p>
+	<p class="highlight_red">如果返回 false，将仅仅无法触发 onMouseDown 事件回调函数，对其他操作无任何影响</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 禁止 onMouseDown 事件</h4>
+	<pre xmlns=""><code>function zTreeBeforeMouseDown(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeMouseDown: zTreeBeforeMouseDown
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeMouseUp.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeMouseUp.html
new file mode 100644
index 00000000..f0b01b97
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeMouseUp.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeMouseUp</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获 zTree 上鼠标按键松开之前的事件回调函数，并且根据返回值确定触发 onMouseUp 事件回调函数</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>鼠标按键松开时所在节点的 JSON 数据对象</p>
+	<p class="highlight_red">如果不在节点上，则返回 null</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值是 true / false</p>
+	<p class="highlight_red">如果返回 false，将仅仅无法触发 onMouseUp 事件回调函数，对其他操作无任何影响</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 禁止 onMouseUp 事件</h4>
+	<pre xmlns=""><code>function zTreeBeforeMouseUp(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeMouseUp: zTreeBeforeMouseUp
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeRemove.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeRemove.html
new file mode 100644
index 00000000..0edb3fd0
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeRemove.html	
@@ -0,0 +1,37 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeRemove</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获节点被删除之前的事件回调函数，并且根据返回值确定是否允许删除操作</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>将要删除的节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值是 true / false</p>
+	<p class="highlight_red">如果返回 false，zTree 将不删除节点，也无法触发 onRemove 事件回调函数</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 禁止全部删除操作</h4>
+	<pre xmlns=""><code>function zTreeBeforeRemove(treeId, treeNode) {
+	return false;
+}
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeRemove: zTreeBeforeRemove
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeRename.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeRename.html
new file mode 100644
index 00000000..07099619
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeRename.html	
@@ -0,0 +1,46 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode, newName, isCancel)</span><span class="path">setting.callback.</span>beforeRename</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获节点编辑名称结束（Input 失去焦点 或 按下 Enter 键）之后，更新节点名称数据之前的事件回调函数，并且根据返回值确定是否允许更改名称的操作</p>
+			<p class="highlight_red">节点进入编辑名称状态后，按 ESC 键可以放弃当前修改，恢复原名称，取消编辑名称状态</p>
+			<p class="highlight_red">从 v3.5.13 开始，取消编辑状态也会触发此回调，根据 isCancel 参数判断</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>将要更改名称的节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>newName</b><span>String</span></h4>
+	<p>修改后的新名称</p>
+	<h4 class="topLine"><b>isCancel</b><span>Boolean</span></h4>
+	<p>是否取消操作 (v3.5.13+)</p>
+	<p class="highlight_red">isCancel = true 表示取消编辑操作（按下 ESC 或 使用 cancelEditName 方法）</p>
+	<p class="highlight_red">isCancel = false 表示确认修改操作</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值是 true / false</p>
+	<p class="highlight_red">如果返回 false，zTree 将保持名称编辑状态，无法触发 onRename 事件回调函数，并且会导致屏蔽其它事件，直到修改名称使得 beforeRename 返回 true</p>
+	<p class="highlight_red">如果返回 false，不会让 input 输入框获取焦点，避免由于警告信息而导致反复触发 beforeRename。 请在关闭提示警告信息后，利用 editName 方法让 input 重新获取焦点。</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 禁止修改的名称的长度小于 5</h4>
+	<pre xmlns=""><code>function zTreeBeforeRename(treeId, treeNode, newName, isCancel) {
+	return newName.length > 5;
+}
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeRename: zTreeBeforeRename
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeRightClick.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeRightClick.html
new file mode 100644
index 00000000..1a5bdaa3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.beforeRightClick.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeRightClick</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获 zTree 上鼠标右键点击之前的事件回调函数，并且根据返回值确定触发 onRightClick 事件回调函数</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>鼠标右键点击时所在节点的 JSON 数据对象</p>
+	<p class="highlight_red">如果不在节点上，则返回 null</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值是 true / false</p>
+	<p class="highlight_red">如果返回 false，将仅仅无法触发 onRightClick 事件回调函数，对其他操作无任何影响</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 禁止 onRightClick 事件</h4>
+	<pre xmlns=""><code>function zTreeBeforeRightClick(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeRightClick: zTreeBeforeRightClick
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onAsyncError.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onAsyncError.html
new file mode 100644
index 00000000..c469e113
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onAsyncError.html	
@@ -0,0 +1,42 @@
+<div class="apiDetail">
+<div>
+	<h2><span class="path">setting.callback.</span>onAsyncError</h2>
+	<h2><span>Function(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown)</span>&nbsp;</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获异步加载出现异常错误的事件回调函数</p>
+			<p class="highlight_red">如果设置了 setting.callback.beforeAsync 方法，且返回 false，将无法触发 onAsyncSuccess / onAsyncError 事件回调函数。</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event 对象</span></h4>
+	<p>标准的 js event 对象</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>进行异步加载的父节点 JSON 数据对象</p>
+	<p class="highlight_red">针对根进行异步加载时，treeNode = null</p>
+	<h4 class="topLine"><b>XMLHttpRequest</b><span>String</span></h4>
+	<p>标准 XMLHttpRequest 对象，请参考 JQuery API 文档。</p>
+	<h4 class="topLine"><b>textStatus</b><span>String</span></h4>
+	<p>请求状态：success，error，请参考 JQuery API 文档。</p>
+	<h4 class="topLine"><b>errorThrown</b><span>String</span></h4>
+	<p>errorThrown 只有当异常发生时才会被传递，请参考 JQuery API 文档。</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 异步加载出现异常后，弹出错误信息</h4>
+	<pre xmlns=""><code>function zTreeOnAsyncError(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) {
+    alert(XMLHttpRequest);
+};
+var setting = {
+	callback: {
+		onAsyncError: zTreeOnAsyncError
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onAsyncSuccess.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onAsyncSuccess.html
new file mode 100644
index 00000000..081e9d73
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onAsyncSuccess.html	
@@ -0,0 +1,38 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode, msg)</span><span class="path">setting.callback.</span>onAsyncSuccess</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获异步加载正常结束的事件回调函数</p>
+			<p class="highlight_red">如果设置了 setting.callback.beforeAsync 方法，且返回 false，将无法触发 onAsyncSuccess / onAsyncError 事件回调函数。</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event 对象</span></h4>
+	<p>标准的 js event 对象</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>进行异步加载的父节点 JSON 数据对象</p>
+	<p class="highlight_red">针对根进行异步加载时，treeNode = null</p>
+	<h4 class="topLine"><b>msg</b><span>String / Object</span></h4>
+	<p>异步获取的节点数据字符串，主要便于用户调试使用。</p>
+	<p class="highlight_red">实际数据类型会受 setting.async.dataType 的设置影响，请参考 JQuery API 文档。</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 异步加载成功后，弹出提示信息</h4>
+	<pre xmlns=""><code>function zTreeOnAsyncSuccess(event, treeId, treeNode, msg) {
+    alert(msg);
+};
+var setting = {
+	callback: {
+		onAsyncSuccess: zTreeOnAsyncSuccess
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onCheck.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onCheck.html
new file mode 100644
index 00000000..113eee97
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onCheck.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onCheck</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获 checkbox / radio 被勾选 或 取消勾选的事件回调函数</p>
+			<p class="highlight_red">如果设置了 setting.callback.beforeCheck 方法，且返回 false，将无法触发 onCheck 事件回调函数。</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event 对象</span></h4>
+	<p>标准的 js event 对象</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>被勾选 或 取消勾选的节点 JSON 数据对象</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 每次点击 checkbox 或 radio 后， 弹出该节点的 tId、name 以及当前勾选状态的信息</h4>
+	<pre xmlns=""><code>function zTreeOnCheck(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name + "," + treeNode.checked);
+};
+var setting = {
+	callback: {
+		onCheck: zTreeOnCheck
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onClick.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onClick.html
new file mode 100644
index 00000000..19d29489
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onClick.html	
@@ -0,0 +1,49 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode, clickFlag)</span><span class="path">setting.callback.</span>onClick</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获节点被点击的事件回调函数</p>
+			<p class="highlight_red">如果设置了 setting.callback.beforeClick 方法，且返回 false，将无法触发 onClick 事件回调函数。</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event 对象</span></h4>
+	<p>标准的 js event 对象</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>被点击的节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>clickFlag</b><span>Number</span></h4>
+	<p>节点被点击后的选中操作类型，详细看下表</p>
+	<table width="100%" border="0" cellspacing="1" cellpadding="0">
+		<thead><tr><td>clickFlag</td><td title="是否允许多点选中">selectedMulti</td><td title="是否按下 Ctrl 键">autoCancelSelected<br/>&&<br/>event.ctrlKey</td><td title="节点当前选择状态">isSelected</td><td>选中操作</td></tr></thead>
+		<tbody>
+			<tr><td>1</td><td>true</td><td>false</td><td>false</td><td>普通选中</td></tr>
+			<tr><td>1</td><td>true</td><td>false</td><td>true</td><td>普通选中</td></tr>
+			<tr><td>2</td><td>true</td><td>true</td><td>false</td><td>追加选中</td></tr>
+			<tr><td>0</td><td>true</td><td>true</td><td>true</td><td>取消选中</td></tr>
+			<tr><td>1</td><td>false</td><td>false</td><td>false</td><td>普通选中</td></tr>
+			<tr><td>1</td><td>false</td><td>false</td><td>true</td><td>普通选中</td></tr>
+			<tr><td>1</td><td>false</td><td>true</td><td>false</td><td>普通选中</td></tr>
+			<tr><td>0</td><td>false</td><td>true</td><td>true</td><td>取消选中</td></tr>
+		</tbody>
+	</table>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 每次点击节点后， 弹出该节点的 tId、name 的信息</h4>
+	<pre xmlns=""><code>function zTreeOnClick(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name);
+};
+var setting = {
+	callback: {
+		onClick: zTreeOnClick
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onCollapse.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onCollapse.html
new file mode 100644
index 00000000..1c816c20
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onCollapse.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onCollapse</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获节点被折叠的事件回调函数</p>
+			<p class="highlight_red">如果设置了 setting.callback.beforeCollapse 方法，且返回 false，将无法触发 onCollapse 事件回调函数。</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event 对象</span></h4>
+	<p>标准的 js event 对象</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>被折叠的节点 JSON 数据对象</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 每次折叠节点后， 弹出该节点的 tId、name 的信息</h4>
+	<pre xmlns=""><code>function zTreeOnCollapse(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name);
+};
+var setting = {
+	callback: {
+		onCollapse: zTreeOnCollapse
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onDblClick.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onDblClick.html
new file mode 100644
index 00000000..deb8e626
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onDblClick.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onDblClick</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获 zTree 上鼠标双击之后的事件回调函数</p>
+			<p class="highlight_red">如果设置了 setting.callback.beforeDblClick 方法，且返回 false，将无法触发 onDblClick 事件回调函数。</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event 对象</span></h4>
+	<p>标准的 js event 对象</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>鼠标双击时所在节点的 JSON 数据对象</p>
+	<p class="highlight_red">如果不在节点上，则返回 null</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 每次鼠标双击后， 弹出鼠标所在节点的 tId、name 的信息</h4>
+	<pre xmlns=""><code>function zTreeOnDblClick(event, treeId, treeNode) {
+    alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
+};
+var setting = {
+	callback: {
+		onDblClick: zTreeOnDblClick
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onDrag.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onDrag.html
new file mode 100644
index 00000000..f7e05979
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onDrag.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNodes)</span><span class="path">setting.callback.</span>onDrag</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获节点被拖拽的事件回调函数</p>
+			<p class="highlight_red">如果设置了 setting.callback.beforeDrag 方法，且返回 false，将无法触发 onDrag 事件回调函数。</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event 对象</span></h4>
+	<p>标准的 js event 对象</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>被拖拽的节点 treeNodes 所在 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>要被拖拽的节点 JSON 数据集合</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 每次开始进行拖拽节点后， 弹出被拖拽节点的个数信息</h4>
+	<pre xmlns=""><code>function zTreeOnDrag(event, treeId, treeNodes) {
+    alert(treeNodes.length);
+};
+var setting = {
+	callback: {
+		onDrag: zTreeOnDrag
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onDrop.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onDrop.html
new file mode 100644
index 00000000..c6773a88
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onDrop.html	
@@ -0,0 +1,46 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNodes, targetNode, moveType, isCopy)</span><span class="path">setting.callback.</span>onDrop</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获节点拖拽操作结束的事件回调函数</p>
+			<p class="highlight_red">如果设置了 setting.callback.beforeDrop 方法，且返回 false，将无法触发 onDrop 事件回调函数。</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event 对象</span></h4>
+	<p>标准的 js event 对象</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>目标节点 targetNode 所在 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>被拖拽的节点 JSON 数据集合</p>
+	<p class="highlight_red">如果拖拽操作为 移动，treeNodes 是当前被拖拽节点的数据集合。</p>
+	<p class="highlight_red">如果拖拽操作为 复制，treeNodes 是复制后 clone 得到的新节点数据。</p>
+	<h4 class="topLine"><b>targetNode</b><span>JSON</span></h4>
+	<p>成为 treeNodes 拖拽结束的目标节点 JSON 数据对象。</p>
+	<p class="highlight_red">如果拖拽成为根节点，则 targetNode = null</p>
+	<h4 class="topLine"><b>moveType</b><span>String</span></h4>
+	<p>指定移动到目标节点的相对位置</p>
+	<p class="highlight_red">"inner"：成为子节点，"prev"：成为同级前一个节点，"next"：成为同级后一个节点</p>
+	<p class="highlight_red">如果 moveType = null，表明拖拽无效</p>
+	<h4 class="topLine"><b>isCopy</b><span>Boolean</span></h4>
+	<p>拖拽节点操作是 复制 或 移动</p>
+	<p class="highlight_red">true：复制；false：移动</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 每次拖拽操作结束后， 弹出该被拖拽节点的个数以及目标节点的 tId、name 的信息</h4>
+	<pre xmlns=""><code>function zTreeOnDrop(event, treeId, treeNodes, targetNode, moveType) {
+    alert(treeNodes.length + "," + (targetNode ? (targetNode.tId + ", " + targetNode.name) : "isRoot" ));
+};
+var setting = {
+	callback: {
+		onDrop: zTreeOnDrop
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onExpand.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onExpand.html
new file mode 100644
index 00000000..791c5f6f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onExpand.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onExpand</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获节点被展开的事件回调函数</p>
+			<p class="highlight_red">如果设置了 setting.callback.beforeExpand 方法，且返回 false，将无法触发 onExpand 事件回调函数。</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event 对象</span></h4>
+	<p>标准的 js event 对象</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>被展开的节点 JSON 数据对象</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 每次展开节点后， 弹出该节点的 tId、name 的信息</h4>
+	<pre xmlns=""><code>function zTreeOnExpand(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name);
+};
+var setting = {
+	callback: {
+		onExpand: zTreeOnExpand
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onMouseDown.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onMouseDown.html
new file mode 100644
index 00000000..bc9d0ea7
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onMouseDown.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onMouseDown</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获 zTree 上鼠标按键按下后的事件回调函数</p>
+			<p class="highlight_red">如果设置了 setting.callback.beforeMouseDown 方法，且返回 false，将无法触发 onMouseDown 事件回调函数。</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event 对象</span></h4>
+	<p>标准的 js event 对象</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>鼠标按键按下时所在节点的 JSON 数据对象</p>
+	<p class="highlight_red">如果不在节点上，则返回 null</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 每次鼠标按键按下后， 弹出鼠标所在节点的 tId、name 的信息</h4>
+	<pre xmlns=""><code>function zTreeOnMouseDown(event, treeId, treeNode) {
+    alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
+};
+var setting = {
+	callback: {
+		onMouseDown: zTreeOnMouseDown
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onMouseUp.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onMouseUp.html
new file mode 100644
index 00000000..a969fef9
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onMouseUp.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onMouseUp</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获 zTree 上鼠标按键松开后的事件回调函数</p>
+			<p class="highlight_red">如果设置了 setting.callback.beforeMouseUp 方法，且返回 false，将无法触发 onMouseUp 事件回调函数。</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event 对象</span></h4>
+	<p>标准的 js event 对象</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>鼠标按键松开时所在节点的 JSON 数据对象</p>
+	<p class="highlight_red">如果不在节点上，则返回 null</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 每次鼠标按键松开后， 弹出鼠标所在节点的 tId、name 的信息</h4>
+	<pre xmlns=""><code>function zTreeOnMouseUp(event, treeId, treeNode) {
+    alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
+};
+var setting = {
+	callback: {
+		onMouseUp: zTreeOnMouseUp
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onNodeCreated.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onNodeCreated.html
new file mode 100644
index 00000000..2ebaee63
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onNodeCreated.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onNodeCreated</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获节点生成 DOM 后的事件回调函数</p>
+			<p class="highlight_red">v3.x 采用了延迟加载技术，因此对于父节点未展开的子节点来说，初始化后是不会触发此回调函数，直到其父节点被展开</p>
+			<p class="highlight_red">大数据量的节点加载请注意：不设置 onNodeCreated，可以提升一部分初始化性能</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event 对象</span></h4>
+	<p>标准的 js event 对象</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>生成 DOM 完毕的节点的 JSON 数据对象</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 创建节点 DOM 后， 弹出该节点的 tId、name 的信息</h4>
+	<pre xmlns=""><code>function zTreeOnNodeCreated(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name);
+};
+var setting = {
+	callback: {
+		onNodeCreated: zTreeOnNodeCreated
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onRemove.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onRemove.html
new file mode 100644
index 00000000..e7e625d9
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onRemove.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onRemove</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获删除节点之后的事件回调函数。</p>
+			<p class="highlight_red">如果用户设置了 beforeRemove 回调函数，并返回 false，将无法触发 onRemove 事件回调函数。</p>
+			<p>默认值：null</p>			
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event 对象</span></h4>
+	<p>标准的 js event 对象</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>将要删除的节点 JSON 数据对象</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 删除节点时，弹出被删除的节点的 tId 以及 name 信息</h4>
+	<pre xmlns=""><code>function zTreeOnRemove(event, treeId, treeNode) {
+	alert(treeNode.tId + ", " + treeNode.name);
+}
+var setting = {
+	callback: {
+		onRemove: zTreeOnRemove
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onRename.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onRename.html
new file mode 100644
index 00000000..f225463f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onRename.html	
@@ -0,0 +1,40 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode, isCancel)</span><span class="path">setting.callback.</span>onRename</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获节点编辑名称结束之后的事件回调函数。</p>
+			<p>1、节点进入编辑名称状态，并且修改节点名称后触发此回调函数。<span class="highlight_red">如果用户设置了 beforeRename 回调函数，并返回 false，将无法触发 onRename 事件回调函数。</span></p>
+			<p>2、<span class="highlight_red">如果通过直接修改 treeNode 的数据，并且利用 updateNode 方法更新，是不会触发此回调函数的。</span></p>
+			<p class="highlight_red">3、从 v3.5.13 开始，取消编辑状态也会触发此回调，根据 isCancel 参数判断</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event 对象</span></h4>
+	<p>标准的 js event 对象</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>被修改名称的节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>isCancel</b><span>Boolean</span></h4>
+	<p>是否取消操作 (v3.5.13+)</p>
+	<p class="highlight_red">isCancel = true 表示取消编辑操作（按下 ESC 或 使用 cancelEditName 方法）</p>
+	<p class="highlight_red">isCancel = false 表示确认修改操作</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 修改名称后，弹出被修改名称的节点的 tId 以及 name 信息</h4>
+	<pre xmlns=""><code>function zTreeOnRename(event, treeId, treeNode, isCancel) {
+	alert(treeNode.tId + ", " + treeNode.name);
+}
+var setting = {
+	callback: {
+		onRename: zTreeOnRename
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onRightClick.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onRightClick.html
new file mode 100644
index 00000000..d51c68d1
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.callback.onRightClick.html	
@@ -0,0 +1,36 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onRightClick</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于捕获 zTree 上鼠标右键点击之后的事件回调函数</p>
+			<p class="highlight_red">1、如果设置了 setting.callback.beforeRightClick 方法，且返回 false，将无法触发 onRightClick 事件回调函数。</p>
+			<p class="highlight_red">2、只要将 function 的引用赋给 onRightClick 属性，则右键点击 zTree 时，将屏蔽浏览器的右键菜单。</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event 对象</span></h4>
+	<p>标准的 js event 对象</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>鼠标右键点击时所在节点的 JSON 数据对象</p>
+	<p class="highlight_red">如果不在节点上，则返回 null</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 每次鼠标右键点击后， 弹出鼠标所在节点的 tId、name 的信息</h4>
+	<pre xmlns=""><code>function zTreeOnRightClick(event, treeId, treeNode) {
+    alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
+};
+var setting = {
+	callback: {
+		onRightClick: zTreeOnRightClick
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.autoCheckTrigger.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.autoCheckTrigger.html
new file mode 100644
index 00000000..d1efd770
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.autoCheckTrigger.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.check.</span>autoCheckTrigger</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>设置自动关联勾选时是否触发 beforeCheck / onCheck 事件回调函数。<span class="highlight_red">[setting.check.enable = true 且 setting.check.chkStyle = "checkbox" 时生效]</span></p>
+			<p class="highlight_red">1、如果设置 setting.check.chkboxType = { "Y": "", "N": "" }，将不会有任何自动关联勾选的操作。</p>
+			<p class="highlight_red">2、如果开启触发，对于节点较多的树将会影响性能，因为所有被联动勾选的操作都会触发事件回调函数，请根据需要决定是否使用此功能。</p>
+			<p>默认值: false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 触发 / 不触发 事件回调函数</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 需要触发自动关联勾选操作</h4>
+	<pre xmlns=""><code>var setting = {
+	check: {
+		enable: true,
+		autoCheckTrigger: true
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.chkDisabledInherit.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.chkDisabledInherit.html
new file mode 100644
index 00000000..8af1c2c6
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.chkDisabledInherit.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.check.</span>chkDisabledInherit</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>当父节点设置 chkDisabled = true 时，设置子节点是否自动继承 chkDisabled = true 。<span class="highlight_red">[setting.check.enable = true 时生效]</span></p>
+			<p class="highlight_red">1、只使用于初始化节点时，便于批量操作。 对于已存在的节点请利用 setChkDisabled 方法单个节点设置。</p>
+			<p>默认值: false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true 表示 新加入子节点时，自动继承父节点 chkDisabled = true 的属性。</p>
+	<p> false 表示 新加入子节点时，不继承父节点 chkDisabled 的属性。</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 需要子节点自动继承 chkDisabled = true</h4>
+	<pre xmlns=""><code>var setting = {
+	check: {
+		enable: true,
+		chkDisabledInherit: true
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.chkStyle.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.chkStyle.html
new file mode 100644
index 00000000..9706c134
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.chkStyle.html	
@@ -0,0 +1,48 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.check.</span>chkStyle</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>勾选框类型(checkbox 或 radio）<span class="highlight_red">[setting.check.enable = true 时生效]</span></p>
+			<p>默认值："checkbox"</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p>chkStyle = "checkbox" 时，显示 checkbox 选择框，<span class="highlight_red">setting.check.chkboxType</span> 属性有效。
+<br/>chkStyle = "radio" 时，显示 radio 选择框， <span class="highlight_red">setting.check.radioType</span> 属性有效。</p>
+	<p class="highlight_red">请注意大小写，不要改变</p>
+	</div>
+	<h3>checkbox 状态说明</h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p><button type="button" class="chk checkbox_false_full"></button>未勾选；<span class="highlight_red">如果是父节点，则无子节点被勾选</span>。鼠标移到该节点上显示为：<button type="button" class="chk checkbox_false_full_focus"></button></p>
+			<p><button type="button" class="chk checkbox_false_part"></button>未勾选；（只有父节点存在此状态）<span class="highlight_red">存在被勾选的子节点</span>。鼠标移到该节点上显示为：<button type="button" class="chk checkbox_false_part_focus"></button></p>
+			<p><button type="button" class="chk checkbox_true_full"></button>被勾选；<span class="highlight_red">如果是父节点，则全部子节点都被勾选</span>。鼠标移到该节点上显示为：<button type="button" class="chk checkbox_true_full_focus"></button></p>
+			<p><button type="button" class="chk checkbox_true_part"></button>被勾选；（只有父节点存在此状态）<span class="highlight_red">且部分或无子节点被勾选</span>。鼠标移到该节点上显示为：<button type="button" class="chk checkbox_true_part_focus"></button></p>
+		</div>
+	</div>
+	<h3>radio 状态说明</h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p><button type="button" class="chk radio_false_full"></button>未勾选；<span class="highlight_red">如果是父节点，则没有子节点被勾选</span>。鼠标移到该节点上显示为：<button type="button" class="chk radio_false_full_focus"></button></p>
+			<p><button type="button" class="chk radio_false_part"></button>未勾选；（只有父节点存在此状态）<span class="highlight_red">且存在被勾选的子节点</span>。鼠标移到该节点上显示为：<button type="button" class="chk radio_false_part_focus"></button></p>
+			<p><button type="button" class="chk radio_true_full"></button>被勾选；<span class="highlight_red">如果是父节点，则没有子节点被勾选</span>。鼠标移到该节点上显示为：<button type="button" class="chk radio_true_full_focus"></button></p>
+			<p><button type="button" class="chk radio_true_part"></button>被勾选；（只有父节点存在此状态）<span class="highlight_red">且存在被勾选的子节点</span>。鼠标移到该节点上显示为：<button type="button" class="chk radio_true_part_focus"></button></p>
+		</div>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置选择框为 radio</h4>
+	<pre xmlns=""><code>var setting = {
+	check: {
+		enable: true,
+		chkStyle: "radio"
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.chkboxType.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.chkboxType.html
new file mode 100644
index 00000000..da06b6ca
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.chkboxType.html	
@@ -0,0 +1,31 @@
+<div class="apiDetail">
+<div>
+	<h2><span>JSON</span><span class="path">setting.check.</span>chkboxType</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>勾选 checkbox 对于父子节点的关联关系。<span class="highlight_red">[setting.check.enable = true 且 setting.check.chkStyle = "checkbox" 时生效]</span></p>
+			<p>默认值：{ "Y": "ps", "N": "ps" }</p>
+		</div>
+	</div>
+	<h3>JSON 格式说明</h3>
+	<div class="desc">
+	<p>Y 属性定义 checkbox 被勾选后的情况；
+<br/>N 属性定义 checkbox 取消勾选后的情况；
+<br/>"p" 表示操作会影响父级节点；
+<br/>"s" 表示操作会影响子级节点。</p>
+	<p class="highlight_red">请注意大小写，不要改变</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. checkbox 勾选操作，只影响父级节点；取消勾选操作，只影响子级节点</h4>
+	<pre xmlns=""><code>var setting = {
+	check: {
+		enable: true,
+		chkStyle: "checkbox",
+		chkboxType: { "Y": "p", "N": "s" }
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.enable.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.enable.html
new file mode 100644
index 00000000..8b1387e3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.enable.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.check.</span>enable</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>设置 zTree 的节点上是否显示 checkbox / radio</p>
+			<p>默认值: false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 显示 / 不显示 复选框或单选框</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 需要显示 checkbox</h4>
+	<pre xmlns=""><code>var setting = {
+	check: {
+		enable: true
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.nocheckInherit.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.nocheckInherit.html
new file mode 100644
index 00000000..caf99028
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.nocheckInherit.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.check.</span>nocheckInherit</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>当父节点设置 nocheck = true 时，设置子节点是否自动继承 nocheck = true 。<span class="highlight_red">[setting.check.enable = true 时生效]</span></p>
+			<p class="highlight_red">1、只使用于初始化节点时，便于批量操作。 对于已存在的节点请利用 updateNode 方法单个节点设置。</p>
+			<p>默认值: false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true 表示 新加入子节点时，自动继承父节点 nocheck = true 的属性。</p>
+	<p> false 表示 新加入子节点时，不继承父节点 nocheck 的属性。</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 需要子节点自动继承 nocheck = true</h4>
+	<pre xmlns=""><code>var setting = {
+	check: {
+		enable: true,
+		nocheckInherit: true
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.radioType.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.radioType.html
new file mode 100644
index 00000000..19f84cad
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.check.radioType.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.check.</span>radioType</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>radio 的分组范围。<span class="highlight_red">[setting.check.enable = true 且 setting.check.chkStyle = "radio" 时生效]</span></p>
+			<p>默认值："level"</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p>radioType = "level" 时，在每一级节点范围内当做一个分组。
+<br/>radioType = "all" 时，在整棵树范围内当做一个分组。</p>
+	<p class="highlight_red">请注意大小写，不要改变</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置 radio 的判别规则为整棵树内</h4>
+	<pre xmlns=""><code>var setting = {
+	check: {
+		enable: true,
+		chkStyle: "radio",
+		radioType: "all"
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.keep.leaf.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.keep.leaf.html
new file mode 100644
index 00000000..af3a7211
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.keep.leaf.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.data.keep.</span>leaf</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>zTree 的节点叶子节点属性锁，是否始终保持 isParent = false</p>
+			<p>默认值：false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 锁定 / 不锁定 叶子节点属性</p>
+	<p class="highlight_red">如果设置为 true，则所有 isParent = false 的节点，都无法添加子节点。</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 需要锁定叶子节点状态</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		keep: {
+			leaf: true
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.keep.parent.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.keep.parent.html
new file mode 100644
index 00000000..c4975df2
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.keep.parent.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.data.keep.</span>parent</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>zTree 的节点父节点属性锁，是否始终保持 isParent = true</p>
+			<p>默认值：false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 锁定 / 不锁定 父节点属性</p>
+	<p class="highlight_red">如果设置为 true，则所有 isParent = true 的节点，即使该节点的子节点被全部删除或移走，依旧保持父节点状态。</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 需要锁定父节点状态</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		keep: {
+			parent: true
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.checked.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.checked.html
new file mode 100644
index 00000000..ac9fdc1d
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.checked.html	
@@ -0,0 +1,24 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.data.key.</span>checked</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>zTree 节点数据中保存 check 状态的属性名称。</p>
+			<p>默认值："checked"</p>
+			<p class="highlight_red">请勿与 zTree 节点数据的其他参数冲突，例如：checkedOld</p>
+		</div>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置 zTree 显示节点时，将 treeNode 的 isChecked 属性当做节点名称</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		key: {
+			checked: "isChecked"
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.children.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.children.html
new file mode 100644
index 00000000..66a49a7e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.children.html	
@@ -0,0 +1,23 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.data.key.</span>children</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>zTree 节点数据中保存子节点数据的属性名称。</p>
+			<p>默认值："children"</p>
+		</div>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置 zTree 显示节点时，将 treeNode 的 nodes 属性当做节点名称</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		key: {
+			children: "nodes"
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.name.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.name.html
new file mode 100644
index 00000000..c25d250a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.name.html	
@@ -0,0 +1,23 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.data.key.</span>name</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>zTree 节点数据保存节点名称的属性名称。</p>
+			<p>默认值："name"</p>
+		</div>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置 zTree 显示节点时，将 treeNode 的 ename 属性当做节点名称</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		key: {
+			name: "ename"
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.title.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.title.html
new file mode 100644
index 00000000..43e68554
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.title.html	
@@ -0,0 +1,24 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.data.key.</span>title</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>zTree 节点数据保存节点提示信息的属性名称。<span class="highlight_red">[setting.view.showTitle = true 时生效]</span></p>
+			<p class="highlight_red">如果设置为 "" ，则自动与 setting.data.key.name 保持一致，避免用户反复设置</p>
+			<p>默认值：""</p>
+		</div>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置 zTree 显示节点时，将 treeNode 的 fullName 属性当做节点名称</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		key: {
+			title: "fullName"
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.url.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.url.html
new file mode 100644
index 00000000..e534d985
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.key.url.html	
@@ -0,0 +1,24 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.data.key.</span>url</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>zTree 节点数据保存节点链接的目标 URL 的属性名称。</p>
+			<p class="highlight_red">特殊用途：当后台数据只能生成 url 属性，又不想实现点击节点跳转的功能时，可以直接修改此属性为其他不存在的属性名称</p>
+			<p>默认值："url"</p>
+		</div>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置 zTree 显示节点时，将 treeNode 的 xUrl 属性当做节点链接的目标 URL</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		key: {
+			url: "xUrl"
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.simpleData.enable.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.simpleData.enable.html
new file mode 100644
index 00000000..65bd4071
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.simpleData.enable.html	
@@ -0,0 +1,38 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.data.simpleData.</span>enable</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>确定 zTree 初始化时的节点数据、异步加载时的节点数据、或 <span class="highlight_red">addNodes</span> 方法中输入的 newNodes 数据是否采用简单数据模式 (Array)</p>
+			<p>不需要用户再把数据库中取出的 List 强行转换为复杂的 JSON 嵌套格式</p>
+			<p>默认值：false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 使用 / 不使用 简单数据模式</p>
+	<p class="highlight_red">如果设置为 true，请务必设置 setting.data.simpleData 内的其他参数: idKey / pIdKey / rootPId，并且让数据满足父子关系。</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 使用简单 Array 格式的数据</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0,
+		}
+	}
+};
+var treeNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.simpleData.idKey.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.simpleData.idKey.html
new file mode 100644
index 00000000..81129e93
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.simpleData.idKey.html	
@@ -0,0 +1,32 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.data.simpleData.</span>idKey</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>节点数据中保存唯一标识的属性名称。<span class="highlight_red">[setting.data.simpleData.enable = true 时生效]</span></p>
+			<p>默认值："id"</p>
+		</div>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 使用简单 Array 格式的数据</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0,
+		}
+	}
+};
+var treeNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.simpleData.pIdKey.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.simpleData.pIdKey.html
new file mode 100644
index 00000000..d434bc31
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.simpleData.pIdKey.html	
@@ -0,0 +1,32 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.data.simpleData.</span>pIdKey</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>节点数据中保存其父节点唯一标识的属性名称。<span class="highlight_red">[setting.data.simpleData.enable = true 时生效]</span></p>
+			<p>默认值："pId"</p>
+		</div>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 使用简单 Array 格式的数据</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0
+		}
+	}
+};
+var treeNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.simpleData.rootPId.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.simpleData.rootPId.html
new file mode 100644
index 00000000..8cff82d4
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.data.simpleData.rootPId.html	
@@ -0,0 +1,32 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String / Number</span><span class="path">setting.data.simpleData.</span>rootPId</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于修正根节点父节点数据，即 pIdKey 指定的属性值。<span class="highlight_red">[setting.data.simpleData.enable = true 时生效]</span></p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 使用简单 Array 格式的数据</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0
+		}
+	}
+};
+var treeNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.autoExpandTrigger.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.autoExpandTrigger.html
new file mode 100644
index 00000000..126b8a85
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.autoExpandTrigger.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.edit.drag.</span>autoExpandTrigger</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>拖拽时父节点自动展开是否触发 onExpand 事件回调函数。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
+			<p>默认值：false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 触发 / 不触发 onExpand 事件回调函数。</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置拖拽时父节点自动展开触发 onExpand 事件回调函数</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			autoExpandTrigger: true
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.autoOpenTime.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.autoOpenTime.html
new file mode 100644
index 00000000..df783392
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.autoOpenTime.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Number</span><span class="path">setting.edit.drag.</span>autoOpenTime</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>拖拽时父节点自动展开的延时间隔。 (单位：ms)<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
+			<p>默认值：500</p>
+			<p class="highlight_red">请根据自己的需求适当调整此值</p>
+		</div>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置拖拽到父节点上立刻自动展开</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			autoOpenTime: 0
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.borderMax.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.borderMax.html
new file mode 100644
index 00000000..1d4dd681
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.borderMax.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Number</span><span class="path">setting.edit.drag.</span>borderMax</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>拖拽节点成为根节点时的 Tree 内边界范围 (单位：px)。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
+			<p>默认值：10</p>
+			<p class="highlight_red">请根据自己的需求适当调整此值</p>
+		</div>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 更改拖拽操作节点成为根节点时的 Tree 内边界范围为20px</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			borderMax: 20
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.borderMin.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.borderMin.html
new file mode 100644
index 00000000..463eb2b7
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.borderMin.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Number</span><span class="path">setting.edit.drag.</span>borderMin</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>拖拽节点成为根节点时的 Tree 外边界范围 (单位：px)。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
+			<p>默认值：-5</p>
+			<p class="highlight_red">请根据自己的需求适当调整此值</p>
+		</div>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 更改拖拽操作节点成为根节点时的 Tree 外边界范围为10px</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			borderMin: -10
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.inner.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.inner.html
new file mode 100644
index 00000000..06679e1a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.inner.html	
@@ -0,0 +1,59 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean / Function(treeId, treeNodes, targetNode)</span><span class="path">setting.edit.drag.</span>inner</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>拖拽到目标节点时，设置是否允许成为目标节点的子节点。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
+			<p class="highlight_red">拖拽目标是 根 的时候，不触发 prev 和 next，只会触发 inner</p>
+			<p class="highlight_red">此功能主要作用是对拖拽进行适当限制（辅助箭头），需要结合 prev、next 一起使用，才能实现完整功能。</p>
+			<p>默认值：true</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 允许 / 不允许 成为目标节点的子节点</p>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控（多棵树拖拽时，是目标节点所在树的 treeId）</p>
+	<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>被拖拽的节点 JSON 数据集合</p>
+	<h4 class="topLine"><b>targetNode</b><span>JSON</span></h4>
+	<p>拖拽时的目标节点 JSON 数据对象</p>
+	<p class="highlight_red">如果拖拽的节点要成为根节点，则 targetNode = null</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值同 Boolean 格式的数据</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 禁止拖拽成为目标节点的子节点</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: true,
+			next: true,
+			inner: false
+		}
+	}
+};
+......</code></pre>
+	<h4>2. 禁止拖拽成为根节点的子节点</h4>
+	<pre xmlns=""><code>function canInner(treeId, nodes, targetNode) {
+	return !(targetNode && targetNode.level === 0);
+}
+var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: true,
+			next: true,
+			inner: canInner
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.isCopy.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.isCopy.html
new file mode 100644
index 00000000..f77ead44
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.isCopy.html	
@@ -0,0 +1,32 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.edit.drag.</span>isCopy</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>拖拽时, 设置是否允许复制节点。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
+			<p>默认值：true</p>
+		</div>
+	</div>
+	<h3>规则说明</h3>
+	<div class="desc">
+	<p>1、isCopy = true; isMove = true 时，拖拽节点按下 Ctrl 键表示 copy; 否则为 move</p>
+	<p>2、isCopy = true; isMove = false 时，所有拖拽操作都是 copy</p>
+	<p>3、isCopy = false; isMove = true 时，所有拖拽操作都是 move</p>
+	<p>4、isCopy = false; isMove = false 时，禁止拖拽操作</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置所有拖拽操作都是 copy</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			isCopy: true,
+			isMove: false
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.isMove.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.isMove.html
new file mode 100644
index 00000000..d8602861
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.isMove.html	
@@ -0,0 +1,32 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.edit.drag.</span>isMove</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>拖拽时, 设置是否允许移动节点。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
+			<p>默认值：true</p>
+		</div>
+	</div>
+	<h3>规则说明</h3>
+	<div class="desc">
+	<p>1、isCopy = true; isMove = true 时，拖拽节点按下 Ctrl 键表示 copy; 否则为 move</p>
+	<p>2、isCopy = true; isMove = false 时，所有拖拽操作都是 copy</p>
+	<p>3、isCopy = false; isMove = true 时，所有拖拽操作都是 move</p>
+	<p>4、isCopy = false; isMove = false 时，禁止拖拽操作</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置所有拖拽操作都是 move</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			isCopy: false,
+			isMove: true
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.maxShowNodeNum.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.maxShowNodeNum.html
new file mode 100644
index 00000000..3e7a3d26
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.maxShowNodeNum.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Number</span><span class="path">setting.edit.drag.</span>maxShowNodeNum</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>拖拽多个兄弟节点时，浮动图层中显示的最大节点数。 多余的节点用...代替。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
+			<p>默认值：5</p>
+			<p class="highlight_red">请根据自己的需求适当调整此值</p>
+		</div>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置拖拽时最多可显示10个节点</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			maxShowNodeNum: 10
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.minMoveSize.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.minMoveSize.html
new file mode 100644
index 00000000..904be414
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.minMoveSize.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Number</span><span class="path">setting.edit.drag.</span>minMoveSize</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>判定是否拖拽操作的最小位移值 (单位：px)。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
+			<p class="highlight_red">根据自己的需求可适当调整此值，如果太小容易导致点击鼠标时误操作进行拖拽</p>
+			<p>默认值：5</p>
+		</div>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 更改拖拽操作启动位移值为10px</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			minMoveSize: 10
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.next.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.next.html
new file mode 100644
index 00000000..ffc874aa
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.next.html	
@@ -0,0 +1,58 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean / Function(treeId, treeNodes, targetNode)</span><span class="path">setting.edit.drag.</span>next</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>拖拽到目标节点时，设置是否允许移动到目标节点后面的操作。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
+			<p class="highlight_red">拖拽目标是 根 的时候，不触发 prev 和 next，只会触发 inner</p>
+			<p class="highlight_red">此功能主要作用是对拖拽进行适当限制（辅助箭头），需要结合 prev、inner 一起使用，才能实现完整功能。</p>
+			<p>默认值：true</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 允许 / 不允许 移动到目标节点后面</p>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控（多棵树拖拽时，是目标节点所在树的 treeId）</p>
+	<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>被拖拽的节点 JSON 数据集合</p>
+	<h4 class="topLine"><b>targetNode</b><span>JSON</span></h4>
+	<p>拖拽时的目标节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值同 Boolean 格式的数据</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 禁止拖拽到节点后面的操作</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: true,
+			next: false,
+			inner: true
+		}
+	}
+};
+......</code></pre>
+	<h4>2. 禁止拖拽到父节点后面的操作</h4>
+	<pre xmlns=""><code>function canNext(treeId, nodes, targetNode) {
+	return !targetNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: true,
+			next: canNext,
+			inner: true
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.prev.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.prev.html
new file mode 100644
index 00000000..bd053618
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.drag.prev.html	
@@ -0,0 +1,58 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean / Function(treeId, treeNodes, targetNode)</span><span class="path">setting.edit.drag.</span>prev</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>拖拽到目标节点时，设置是否允许移动到目标节点前面的操作。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
+			<p class="highlight_red">拖拽目标是 根 的时候，不触发 prev 和 next，只会触发 inner</p>
+			<p class="highlight_red">此功能主要作用是对拖拽进行适当限制（辅助箭头），需要结合 next、inner 一起使用，才能实现完整功能。</p>
+			<p>默认值：true</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 允许 / 不允许 移动到目标节点前面</p>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控（多棵树拖拽时，是目标节点所在树的 treeId）</p>
+	<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>被拖拽的节点 JSON 数据集合</p>
+	<h4 class="topLine"><b>targetNode</b><span>JSON</span></h4>
+	<p>拖拽时的目标节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值同 Boolean 格式的数据</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 禁止拖拽到节点前面的操作</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: false,
+			next: true,
+			inner: true
+		}
+	}
+};
+......</code></pre>
+	<h4>2. 禁止拖拽到父节点前面的操作</h4>
+	<pre xmlns=""><code>function canPrev(treeId, nodes, targetNode) {
+	return !targetNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: canPrev,
+			next: true,
+			inner: true
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.editNameSelectAll.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.editNameSelectAll.html
new file mode 100644
index 00000000..30784f3c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.editNameSelectAll.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.edit.</span>editNameSelectAll</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>节点编辑名称 input 初次显示时,设置 txt 内容是否为全选状态。 <span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
+			<p>默认值: false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true 表示 全选状态</p>
+	<p> false 表示 不是全选状态，光标默认在最后</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置节点编辑名称 input 初次显示时，txt内容为全选状态</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		editNameSelectAll: true
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.enable.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.enable.html
new file mode 100644
index 00000000..de1afeaf
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.enable.html	
@@ -0,0 +1,38 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.edit.</span>enable</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>设置 zTree 是否处于编辑状态</p>
+			<p class="highlight_red">请在初始化之前设置，初始化后需要改变编辑状态请使用 zTreeObj.setEditable() 方法</p>
+			<p>默认值: false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 可以 / 不可以 编辑</p>
+	</div>
+	<h3>编辑状态规则说明</h3>
+	<div class="desc">
+	<p>1、点击节点时，不会打开 <span class="highlight_red">node.url</span> 指定的 URL。
+<br/>2、全面支持 编辑 与 异步加载 状态共存。
+<br/>3、可以对节点进行拖拽，且支持多棵树之间进行拖拽。
+<br/>4、支持拖拽时 复制/移动 节点。（参考: <span class="highlight_red">setting.edit.drag.isCopy / setting.edit.drag.isMove</span>）
+<br/>5、可以通过编辑按钮修改 name 属性。
+<br/>6、可以通过删除按钮删除节点。
+<br/>
+</p>
+	<p class="highlight_red">请注意大小写，不要改变</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置 zTree 进入编辑状态</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.removeTitle.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.removeTitle.html
new file mode 100644
index 00000000..55257da7
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.removeTitle.html	
@@ -0,0 +1,48 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String / Function(treeId, treeNode)</span><span class="path">setting.edit.</span>removeTitle</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>删除按钮的 Title 辅助信息。<span class="highlight_red">[setting.edit.enable = true & setting.edit.showRemoveBtn = true 时生效]</span></p>
+			<p>默认值："remove"</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p>鼠标移动到 删除按钮 上时，浏览器自动弹出的辅助信息内容，可根据用户需要自行修改</p>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>需要设置删除按钮 Title 信息的节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>String</span></h4>
+	<p>返回值同 String 格式的数据</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 设置删除按钮的 Title 辅助信息为: "删除节点"</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		showRemoveBtn: true,
+		removeTitle: "删除节点"
+	}
+};
+......</code></pre>
+	<h4>2. 设置父节点删除按钮的 Title 辅助信息为: "删除父节点"</h4>
+	<pre xmlns=""><code>function setRemoveTitle(treeId, treeNode) {
+	return treeNode.isParent ? "删除父节点":"删除叶子节点";
+}
+var setting = {
+	edit: {
+		enable: true,
+		showRemoveBtn: true,
+		removeTitle: setRemoveTitle
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.renameTitle.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.renameTitle.html
new file mode 100644
index 00000000..2dfbcca1
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.renameTitle.html	
@@ -0,0 +1,48 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String / Function(treeId, treeNode)</span><span class="path">setting.edit.</span>renameTitle</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>编辑名称按钮的 Title 辅助信息。<span class="highlight_red">[setting.edit.enable = true & setting.edit.showRenameBtn = true 时生效]</span></p>
+			<p>默认值："rename"</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p>设置鼠标移动到 编辑名称按钮 上时，浏览器自动弹出的辅助信息内容，可根据用户需要自行修改</p>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>需要设置编辑名称按钮 Title 信息的节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>String</span></h4>
+	<p>返回值同 String 格式的数据</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 设置编辑名称按钮的 Title 辅助信息为: "编辑节点名称"</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		showRenameBtn: true,
+		renameTitle: "编辑节点名称"
+	}
+};
+......</code></pre>
+	<h4>2. 设置父节点编辑名称按钮的 Title 辅助信息为: "编辑父节点名称"</h4>
+	<pre xmlns=""><code>function setRenameTitle(treeId, treeNode) {
+	return treeNode.isParent ? "编辑父节点名称":"编辑叶子节点名称";
+}
+var setting = {
+	edit: {
+		enable: true,
+		showRenameBtn: true,
+		renameTitle: setRenameTitle
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.showRemoveBtn.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.showRemoveBtn.html
new file mode 100644
index 00000000..db62053c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.showRemoveBtn.html	
@@ -0,0 +1,49 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean / Function(treeId, treeNode)</span><span class="path">setting.edit.</span>showRemoveBtn</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>设置是否显示删除按钮。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
+			<p>当点击某节点的删除按钮时：</p>
+			<p>1、首先触发 <span class="highlight_red">setting.callback.beforeRemove</span> 回调函数，用户可判定是否进行删除操作。</p>
+			<p>2、如果未设置 beforeRemove 或 beforeRemove 返回 true，则删除节点并触发 <span class="highlight_red">setting.callback.onRemove</span> 回调函数。</p>
+			<p>默认值：true</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 显示 / 隐藏 删除按钮</p>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>需要设置是否显示删除按钮的节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值同 Boolean 格式的数据</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 不显示删除按钮</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		showRemoveBtn: false
+	}
+};
+......</code></pre>
+	<h4>2. 设置所有的父节点不显示删除按钮</h4>
+	<pre xmlns=""><code>function setRemoveBtn(treeId, treeNode) {
+	return !treeNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true,
+		showRemoveBtn: setRemoveBtn
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.showRenameBtn.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.showRenameBtn.html
new file mode 100644
index 00000000..33dd37aa
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.edit.showRenameBtn.html	
@@ -0,0 +1,51 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean / Function(treeId, treeNode)</span><span class="path">setting.edit.</span>showRenameBtn</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>设置是否显示编辑名称按钮。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
+			<p>当点击某节点的编辑名称按钮时：</p>
+			<p>1、进入节点编辑名称状态。</p>
+			<p>2、编辑名称完毕（Input 失去焦点 或 按下 Enter 键），会触发 <span class="highlight_red">setting.callback.beforeRename</span> 回调函数，用户可根据自己的规则判定是否允许修改名称。</p>
+			<p>3、如果 beforeRename 返回 false，则继续保持编辑名称状态，直到名称符合规则位置 （按下 ESC 键可取消编辑名称状态，恢复原名称）。</p>
+			<p>4、如果未设置 beforeRename 或 beforeRename 返回 true，则结束节点编辑名称状态，更新节点名称，并触发 <span class="highlight_red">setting.callback.onRename</span> 回调函数。</p>
+			<p>默认值：true</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 显示 / 隐藏 编辑名称按钮</p>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>需要设置是否显示编辑名称按钮的节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值同 Boolean 格式的数据</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 不显示编辑名称按钮</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		showRenameBtn: false
+	}
+};
+......</code></pre>
+	<h4>2. 设置所有的父节点不显示编辑名称按钮</h4>
+	<pre xmlns=""><code>function setRenameBtn(treeId, treeNode) {
+	return !treeNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true,
+		showRenameBtn: setRenameBtn
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.treeId.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.treeId.html
new file mode 100644
index 00000000..819743eb
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.treeId.html	
@@ -0,0 +1,14 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.</span>treeId</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>zTree 的唯一标识，初始化后，等于 用户定义的 zTree 容器的 id 属性值。</p>
+			<p class="highlight_red">请勿进行初始化 或 修改，属于内部参数。</p>
+		</div>
+	</div>
+
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.treeObj.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.treeObj.html
new file mode 100644
index 00000000..37684a19
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.treeObj.html	
@@ -0,0 +1,14 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Object</span><span class="path">setting.</span>treeObj</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>zTree 容器的 jQuery 对象，主要功能：便于操作。</p>
+			<p class="highlight_red">请勿进行初始化 或 修改，属于内部参数。</p>
+		</div>
+	</div>
+
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.addDiyDom.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.addDiyDom.html
new file mode 100644
index 00000000..0a508acc
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.addDiyDom.html	
@@ -0,0 +1,40 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.view.</span>addDiyDom</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于在节点上固定显示用户自定义控件</p>
+			<p class="highlight_red">1. 大数据量的节点加载请注意：在 addDiyDom 中针对每个节点 查找 DOM 对象并且添加新 DOM 控件，肯定会影响初始化性能；如果不是必须使用，建议不使用此功能</p>
+			<p class="highlight_red">2. 属于高级应用，使用时请确保对 zTree 比较了解。</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>需要显示自定义控件的节点 JSON 数据对象</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 设置节点后面显示一个按钮</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		addDiyDom: addDiyDom
+	}
+};
+function addDiyDom(treeId, treeNode) {
+	var aObj = $("#" + treeNode.tId + "_a");
+	if ($("#diyBtn_"+treeNode.id).length>0) return;
+	var editStr = "&lt;span id='diyBtn_space_" +treeNode.id+ "' &gt; &lt;/span&gt;"
+		+ "&lt;button type='button' class='diyBtn1' id='diyBtn_" + treeNode.id
+		+ "' title='"+treeNode.name+"' onfocus='this.blur();'&gt;&lt;/button&gt;";
+	aObj.append(editStr);
+	var btn = $("#diyBtn_"+treeNode.id);
+	if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.addHoverDom.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.addHoverDom.html
new file mode 100644
index 00000000..f073e79c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.addHoverDom.html	
@@ -0,0 +1,45 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.view.</span>addHoverDom</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于当鼠标移动到节点上时，显示用户自定义控件，显示隐藏状态同 zTree 内部的编辑、删除按钮</p>
+			<p class="highlight_red">请务必与 <span class="highlight_red">setting.view.removeHoverDom</span> 同时使用；属于高级应用，使用时请确保对 zTree 比较了解。</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>需要显示自定义控件的节点 JSON 数据对象</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 设置鼠标移到节点上，在后面显示一个按钮</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		addHoverDom: addHoverDom,
+		removeHoverDom: removeHoverDom,
+		......
+	}
+};
+function addHoverDom(treeId, treeNode) {
+	var aObj = $("#" + treeNode.tId + "_a");
+	if ($("#diyBtn_"+treeNode.id).length>0) return;
+	var editStr = "&lt;span id='diyBtn_space_" +treeNode.id+ "' &gt;&nbsp;&lt;/span&gt;"
+		+ "&lt;button type='button' class='diyBtn1' id='diyBtn_" + treeNode.id
+		+ "' title='"+treeNode.name+"' onfocus='this.blur();'&gt;&lt;/button&gt;";
+	aObj.append(editStr);
+	var btn = $("#diyBtn_"+treeNode.id);
+	if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+};
+function removeHoverDom(treeId, treeNode) {
+	$("#diyBtn_"+treeNode.id).unbind().remove();
+	$("#diyBtn_space_" +treeNode.id).unbind().remove();
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.autoCancelSelected.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.autoCancelSelected.html
new file mode 100644
index 00000000..aff1078b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.autoCancelSelected.html	
@@ -0,0 +1,26 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.view.</span>autoCancelSelected</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>点击节点时，按下 Ctrl 键是否允许取消选择操作。</p>
+			<p class="highlight_red">如果不需要此功能，请设置为 false。</p>
+			<p>默认值: true</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 支持 / 不支持 配合 Ctrl 键进行取消节点选择的操作</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 禁止配合 Ctrl 键进行取消节点选择的操作</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		autoCancelSelected: false
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.dblClickExpand.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.dblClickExpand.html
new file mode 100644
index 00000000..5f3db964
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.dblClickExpand.html	
@@ -0,0 +1,44 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean / Function(treeId, treeNode)</span><span class="path">setting.view.</span>dblClickExpand</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>双击节点时，是否自动展开父节点的标识</p>
+			<p>默认值: true</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示双击节点 切换 / 不切换 展开状态</p>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>需要设置是否双击切换展开状态的节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值同 Boolean 格式的数据</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 取消默认双击展开父节点的功能</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		dblClickExpand: false
+	}
+};
+......</code></pre>
+	<h4>2. 设置 zTree 仅仅 level=0 的父节点取消双击展开的功能</h4>
+	<pre xmlns=""><code>function dblClickExpand(treeId, treeNode) {
+	return treeNode.level > 0;
+};
+var setting = {
+	view: {
+		dblClickExpand: dblClickExpand
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.expandSpeed.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.expandSpeed.html
new file mode 100644
index 00000000..3b799c32
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.expandSpeed.html	
@@ -0,0 +1,31 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String / Number</span><span class="path">setting.view.</span>expandSpeed</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>zTree 节点展开、折叠时的动画速度，设置方法同 JQuery 动画效果中 speed 参数。</p>
+			<p class="highlight_red">IE6 下会自动关闭动画效果，以保证 zTree 的操作速度</p>
+			<p>默认值："fast"</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p>三种预定速度之一的字符串("slow", "normal", or "fast")</p>
+	<p class="highlight_red">设置为 "" 时，不显示动画效果</p>
+	</div>
+	<h3>Number 格式说明</h3>
+	<div class="desc">
+	<p>表示动画时长的毫秒数值 (如：1000)</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置为慢速显示动画效果</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		expandSpeed: "slow"
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.fontCss.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.fontCss.html
new file mode 100644
index 00000000..54efb1bb
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.fontCss.html	
@@ -0,0 +1,42 @@
+<div class="apiDetail">
+<div>
+	<h2><span>JSON / Function(treeId, treeNode)</span><span class="path">setting.view.</span>fontCss</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>个性化文字样式，只针对 zTree 在节点上显示的&lt;A&gt;对象。</p>
+			<p>默认值：{}</p>
+		</div>
+	</div>
+	<h3>JSON 格式说明</h3>
+	<div class="desc">
+	<p>JSON 格式为 JQuery css方法中的 JSON 对象格式，例如：<span class="highlight_red">{color:"#ff0011", background:"blue"}</span></p>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>需要设置自定义样式的节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>JSON</span></h4>
+	<p>返回值同 JSON 格式的数据，例如：<span class="highlight_red">{color:"#ff0011", background:"blue"}</span></p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 不修改CSS，设置全部节点 name 显示为红色</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		fontCss : {color:"red"}
+	}
+};</code></pre>
+	<h4>2. 设置 level=0 的节点 name 显示为红色</h4>
+	<pre xmlns=""><code>function setFontCss(treeId, treeNode) {
+	return treeNode.level == 0 ? {color:"red"} : {};
+};
+var setting = {
+	view: {
+		fontCss: setFontCss
+	}
+};</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.nameIsHTML.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.nameIsHTML.html
new file mode 100644
index 00000000..a1d916c5
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.nameIsHTML.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.view.</span>nameIsHTML</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>设置 name 属性是否支持 HTML 脚本</p>
+			<p class="highlight_red">如果允许 HTML 脚本，请根据自己的需求做校验，避免出现 js 注入等安全问题。</p>
+			<p>默认值: false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 支持 / 不支持 HTML 脚本</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置 name 属性支持 HTML 脚本</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		nameIsHTML: true
+	}
+};
+var node = {"name":"&lt;font color='red'&gt;test&lt;/font&gt;"};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.removeHoverDom.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.removeHoverDom.html
new file mode 100644
index 00000000..bb1a9aa2
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.removeHoverDom.html	
@@ -0,0 +1,45 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.view.</span>removeHoverDom</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于当鼠标移出节点时，隐藏用户自定义控件，显示隐藏状态同 zTree 内部的编辑、删除按钮</p>
+			<p class="highlight_red">请务必与 <span class="highlight_red">addHoverDom</span> 同时使用；属于高级应用，使用时请确保对 zTree 比较了解。</p>
+			<p>默认值：null</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>需要隐藏自定义控件的节点 JSON 数据对象</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 设置鼠标移到节点上，在后面显示一个按钮</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		addHoverDom: addHoverDom,
+		removeHoverDom: removeHoverDom,
+		......
+	}
+};
+function addHoverDom(treeId, treeNode) {
+	var aObj = $("#" + treeNode.tId + "_a");
+	if ($("#diyBtn_"+treeNode.id).length>0) return;
+	var editStr = "&lt;span id='diyBtn_space_" +treeNode.id+ "' &gt;&nbsp;&lt;/span&gt;"
+		+ "&lt;button type='button' class='diyBtn1' id='diyBtn_" + treeNode.id
+		+ "' title='"+treeNode.name+"' onfocus='this.blur();'&gt;&lt;/button&gt;";
+	aObj.append(editStr);
+	var btn = $("#diyBtn_"+treeNode.id);
+	if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+};
+function removeHoverDom(treeId, treeNode) {
+	$("#diyBtn_"+treeNode.id).unbind().remove();
+	$("#diyBtn_space_" +treeNode.id).unbind().remove();
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.selectedMulti.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.selectedMulti.html
new file mode 100644
index 00000000..d73820df
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.selectedMulti.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.view.</span>selectedMulti</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>设置是否允许同时选中多个节点。</p>
+			<p>默认值: true</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 支持 / 不支持 同时选中多个节点</p>
+	<p class="highlight_red">1、设置为 true时，按下 Ctrl 键可以选中多个节点</p>
+	<p class="highlight_red">2、设置为 true / false 都不影响按下 Ctrl 键可以让已选中的节点取消选中状态（ 取消选中状态可以参考 setting.view.autoCancelSelected ）</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 禁止多点同时选中的功能</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		selectedMulti: false
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.showIcon.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.showIcon.html
new file mode 100644
index 00000000..ebe423ca
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.showIcon.html	
@@ -0,0 +1,44 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean / Function(treeId, treeNode)</span><span class="path">setting.view.</span>showIcon</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>设置 zTree 是否显示节点的图标。</p>
+			<p>默认值：true</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 显示 / 隐藏 图标</p>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>需要设置是否显示图标的节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值同 Boolean 格式的数据</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 设置 zTree 不显示图标</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		showIcon: false
+	}
+};
+......</code></pre>
+	<h4>2. 设置 zTree 仅仅 level=2 的节点不显示图标</h4>
+	<pre xmlns=""><code>function showIconForTree(treeId, treeNode) {
+	return treeNode.level != 2;
+};
+var setting = {
+	view: {
+		showIcon: showIconForTree
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.showLine.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.showLine.html
new file mode 100644
index 00000000..02ab5ebb
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.showLine.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.view.</span>showLine</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>设置 zTree 是否显示节点之间的连线。</p>
+			<p>默认值：true</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 显示 / 不显示 连线</p>
+	</div>
+	<h3>setting 举例</h3>
+	<h4>1. 设置 zTree 不显示节点之间的连线</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		showLine: false
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.showTitle.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.showTitle.html
new file mode 100644
index 00000000..5bcb8600
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.showTitle.html	
@@ -0,0 +1,46 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean / Function(treeId, treeNode)</span><span class="path">setting.view.</span>showTitle</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>设置 zTree 是否显示节点的 title 提示信息(即节点 DOM 的 title 属性)。</p>
+			<p class="highlight_red">请务必与 <span class="highlight_red">setting.data.key.title</span> 同时使用。</p>
+			<p>默认值：true</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 显示 / 隐藏 提示信息</p>
+	<p class="highlight_red">如果 setting.view.showTitle = true & setting.data.key.title = ''，zTree 会自动使用 setting.data.key.name 指定的节点名称当做 title</p>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>需要设置是否显示提示信息的节点 JSON 数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值同 Boolean 格式的数据</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 设置 zTree 不显示提示信息</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		showTitle: false
+	}
+};
+......</code></pre>
+	<h4>2. 设置 zTree 仅仅 level=2 的节点不显示提示信息</h4>
+	<pre xmlns=""><code>function showTitleForTree(treeId, treeNode) {
+	return treeNode.level != 2;
+};
+var setting = {
+	view: {
+		showTitle: showTitleForTree
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.txtSelectedEnable.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.txtSelectedEnable.html
new file mode 100644
index 00000000..c22a8c00
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/setting.view.txtSelectedEnable.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.view.</span>txtSelectedEnable</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>设置 zTree 是否允许可以选择 zTree DOM 内的文本。</p>
+			<p>默认值：false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true / false 分别表示 允许 / 不允许 选择 zTree Dom 内的文本</p>
+	</div>
+	<h3>setting & function 举例</h3>
+	<h4>1. 设置 zTree 允许选择文本</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		txtSelectedEnable: true
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.check_Child_State.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.check_Child_State.html
new file mode 100644
index 00000000..fa378994
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.check_Child_State.html	
@@ -0,0 +1,43 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Number</span><span class="path">treeNode.</span>check_Child_State</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于设置节点的子节点的 checkBox / radio 的半选状态。<span class="highlight_red">[setting.check.enable = true 时有效]</span></p>
+			<p class="highlight_red">v3.x 针对节点数据对象提供 treeNode.getCheckStatus() 方法获取标准的半选状态</p>
+			<p class="highlight_red">zTree 内部使用，请勿进行初始化 或 随意修改</p>
+			<p>默认值：true</p>
+		</div>
+	</div>
+	<h3>Number 格式说明</h3>
+	<div class="desc">
+	<p>规则如下：</p>
+	<table width="100%" border="0" cellspacing="1" cellpadding="0">
+		<thead>
+			<tr><td colspan="4">setting.check.checkType = "checkbox"</td></tr>
+			<tr><td>treeNode.check_Child_State</td><td>勾选状态说明</td></tr>
+		</thead>
+		<tbody>
+			<tr><td>-1</td><td>不存在子节点 或 子节点全部设置为 nocheck = true</td></tr>
+			<tr><td>0</td><td>无 子节点被勾选</td></tr>
+			<tr><td>1</td><td>部分 子节点被勾选</td></tr>
+			<tr><td>2</td><td>全部 子节点被勾选</td></tr>
+		</tbody>
+	</table>
+	<br/>
+	<table width="100%" border="0" cellspacing="1" cellpadding="0">
+		<thead>
+			<tr><td colspan="4">setting.check.checkType = "radio"</td></tr>
+			<tr><td>treeNode.check_Child_State</td><td>勾选状态说明</td></tr>
+		</thead>
+		<tbody>
+			<tr><td>-1</td><td>不存在子节点 或 子节点全部设置为 nocheck = true</td></tr>
+			<tr><td>0</td><td>无 子节点被勾选</td></tr>
+			<tr><td>2</td><td>有 子节点被勾选</td></tr>
+		</tbody>
+	</table>
+	</div>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.check_Focus.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.check_Focus.html
new file mode 100644
index 00000000..785aec9f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.check_Focus.html	
@@ -0,0 +1,19 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>check_Focus</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于设置节点的 checkBox / radio 的 focus 状态。<span class="highlight_red">[setting.check.enable = true 时有效]</span></p>
+			<p class="highlight_red">zTree 内部使用，请勿进行初始化 或 随意修改</p>
+			<p>默认值：false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p>true 表示当前鼠标移动到输入框内</p>
+	<p>false 表示当前鼠标移动到输入框外</p>
+	</div>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.checked.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.checked.html
new file mode 100644
index 00000000..049d6ba4
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.checked.html	
@@ -0,0 +1,32 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>checked</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>节点的 checkBox / radio 的 勾选状态。<span class="highlight_red">[setting.check.enable = true & treeNode.nocheck = false 时有效]</span></p>
+			<p class="highlight_red">1、如果不使用 checked 属性设置勾选状态，请修改 setting.data.key.checked </p>
+			<p class="highlight_red">2、建立 treeNode 数据时设置 treeNode.checked = true 可以让节点的输入框默认为勾选状态</p>
+			<p class="highlight_red">3、修改节点勾选状态，可以使用 treeObj.checkNode / checkAllNodes / updateNode 方法，具体使用哪种请根据自己的需求而定</p>
+			<p class="highlight_red">4、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 "false","true" 字符串格式的数据</p>
+			<p>默认值：false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p>true 表示节点的输入框被勾选</p>
+	<p>false 表示节点的输入框未勾选</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 初始化的数据设置 默认为勾选状态</h4>
+	<pre xmlns=""><code>var nodes = [
+{ "id":1, "name":"test1", checked:true },
+{ "id":2, "name":"test2", checked:true }
+]</code></pre>
+	<h4>2. 获取第一个根节点的勾选状态</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var checked = treeObj.getNodes()[0].checked;
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.checkedOld.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.checkedOld.html
new file mode 100644
index 00000000..cab717e7
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.checkedOld.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>checkedOld</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>节点的 checkBox / radio 在初始化时的 勾选状态。<span class="highlight_red">[setting.check.enable = true & treeNode.nocheck = false 时有效]</span></p>
+			<p class="highlight_red">1、zTree 初始化节点数据时会对此属性进行赋值，因此请勿对此属性初始化</p>
+			<p class="highlight_red">2、如需配合 zTreeObj.getChangeCheckedNodes 方法实现特殊功能，可以根据需求在使用中自行修改 checkedOld 数据</p>
+			<p>默认值：checked的初始化值</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p>true 表示节点初始化时 输入框被勾选</p>
+	<p>false 表示节点初始化时 输入框未勾选</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 获取第一个根节点的初始勾选状态</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var checkedOld = treeObj.getNodes()[0].checkedOld;
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.children.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.children.html
new file mode 100644
index 00000000..4bab8351
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.children.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Array(JSON)</span><span class="path">treeNode.</span>children</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>节点的子节点数据集合。</p>
+			<p class="highlight_red">1、如果不使用 children 属性保存子节点数据，请修改 setting.data.key.children </p>
+			<p class="highlight_red">2、异步加载时，对于设置了 isParent = true 的节点，在展开时将进行异步加载</p>
+			<p>默认值：无</p>
+		</div>
+	</div>
+	<h3>Array(JSON) 格式说明</h3>
+	<div class="desc">
+	<p>标准的 JSON 数据对象</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 初始化的标准嵌套格式的 JSON 数据对象</h4>
+	<pre xmlns=""><code>var nodes = [
+{ "id":1, "name":"test1",
+	children: [
+	{ "id":3, "name":"test3"},
+	{ "id":4, "name":"test4"},
+	{ "id":5, "name":"test5"}
+	]
+},
+{ "id":2, "name":"test2"  }
+]</code></pre>
+	<h4>2. 获取第一个根节点的子节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes()[0].children;
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.chkDisabled.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.chkDisabled.html
new file mode 100644
index 00000000..e6bb0322
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.chkDisabled.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>chkDisabled</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>1、设置节点的 checkbox / radio 是否禁用 <span class="highlight_red">[setting.check.enable = true 时有效]</span></p>
+			<p class="highlight_red">2、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 "false","true" 字符串格式的数据</p>
+			<p class="highlight_red">3、请勿对已加载的节点修改此属性，禁止 或 取消禁止 请使用 setChkDisabled() 方法</p>
+			<p class="highlight_red">4、初始化时，如果需要子孙节点继承父节点的 chkDisabled 属性，请设置 setting.check.chkDisabledInherit 属性</p>
+			<p>默认值：false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p class="highlight_red">true 表示此节点的 checkbox / radio 被禁用。</p>
+	<p class="highlight_red">false 表示此节点的 checkbox / radio 可以使用。</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 禁用节点 checkbox / radio </h4>
+	<pre xmlns=""><code>var nodes = [
+	{ "id":1, "name":"test1", "checked":true, "chkDisabled":true},
+	{ "id":2, "name":"test2", "chkDisabled":true},
+	{ "id":3, "name":"test3"}
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.click.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.click.html
new file mode 100644
index 00000000..833c6784
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.click.html	
@@ -0,0 +1,24 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>click</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>最简单的 click 事件操作。相当于 onclick="..." 的内容。 如果操作较复杂，请使用 onClick 事件回调函数。</p>
+			<p class="highlight_red">由于 IE 对于 onclick 和 click事件共存时的处理与其他浏览器不同，所以请不要利用此参数控制是否允许跳转的操作（例如：treeNode.click = "return false;"）。如有类似需求，请不要使用 url 属性设置网址，同时利用 onClick 回调函数控制跳转。</p>
+			<p>默认值：无</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p>标准 javascript 语法， 例如：alert("test"); 等</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 设置某节点点击时，弹出信息框</h4>
+	<pre xmlns=""><code>var nodes = [
+	{ "id":1, "name":"Google CN", "url":"http://g.cn", "click":"alert('test');"},
+	......
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.diy.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.diy.html
new file mode 100644
index 00000000..b2fb0d9e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.diy.html	
@@ -0,0 +1,15 @@
+<div class="apiDetail">
+<div>
+	<h2><span>?</span><span class="path">treeNode.</span>* DIY *</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于保存节点的其他自定义数据信息，不要与 zTree 使用的属性相同即可，用户可随意设定。</p>
+		</div>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 设置节点的备用英文名称</h4>
+	<pre xmlns=""><code>var node = { "id":1, "name":"test1", "ename":"test eName"};</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.editNameFlag.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.editNameFlag.html
new file mode 100644
index 00000000..51162b8b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.editNameFlag.html	
@@ -0,0 +1,19 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>editNameFlag</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>用于记录节点是否处于编辑名称状态。<span class="highlight_red">[setting.edit.enable = true 时有效]</span></p>
+			<p class="highlight_red">zTree 内部使用，请勿进行初始化 或 随意修改</p>
+			<p>默认值：false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p>true 表示节点处于编辑名称状态</p>
+	<p>false 表示节点未处于编辑名称状态</p>
+	</div>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.getCheckStatus.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.getCheckStatus.html
new file mode 100644
index 00000000..fc20eac4
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.getCheckStatus.html	
@@ -0,0 +1,63 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function()</span><span class="path">treeNode.</span>getCheckStatus</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>获取节点 checkbox / radio 半勾选状态。<span class="highlight_red">[setting.check.enable = true 时有效]</span></p>
+			<p class="highlight_red">初始化节点数据时，由 zTree 增加此属性，请勿提前赋值</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>返回值</b><span>JSON</span></h4>
+	<pre xmlns=""><code>{
+	checked: true, //等同于 treeNode.checked
+	half: true  //规则见下表
+}</code></pre>
+	<table width="100%" border="0" cellspacing="1" cellpadding="0">
+		<thead>
+			<tr><td colspan="4">setting.check.checkType = "checkbox"</td></tr>
+			<tr><td>treeNode.checked</td><td>treeNode.check_Child_State</td><td>treeNode.halfCheck</td><td> half </td></tr>
+		</thead>
+		<tbody>
+			<tr><td>-</td><td>-</td><td>true</td><td>true</td></tr>
+			<tr><td colspan="4">&nbsp;</td></tr>
+			<tr><td>true</td><td>-1</td><td>false</td><td>false</td></tr>
+			<tr><td>true</td><td>0</td><td>false</td><td>true</td></tr>
+			<tr><td>true</td><td>1</td><td>false</td><td>true</td></tr>
+			<tr><td>true</td><td>2</td><td>false</td><td>false</td></tr>
+			<tr><td colspan="4">&nbsp;</td></tr>
+			<tr><td>false</td><td>-1</td><td>false</td><td>false</td></tr>
+			<tr><td>false</td><td>0</td><td>false</td><td>false</td></tr>
+			<tr><td>false</td><td>1</td><td>false</td><td>true</td></tr>
+			<tr><td>false</td><td>2</td><td>false</td><td>true</td></tr>
+		</tbody>
+	</table>
+	<br/>
+	<table width="100%" border="0" cellspacing="1" cellpadding="0">
+		<thead>
+			<tr><td colspan="4">setting.check.checkType = "radio"</td></tr>
+			<tr><td>treeNode.checked</td><td>treeNode.check_Child_State</td><td>treeNode.halfCheck</td><td> half </td></tr>
+		</thead>
+		<tbody>
+			<tr><td>-</td><td>-</td><td>true</td><td>true</td></tr>
+			<tr><td colspan="4">&nbsp;</td></tr>
+			<tr><td>true</td><td>-1</td><td>false</td><td>false</td></tr>
+			<tr><td>true</td><td>0</td><td>false</td><td>false</td></tr>
+			<tr><td>true</td><td>2</td><td>false</td><td>true</td></tr>
+			<tr><td colspan="4">&nbsp;</td></tr>
+			<tr><td>false</td><td>-1</td><td>false</td><td>false</td></tr>
+			<tr><td>false</td><td>0</td><td>false</td><td>false</td></tr>
+			<tr><td>false</td><td>2</td><td>false</td><td>true</td></tr>
+		</tbody>
+	</table>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 获取第一个根节点的半选状态</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var halfCheck = treeObj.getNodes()[0].getCheckStatus();
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.getNextNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.getNextNode.html
new file mode 100644
index 00000000..7a0fa5c0
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.getNextNode.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function()</span><span class="path">treeNode.</span>getNextNode</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>获取与 treeNode 节点相邻的后一个节点。</p>
+			<p class="highlight_red">初始化节点数据时，由 zTree 增加此属性，请勿提前赋值</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>返回值</b><span>JSON</span></h4>
+	<p>与 treeNode 节点相邻的后一个节点。</p>
+	<p class="highlight_red">如果 treeNode 是最后一个节点，返回 null 。</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 获取当前被选中的节点的下一个节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var node = sNodes[0].getNextNode();
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.getParentNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.getParentNode.html
new file mode 100644
index 00000000..31309a62
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.getParentNode.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function()</span><span class="path">treeNode.</span>getParentNode</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>获取 treeNode 节点的父节点。</p>
+			<p class="highlight_red">初始化节点数据时，由 zTree 增加此属性，请勿提前赋值</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>返回值</b><span>JSON</span></h4>
+	<p> treeNode 节点的父节点 JSON 数据对象。</p>
+	<p class="highlight_red">如果 treeNode 是根节点，返回 null 。</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 获取当前被选中的节点的父节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var node = sNodes[0].getParentNode();
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.getPreNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.getPreNode.html
new file mode 100644
index 00000000..9d841841
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.getPreNode.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function()</span><span class="path">treeNode.</span>getPreNode</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>获取与 treeNode 节点相邻的前一个节点。</p>
+			<p class="highlight_red">初始化节点数据时，由 zTree 增加此属性，请勿提前赋值</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>返回值</b><span>JSON</span></h4>
+	<p>与 treeNode 节点相邻的前一个节点。</p>
+	<p class="highlight_red">如果 treeNode 是第一个节点，返回 null 。</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 获取当前被选中的节点的前一个节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var node = sNodes[0].getPreNode();
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.halfCheck.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.halfCheck.html
new file mode 100644
index 00000000..23ac744c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.halfCheck.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>halfCheck</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>强制节点的 checkBox / radio 的 半勾选状态。<span class="highlight_red">[setting.check.enable = true & treeNode.nocheck = false 时有效]</span></p>
+			<p class="highlight_red">1、强制为半勾选状态后，不再进行自动计算半勾选状态</p>
+			<p class="highlight_red">2、设置 treeNode.halfCheck = false 或 null 才能恢复自动计算半勾选状态</p>
+			<p class="highlight_red">3、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 "false","true" 字符串格式的数据</p>
+			<p>默认值：false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p>true 表示节点的输入框 强行设置为半勾选</p>
+	<p>false 表示节点的输入框 根据 zTree 的规则自动计算半勾选状态</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 初始化的数据设置 默认为半勾选状态</h4>
+	<pre xmlns=""><code>var nodes = [
+{ "id":1, "name":"test1", isParent:true, checked:true, halfCheck:true },
+{ "id":2, "name":"test2", isParent:true, checked:false, halfCheck:true },
+{ "id":3, "name":"test3", isParent:true, checked:true },
+{ "id":4, "name":"test4", isParent:true, checked:false }
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.icon.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.icon.html
new file mode 100644
index 00000000..69c5db16
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.icon.html	
@@ -0,0 +1,33 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>icon</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>节点自定义图标的 URL 路径。</p>
+			<p class="highlight_red">1、父节点如果只设置 icon ，会导致展开、折叠时都使用同一个图标</p>
+			<p class="highlight_red">2、父节点展开、折叠使用不同的个性化图标需要同时设置 treeNode.iconOpen / treeNode.iconClose 两个属性</p>
+			<p class="highlight_red">3、如果想利用 className 设置个性化图标，需要设置 treeNode.iconSkin 属性</p>
+			<p>默认值：无</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p>图标图片的 url 可以是相对路径也可以是绝对路径</p>
+	<p class="highlight_red">设置相对路径请注意页面与图片之间的关系，确保图片能够正常加载</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 设置节点的个性化图标</h4>
+	<pre xmlns=""><code>var nodes = [
+	//父节点展开 折叠时使用相同的图标
+	{ name:"父节点1", icon:"/img/parent.gif"},
+
+	//父节点展开 折叠时分别使用不同的图标
+	{ name:"父节点2", iconOpen:"/img/open.gif", iconClose:"/img/close.gif"}, 
+
+	//叶子节点个性化图标
+	{ name:"叶子节点", icon:"/img/leaf.gif"}
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.iconClose.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.iconClose.html
new file mode 100644
index 00000000..f51da9c9
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.iconClose.html	
@@ -0,0 +1,33 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>iconClose</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>父节点自定义折叠时图标的 URL 路径。</p>
+			<p class="highlight_red">1、此属性只针对父节点有效</p>
+			<p class="highlight_red">2、此属性必须与 iconOpen 同时使用</p>
+			<p class="highlight_red">3、如果想利用 className 设置个性化图标，需要设置 treeNode.iconSkin 属性</p>
+			<p>默认值：无</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p>图标图片的 url 可以是相对路径也可以是绝对路径</p>
+	<p class="highlight_red">设置相对路径请注意页面与图片之间的关系，确保图片能够正常加载</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 设置节点的个性化图标</h4>
+	<pre xmlns=""><code>var nodes = [
+	//父节点展开 折叠时使用相同的图标
+	{ name:"父节点1", icon:"/img/parent.gif"},
+
+	//父节点展开 折叠时分别使用不同的图标
+	{ name:"父节点2", iconOpen:"/img/open.gif", iconClose:"/img/close.gif"}, 
+
+	//叶子节点个性化图标
+	{ name:"叶子节点", icon:"/img/leaf.gif"}
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.iconOpen.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.iconOpen.html
new file mode 100644
index 00000000..29c9baae
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.iconOpen.html	
@@ -0,0 +1,33 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>iconOpen</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>父节点自定义展开时图标的 URL 路径。</p>
+			<p class="highlight_red">1、此属性只针对父节点有效</p>
+			<p class="highlight_red">2、此属性必须与 iconClose 同时使用</p>
+			<p class="highlight_red">3、如果想利用 className 设置个性化图标，需要设置 treeNode.iconSkin 属性</p>
+			<p>默认值：无</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p>图标图片的 url 可以是相对路径也可以是绝对路径</p>
+	<p class="highlight_red">设置相对路径请注意页面与图片之间的关系，确保图片能够正常加载</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 设置节点的个性化图标</h4>
+	<pre xmlns=""><code>var nodes = [
+	//父节点展开 折叠时使用相同的图标
+	{ name:"父节点1", icon:"/img/parent.gif"},
+
+	//父节点展开 折叠时分别使用不同的图标
+	{ name:"父节点2", iconOpen:"/img/open.gif", iconClose:"/img/close.gif"}, 
+
+	//叶子节点个性化图标
+	{ name:"叶子节点", icon:"/img/leaf.gif"}
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.iconSkin.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.iconSkin.html
new file mode 100644
index 00000000..d5d97269
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.iconSkin.html	
@@ -0,0 +1,43 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>iconSkin</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>节点自定义图标的 className</p>
+			<p class="highlight_red">1、需要修改 css，增加相应 className 的设置</p>
+			<p class="highlight_red">2、css 方式简单、方便，并且同时支持父节点展开、折叠状态切换图片</p>
+			<p class="highlight_red">3、css 建议采用图片分割渲染的方式以减少反复加载图片，并且避免图片闪动</p>
+			<p class="highlight_red">4、zTree v3.x 的 iconSkin 同样支持 IE6</p>
+			<p class="highlight_red">5、如果想直接使用 图片的Url路径 设置节点的个性化图标，需要设置 treeNode.icon / treeNode.iconOpen / treeNode.iconClose 属性</p>
+			<p>默认值：无</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p>设置个性图标的 className</p>
+	</div>
+	<h3>css & treeNode 举例</h3>
+	<h4>1. 设置节点的个性化图标</h4>
+	<pre xmlns=""><code>css 内容：
+.ztree li span.button.diy01_ico_open, .ztree li span.button.diy01_ico_close{...}
+
+.ztree li span.button.diy02_ico_open{...}
+.ztree li span.button.diy02_ico_close{...}
+
+.ztree li span.button.diy03_ico_docu{...}
+
+js中节点数据：
+var nodes = [
+	//父节点展开 折叠时使用相同的图标
+	{ name:"父节点1", iconSkin:"diy01"},
+
+	//父节点展开 折叠时分别使用不同的图标
+	{ name:"父节点2", iconSkin:"diy02"},
+
+	//叶子节点个性化图标
+	{ name:"叶子节点", iconSkin:"diy03"}
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isAjaxing.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isAjaxing.html
new file mode 100644
index 00000000..330c1202
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isAjaxing.html	
@@ -0,0 +1,26 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>isAjaxing</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>记录 treeNode 节点是否正在进行异步加载。</p>
+			<p class="highlight_red">初始化节点数据时，由 zTree 增加此属性，请勿提前赋值</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true 表示节点正在进行异步加载</p>
+	<p> false 表示节点没有进行异步加载</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 查看当前被选中的节点是否节点正在进行异步加载</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isAjaxing = sNodes[0].isAjaxing;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isFirstNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isFirstNode.html
new file mode 100644
index 00000000..83b80bd9
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isFirstNode.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>isFirstNode</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>记录 treeNode 节点是否为同级节点中的第一个节点。</p>
+			<p class="highlight_red">使用 exhide 扩展后，只针对显示的节点设置此属性</p>
+			<p class="highlight_red">初始化节点数据时，由 zTree 增加此属性，请勿提前赋值</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true 表示是同级节点中的第一个节点</p>
+	<p> false 表示不是同级节点中的第一个节点</p>
+	<p class="highlight_red">节点被隐藏后，isFirstNode = false</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 查看当前被选中的节点是否是同级节点中的第一个节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isFirstNode = sNodes[0].isFirstNode;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isHidden.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isHidden.html
new file mode 100644
index 00000000..5fb388e2
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isHidden.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>isHidden</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exhide</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>判断 treeNode 节点是否被隐藏。</p>
+			<p class="highlight_red">1、初始化 zTree 时，如果节点设置 isHidden = true，会被自动隐藏</p>
+			<p class="highlight_red">2、请勿对已加载的节点修改此属性，隐藏 / 显示 请使用 hideNode() / hideNodes() / showNode() / showNodes() 方法</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true 表示被隐藏</p>
+	<p> false 表示被显示</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 查看第一个根节点是否被隐藏</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getNodes();
+if (sNodes.length > 0) {
+	var isHidden = sNodes[0].isHidden;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isHover.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isHover.html
new file mode 100644
index 00000000..dcef6eba
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isHover.html	
@@ -0,0 +1,19 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>isHover</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>记录节点 的 hover 状态，主要用于 setting.view.addHoverDom / removeHoverDom 。</p>
+			<p class="highlight_red">zTree 内部使用，请勿进行初始化 或 随意修改</p>
+			<p>默认值：false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p>true 表示节点处于 hover 状态</p>
+	<p>false 表示节点未处于 hover 状态</p>
+	</div>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isLastNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isLastNode.html
new file mode 100644
index 00000000..5d5ac822
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isLastNode.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>isLastNode</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>记录 treeNode 节点是否为同级节点中的最后一个节点。</p>
+			<p class="highlight_red">使用 exhide 扩展后，只针对显示的节点设置此属性</p>
+			<p class="highlight_red">初始化节点数据时，由 zTree 增加此属性，请勿提前赋值</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true 表示是同级节点中的最后一个节点</p>
+	<p> false 表示不是同级节点中的最后一个节点</p>
+	<p class="highlight_red">节点被隐藏后，isLastNode = false</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 查看当前被选中的节点是否是同级节点中的最后一个节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isLastNode = sNodes[0].isLastNode;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isParent.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isParent.html
new file mode 100644
index 00000000..bab887e0
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.isParent.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>isParent</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>记录 treeNode 节点是否为父节点。</p>
+			<p class="highlight_red">1、初始化节点数据时，根据 treeNode.children 属性判断，有子节点则设置为 true，否则为 false</p>
+			<p class="highlight_red">2、初始化节点数据时，如果设定 treeNode.isParent = true，即使无子节点数据，也会设置为父节点</p>
+			<p class="highlight_red">3、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 "false","true" 字符串格式的数据</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true 表示是父节点</p>
+	<p> false 表示不是父节点</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 查看当前被选中的节点是否是父节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isParent = sNodes[0].isParent;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.level.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.level.html
new file mode 100644
index 00000000..aff3254c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.level.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Number</span><span class="path">treeNode.</span>level</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>记录节点的层级</p>
+			<p class="highlight_red">初始化节点数据时，由 zTree 增加此属性，请勿提前赋值</p>
+		</div>
+	</div>
+	<h3>Number 格式说明</h3>
+	<div class="desc">
+	<p class="highlight_red">根节点 level = 0，依次递增</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 查看当前被选中的节点的级数</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var level = sNodes[0].level;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.name.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.name.html
new file mode 100644
index 00000000..918f2b49
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.name.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>name</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>节点名称。</p>
+			<p class="highlight_red">1、如果不使用 name 属性保存节点名称，请修改 setting.data.key.name </p>
+			<p>默认值：无</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p>节点显示的名称字符串，标准 String 即可，所有特殊字符都会被自动转义</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 设置节点的名称为 test1、test2、test3</h4>
+	<pre xmlns=""><code>var nodes = [
+	{ "id":1, "name":"test1"},
+	{ "id":2, "name":"test2"},
+	{ "id":3, "name":"test3"}
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.nocheck.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.nocheck.html
new file mode 100644
index 00000000..afaa62fb
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.nocheck.html	
@@ -0,0 +1,26 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>nocheck</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>1、设置节点是否隐藏 checkbox / radio <span class="highlight_red">[setting.check.enable = true 时有效]</span></p>
+			<p class="highlight_red">2、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 "false","true" 字符串格式的数据</p>
+			<p>默认值：false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p class="highlight_red">true 表示此节点不显示 checkbox / radio，不影响勾选的关联关系，不影响父节点的半选状态。</p>
+	<p class="highlight_red">false 表示节点具有正常的勾选功能</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 不显示某个节点的 checkbox / radio </h4>
+	<pre xmlns=""><code>var nodes = [
+	{ "id":1, "name":"test1", "nocheck":true},
+	{ "id":2, "name":"test2"},
+	{ "id":3, "name":"test3"}
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.open.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.open.html
new file mode 100644
index 00000000..1eb9aec4
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.open.html	
@@ -0,0 +1,30 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>open</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>记录 treeNode 节点的 展开 / 折叠 状态。</p>
+			<p class="highlight_red">1、初始化节点数据时，如果设定 treeNode.open = true，则会直接展开此节点</p>
+			<p class="highlight_red">2、叶子节点 treeNode.open = false</p>
+			<p class="highlight_red">3、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 "false","true" 字符串格式的数据</p>
+			<p class="highlight_red">4、非异步加载模式下，无子节点的父节点设置 open=true 后，可显示为展开状态，但异步加载模式下不会生效。（v3.5.15+） </p>
+			<p>默认值：false</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true 表示节点为 展开 状态</p>
+	<p> false 表示节点为 折叠 状态</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 查看当前被选中的节点的 展开 / 折叠 状态</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isOpen = sNodes[0].open;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.parentTId.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.parentTId.html
new file mode 100644
index 00000000..d228a23a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.parentTId.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>parentTId</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>treeNode 节点的父节点唯一标识 tId。</p>
+			<p class="highlight_red">1、v3.x 用 parentTId 替换了原先的 parentNode 属性，同时增加了 getParentNode 方法，以避免原先 parentNode 造成的 clone 死循环</p>
+			<p class="highlight_red">2、初始化节点数据时，由 zTree 增加此属性，请勿提前赋值</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p>zTree 内部生成的节点唯一标识，请参考 treeNode.tId 的说明</p>
+	<p class="highlight_red">如果 treeNode 是根节点，则 parentTId = null</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 查看当前被选中的节点的父节点 tId</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var parentTId = sNodes[0].parentTId;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.tId.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.tId.html
new file mode 100644
index 00000000..c32285c5
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.tId.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>tId</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>treeNode 节点的唯一标识 tId。</p>
+			<p class="highlight_red">初始化节点数据时，由 zTree 增加此属性，请勿提前赋值</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p>生成规则：setting.treeId + "_" + 内部计数</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 查看当前被选中的节点的 tId</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var tId = sNodes[0].tId;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.target.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.target.html
new file mode 100644
index 00000000..f7c1b6ba
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.target.html	
@@ -0,0 +1,24 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>target</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>设置点击节点后在何处打开 url。<span class="highlight_red">[treeNode.url 存在时有效]</span></p>
+			<p>默认值：无</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p>同超链接 target 属性: "_blank", "_self" 或 其他指定窗口名称 </p>
+	<p>省略此属性，则默认为 "_blank"</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 设置点击某节点时，弹出新页面</h4>
+	<pre xmlns=""><code>var nodes = [
+	{ "id":1, "name":"test1", "url":"http://myTest.com", "target":"_blank"},
+	......
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.url.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.url.html
new file mode 100644
index 00000000..0b2e0076
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.url.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>url</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>节点链接的目标 URL</p>
+			<p class="highlight_red">1、编辑模式 (setting.edit.enable = true) 下此属性功能失效，如果必须使用类似功能，请利用 onClick 事件回调函数自行控制。</p>
+			<p class="highlight_red">2、如果需要在 onClick 事件回调函数中进行跳转控制，那么请将 URL 地址保存在其他自定义的属性内，请勿使用 url</p>
+			<p>默认值：无</p>
+		</div>
+	</div>
+	<h3>String 格式说明</h3>
+	<div class="desc">
+	<p>同超链接 href 属性</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 设置某节点点击时，跳转到 g.cn</h4>
+	<pre xmlns=""><code>var nodes = [
+	{ "id":1, "name":"Google CN", "url":"http://g.cn"},
+	......
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.zAsync.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.zAsync.html
new file mode 100644
index 00000000..00e48f39
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/treeNode.zAsync.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>zAsync</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>记录 treeNode 节点是否已经进行过异步加载，避免父节点反复异步加载数据。</p>
+			<p class="highlight_red">初始化节点数据时，由 zTree 增加此属性，请勿提前赋值</p>
+			<p class="highlight_red">默认值：false （无子节点的父节点）； true （有子节点的父节点 & 叶子节点）</p>
+		</div>
+	</div>
+	<h3>Boolean 格式说明</h3>
+	<div class="desc">
+	<p> true 表示父节点展开时不需要自动异步加载</p>
+	<p> false 表示父节点展开时需要自动异步加载</p>
+	<p class="highlight_red"> 此参数不会对 reAsyncChildNodes 方法造成任何影响</p>
+	</div>
+	<h3>treeNode 举例</h3>
+	<h4>1. 查看当前被选中的节点是否节点是否需要自动异步加载</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var zAsync = sNodes[0].zAsync;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.addNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.addNodes.html
new file mode 100644
index 00000000..eac2152d
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.addNodes.html	
@@ -0,0 +1,42 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(parentNode, newNodes, isSilent)</span><span class="path">zTreeObj.</span>addNodes</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>添加节点。</p>
+			<p class="highlight_red">v3.x 为了避免原先反复初始化造成的数据重复问题，在 初始化 和 添加节点 时内部进行 clone 操作。如果需要获取数据在 zTree 内的对象，请获取此方法的返回值。</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>parentNode</b><span>JSON</span></h4>
+	<p>指定的父节点，如果增加根节点，请设置 parentNode 为 null 即可。</p>
+	<p class="highlight_red">请务必保证此节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>newNodes</b><span>JSON / Array(JSON)</span></h4>
+	<p>需要增加的节点数据 JSON 对象集合，数据只需要满足 zTree 的节点数据必需的属性即可，详细请参考“treeNode 节点数据详解”</p>
+	<p class="highlight_red">1、v3.x 支持单独添加一个节点，即如果只新增一个节点，不用必须包在数组中</p>
+	<p class="highlight_red">2、使用简单数据模式，请参考 setting.data.simpleData 内的属性说明</p>
+	<h4 class="topLine"><b>isSilent</b><span>Boolean</span></h4>
+	<p>设定增加节点后是否自动展开父节点。</p>
+	<p>isSilent = true 时，不展开父节点，其他值或缺省状态都自动展开。</p>
+	<h4 class="topLine"><b>返回值</b><span>Array(JSON)</span></h4>
+	<p>返回值是 zTree 最终添加的节点数据集合</p>
+	<p class="highlight_red">如果 newNodes 是单个节点数据 JSON，返回值也是将其包在 Array 内</p>
+	<p class="highlight_red">请务必记住：返回值中的数据对象 是 newNodes 被 clone 后的，所以绝对不相等！</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 对于 id = "tree" 的 zTree 增加 1 个根节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var newNode = {name:"newNode1"};
+newNode = treeObj.addNodes(null, newNode);
+</code></pre>
+	<h4>2. 对于 id = "tree" 的 zTree 增加 3 个根节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var newNodes = [{name:"newNode1"}, {name:"newNode2"}, {name:"newNode3"}];
+newNodes = treeObj.addNodes(null, newNodes);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.cancelEditName.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.cancelEditName.html
new file mode 100644
index 00000000..9df098f0
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.cancelEditName.html	
@@ -0,0 +1,30 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(newName)</span><span class="path">zTreeObj.</span>cancelEditName</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>取消节点的编辑名称状态，可以恢复原名称，也可以强行赋给新的名称。</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>newName</b><span>String</span></h4>
+	<p>重新给定的新名称。</p>
+	<p class="highlight_red">如果省略此参数，则恢复原名称。</p>
+	<h4 class="topLine"><b>返回值</b><span>无</span></h4>
+	<p>目前无任何返回值</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 取消 zTree 的编辑名称状态，恢复该节点原有名称</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.cancelEditName();
+</code></pre>
+	<h4>2. 取消 zTree 的编辑名称状态，并且重新设定该节点名称</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.cancelEditName("test_new_name");
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.cancelSelectedNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.cancelSelectedNode.html
new file mode 100644
index 00000000..26d5706f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.cancelSelectedNode.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode)</span><span class="path">zTreeObj.</span>cancelSelectedNode</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>取消节点的选中状态。</p>
+			<p class="highlight_red">v3.x 支持多点同时选中，因此取消选中状态可以全部取消，也可以单独取消某个节点的选中状态。</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>需要取消选中状态的节点。</p>
+	<p class="highlight_red">请务必保证此节点数据对象 是 zTree 内部的数据对象</p>
+	<p class="highlight_red">如果省略此参数，则将取消全部被选中节点的选中状态。</p>
+	<h4 class="topLine"><b>返回值</b><span>无</span></h4>
+	<p>目前无任何返回值</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 取消当前所有被选中节点的选中状态</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.cancelSelectedNode();
+</code></pre>
+	<h4>2. 取消当前第一个被选中节点的选中状态</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNode();
+if (nodes.length>0) { 
+	treeObj.cancelSelectedNode(nodes[0]);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.checkAllNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.checkAllNodes.html
new file mode 100644
index 00000000..d6eaadf1
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.checkAllNodes.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(checked)</span><span class="path">zTreeObj.</span>checkAllNodes</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>勾选 或 取消勾选 全部节点。<span class="highlight_red">[setting.check.enable = true 且 setting.check.chkStyle = "checkbox" 时有效]</span></p>
+			<p class="highlight_red">此方法不会触发 beforeCheck / onCheck 事件回调函数。</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>checked</b><span>Boolean</span></h4>
+	<p>checked = true  表示勾选全部节点</p>
+	<p>checked = false 表示全部节点取消勾选</p>
+	<p class="highlight_red">不会影响 treeNode.nochecked = true 的节点。</p>
+	<p class="highlight_red">不会影响未加载的节点。</p>
+	<h4 class="topLine"><b>返回值</b><span>无</span></h4>
+	<p>目前无任何返回值</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 勾选全部节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.checkAllNodes(true);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.checkNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.checkNode.html
new file mode 100644
index 00000000..cb8bb7de
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.checkNode.html	
@@ -0,0 +1,44 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode, checked, checkTypeFlag, callbackFlag)</span><span class="path">zTreeObj.</span>checkNode</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>勾选 或 取消勾选 单个节点。<span class="highlight_red">[setting.check.enable = true 时有效]</span></p>
+			<p class="highlight_red">v3.x 中 checkNode() 方法可以触发 beforeCheck / onCheck 事件回调函数。便于减少冗余代码</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>需要勾选 或 取消勾选 的节点数据</p>
+	<p class="highlight_red">请务必保证此节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>checked</b><span>Boolean</span></h4>
+	<p>checked = true  表示勾选节点</p>
+	<p>checked = false 表示节点取消勾选</p>
+	<p class="highlight_red">省略此参数，则根据对此节点的勾选状态进行 toggle 切换</p>
+	<p class="highlight_red">不影响 treeNode.nochecked = true 的节点。</p>
+	<h4 class="topLine"><b>checkTypeFlag</b><span>Boolean</span></h4>
+	<p>checkTypeFlag = true 表示按照 setting.check.chkboxType 属性进行父子节点的勾选联动操作</p>
+	<p>checkTypeFlag = false 表示只修改此节点勾选状态，无任何勾选联动操作</p>
+	<p class="highlight_red">checkTypeFlag = false 且 treeNode.checked = checked 时，不会触发回调函数，直接返回</p>
+	<p class="highlight_red">不影响父子节点中 treeNode.nochecked = true 的节点。</p>
+	<h4 class="topLine"><b>callbackFlag</b><span>Boolean</span></h4>
+	<p>callbackFlag = true 表示执行此方法时触发 beforeCheck & onCheck 事件回调函数</p>
+	<p>callbackFlag = false 表示执行此方法时不触发事件回调函数</p>
+	<p class="highlight_red">省略此参数，等同于 false</p>
+	<h4 class="topLine"><b>返回值</b><span>无</span></h4>
+	<p>目前无任何返回值</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 勾选当前选中的节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+for (var i=0, l=nodes.length; i < l; i++) {
+	treeObj.checkNode(nodes[i], true, true);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.copyNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.copyNode.html
new file mode 100644
index 00000000..f1b624bf
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.copyNode.html	
@@ -0,0 +1,44 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(targetNode, treeNode, moveType, isSilent)</span><span class="path">zTreeObj.</span>copyNode</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>复制节点。</p>
+			<p class="highlight_red">v3.x 复制节点时进行 clone 操作。如果需要获取数据在 zTree 内的对象，请获取此方法的返回值。</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>targetNode</b><span>JSON</span></h4>
+	<p>要复制到的目标节点 JSON 数据</p>
+	<p class="highlight_red">如果复制成为根节点，请设置 targetNode 为 null 即可</p>
+	<p class="highlight_red">请务必保证此节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>需要被复制的节点数据</p>
+	<p class="highlight_red">请务必保证此节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>moveType</b><span>String</span></h4>
+	<p>复制到目标节点的相对位置</p>
+	<p class="highlight_red">"inner"：成为子节点，"prev"：成为同级前一个节点，"next"：成为同级后一个节点</p>
+	<h4 class="topLine"><b>isSilent</b><span>Boolean</span></h4>
+	<p>设定复制节点后是否自动展开父节点。</p>
+	<p>isSilent = true 时，不展开父节点，其他值或缺省状态都自动展开。</p>
+	<h4 class="topLine"><b>返回值</b><span>JSON</span></h4>
+	<p>返回值是最终加入到 zTree 内的节点数据</p>
+	<p class="highlight_red">请务必记住：返回值中的数据对象 是 treeNode 被 clone 后的，所以绝对不相等！</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 将根节点中第二个节点 复制成为 第一个节点的子节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.copyNode(nodes[0], nodes[1], "inner");
+</code></pre>
+	<h4>2. 将根节点中第二个节点 复制成为 第一个节点的前一个节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.copyNode(nodes[0], nodes[1], "before");
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.destroy.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.destroy.html
new file mode 100644
index 00000000..d9f6da0d
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.destroy.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId)</span><span class="path">zTreeObj.</span>destroy</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>从 zTree v3.4 开始提供销毁 zTree 的方法。</p>
+			<p>1、用此方法可以销毁 zTreeObj 代表的 zTree。</p>
+			<p class="highlight_red">2、销毁当前页面全部的 zTree，也可以使用 $.fn.zTree.destroy() 方法。</p>
+			<p class="highlight_red">3、重新使用已经被销毁的树，必须要使用 init 方法进行初始化。</p>
+		</div>
+	</div>
+        <h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>返回值</b><span>无</span></h4>
+	<p>目前无任何返回值</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 销毁 id 为 "treeDemo" 的 zTree</h4>
+	<pre xmlns=""><code>var zTreeObj = $.fn.zTree.getZTreeObj("treeDemo");
+zTreeObj.destroy();
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.editName.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.editName.html
new file mode 100644
index 00000000..2d4eaf7b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.editName.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode)</span><span class="path">zTreeObj.</span>editName</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>设置某节点进入编辑名称状态。</p>
+			<p class="highlight_red">1、如果需要用 js 取消编辑名称状态，请使用 cancelEditName(newName) 方法。</p>
+			<p class="highlight_red">2、可利用此方法让当前正编辑的节点 input 输入框获取焦点。</p>
+			<p class="highlight_red">3、请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>指定进入编辑名称状态的节点 JSON 数据</p>
+	<p class="highlight_red">请务必保证此节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>无</span></h4>
+	<p>目前无任何返回值</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 设置根节点第一个节点进入编辑名称状态</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.editName(nodes[0]);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.expandAll.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.expandAll.html
new file mode 100644
index 00000000..aaa3e464
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.expandAll.html	
@@ -0,0 +1,30 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(expandFlag)</span><span class="path">zTreeObj.</span>expandAll</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>展开 / 折叠 全部节点</p>
+			<p class="highlight_red">此方法不会触发  beforeExpand / onExpand  和 beforeCollapse / onCollapse 事件回调函数。</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>expandFlag</b><span>Boolean</span></h4>
+	<p>expandFlag = true 表示 展开 全部节点</p>
+	<p>expandFlag =  false 表示 折叠 全部节点</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值表示最终实际操作情况</p>
+	<p>true 表示 展开 全部节点</p>
+	<p>false 表示 折叠 全部节点</p>
+	<p>null 表示 不存在任何父节点</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 展开全部节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.expandAll(true);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.expandNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.expandNode.html
new file mode 100644
index 00000000..5d96d3f5
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.expandNode.html	
@@ -0,0 +1,50 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode, expandFlag, sonSign, focus, callbackFlag)</span><span class="path">zTreeObj.</span>expandNode</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>展开 / 折叠 指定的节点</p>
+			<p class="highlight_red">v3.x 中执行此方法可以触发 beforeExpand / onExpand  或 beforeCollapse / onCollapse 事件回调函数。便于减少冗余代码</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>需要 展开 / 折叠 的节点数据</p>
+	<p class="highlight_red">请务必保证此节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>expandFlag</b><span>Boolean</span></h4>
+	<p>expandFlag = true 表示 展开 节点</p>
+	<p>expandFlag = false 表示 折叠 节点</p>
+	<p class="highlight_red">省略此参数，则根据对此节点的展开状态进行 toggle 切换</p>
+	<h4 class="topLine"><b>sonSign</b><span>Boolean</span></h4>
+	<p>sonSign = true 表示 全部子孙节点 进行与 expandFlag 相同的操作</p>
+	<p>sonSign = false 表示 只影响此节点，对于其 子孙节点无任何影响</p>
+	<p class="highlight_red">sonSign = false 且 treeNode.open = expandFlag 时，不会触发回调函数，直接返回</p>
+	<p class="highlight_red">省略此参数，等同于 false</p>
+	<h4 class="topLine"><b>focus</b><span>Boolean</span></h4>
+	<p>focus = true 表示 展开 / 折叠 操作后，通过设置焦点保证此焦点进入可视区域内</p>
+	<p>focus =  false 表示 展开 / 折叠 操作后，不设置任何焦点</p>
+	<p class="highlight_red">省略此参数，等同于 true</p>
+	<h4 class="topLine"><b>callbackFlag</b><span>Boolean</span></h4>
+	<p>callbackFlag = true 表示执行此方法时触发 beforeExpand / onExpand  或 beforeCollapse / onCollapse 事件回调函数</p>
+	<p>callbackFlag = false 表示执行此方法时不触发事件回调函数</p>
+	<p class="highlight_red">省略此参数，等同于 false</p>
+	<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
+	<p>返回值表示最终实际操作情况</p>
+	<p>true 表示 展开 节点</p>
+	<p>false 表示 折叠 节点</p>
+	<p>null 表示 不是父节点</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 展开当前选择的第一个节点（包括其全部子节点）</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes.length>0) {
+	treeObj.expandNode(nodes[0], true, true, true);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getChangeCheckedNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getChangeCheckedNodes.html
new file mode 100644
index 00000000..ba865347
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getChangeCheckedNodes.html	
@@ -0,0 +1,24 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function()</span><span class="path">zTreeObj.</span>getChangeCheckedNodes</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>获取输入框勾选状态被改变的节点集合（与原始数据 checkedOld 对比）。<span class="highlight_red">[setting.check.enable = true 时有效]</span></p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>返回值</b><span>Array(JSON)</span></h4>
+	<p>返回全部勾选状态被改变的节点集合 Array</p>
+	<p class="highlight_red">如果需要获取每次操作后全部被改变勾选状态的节点数据，请在每次勾选操作后，遍历所有被改变勾选状态的节点数据，让其 checkedOld = checked 就可以了。</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 获取当前勾选状态被改变的节点集合</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getChangeCheckedNodes();
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getCheckedNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getCheckedNodes.html
new file mode 100644
index 00000000..85f4ba04
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getCheckedNodes.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(checked)</span><span class="path">zTreeObj.</span>getCheckedNodes</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>获取输入框被勾选 或 未勾选的节点集合。<span class="highlight_red">[setting.check.enable = true 时有效]</span></p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>checked</b><span>Boolean</span></h4>
+	<p>checked = true  表示获取 被勾选 的节点集合</p>
+	<p>checked = false 表示获取 未勾选 的节点集合</p>
+	<p class="highlight_red">省略此参数，等同于 true。</p>
+	<p class="highlight_red">对于 treeNode.nochecked = true 的节点不进行获取。</p>
+	<h4 class="topLine"><b>返回值</b><span>Array(JSON)</span></h4>
+	<p>返回全部符合要求的节点集合 Array</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 获取当前被勾选的节点集合</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getCheckedNodes(true);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodeByParam.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodeByParam.html
new file mode 100644
index 00000000..89e72c78
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodeByParam.html	
@@ -0,0 +1,32 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(key, value, parentNode)</span><span class="path">zTreeObj.</span>getNodeByParam</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>根据节点数据的属性搜索，获取条件完全匹配的节点数据 JSON 对象</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>key</b><span>String</span></h4>
+	<p>需要精确匹配的属性名称</p>
+	<h4 class="topLine"><b>value</b><span>?</span></h4>
+	<p>需要精确匹配的属性值，可以是任何类型，只要保证与 key 指定的属性值保持一致即可</p>
+	<h4 class="topLine"><b>parentNode</b><span>JSON</span></h4>
+	<p>搜索范围，指定在某个父节点下的子节点中进行搜索</p>
+	<p class="highlight_red">忽略此参数，表示在全部节点中搜索</p>
+	<h4 class="topLine"><b>返回值</b><span>JSON</span></h4>
+	<p>匹配精确搜索的节点数据</p>
+	<p class="highlight_red">1、如无结果，返回 null</p>
+	<p class="highlight_red">2、如有多个节点满足查询条件，只返回第一个匹配到的节点</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 查找 id = 1 的节点数据</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var node = treeObj.getNodeByParam("id", 1, null);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodeByTId.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodeByTId.html
new file mode 100644
index 00000000..76fcc486
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodeByTId.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(tId)</span><span class="path">zTreeObj.</span>getNodeByTId</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>根据 zTree 的唯一标识 tId 快速获取节点 JSON 数据对象</p>
+			<p class="highlight_red">通过内部的 cache 获取，不需要遍历节点。</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>tId</b><span>String</span></h4>
+	<p>节点在 zTree 内的唯一标识 tId</p>
+	<h4 class="topLine"><b>返回值</b><span>JSON</span></h4>
+	<p>tId 对应的节点 JSON 数据对象</p>
+	<p class="highlight_red">如无结果，返回 null</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 获取 tId = "tree_10" 的节点数据</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var node = treeObj.getNodeByTId("tree_10");
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodeIndex.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodeIndex.html
new file mode 100644
index 00000000..b2c757d2
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodeIndex.html	
@@ -0,0 +1,30 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode)</span><span class="path">zTreeObj.</span>getNodeIndex</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>获取某节点在同级节点中的序号（从0开始）</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>需要查询顺序的节点 JSON 数据对象</p>
+	<p class="highlight_red">请务必保证此节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>Number</span></h4>
+	<p class="highlight_red">返回值从 0 开始计数</p>
+	<p class="highlight_red">如果不存在该节点数据，返回 -1</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 获取当前选中的第一个节点在同级节点中的序号</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes.length>0) {
+	var index = treeObj.getNodeIndex(nodes[0]);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodes.html
new file mode 100644
index 00000000..b368535e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodes.html	
@@ -0,0 +1,26 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function()</span><span class="path">zTreeObj.</span>getNodes</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>获取 zTree 的全部节点数据</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>返回值</b><span>Array(JSON)</span></h4>
+	<p>全部节点数据</p>
+	<p class="highlight_red">1、Array 仅仅是根节点的集合（默认情况子节点都处于 children 属性下）； </p>
+	<p class="highlight_red">2、如需遍历全部节点需要利用递归，或利用 transformToArray 方法 将数据变成简单的 Array 集合</p>
+	<p class="highlight_red">3、对于异步加载模式下，尚未加载的子节点是无法通过此方法获取的。</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 获取全部节点数据</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodesByFilter.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodesByFilter.html
new file mode 100644
index 00000000..69174251
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodesByFilter.html	
@@ -0,0 +1,43 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(filter, isSingle, parentNode, invokeParam)</span><span class="path">zTreeObj.</span>getNodesByFilter</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>根据自定义规则搜索节点数据 JSON 对象集合 或 单个节点数据</p>
+			<p class="highlight_red">可自定义复杂的搜索规则</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>filter</b><span>Function</span></h4>
+	<p>自定义过滤器函数 function filter(node) {...}</p>
+	<p>filter 参数：node (节点数据 JSON)</p>
+	<p>filter 返回值：boolean (true 表示符合搜索条件；false 表示不符合搜索条件)</p>
+	<h4 class="topLine"><b>isSingle</b><span>Boolean</span></h4>
+	<p>isSingle = true 表示只查找单个节点</p>
+	<p>isSingle = false 表示查找节点集合</p>
+	<p class="highlight_red">忽略此参数，表示查找节点集合</p>
+	<h4 class="topLine"><b>parentNode</b><span>JSON</span></h4>
+	<p>可以指定在某个父节点下的子节点中搜索</p>
+	<p class="highlight_red">忽略此参数，表示在全部节点中搜索</p>
+	<h4 class="topLine"><b>invokeParam</b><span>任意类型</span></h4>
+	<p>用户自定义的数据对象，用于 filter 中进行计算</p>
+	<h4 class="topLine"><b>返回值</b><span>Array(JSON) / JSON</span></h4>
+	<p>isSingle = true 返回 第一个找到的节点数据 JSON，无结果时返回 null</p>
+	<p>isSingle = false 返回 节点数据集合 Array(JSON)，无结果时返回 [ ]</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 查找 level = 2 & name 中包含 "test" 的节点数据</h4>
+	<pre xmlns=""><code>function filter(node) {
+    return (node.level == 2 && node.name.indexOf("test")>-1);
+}
+......
+var treeObj = $.fn.zTree.getZTreeObj("tree");
+var node = treeObj.getNodesByFilter(filter, true); // 仅查找一个节点
+var nodes = treeObj.getNodesByFilter(filter); // 查找节点集合
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodesByParam.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodesByParam.html
new file mode 100644
index 00000000..cf45939c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodesByParam.html	
@@ -0,0 +1,31 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(key, value, parentNode)</span><span class="path">zTreeObj.</span>getNodesByParam</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>根据节点数据的属性搜索，获取条件完全匹配的节点数据 JSON 对象集合</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>key</b><span>String</span></h4>
+	<p>需要精确匹配的属性名称</p>
+	<h4 class="topLine"><b>value</b><span>?</span></h4>
+	<p>需要精确匹配的属性值，可以是任何类型，只要保证与 key 指定的属性值保持一致即可</p>
+	<h4 class="topLine"><b>parentNode</b><span>JSON</span></h4>
+	<p>可以指定在某个父节点下的子节点中搜索</p>
+	<p class="highlight_red">忽略此参数，表示在全部节点中搜索</p>
+	<h4 class="topLine"><b>返回值</b><span>Array(JSON)</span></h4>
+	<p>匹配精确搜索的节点数据集合</p>
+	<p class="highlight_red">如无结果，返回 [ ]</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 查找 name = "test" 的节点数据</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodesByParam("name", "test", null);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodesByParamFuzzy.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodesByParamFuzzy.html
new file mode 100644
index 00000000..04d183f9
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getNodesByParamFuzzy.html	
@@ -0,0 +1,32 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(key, value, parentNode)</span><span class="path">zTreeObj.</span>getNodesByParamFuzzy</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>根据节点数据的属性搜索，获取条件模糊匹配的节点数据 JSON 对象集合</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>key</b><span>String</span></h4>
+	<p>需要模糊匹配的属性名称</p>
+	<h4 class="topLine"><b>value</b><span>String</span></h4>
+	<p>需要模糊匹配的属性值</p>
+	<p class="highlight_red">模糊匹配只能针对 String 类型的数据</p>
+	<h4 class="topLine"><b>parentNode</b><span>JSON</span></h4>
+	<p>可以指定在某个父节点下的子节点中搜索</p>
+	<p class="highlight_red">忽略此参数，表示在全部节点中搜索</p>
+	<h4 class="topLine"><b>返回值</b><span>Array(JSON)</span></h4>
+	<p>匹配模糊搜索的节点数据集合</p>
+	<p class="highlight_red">如无结果，返回 [ ]</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 查找 name 包含 "test" 的节点数据</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodesByParamFuzzy("name", "test", null);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getSelectedNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getSelectedNodes.html
new file mode 100644
index 00000000..ab36f8ee
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.getSelectedNodes.html	
@@ -0,0 +1,23 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function()</span><span class="path">zTreeObj.</span>getSelectedNodes</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>获取 zTree 当前被选中的节点数据集合</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>返回值</b><span>Array(JSON)</span></h4>
+	<p>当前被选中的节点数据集合</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 获取当前被选中的节点数据集合</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.hideNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.hideNode.html
new file mode 100644
index 00000000..a1996b88
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.hideNode.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode)</span><span class="path">zTreeObj.</span>hideNode</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exhide</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>隐藏某个节点。</p>
+			<p class="highlight_red">1、此功能不支持 exedit 扩展，因此不要在编辑状态时使用隐藏节点的方法。</p>
+			<p class="highlight_red">2、隐藏/显示节点，会影响节点的 isFirstNode 和 isLastNode 属性。</p>
+			<p class="highlight_red">3、请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>指定被隐藏的节点 JSON 数据</p>
+	<p class="highlight_red">请务必保证此节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>无</span></h4>
+	<p>目前无任何返回值</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 隐藏根节点第一个节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.hideNode(nodes[0]);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.hideNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.hideNodes.html
new file mode 100644
index 00000000..cf752b50
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.hideNodes.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNodes)</span><span class="path">zTreeObj.</span>hideNodes</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exhide</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>隐藏一批节点。</p>
+			<p class="highlight_red">1、此功能不支持 exedit 扩展，因此不要在编辑状态时使用隐藏节点的方法。</p>
+			<p class="highlight_red">2、隐藏/显示节点，会影响节点的 isFirstNode 和 isLastNode 属性。</p>
+			<p class="highlight_red">3、请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>指定被隐藏的节点 JSON 数据集合</p>
+	<p class="highlight_red">请务必保证这些节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>无</span></h4>
+	<p>目前无任何返回值</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 隐藏根节点第一个节点的子节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.hideNodes(nodes[0].children);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.moveNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.moveNode.html
new file mode 100644
index 00000000..27f225a7
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.moveNode.html	
@@ -0,0 +1,46 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(targetNode, treeNode, moveType, isSilent)</span><span class="path">zTreeObj.</span>moveNode</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>移动节点。</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>targetNode</b><span>JSON</span></h4>
+	<p>要移动到的目标节点 JSON 数据</p>
+	<p class="highlight_red">如果移动成为根节点，请设置 targetNode 为 null 即可</p>
+	<p class="highlight_red">请务必保证此节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>需要被移动的节点数据</p>
+	<p class="highlight_red">请务必保证此节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>moveType</b><span>String</span></h4>
+	<p>指定移动到目标节点的相对位置</p>
+	<p class="highlight_red">"inner"：成为子节点，"prev"：成为同级前一个节点，"next"：成为同级后一个节点</p>
+	<h4 class="topLine"><b>isSilent</b><span>Boolean</span></h4>
+	<p>设定移动节点后是否自动展开父节点。</p>
+	<p>isSilent = true 时，不展开父节点，其他值或缺省状态都自动展开。</p>
+	<h4 class="topLine"><b>返回值</b><span>JSON</span></h4>
+	<p>返回值是最终被移动的节点数据，正常情况下与 treeNode 参数完全相同</p>
+	<p class="highlight_red">如果 返回值 为 null，说明 移动失败，主要原因有：<br/>
+		&nbsp;1、targetNode 是 treeNode 父节点，且 moveType = "inner"<br/>
+		&nbsp;2、targetNode 是 treeNode 子孙节点
+	</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 将根节点中第二个节点 移动成为 第一个节点的子节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.moveNode(nodes[0], nodes[1], "inner");
+</code></pre>
+	<h4>2. 将根节点中第二个节点 移动成为 第一个节点的前一个节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.moveNode(nodes[0], nodes[1], "before");
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.reAsyncChildNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.reAsyncChildNodes.html
new file mode 100644
index 00000000..4a354e2f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.reAsyncChildNodes.html	
@@ -0,0 +1,42 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(parentNode, reloadType, isSilent)</span><span class="path">zTreeObj.</span>reAsyncChildNodes</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>强行异步加载父节点的子节点。<span class="highlight_red">[setting.async.enable = true 时有效]</span></p>
+			<p class="highlight_red">已经加载过的父节点可反复使用此方法重新加载。</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>parentNode</b><span>JSON</span></h4>
+	<p>指定需要异步加载的父节点 JSON 数据</p>
+	<p class="highlight_red">1、parentNode = null 时，相当于从根节点 Root 进行异步加载</p>
+	<p class="highlight_red">2、parentNode.isParent = false 时，不进行异步加载</p>
+	<p class="highlight_red">3、请务必保证此节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>reloadType</b><span>String</span></h4>
+	<p>reloadType = "refresh" 表示清空后重新加载。</p>
+	<p>reloadType != "refresh" 时，表示追加子节点处理。</p>
+	<h4 class="topLine"><b>isSilent</b><span>Boolean</span></h4>
+	<p>设定异步加载后是否自动展开父节点。</p>
+	<p>isSilent = true 时，不展开父节点，其他值或缺省状态都自动展开。</p>
+	<h4 class="topLine"><b>返回值</b><span>无</span></h4>
+	<p>目前无任何返回值</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 重新异步加载 zTree </h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.reAsyncChildNodes(null, "refresh");
+</code></pre>
+	<h4>2. 重新异步加载当前选中的第一个节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes.length>0) {
+	treeObj.reAsyncChildNodes(nodes[0], "refresh");
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.refresh.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.refresh.html
new file mode 100644
index 00000000..09a74ca3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.refresh.html	
@@ -0,0 +1,24 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function()</span><span class="path">zTreeObj.</span>refresh</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>刷新 zTree 。</p>
+			<p class="highlight_red">没有特殊必要，尽量不要使用此方法。单个节点更新请使用 updateNode 方法，异步加载模式下请使用 reAsyncChildNodes 方法。</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>返回值</b><span>无</span></h4>
+	<p>目前无任何返回值</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 刷新 zTree </h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.refresh();
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.removeChildNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.removeChildNodes.html
new file mode 100644
index 00000000..588639fb
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.removeChildNodes.html	
@@ -0,0 +1,32 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(parentNode)</span><span class="path">zTreeObj.</span>removeChildNodes</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>清空某父节点的子节点。</p>
+			<p class="highlight_red">1、清空子节点后，父节点会自动变为叶子节点，如需要父节点保持父节点状态，请设置 setting.data.keep.parent 属性。</p>
+			<p class="highlight_red">2、请勿用此方法清空根节点，如果需要清空根节点，直接初始化 zTree，并且设置初始节点为 null 即可。</p>
+			<p class="highlight_red">3、此方法不会触发任何事件回调函数。</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>parentNode</b><span>JSON</span></h4>
+	<p>需要清空子节点的父节点数据</p>
+	<p class="highlight_red">请务必保证此节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>Array(JSON)</span></h4>
+	<p>将该父节点的子节点数据返回，如果不存在则返回 null</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 清空选中的第一个节点的子节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes && nodes.length>0) {
+	treeObj.removeChildNodes(nodes[0]);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.removeNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.removeNode.html
new file mode 100644
index 00000000..442f5c7e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.removeNode.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode, callbackFlag)</span><span class="path">zTreeObj.</span>removeNode</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>删除节点。</p>
+			<p class="highlight_red">v3.x 中删除节点可以触发 beforeRemove / onRemove 事件回调函数。便于减少冗余代码</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>需要被删除的节点数据</p>
+	<p class="highlight_red">请务必保证此节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>callbackFlag</b><span>Boolean</span></h4>
+	<p>callbackFlag = true 表示执行此方法时触发 beforeRemove & onRemove 事件回调函数</p>
+	<p>callbackFlag = false 表示执行此方法时不触发事件回调函数</p>
+	<p class="highlight_red">省略此参数，等同于 false</p>
+	<h4 class="topLine"><b>返回值</b><span>无</span></h4>
+	<p>目前无任何返回值</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 删除所有选中的节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+for (var i=0, l=nodes.length; i < l; i++) {
+	treeObj.removeNode(nodes[i]);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.selectNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.selectNode.html
new file mode 100644
index 00000000..6e80d813
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.selectNode.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode, addFlag)</span><span class="path">zTreeObj.</span>selectNode</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>选中指定节点</p>
+			<p class="highlight_red">v3.x 支持同时选中多个节点。</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>需要被选中的节点数据</p>
+	<p class="highlight_red">请务必保证此节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>addFlag</b><span>Boolean</span></h4>
+	<p>addFlag = true 表示追加选中，会出现多点同时被选中的情况</p>
+	<p>addFlag = false 表示单独选中，原先被选中的节点会被取消选中状态</p>
+	<p class="highlight_red">setting.view.selectedMulti = false 时，此参数无效，始终进行单独选中</p>
+	<h4 class="topLine"><b>返回值</b><span>无</span></h4>
+	<p>目前无任何返回值</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 单独选中根节点中第一个节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+if (nodes.length>0) {
+	treeObj.selectNode(nodes[0]);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.setChkDisabled.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.setChkDisabled.html
new file mode 100644
index 00000000..b042ab43
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.setChkDisabled.html	
@@ -0,0 +1,44 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(node, disabled, inheritParent, inheritChildren)</span><span class="path">zTreeObj.</span>setChkDisabled</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>禁用 或 解禁 某个节点的 checkbox / radio <span class="highlight_red">[setting.check.enable = true 时有效]</span></p>
+			<p class="highlight_red">1、节点的 checkbox / radio 被禁用后，无法勾选或取消勾选，但能够影响父节点的半选状态</p>
+			<p class="highlight_red">2、请不要直接修改已加载节点的 treeNode.chkDisabled 属性。</p>
+			<p class="highlight_red">3、请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>需要禁用 或 解禁 checkbox / radio 的节点数据</p>
+	<p class="highlight_red">请务必保证此节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>disabled</b><span>Boolean</span></h4>
+	<p>disabled = true  表示禁用 checkbox / radio</p>
+	<p>disabled = false 表示解禁 checkbox / radio</p>
+	<p class="highlight_red">省略此参数，等同于 disabled = false </p>
+	<p class="highlight_red">不影响 treeNode.nochecked = true 的节点。</p>
+	<h4 class="topLine"><b>inheritParent</b><span>Boolean</span></h4>
+	<p>inheritParent = true 表示全部父节点进行同样的操作</p>
+	<p>inheritParent = false 表示不影响父节点</p>
+	<p class="highlight_red">省略此参数，等同于 inheritParent = false </p>
+	<h4 class="topLine"><b>inheritChildren</b><span>Boolean</span></h4>
+	<p>inheritChildren = true 表示全部子节点进行同样的操作</p>
+	<p>inheritChildren = false 表示不影响子节点</p>
+	<p class="highlight_red">省略此参数，等同于 inheritChildren = false </p>
+	<h4 class="topLine"><b>返回值</b><span>无</span></h4>
+	<p>目前无任何返回值</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 禁用当前选中的节点的 checkbox / radio</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+for (var i=0, l=nodes.length; i < l; i++) {
+	treeObj.setChkDisabled(nodes[i], true);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.setEditable.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.setEditable.html
new file mode 100644
index 00000000..c90c8de6
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.setEditable.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(editable)</span><span class="path">zTreeObj.</span>setEditable</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>设置 zTree 进入 / 取消 编辑状态。</p>
+			<p class="highlight_red">对于编辑状态的各种功能需要提前设置对应 setting 中的不同属性</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>editable</b><span>Boolean</span></h4>
+	<p>true 表示进入 编辑状态</p>
+	<p>false 表示取消 编辑状态</p>
+	<h4 class="topLine"><b>返回值</b><span>无</span></h4>
+	<p>目前无任何返回值</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 设置 zTree 进入编辑状态</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.setEditable(true);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.setting.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.setting.html
new file mode 100644
index 00000000..61abd531
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.setting.html	
@@ -0,0 +1,13 @@
+<div class="apiDetail">
+<div>
+	<h2><span>JSON</span><span class="path">zTreeObj.</span>setting</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>zTree 对象使用的 setting 配置数据，详细请参考 “setting 配置详解”中的各个属性详细说明</p>
+			<p class="highlight_red">v3.x 取消了原先操作 setting 的方法，让用户可以较自由的修改参数，但请注意，对于 zTree 初始化有影响的参数后期修改是不会起作用的，请对各个属性有较深入的了解以后再考虑进行修改。</p>
+		</div>
+	</div>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.showNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.showNode.html
new file mode 100644
index 00000000..ed22d510
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.showNode.html	
@@ -0,0 +1,31 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode)</span><span class="path">zTreeObj.</span>showNode</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exhide</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>显示某个被隐藏的节点。</p>
+			<p class="highlight_red">1、此功能不支持 exedit 扩展，因此不要在编辑状态时使用隐藏节点的方法。</p>
+			<p class="highlight_red">2、隐藏/显示节点，会影响节点的 isFirstNode 和 isLastNode 属性。</p>
+			<p class="highlight_red">3、请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>指定被显示的节点 JSON 数据</p>
+	<p class="highlight_red">请务必保证此节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>无</span></h4>
+	<p>目前无任何返回值</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 显示某个隐藏的节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var node = treeObj.getNodeByParam("isHidden", true);
+if (node) {
+  treeObj.showNode(node);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.showNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.showNodes.html
new file mode 100644
index 00000000..b0906574
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.showNodes.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNodes)</span><span class="path">zTreeObj.</span>showNodes</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exhide</span> 扩展 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>显示一批已经被隐藏的节点。</p>
+			<p class="highlight_red">1、此功能不支持 exedit 扩展，因此不要在编辑状态时使用隐藏节点的方法。</p>
+			<p class="highlight_red">2、隐藏/显示节点，会影响节点的 isFirstNode 和 isLastNode 属性。</p>
+			<p class="highlight_red">3、请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>指定被显示的节点 JSON 数据集合</p>
+	<p class="highlight_red">请务必保证这些节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>无</span></h4>
+	<p>目前无任何返回值</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 显示全部隐藏的节点</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodesByParam("isHidden", true);
+treeObj.showNodes(nodes);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.transformToArray.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.transformToArray.html
new file mode 100644
index 00000000..a46dc61e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.transformToArray.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNodes)</span><span class="path">zTreeObj.</span>transformToArray</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>将 zTree 使用的标准 JSON 嵌套格式的数据转换为简单 Array 格式。(免去用户自行编写递归遍历全部节点的麻烦)</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeNodes</b><span>Array(JSON) / JSON</span></h4>
+	<p>需要被转换的 zTree 节点数据对象集合 或 某个单独节点的数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>Array(JSON)</span></h4>
+	<p>转换后的简单 Array 数据格式</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 将 zTree 节点数据转换为简单 Array 格式</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.transformToArray(treeObj.getNodes());
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.transformTozTreeNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.transformTozTreeNodes.html
new file mode 100644
index 00000000..8a527704
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.transformTozTreeNodes.html	
@@ -0,0 +1,43 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(simpleNodes)</span><span class="path">zTreeObj.</span>transformTozTreeNodes</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>将简单 Array 格式数据转换为 zTree 使用的标准 JSON 嵌套数据格式。</p>
+			<p class="highlight_red">使用此方法，请务必设置节点唯一标识属性名称 setting.data.simpleData.idKey 和 父节点唯一标识属性名称 setting.data.simpleData.pIdKey，并且让数据满足父子关系。</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>simpleNodes</b><span>Array(JSON) / JSON</span></h4>
+	<p>需要被转换的简单 Array 格式数据 或 某个单独的数据对象</p>
+	<h4 class="topLine"><b>返回值</b><span>Array(JSON)</span></h4>
+	<p>zTree 使用的标准数据，子节点都存在于父节点数据的 children 属性中</p>
+	<p class="highlight_red">如果 simpleNodes 是一个 JSON 对象，则被简单封装成长度为 1 的数组。</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 将简单 Array 格式转换为zTree使用的标准格式</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0,
+		}
+	}
+};
+var simpleNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.transformTozTreeNodes(simpleNodes);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.updateNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.updateNode.html
new file mode 100644
index 00000000..847fa6ee
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/cn/zTreeObj.updateNode.html	
@@ -0,0 +1,37 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode, checkTypeFlag)</span><span class="path">zTreeObj.</span>updateNode</h2>
+	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>更新某节点数据，主要用于该节点显示属性的更新。</p>
+			<p class="highlight_red">1、可针对 name、target、 url、icon、 iconSkin、checked、nocheck 等这几个用于显示效果的参数进行更新，其他用于 zTreeNodes 的参数请不要随意更新，对于展开节点，还请调用 expandNode方法，因此请勿随意修改 open 属性。</p>
+			<p class="highlight_red">2、用此方法修改 checked 勾选状态不会触发 beforeCheck / onCheck 事件回调函数。</p>
+			<p class="highlight_red">请通过 zTree 对象执行此方法。</p>
+		</div>
+	</div>
+	<h3>Function 参数说明</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>指定需要更新的节点 JSON 数据</p>
+	<p class="highlight_red">请务必保证此节点数据对象 是 zTree 内部的数据对象</p>
+	<h4 class="topLine"><b>checkTypeFlag</b><span>Boolean</span></h4>
+	<p>checkTypeFlag = true 表示按照 setting.check.chkboxType 属性进行父子节点的勾选联动操作</p>
+	<p>checkTypeFlag = false 表示只修改此节点勾选状态，无任何勾选联动操作</p>
+	<p class="highlight_red">当 setting.check.enable = true 且 setting.check.chkStyle = "checkbox" 时才有效</p>
+	<p class="highlight_red">不影响父子节点中 treeNode.nochecked = true 的节点。</p>
+	<h4 class="topLine"><b>返回值</b><span>无</span></h4>
+	<p>目前无任何返回值</p>
+	</div>
+	<h3>function 举例</h3>
+	<h4>1. 更新根节点中第一个节点的名称</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+if (nodes.length>0) {
+	nodes[0].name = "test";
+	treeObj.updateNode(nodes[0]);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/fn.zTree._z.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/fn.zTree._z.html
new file mode 100644
index 00000000..61da261d
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/fn.zTree._z.html	
@@ -0,0 +1,13 @@
+<div class="apiDetail">
+<div>
+	<h2><span>JSON</span><span class="path">$.fn.zTree.</span>_z</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>All of the methods in zTree v3.x are available through the '$. fn.zTree._z' calls, open it for you to develop your own zTree plug-ins.</p>
+			<p class="highlight_red">If you have no special requirements, please don't use this object, and don't modify the methods in this object.</p>
+		</div>
+	</div>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/fn.zTree.destroy.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/fn.zTree.destroy.html
new file mode 100644
index 00000000..3a316999
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/fn.zTree.destroy.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId)</span><span class="path">$.fn.zTree.</span>destroy</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>From zTree v3.4, zTree support the method for destruction.</p>
+			<p>1. This method can destroy the zTree with specify treeId, and can destroy all of the zTrees.</p>
+			<p class="highlight_red">2. If you want to destory some one zTree, you can use the 'zTreeObj.destroy()' method.</p>
+			<p class="highlight_red">3. If you want to use the tree which has been destroyed, you must use the 'init()' method at first.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier</p>
+	<p class="highlight_red">If this parameter is omitted, then will destroy all of the zTrees.</p>
+	<h4 class="topLine"><b>Return </b><span>none</span></h4>
+	<p>no return value</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. destroy the zTree which its id is 'treeDemo'</h4>
+	<pre xmlns=""><code>$.fn.zTree.destroy("treeDemo");</code></pre>
+	<h4>2. destroy all of the zTrees</h4>
+	<pre xmlns=""><code>$.fn.zTree.destroy();</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/fn.zTree.getZTreeObj.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/fn.zTree.getZTreeObj.html
new file mode 100644
index 00000000..2bc04476
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/fn.zTree.getZTreeObj.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId)</span><span class="path">$.fn.zTree.</span>getZTreeObj</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>zTree v3.x specifically provide the method which can use the tree's Id to get zTree object.</p>
+			<p class="highlight_red">Please initialize zTree first, then you can use this method.</p>
+			<p>Users don't need to set the global variable to hold the zTree object, and all of the callback will return 'treeId' parameters, the user can always use this method to get the zTree object.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier</p>
+	<h4 class="topLine"><b>Return </b><span>JSON</span></h4>
+	<p>zTree object</p>
+	<p>This object can provide the methods of operate the zTree</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Get the zTree object which id is 'tree'</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/fn.zTree.init.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/fn.zTree.init.html
new file mode 100644
index 00000000..cf97d2bc
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/fn.zTree.init.html	
@@ -0,0 +1,75 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(obj, zSetting, zNodes)</span><span class="path">$.fn.zTree.</span>init</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The method which used to create zTree.</p>
+			<p>1. The web page need to use W3C markup. For example: &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"&nbsp;&nbsp; &nbsp;"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;</p>
+			<p>2. Need to load jquery-1.4.2.js or other higher versions.</p>
+			<p>3. Need to load jquery-ztree.core-3.0.js. If you need to use the edit mode or checkbox / radio mode, you need to load jquery-ztree.exedit-3.0.js and jquery-ztree.excheck-3.0.js.</p>
+			<p>4. Need to load zTreeStyle.css and image files</p>
+			<p>5. If you need to use custom icons, please refer to the appropriate Demo.</p>
+			<p>6. Note: You need to set zTree container's class name to "ztree". If you need to change, don't forget to modify the css file. If you need other special styles, can modify the css file to their own needs.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>object</b><span>jQuery Object</span></h4>
+	<p>DOM Container for zTree</p>
+	<h4 class="topLine"><b>zSetting</b><span>JSON</span></h4>
+	<p>zTree's configuration data, please refer to "setting details" in the API Document.</p>
+	<h4 class="topLine"><b>zNodes</b><span>Array(JSON) / JSON</span></h4>
+	<p>zTree's node data, please refer to "treeNode data details" in the API Document.</p>
+	<p class="highlight_red">1. zTree v3.x support to add single node, that is, if only to add one node, you can use JSON without using Array.</p>
+	<p class="highlight_red">2. If you need asynchronous load root nodes, can be set to null or [ ]</p>
+	<p class="highlight_red">3. If you use simple data mode, please refer to "setting.data.simpleData" in the API Document.</p>
+	<h4 class="topLine"><b>Return </b><span>JSON</span></h4>
+	<p>zTree object</p>
+	<p>This object can provide the methods of operate the zTree</p>
+	<p class="highlight_red">You can use $.fn.zTree.getZTreeObj method at any time to obtain.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. create a simple tree</h4>
+	<pre xmlns=""><code>&lt;!DOCTYPE html&gt;
+&lt;HTML&gt;
+ &lt;HEAD&gt;
+  &lt;TITLE&gt; ZTREE DEMO &lt;/TITLE&gt;
+  &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt;
+  &lt;link rel="stylesheet" href="zTreeStyle/zTreeStyle.css" type="text/css"&gt;
+  &lt;script type="text/javascript" src="jquery-1.4.2.js"&gt;&lt;/script&gt;
+  &lt;script type="text/javascript" src="jquery.ztree.core-3.5.js"&gt;&lt;/script&gt;
+&lt;!--
+  &lt;script type="text/javascript" src="jquery.ztree.excheck-3.5.js"&gt;&lt;/script&gt;
+  &lt;script type="text/javascript" src="jquery.ztree.exedit-3.5.js"&gt;&lt;/script&gt;
+--&gt;
+  &lt;SCRIPT type="text/javascript" &gt;
+	var zTreeObj,
+	setting = {
+		view: {
+			selectedMulti: false
+		}
+	},
+	zTreeNodes = [
+		{"name":"Site Map", open:true, children: [
+			{ "name":"google", "url":"http://www.google.com", "target":"_blank"},
+			{ "name":"baidu", "url":"http://baidu.com", "target":"_blank"},
+			{ "name":"sina", "url":"http://www.sina.com.cn", "target":"_blank"}
+			]
+		}
+	];
+
+	$(document).ready(function(){
+		zTreeObj = $.fn.zTree.init($("#tree"), setting, zTreeNodes);
+
+	});
+  &lt;/SCRIPT&gt;
+ &lt;/HEAD&gt;
+
+&lt;BODY&gt;
+&lt;ul id="tree" class="ztree" style="width:230px; overflow:auto;"&gt;&lt;/ul&gt;
+ &lt;/BODY&gt;
+&lt;/HTML&gt;</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.autoParam.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.autoParam.html
new file mode 100644
index 00000000..85cd4691
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.autoParam.html	
@@ -0,0 +1,39 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Array(String)</span><span class="path">setting.async.</span>autoParam</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Required automatically submit the parameters about the properties of the parent node, when the asynchronous load. It is valid when <span class="highlight_red">[setting.async.enable = true]</span></p>
+			<p>Default：[ ]</p>
+		</div>
+	</div>
+	<h3>Array(String) Format</h3>
+	<div class="desc">
+	<p>1. Just save the attribute name of node to the array. For example: ["id", "name"]</p>
+	<p>2. You can change the parameter name. For example: server only accepts "zId" -- ["id=zId"]</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. set auto commit 'id' attribute</h4>
+	<pre xmlns=""><code>var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		autoParam: ["id"]
+	}
+};
+If have the parent node: {id:1, name:"test"}, When asynchronously load this parent node's child nodes, will be submitted parameters: id=1
+......</code></pre>
+	<h4>2. set auto commit 'id' attribute, but parameter name is 'zId'</h4>
+	<pre xmlns=""><code>var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		autoParam: ["id=zId"]
+	}
+};
+If have the parent node: {id:1, name:"test"}, When asynchronously load this parent node's child nodes, will be submitted parameters: zId=1
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.contentType.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.contentType.html
new file mode 100644
index 00000000..cc9bfcd3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.contentType.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.async.</span>contentType</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>When Ajax sending data to the server, use this content-type. It is valid when <span class="highlight_red">[setting.async.enable = true]</span></p>
+			<p>Default："application/x-www-form-urlencoded"</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p> contentType = "application/x-www-form-urlencoded", means: the sending data format is "form" format.</p>
+	<p> contentType = "application/json",  means: the sending data format is "json" format. (for .Net)</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. set the sending data format to "json" format.</h4>
+	<pre xmlns=""><code>var setting = {
+	async: {
+		enable: true,
+		contentType: "application/json",
+		url: "http://host/getNode.php",
+		autoParam: ["id", "name"]
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.dataFilter.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.dataFilter.html
new file mode 100644
index 00000000..34733e4d
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.dataFilter.html	
@@ -0,0 +1,45 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, parentNode, responseData)</span><span class="path">setting.async.</span>dataFilter</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Function used to pre-process for the return data of Ajax. It is valid when <span class="highlight_red">[setting.async.enable = true]</span></p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>parentNode</b><span>JSON</span></h4>
+	<p>Parent node's JSON data object</p>
+	<p class="highlight_red">When asynchronously loading the root, the parentNode = null</p>
+	<h4 class="topLine"><b>responseData</b><span>Array(JSON) / JSON / String</span></h4>
+	<p>Ajax got Array (JSON) / JSON / String data objects</p>
+	<p class="highlight_red">From v3.4, support the string with XML format.</p>
+	<h4 class="topLine"><b>Return </b><span>Array(JSON) / JSON</span></h4>
+	<p>The return value should be the JSON data structure which is supported by the zTree.</p>
+	<p class="highlight_red">v3.x supports to load single node JSON data object.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. Modify the node name attribute which is ajax got.</h4>
+	<pre xmlns=""><code>function ajaxDataFilter(treeId, parentNode, responseData) {
+    if (responseData) {
+      for(var i =0; i < responseData.length; i++) {
+        responseData[i].name += "_filter";
+      }
+    }
+    return responseData;
+};
+var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		dataFilter: ajaxDataFilter
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.dataType.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.dataType.html
new file mode 100644
index 00000000..e6672e9b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.dataType.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.async.</span>dataType</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The data type of Ajax. It is valid when <span class="highlight_red">[setting.async.enable = true]</span></p>
+			<p>Default："text"</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p> dataType = "text", It can meet most of the needs.</p>
+	<p class="highlight_red">The 'dataType' in zTree and jQuery's ajax is same.</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. Set the dataType which ajax got is text.</h4>
+	<pre xmlns=""><code>var setting = {
+	async: {
+		enable: true,
+		dataType: "text",
+		url: "http://host/getNode.php",
+		autoParam: ["id", "name"]
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.enable.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.enable.html
new file mode 100644
index 00000000..806ba6c6
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.enable.html	
@@ -0,0 +1,30 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.async.</span>enable</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Set zTree asynchronous loading mode is turned on or off.</p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true - turn on asynchronous loading mode</p>
+	<p> false - turn off asynchronous loading mode</p>
+	<p class="highlight_red">If set it is true, you must set attributes in setting.async</p>
+	<p class="highlight_red">If you don't pass 'treeNodes' parameter when initialize zTree, the root nodes will get by ajax.</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. Turn on asynchronous loading mode</h4>
+	<pre xmlns=""><code>var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		autoParam: ["id", "name"]
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.otherParam.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.otherParam.html
new file mode 100644
index 00000000..2e37390a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.otherParam.html	
@@ -0,0 +1,40 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Array(String) / JSON</span><span class="path">setting.async.</span>otherParam</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The static parameters of the Ajax request. (key - value) It is valid when <span class="highlight_red">[setting.async.enable = true]</span></p>
+			<p>Default: [ ]</p>
+		</div>
+	</div>
+	<h3>Array(String) Format</h3>
+	<div class="desc">
+	<p>Can be empty array. e.g. [ ].  If set key, you must set value, e.g. [key, value]. ([key] or [key, value, key] is wrong!!)</p>
+	</div>
+	<h3>JSON Format</h3>
+	<div class="desc">
+	<p>Use JSON data format set the key-value. e.g. { key1:value1, key2:value2 }</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. Use Array(String) Format</h4>
+	<pre xmlns=""><code>var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		otherParam: ["id", "1", "name", "test"]
+	}
+};
+when zTree send ajax, the parameters will has: id=1&name=test</code></pre>
+	<h4>2. Use JSON data Format</h4>
+	<pre xmlns=""><code>var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		otherParam: { "id":"1", "name":"test"}
+	}
+};
+when zTree send ajax, the parameters will has: id=1&name=test</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.type.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.type.html
new file mode 100644
index 00000000..ae543388
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.type.html	
@@ -0,0 +1,30 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.async.</span>type</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Http request mode in ajax. It is valid when <span class="highlight_red">[setting.async.enable = true]</span></p>
+			<p>Defalut: "post"</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p> "post" - http request mode</p>
+	<p> "get" - http request mode</p>
+	<p class="highlight_red">The 'type' in zTree and jQuery's ajax is same.</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. Set http request mode is 'get'</h4>
+	<pre xmlns=""><code>var setting = {
+	async: {
+		enable: true,
+		type: "get",
+		url: "http://host/getNode.php",
+		autoParam: ["id", "name"]
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.url.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.url.html
new file mode 100644
index 00000000..5587f294
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.async.url.html	
@@ -0,0 +1,50 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String / Function(treeId, treeNode)</span><span class="path">setting.async.</span>url</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The URL to which the ajax request is sent. It is valid when <span class="highlight_red">[setting.async.enable = true]</span></p>
+			<p>Default: ""</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p>A url string(e.g. "http://www.domain.com"). Note: please ensure that the url can be loaded</p>
+	<p class="highlight_red">Url can also take parameters, please note that transcode.</p>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>Parent node's JSON data object</p>
+	<p class="highlight_red">When asynchronously loading the root, the treeNode = null</p>
+	<h4 class="topLine"><b>Return </b><span>String</span></h4>
+	<p>Return value is same as 'String Format'</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. set ajax url is "nodes.php"</h4>
+	<pre xmlns=""><code>var setting = {
+	async: {
+		enable: true,
+		url: "nodes.php",
+		autoParam: ["id", "name"]
+	}
+};
+......</code></pre>
+	<h4>2. set ajax url is "function"</h4>
+	<pre xmlns=""><code>function getAsyncUrl(treeId, treeNode) {
+    return treeNode.isParent ? "nodes1.php" : "nodes2.php";
+};
+var setting = {
+	async: {
+		enable: true,
+		url: getAsyncUrl,
+		autoParam: ["id", "name"]
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeAsync.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeAsync.html
new file mode 100644
index 00000000..6563ff29
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeAsync.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeAsync</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event before zTree execute ajax, zTree based on return value to determine whether to execute ajax.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the parent node</p>
+	<p class="highlight_red">When asynchronously loading the root, the treeNode = null</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return true or false</p>
+	<p class="highlight_red">If return false, zTree will not execute ajax, and will not trigger the 'onAsyncSuccess / onAsyncError' callback.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. If the parent node's attribute 'id' is 1, zTree will not execute ajax.</h4>
+	<pre xmlns=""><code>function zTreeBeforeAsync(treeId, treeNode) {
+    return (treeNode.id !== 1);
+};
+var setting = {
+	callback: {
+		beforeAsync: zTreeBeforeAsync
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeCheck.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeCheck.html
new file mode 100644
index 00000000..5260412b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeCheck.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeCheck</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event before check or uncheck node, zTree based on return value to determine whether to change check state.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which is checked or unchecked</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return true or false</p>
+	<p class="highlight_red">If return false, zTree will not change check state, and will not trigger the 'onCheck' callback.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. disable to change check state of all nodes, and keep the check state initialization</h4>
+	<pre xmlns=""><code>function zTreeBeforeCheck(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeCheck: zTreeBeforeCheck
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeClick.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeClick.html
new file mode 100644
index 00000000..8a654481
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeClick.html	
@@ -0,0 +1,49 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode, clickFlag)</span><span class="path">setting.callback.</span>beforeClick</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event before click node, zTree based on return value to determine whether to trigger the 'onClick' callback.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which is clicked</p>
+	<h4 class="topLine"><b>clickFlag</b><span>Number</span></h4>
+	<p>Node is selected or deselected state, please see table below for details</p>
+	<table width="100%" border="0" cellspacing="1" cellpadding="0">
+		<thead><tr><td>clickFlag</td><td title="Whether to allow multi-select">selectedMulti</td><td title="Whether to press Ctrl-key">autoCancelSelected<br/>&&<br/>event.ctrlKey</td><td title="Node's selection state">isSelected</td><td>operate for selected</td></tr></thead>
+		<tbody>
+			<tr><td>1</td><td>true</td><td>false</td><td>false</td><td>node is selected (single)</td></tr>
+			<tr><td>1</td><td>true</td><td>false</td><td>true</td><td>node is selected (single)</td></tr>
+			<tr><td>2</td><td>true</td><td>true</td><td>false</td><td>node is selected (multi)</td></tr>
+			<tr><td>0</td><td>true</td><td>true</td><td>true</td><td>node is deselected</td></tr>
+			<tr><td>1</td><td>false</td><td>false</td><td>false</td><td>node is selected (single)</td></tr>
+			<tr><td>1</td><td>false</td><td>false</td><td>true</td><td>node is selected (single)</td></tr>
+			<tr><td>1</td><td>false</td><td>true</td><td>false</td><td>node is selected (single)</td></tr>
+			<tr><td>0</td><td>false</td><td>true</td><td>true</td><td>node is deselected</td></tr>
+		</tbody>
+	</table>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return true or false</p>
+	<p class="highlight_red">If return false, zTree will not change selected state, and will not trigger the 'onClick' callback.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. disabled to click the node</h4>
+	<pre xmlns=""><code>function zTreeBeforeClick(treeId, treeNode, clickFlag) {
+    return (treeNode.id !== 1);
+};
+var setting = {
+	callback: {
+		beforeClick: zTreeBeforeClick
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeCollapse.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeCollapse.html
new file mode 100644
index 00000000..b2713e8a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeCollapse.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeCollapse</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event before collapse node, zTree based on return value to determine whether to collapse node.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which will be collapsed</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return true or false</p>
+	<p class="highlight_red">If return false, zTree will not collapse node, and will not trigger the 'onCollapse' callback.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. disabled to collapse node which is expanded</h4>
+	<pre xmlns=""><code>function zTreeBeforeCollapse(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeCollapse: zTreeBeforeCollapse
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeDblClick.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeDblClick.html
new file mode 100644
index 00000000..6f1c743e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeDblClick.html	
@@ -0,0 +1,36 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeDblClick</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the dblclick event before the 'onDblClick' callback, zTree based on return value to determine whether to trigger the 'onDblClick' callback.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which is double clicked</p>
+	<p class="highlight_red">If the DOM which dblclicked isn't a node, it will return null.</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return true or false</p>
+	<p class="highlight_red">If return false, ztree will not trigger the 'onDblClick' callback, no effect on other operations.</p>
+	<p class="highlight_red">This callback function does not affect the dblclick the parent node to auto expand, please refer to setting.view.dblClickExpand properties.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. disable to trigger the 'onDblClick' callback</h4>
+	<pre xmlns=""><code>function zTreeBeforeDblClick(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeDblClick: zTreeBeforeDblClick
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeDrag.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeDrag.html
new file mode 100644
index 00000000..51752448
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeDrag.html	
@@ -0,0 +1,39 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNodes)</span><span class="path">setting.callback.</span>beforeDrag</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event before drag node, zTree based on return value to determine whether to start to drag node.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, the tree is what the treeNodes are belong to, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>A collection of the nodes which will be dragged</p>
+	<p class="highlight_red">v3.x allows drag and drop multiple sibling nodes, so this parameter is modified to Array(JSON).</p>
+	<p class="highlight_red">If the selected nodes aren't the sibling nodes, you can only drag one node which mouse over.</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return true or false</p>
+	<p class="highlight_red">If return false, zTree will stop drag, and will not trigger the 'onDrag / beforeDrop / onDrop' callback.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. disable to drag all node</h4>
+	<pre xmlns=""><code>function zTreeBeforeDrag(treeId, treeNodes) {
+    return false;
+};
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeDrag: zTreeBeforeDrag
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeDragOpen.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeDragOpen.html
new file mode 100644
index 00000000..ed1ae978
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeDragOpen.html	
@@ -0,0 +1,37 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeDragOpen</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event when drag node to collapsed parent node, zTree based on return value to determine whether to auto expand parent node.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, the tree is what the treeNode(parent node) is belong to, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the parent node which will be auto expanded</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return true or false</p>
+	<p class="highlight_red">If return false, zTree will not auto expand parent node.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. disable to auto expand parent node.</h4>
+	<pre xmlns=""><code>function zTreeBeforeDragOpen(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeDragOpen: zTreeBeforeDragOpen
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeDrop.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeDrop.html
new file mode 100644
index 00000000..70143211
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeDrop.html	
@@ -0,0 +1,50 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNodes, targetNode, moveType, isCopy)</span><span class="path">setting.callback.</span>beforeDrop</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event before drag-drop node, zTree based on return value to determine whether to allow drag-drop node.</p>
+			<p>Default: null</p>
+			<p class="highlight_red">When drop the nodes, if the dragged nodes is not in a valid location, this callback will not triggered, and will restore the original position.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, the tree is what the targetNode is belong to, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>A collection of the nodes which has been dragged</p>
+	<p class="highlight_red">The treeNodes are the data of the nodes which has been dragged, when copy nodes or move nodes.</p>
+	<h4 class="topLine"><b>targetNode</b><span>JSON</span></h4>
+	<p>JSON data object of the target node which treeNodes are drag-dropped.</p>
+	<p class="highlight_red">If the treeNodes will be root node, the targetNode = null</p>
+	<h4 class="topLine"><b>moveType</b><span>String</span></h4>
+	<p>the relative position of move to the target node</p>
+	<p class="highlight_red">"inner": will be child of targetNode</p>
+	<p class="highlight_red">"prev": will be sibling node, and be in front of targetNode</p>
+	<p class="highlight_red">"next":  will be sibling node, and be behind targetNode</p>
+	<h4 class="topLine"><b>isCopy</b><span>Boolean</span></h4>
+	<p>the flag used to judge copy node or move node</p>
+	<p class="highlight_red">true: copy node; false: move node</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return true or false</p>
+	<p class="highlight_red">If return false, zTree will restore the dragged nodes, and will not trigger the 'onDrop' callback.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. disable to drag nodes to root</h4>
+	<pre xmlns=""><code>function zTreeBeforeDrop(treeId, treeNodes, targetNode, moveType) {
+    return !(targetNode == null || (moveType != "inner" && !targetNode.parentTId));
+};
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeDrop: zTreeBeforeDrop
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeEditName.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeEditName.html
new file mode 100644
index 00000000..8772a3e9
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeEditName.html	
@@ -0,0 +1,38 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeEditName</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event before click edit button, zTree based on return value to determine whether to allow to edit the name.</p>
+			<p class="highlight_red">This callback is used to capture the event which edit button is clicked, then trigger the custom editing operation.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which will be edited name.</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return true or false</p>
+	<p class="highlight_red">If return false, the node will not be able to edit the name.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. disable to edit the parent node's name</h4>
+	<pre xmlns=""><code>function zTreeBeforeEditName(treeId, treeNode) {
+	return !treeNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeEditName: zTreeBeforeEditName
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeExpand.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeExpand.html
new file mode 100644
index 00000000..73cf55a3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeExpand.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeExpand</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event before expand node, zTree based on return value to determine whether to expand node.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which will be expanded</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return true or false</p>
+	<p class="highlight_red">If return false, zTree will not expand node, and will not trigger the 'onExpand' callback.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. disabled to expand node which is collapsed</h4>
+	<pre xmlns=""><code>function zTreeBeforeExpand(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeExpand: zTreeBeforeExpand
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeMouseDown.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeMouseDown.html
new file mode 100644
index 00000000..4af0818b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeMouseDown.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeMouseDown</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the mousedown event before the 'onMouseDown' callback, zTree based on return value to determine whether to trigger the 'onMouseDown' callback.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which mouse over</p>
+	<p class="highlight_red">If the DOM which mouse over isn't a node, it will return null.</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return true or false</p>
+	<p class="highlight_red">If return false, zTree will not trigger the 'onMouseDown' callback, no effect on other operations.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. disable to trigger the 'onMouseDown' callback</h4>
+	<pre xmlns=""><code>function zTreeBeforeMouseDown(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeMouseDown: zTreeBeforeMouseDown
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeMouseUp.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeMouseUp.html
new file mode 100644
index 00000000..0c008fc4
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeMouseUp.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeMouseUp</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the mouseup event before the 'onMouseUp' callback, zTree based on return value to determine whether to trigger the 'onMouseUp' callback.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which mouse over</p>
+	<p class="highlight_red">If the DOM which mouse over isn't a node, it will return null.</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return true or false</p>
+	<p class="highlight_red">If return false, zTree will not trigger the 'onMouseUp' callback, no effect on other operations.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. disable to trigger the 'onMouseUp' callback</h4>
+	<pre xmlns=""><code>function zTreeBeforeMouseUp(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeMouseUp: zTreeBeforeMouseUp
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeRemove.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeRemove.html
new file mode 100644
index 00000000..38e14c19
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeRemove.html	
@@ -0,0 +1,37 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeRemove</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event before remove node, zTree based on return value to determine whether to allow to remove node.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which will be removed.</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return true or false</p>
+	<p class="highlight_red">If return false, zTree will not remove node, and will not trigger the 'onRemove' callback.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. disable to remove node</h4>
+	<pre xmlns=""><code>function zTreeBeforeRemove(treeId, treeNode) {
+	return false;
+}
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeRemove: zTreeBeforeRemove
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeRename.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeRename.html
new file mode 100644
index 00000000..76438a94
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeRename.html	
@@ -0,0 +1,46 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode, newName, isCancel)</span><span class="path">setting.callback.</span>beforeRename</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event before rename(when input DOM blur or press Enter Key), zTree based on return value to determine whether to allow to rename node.</p>
+			<p class="highlight_red">When node is editing name, press the ESC key to restore the original name and stop edit name.</p>
+			<p class="highlight_red">From v3.5.13, zTree will trigger this callback when user cancel edit name. please see 'isCancel' parameter.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which will be rename.</p>
+	<h4 class="topLine"><b>newName</b><span>String</span></h4>
+	<p>the new name</p>
+	<h4 class="topLine"><b>isCancel</b><span>Boolean</span></h4>
+	<p>the status about cancel edit name (v3.5.13+)</p>
+	<p class="highlight_red">isCancel = true means: user cancel edit name. (press ESC or use cancelEditName() function)</p>
+	<p class="highlight_red">isCancel = false means: user submit edit name.</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return true or false</p>
+	<p class="highlight_red">If return false, the treeNode will keep the editing name, don't trigger the 'onRename' callback, and will ignore other enents, until the callback return true.</p>
+	<p class="highlight_red">If returns false, zTree will not set the input box to get focus to avoid the warning message which led to repeated triggering ‘beforeRename’ callback. Please use editName() method to set the input box to get focus when user close the warning message.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. the length of the new name can't less than 5</h4>
+	<pre xmlns=""><code>function zTreeBeforeRename(treeId, treeNode, newName, isCancel) {
+	return newName.length > 5;
+}
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeRename: zTreeBeforeRename
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeRightClick.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeRightClick.html
new file mode 100644
index 00000000..15c38cd5
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.beforeRightClick.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeRightClick</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the right click event before the 'onRightClick' callback, zTree based on return value to determine whether to trigger the 'onRightClick' callback.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which is mouse right clicked</p>
+	<p class="highlight_red">If the DOM which mouse right clicked isn't a node, it will return null.</p>
+	<h4 class="topLine"><b>Return</b><span>Boolean</span></h4>
+	<p>return true or false</p>
+	<p class="highlight_red">If return false, ztree will not trigger the 'onRightClick' callback, no effect on other operations.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. disable to trigger the 'onRightClick' callback</h4>
+	<pre xmlns=""><code>function zTreeBeforeRightClick(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeRightClick: zTreeBeforeRightClick
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onAsyncError.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onAsyncError.html
new file mode 100644
index 00000000..785c8d82
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onAsyncError.html	
@@ -0,0 +1,42 @@
+<div class="apiDetail">
+<div>
+	<h2><span class="path">setting.callback.</span>onAsyncError</h2>
+	<h2><span>Function(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown)</span>&nbsp;</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the error event when execute ajax.</p>
+			<p class="highlight_red">If you set 'setting.callback.beforeAsync',and return false, zTree will not execute ajax, and will not trigger the 'onAsyncSuccess / onAsyncError' callback.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event Object</span></h4>
+	<p>event Object</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the parent node</p>
+	<p class="highlight_red">When load root nodes, treeNode = null</p>
+	<h4 class="topLine"><b>XMLHttpRequest</b><span>String</span></h4>
+	<p>XMLHttpRequest Object, please refer to JQuery API documentation.</p>
+	<h4 class="topLine"><b>textStatus</b><span>String</span></h4>
+	<p>a string categorizing the status of the request("success", "error"...), please refer to JQuery API documentation.</p>
+	<h4 class="topLine"><b>errorThrown</b><span>String</span></h4>
+	<p>eWhen an HTTP error occurs, errorThrown receives the textual portion of the HTTP status, please refer to JQuery API documentation.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. When execute ajax make error, alert message.</h4>
+	<pre xmlns=""><code>function zTreeOnAsyncError(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) {
+    alert(XMLHttpRequest);
+};
+var setting = {
+	callback: {
+		onAsyncError: zTreeOnAsyncError
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onAsyncSuccess.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onAsyncSuccess.html
new file mode 100644
index 00000000..2722691f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onAsyncSuccess.html	
@@ -0,0 +1,38 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode, msg)</span><span class="path">setting.callback.</span>onAsyncSuccess</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the complete success event when execute ajax.</p>
+			<p class="highlight_red">If you set 'setting.callback.beforeAsync',and return false, zTree will not execute ajax, and will not trigger the 'onAsyncSuccess / onAsyncError' callback.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event Object</span></h4>
+	<p>event Object</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the parent node</p>
+	<p class="highlight_red">When load root nodes, treeNode = null</p>
+	<h4 class="topLine"><b>msg</b><span>String / Object</span></h4>
+	<p>The actualnode data which got by ajax. User-friendly debugging.</p>
+	<p class="highlight_red">The actual data's type of msg is affected by 'setting.async.dataType', please refer to JQuery API documentation.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. When execute ajax complete success, alert message.</h4>
+	<pre xmlns=""><code>function zTreeOnAsyncSuccess(event, treeId, treeNode, msg) {
+    alert(msg);
+};
+var setting = {
+	callback: {
+		onAsyncSuccess: zTreeOnAsyncSuccess
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onCheck.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onCheck.html
new file mode 100644
index 00000000..ed33f8d1
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onCheck.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onCheck</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the check or uncheck event when check or uncheck the checkbox and radio.</p>
+			<p class="highlight_red">If you set 'setting.callback.beforeCheck',and return false, zTree will not change check state, and will not trigger the 'onCheck' callback.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event Object</span></h4>
+	<p>event Object</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which is checked or unchecked</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. When check or uncheck the checkbox and radio, alert info about 'tId' and 'name' and 'checked'.</h4>
+	<pre xmlns=""><code>function zTreeOnCheck(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name + "," + treeNode.checked);
+};
+var setting = {
+	callback: {
+		onCheck: zTreeOnCheck
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onClick.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onClick.html
new file mode 100644
index 00000000..a6ba29a4
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onClick.html	
@@ -0,0 +1,49 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode, clickFlag)</span><span class="path">setting.callback.</span>onClick</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the click event when click node.</p>
+			<p class="highlight_red">If you set 'setting.callback.beforeClick',and return false, zTree will not change selected state, and will not trigger the 'onClick' callback.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event Object</span></h4>
+	<p>event Object</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which is clicked</p>
+	<h4 class="topLine"><b>clickFlag</b><span>Number</span></h4>
+	<p>Node is selected or deselected state, please see table below for details</p>
+	<table width="100%" border="0" cellspacing="1" cellpadding="0">
+		<thead><tr><td>clickFlag</td><td title="Whether to allow multi-select">selectedMulti</td><td title="Whether to press Ctrl-key">autoCancelSelected<br/>&&<br/>event.ctrlKey</td><td title="Node's selection state">isSelected</td><td>operate for selected</td></tr></thead>
+		<tbody>
+			<tr><td>1</td><td>true</td><td>false</td><td>false</td><td>node is selected (single)</td></tr>
+			<tr><td>1</td><td>true</td><td>false</td><td>true</td><td>node is selected (single)</td></tr>
+			<tr><td>2</td><td>true</td><td>true</td><td>false</td><td>node is selected (multi)</td></tr>
+			<tr><td>0</td><td>true</td><td>true</td><td>true</td><td>node is deselected</td></tr>
+			<tr><td>1</td><td>false</td><td>false</td><td>false</td><td>node is selected (single)</td></tr>
+			<tr><td>1</td><td>false</td><td>false</td><td>true</td><td>node is selected (single)</td></tr>
+			<tr><td>1</td><td>false</td><td>true</td><td>false</td><td>node is selected (single)</td></tr>
+			<tr><td>0</td><td>false</td><td>true</td><td>true</td><td>node is deselected</td></tr>
+		</tbody>
+	</table>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. When click node, alert info about 'tId' and 'name'.</h4>
+	<pre xmlns=""><code>function zTreeOnClick(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name);
+};
+var setting = {
+	callback: {
+		onClick: zTreeOnClick
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onCollapse.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onCollapse.html
new file mode 100644
index 00000000..d605dc8e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onCollapse.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onCollapse</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event when collapse node.</p>
+			<p class="highlight_red">If you set 'setting.callback.beforeCollapse',and return false, zTree will not collapse node, and will not trigger the 'onCollapse' callback.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event Object</span></h4>
+	<p>event Object</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which will be collapsed</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. When collapse node, alert info about 'tId' and 'name'.</h4>
+	<pre xmlns=""><code>function zTreeOnCollapse(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name);
+};
+var setting = {
+	callback: {
+		onCollapse: zTreeOnCollapse
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onDblClick.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onDblClick.html
new file mode 100644
index 00000000..fbd47e8d
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onDblClick.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onDblClick</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the dblclick event when double click node.</p>
+			<p class="highlight_red">If you set 'setting.callback.beforeDblClick',and return false, zTree will not trigger the 'onDblClick' callback.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event Object</span></h4>
+	<p>event Object</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which is double clicked</p>
+	<p class="highlight_red">If the DOM which dblclicked isn't a node, it will return null.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. When double click node, alert info about 'tId' and 'name'.</h4>
+	<pre xmlns=""><code>function zTreeOnDblClick(event, treeId, treeNode) {
+    alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
+};
+var setting = {
+	callback: {
+		onDblClick: zTreeOnDblClick
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onDrag.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onDrag.html
new file mode 100644
index 00000000..30c738d7
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onDrag.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNodes)</span><span class="path">setting.callback.</span>onDrag</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the drag event when drag node.</p>
+			<p class="highlight_red">If you set 'setting.callback.beforeDrag',and return false, zTree will stop drag, and will not trigger the 'onDrag' callback.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event Object</span></h4>
+	<p>event Object</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, the tree is what the treeNodes are belong to, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>A collection of the nodes which will be dragged</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. When drag nodes, alert the number of dragged nodes.</h4>
+	<pre xmlns=""><code>function zTreeOnDrag(event, treeId, treeNodes) {
+    alert(treeNodes.length);
+};
+var setting = {
+	callback: {
+		onDrag: zTreeOnDrag
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onDrop.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onDrop.html
new file mode 100644
index 00000000..63624631
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onDrop.html	
@@ -0,0 +1,48 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNodes, targetNode, moveType, isCopy)</span><span class="path">setting.callback.</span>onDrop</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the drop event when drag-drop node.</p>
+			<p class="highlight_red">If you set 'setting.callback.beforeDrop',and return false, zTree will restore the dragged nodes, and will not trigger the 'onDrop' callback.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event Object</span></h4>
+	<p>event Object</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, the tree is what the targetNode is belong to, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>A collection of the nodes which has been dragged</p>
+	<p class="highlight_red">The treeNodes are the data of the nodes which be dragged, when move nodes.</p>
+	<p class="highlight_red">The treeNodes are the clone data of the nodes which be dragged, when copy nodes.</p>
+	<h4 class="topLine"><b>targetNode</b><span>JSON</span></h4>
+	<p>JSON data object of the target node which treeNodes are drag-dropped.</p>
+	<p class="highlight_red">If the treeNodes will be root node, the targetNode = null</p>
+	<h4 class="topLine"><b>moveType</b><span>String</span></h4>
+	<p>the relative position of move to the target node</p>
+	<p class="highlight_red">"inner": will be child of targetNode</p>
+	<p class="highlight_red">"prev": will be sibling node, and be in front of targetNode</p>
+	<p class="highlight_red">"next":  will be sibling node, and be behind targetNode</p>
+	<p class="highlight_red">If moveType is null, means drag & drop is cancel.</p>
+	<h4 class="topLine"><b>isCopy</b><span>Boolean</span></h4>
+	<p>the flag used to judge copy node or move node</p>
+	<p class="highlight_red">true: copy node; false: move node</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. When drag-drop nodes complete, alert the number of dragged nodes and info about targetNode.</h4>
+	<pre xmlns=""><code>function zTreeOnDrop(event, treeId, treeNodes, targetNode, moveType) {
+    alert(treeNodes.length + "," + (targetNode ? (targetNode.tId + ", " + targetNode.name) : "isRoot" ));
+};
+var setting = {
+	callback: {
+		onDrop: zTreeOnDrop
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onExpand.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onExpand.html
new file mode 100644
index 00000000..7b9d8d50
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onExpand.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onExpand</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event when expand node.</p>
+			<p class="highlight_red">If you set 'setting.callback.beforeExpand',and return false, zTree will not expand node, and will not trigger the 'onExpand' callback.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event Object</span></h4>
+	<p>event Object</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which will be expanded</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. When expand node, alert info about 'tId' and 'name'.</h4>
+	<pre xmlns=""><code>function zTreeOnExpand(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name);
+};
+var setting = {
+	callback: {
+		onExpand: zTreeOnExpand
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onMouseDown.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onMouseDown.html
new file mode 100644
index 00000000..bfd714c2
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onMouseDown.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onMouseDown</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event when mouse down.</p>
+			<p class="highlight_red">If you set 'setting.callback.beforeMouseDown',and return false, zTree will not trigger the 'onMouseDown' callback.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event Object</span></h4>
+	<p>event Object</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which mouse over</p>
+	<p class="highlight_red">If the DOM which mouse over isn't a node, it will return null.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. When mouse down, alert info about 'tId' and 'name'.</h4>
+	<pre xmlns=""><code>function zTreeOnMouseDown(event, treeId, treeNode) {
+    alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
+};
+var setting = {
+	callback: {
+		onMouseDown: zTreeOnMouseDown
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onMouseUp.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onMouseUp.html
new file mode 100644
index 00000000..93edf319
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onMouseUp.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onMouseUp</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event when mouse up.</p>
+			<p class="highlight_red">If you set 'setting.callback.beforeMouseUp',and return false, zTree will not trigger the 'onMouseUp' callback.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event Object</span></h4>
+	<p>event Object</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which mouse over</p>
+	<p class="highlight_red">If the DOM which mouse over isn't a node, it will return null.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. When mouse up, alert info about 'tId' and 'name'.</h4>
+	<pre xmlns=""><code>function zTreeOnMouseUp(event, treeId, treeNode) {
+    alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
+};
+var setting = {
+	callback: {
+		onMouseUp: zTreeOnMouseUp
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onNodeCreated.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onNodeCreated.html
new file mode 100644
index 00000000..a98b572f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onNodeCreated.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onNodeCreated</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event when node's DOM is created.</p>
+			<p class="highlight_red">Because v3.x uses lazy loading technology, so the nodes which doesn't create DOM when initialized will not trigger this callback, until its parent node is expanded.</p>
+			<p class="highlight_red">Large amount of data to load, please note: do not set onNodeCreated, can improve performance as when initialized.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event Object</span></h4>
+	<p>event Object</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which DOM is created</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. When node's DOM is created, alert info about 'tId' and 'name'.</h4>
+	<pre xmlns=""><code>function zTreeOnNodeCreated(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name);
+};
+var setting = {
+	callback: {
+		onNodeCreated: zTreeOnNodeCreated
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onRemove.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onRemove.html
new file mode 100644
index 00000000..ce294136
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onRemove.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onRemove</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event when remove node.</p>
+			<p class="highlight_red">If you set 'setting.callback.beforeRemove',and return false, zTree will not remove node, and will not trigger the 'onRemove' callback.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event Object</span></h4>
+	<p>event Object</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which was removed.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. When remove node, alert info about 'tId' and 'name'.</h4>
+	<pre xmlns=""><code>function zTreeOnRemove(event, treeId, treeNode) {
+	alert(treeNode.tId + ", " + treeNode.name);
+}
+var setting = {
+	callback: {
+		onRemove: zTreeOnRemove
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onRename.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onRename.html
new file mode 100644
index 00000000..cd47eae1
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onRename.html	
@@ -0,0 +1,40 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode, isCancel)</span><span class="path">setting.callback.</span>onRename</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event when remove node.</p>
+			<p class="highlight_red">1. If you set 'setting.callback.beforeRename',and return false, zTree will keep the editing name, and will not trigger the 'onRename' callback.</p>
+			<p class="highlight_red">2. If you modity treeNode data, and use 'updateNode' function, zTree will not trigger the 'onRename' callback.</p>
+			<p class="highlight_red">3. From v3.5.13, zTree will trigger this callback when user cancel edit name. please see 'isCancel' parameter.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event Object</span></h4>
+	<p>event Object</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which was rename.</p>
+	<h4 class="topLine"><b>isCancel</b><span>Boolean</span></h4>
+	<p>the status about cancel edit name (v3.5.13+)</p>
+	<p class="highlight_red">isCancel = true means: user cancel edit name. (press ESC or use cancelEditName() function)</p>
+	<p class="highlight_red">isCancel = false means: user submit edit name.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. When rename node, alert info about 'tId' and 'name'.</h4>
+	<pre xmlns=""><code>function zTreeOnRename(event, treeId, treeNode, isCancel) {
+	alert(treeNode.tId + ", " + treeNode.name);
+}
+var setting = {
+	callback: {
+		onRename: zTreeOnRename
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onRightClick.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onRightClick.html
new file mode 100644
index 00000000..86b4b012
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.callback.onRightClick.html	
@@ -0,0 +1,36 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onRightClick</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to capture the event when mouse right click node.</p>
+			<p class="highlight_red">If you set 'setting.callback.beforeRightClick',and return false, zTree will not trigger the 'onRightClick' callback.</p>
+			<p class="highlight_red">If you set 'setting.callback.onRightClick', zTree will shield the browser context menu when mouse right click on zTree.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>event</b><span>js event Object</span></h4>
+	<p>event Object</p>
+	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which is mouse right clicked</p>
+	<p class="highlight_red">If the DOM which mouse right clicked isn't a node, it will return null.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. When mouse right click node, alert info about 'tId' and 'name'.</h4>
+	<pre xmlns=""><code>function zTreeOnRightClick(event, treeId, treeNode) {
+    alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
+};
+var setting = {
+	callback: {
+		onRightClick: zTreeOnRightClick
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.autoCheckTrigger.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.autoCheckTrigger.html
new file mode 100644
index 00000000..b8b04cca
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.autoCheckTrigger.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.check.</span>autoCheckTrigger</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>When node is automatically checked or unchecked, this parameter used to set to trigger 'beforeCheck / onCheck' callback. It is valid when <span class="highlight_red">[setting.check.enable = true & setting.check.chkStyle = "checkbox"]</span></p>
+			<p class="highlight_red">1. If you set 'setting.check.chkboxType' to { "Y": "", "N": "" }, will not automatically checked or unchecked.</p>
+			<p class="highlight_red">2. If you turn on the trigger and there are many more nodes, will affect the performance, because the check or uncheck node can cause many nodes to be automatically checked or unchecked, it will trigger a lot of callbacks, according to the need to decide whether to use this feature.</p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: trigger callback</p>
+	<p> false means: don't trigger callback</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. When node is automatically checked or unchecked, zTree trigger 'beforeCheck / onCheck' callback.</h4>
+	<pre xmlns=""><code>var setting = {
+	check: {
+		enable: true,
+		autoCheckTrigger: true
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.chkDisabledInherit.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.chkDisabledInherit.html
new file mode 100644
index 00000000..98d824e4
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.chkDisabledInherit.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.check.</span>chkDisabledInherit</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>When the parent node's 'chkDisabled' attribute is true, set the child nodes automatically inherit the 'chkDisabled' attribute. It is valid when <span class="highlight_red">[setting.check.enable = true]</span></p>
+			<p class="highlight_red">1. Only be used to initialize the nodes, easy batch operations. Please use the 'updateNode' method modify existing node.</p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: When add new child nodes, if parent node's 'chkDisabled' attribute is true, the child nodes automatically inherit the 'chkDisabled' attribute.</p>
+	<p> false means: When add new child nodes, the child nodes don't inherit the 'chkDisabled' attribute from parent node.</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1.  When add new child nodes, the child nodes automatically inherit the 'chkDisabled' attribute from parent node.</h4>
+	<pre xmlns=""><code>var setting = {
+	check: {
+		enable: true,
+		chkDisabledInherit: true
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.chkStyle.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.chkStyle.html
new file mode 100644
index 00000000..d42e757a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.chkStyle.html	
@@ -0,0 +1,48 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.check.</span>chkStyle</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Use the checkbox or radio. It is valid when <span class="highlight_red">[setting.check.enable = true]</span></p>
+			<p>Default: "checkbox"</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p>When chkStyle = "checkbox", zTree show checkbox, and '<span class="highlight_red">setting.check.chkboxType</span>' attribute is valid.
+<br/>When chkStyle = "radio", zTree show radio, and '<span class="highlight_red">setting.check.radioType</span>' attribute is valid.</p>
+	<p class="highlight_red">Please note that letter case, do not change.</p>
+	</div>
+	<h3>checkbox States Descriptions</h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p><button type="button" class="chk checkbox_false_full"></button>not checked; <span class="highlight_red">If node is parent, so its child nodes have been not checked.</span> when mouse over: <button type="button" class="chk checkbox_false_full_focus"></button></p>
+			<p><button type="button" class="chk checkbox_false_part"></button>not checked; (only parent node) <span class="highlight_red">some of its child nodes have been checked.</span> when mouse over: <button type="button" class="chk checkbox_false_part_focus"></button></p>
+			<p><button type="button" class="chk checkbox_true_full"></button>be checked; <span class="highlight_red">If node is parent, so its all child nodes have been checked.</span> when mouse over: <button type="button" class="chk checkbox_true_full_focus"></button></p>
+			<p><button type="button" class="chk checkbox_true_part"></button>be checked; (only parent node) <span class="highlight_red">some of its child nodes or all have been not checked.</span> when mouse over: <button type="button" class="chk checkbox_true_part_focus"></button></p>
+		</div>
+	</div>
+	<h3>radio States Descriptions</h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p><button type="button" class="chk radio_false_full"></button>not checked; <span class="highlight_red">If node is parent, so its child have been not checked.</span> when mouse over: <button type="button" class="chk radio_false_full_focus"></button></p>
+			<p><button type="button" class="chk radio_false_part"></button>not checked; (only parent node) <span class="highlight_red">some of its child have been checked.</span> when mouse over: <button type="button" class="chk radio_false_part_focus"></button></p>
+			<p><button type="button" class="chk radio_true_full"></button>be checked; <span class="highlight_red">If node is parent, so its child have been not checked.</span> when mouse over: <button type="button" class="chk radio_true_full_focus"></button></p>
+			<p><button type="button" class="chk radio_true_part"></button>be checked; (only parent node) <span class="highlight_red">some of its child have been checked.</span> when mouse over: <button type="button" class="chk radio_true_part_focus"></button></p>
+		</div>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. use radio</h4>
+	<pre xmlns=""><code>var setting = {
+	check: {
+		enable: true,
+		chkStyle: "radio"
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.chkboxType.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.chkboxType.html
new file mode 100644
index 00000000..5cecc9ee
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.chkboxType.html	
@@ -0,0 +1,31 @@
+<div class="apiDetail">
+<div>
+	<h2><span>JSON</span><span class="path">setting.check.</span>chkboxType</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>When one node is checked or unchecked, control its parent node and its child node auto checked or unchecked. It is valid when <span class="highlight_red">[setting.check.enable = true &amp; setting.check.chkStyle = "checkbox"]</span></p>
+			<p>Default: { "Y": "ps", "N": "ps" }</p>
+		</div>
+	</div>
+	<h3>JSON Format</h3>
+	<div class="desc">
+	<p>"Y" attribute use to set auto check after checkbox was checked.
+<br/>"N" attribute use to set auto uncheck after checkbox was unchecked.
+<br/>If value has "p", so parent nodes will be checked or unchecked.
+<br/>If value has "s", so child nodes will be checked or unchecked.</p>
+	<p class="highlight_red">Please note that letter case, do not change.</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. If check the node, so only auto check parent nodes; If uncheck the node, so only auto uncheck child nodes;</h4>
+	<pre xmlns=""><code>var setting = {
+	check: {
+		enable: true,
+		chkStyle: "checkbox",
+		chkboxType: { "Y": "p", "N": "s" }
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.enable.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.enable.html
new file mode 100644
index 00000000..0236b5f8
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.enable.html	
@@ -0,0 +1,26 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.check.</span>enable</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Set to use checkbox or radio in zTree</p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: use the checkbox or radio</p>
+	<p> false means: don't use the checkbox or radio</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. use the checkbox</h4>
+	<pre xmlns=""><code>var setting = {
+	check: {
+		enable: true
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.nocheckInherit.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.nocheckInherit.html
new file mode 100644
index 00000000..758b437e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.nocheckInherit.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.check.</span>nocheckInherit</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>When the parent node's 'nocheck' attribute is true, set the child nodes automatically inherit the 'nocheck' attribute. It is valid when <span class="highlight_red">[setting.check.enable = true]</span></p>
+			<p class="highlight_red">1. Only be used to initialize the nodes, easy batch operations. Please use the 'updateNode' method modify existing node.</p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: When add new child nodes, if parent node's 'nocheck' attribute is true, the child nodes automatically inherit the 'nocheck' attribute.</p>
+	<p> false means: When add new child nodes, the child nodes don't inherit the 'nocheck' attribute from parent node.</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1.  When add new child nodes, the child nodes automatically inherit the 'nocheck' attribute from parent node.</h4>
+	<pre xmlns=""><code>var setting = {
+	check: {
+		enable: true,
+		nocheckInherit: true
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.radioType.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.radioType.html
new file mode 100644
index 00000000..be867d75
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.check.radioType.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.check.</span>radioType</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The group about radio. It is valid when <span class="highlight_red">[setting.check.enable = true &amp; setting.check.chkStyle = "radio"]</span></p>
+			<p>Default: "level"</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p>When radioType = "level", will be grouped with same level nodes which have the same parent node.
+<br/>When radioType = "all", will be grouped with all nodes.</p>
+	<p class="highlight_red">Please note that letter case, do not change.</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. Set the group about radio is all nodes.</h4>
+	<pre xmlns=""><code>var setting = {
+	check: {
+		enable: true,
+		chkStyle: "radio",
+		radioType: "all"
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.keep.leaf.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.keep.leaf.html
new file mode 100644
index 00000000..71c573e4
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.keep.leaf.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.data.keep.</span>leaf</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The leaf node's lock, the leaf node will lock the 'isParent' attribute to false.</p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: lock the leaf node, and <span class="highlight_red">the node which 'isParent' attribute is false can't add child nodes</span>.</p>
+	<p> false means: don't lock the leaf node, and <span class="highlight_red">the node which 'isParent' attribute is false can add child nodes</span>.</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. lock the leaf node</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		keep: {
+			leaf: true
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.keep.parent.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.keep.parent.html
new file mode 100644
index 00000000..5bab2f1e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.keep.parent.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.data.keep.</span>parent</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The parent node's lock, the parent node will lock 'isParent' attribute to true.</p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: lock the parent node, and <span class="highlight_red">if remove all of the parent node's child nodes, its 'isParent' attribute still keep to be true.</span>.</p>
+	<p> false means: don't lock the parent node, and <span class="highlight_red">if remove all of the parent node's child nodes, its 'isParent' attribute will change to be false.</span>.</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. lock the parent node</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		keep: {
+			parent: true
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.checked.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.checked.html
new file mode 100644
index 00000000..2678cf25
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.checked.html	
@@ -0,0 +1,24 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.data.key.</span>checked</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The node data's attribute to save the checked state.</p>
+			<p>Default: "checked"</p>
+			<p class="highlight_red">Please don't set the other node attribute which zTree used. (e.g., checkedOld)</p>
+		</div>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. set the 'isChecked' attribute to save the checked state.</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		key: {
+			checked: "isChecked"
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.children.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.children.html
new file mode 100644
index 00000000..321a1a7d
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.children.html	
@@ -0,0 +1,23 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.data.key.</span>children</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The node data's attribute to save the child nodes.</p>
+			<p>Default: "children"</p>
+		</div>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. Set the 'nodes' attribute to save the child nodes.</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		key: {
+			children: "nodes"
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.name.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.name.html
new file mode 100644
index 00000000..0208c559
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.name.html	
@@ -0,0 +1,23 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.data.key.</span>name</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The node data's attribute to save the node name.</p>
+			<p>Default: "name"</p>
+		</div>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. Set the 'ename' attribute to save the node name.</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		key: {
+			name: "ename"
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.title.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.title.html
new file mode 100644
index 00000000..96540eb6
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.title.html	
@@ -0,0 +1,24 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.data.key.</span>title</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The node data's attribute to save the 'title' attribute of node DOM. It is valid when <span class="highlight_red">[setting.view.showTitle = true]</span></p>
+			<p class="highlight_red">If set it to "", the title of node DOM will be same as 'setting.data.key.name' attribute.</p>
+			<p>Default: ""</p>
+		</div>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. Set the 'fullName' attribute to save the title of node DOM.</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		key: {
+			title: "fullName"
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.url.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.url.html
new file mode 100644
index 00000000..e9a08cea
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.key.url.html	
@@ -0,0 +1,24 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.data.key.</span>url</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The node data's attribute to save the node link's url.</p>
+			<p class="highlight_red">Special: If the nodes's data can only use the 'url' attribute, and don't use the link to jump feature, you can modify this attribute to any nonexistent attribute.</p>
+			<p>Default: "url"</p>
+		</div>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. Set the 'xUrl' attribute to save the node link's url.</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		key: {
+			url: "xUrl"
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.simpleData.enable.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.simpleData.enable.html
new file mode 100644
index 00000000..7ea21db3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.simpleData.enable.html	
@@ -0,0 +1,39 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.data.simpleData.</span>enable</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Set zTree's node to accept the simple data format, when zTree is initialized or when ajax get / or when use <span class="highlight_red">addNodes</span> method.</p>
+			<p>Don't have to generate the complex nested data.</p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: zTree's node accept the simple data format.</p>
+	<p> false means: zTree's node only accept the nested data format.</p>
+	<p class="highlight_red">If set it is true, you must set the other attributes in 'setting.data.simpleData'. (e.g., idKey, pIdKey, rootPId)  And let the data satisfy the parent-child relationship.</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. use the simple data format</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0,
+		}
+	}
+};
+var treeNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.simpleData.idKey.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.simpleData.idKey.html
new file mode 100644
index 00000000..43df2605
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.simpleData.idKey.html	
@@ -0,0 +1,32 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.data.simpleData.</span>idKey</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The node data's attribute to save node data's unique identifier. It is valid when <span class="highlight_red">[setting.data.simpleData.enable = true]</span></p>
+			<p>Default: "id"</p>
+		</div>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. use the simple data format</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0,
+		}
+	}
+};
+var treeNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.simpleData.pIdKey.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.simpleData.pIdKey.html
new file mode 100644
index 00000000..8378c6e3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.simpleData.pIdKey.html	
@@ -0,0 +1,32 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.data.simpleData.</span>pIdKey</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The node data's attribute to save its parent node data's unique identifier. It is valid when <span class="highlight_red">[setting.data.simpleData.enable = true]</span></p>
+			<p>Default: "pId"</p>
+		</div>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. use the simple data format</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0
+		}
+	}
+};
+var treeNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.simpleData.rootPId.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.simpleData.rootPId.html
new file mode 100644
index 00000000..61c9bbd0
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.data.simpleData.rootPId.html	
@@ -0,0 +1,32 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String / Number</span><span class="path">setting.data.simpleData.</span>rootPId</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Set the default value of root's 'pIdKey' specified attribute values​​. It is valid when <span class="highlight_red">[setting.data.simpleData.enable = true]</span></p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. use the simple data format</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0
+		}
+	}
+};
+var treeNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.autoExpandTrigger.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.autoExpandTrigger.html
new file mode 100644
index 00000000..804ee66a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.autoExpandTrigger.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.edit.drag.</span>autoExpandTrigger</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>When drag node cause the parent node is automatically expanded, set whether to allow to trigger the 'onExpand' callback. It is valid when <span class="highlight_red">[setting.edit.enable = true]</span></p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: trigger the 'onExpand' callback.</p>
+	<p> false means: don't trigger the 'onExpand' callback.</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. Set to allow to trigger the 'onExpand' callback</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			autoExpandTrigger: true
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.autoOpenTime.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.autoOpenTime.html
new file mode 100644
index 00000000..74982afa
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.autoOpenTime.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Number</span><span class="path">setting.edit.drag.</span>autoOpenTime</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Drag to the parent node, the parent node auto expand time interval. (Unit: ms) It is valid when <span class="highlight_red">[setting.edit.enable = true]</span></p>
+			<p>Default: 500</p>
+			<p class="highlight_red">Please adjust the value according to needs.</p>
+		</div>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. When drag node to other parent node, expand it at once.</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			autoOpenTime: 0
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.borderMax.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.borderMax.html
new file mode 100644
index 00000000..edbb752b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.borderMax.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Number</span><span class="path">setting.edit.drag.</span>borderMax</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>When drag a node to root, the zTree's inner border width. (Unit: px) It is valid when <span class="highlight_red">[setting.edit.enable = true]</span></p>
+			<p>Default: 10</p>
+			<p class="highlight_red">Please adjust the value according to needs.</p>
+		</div>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. adjust the inner border width is 20px</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			borderMax: 20
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.borderMin.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.borderMin.html
new file mode 100644
index 00000000..e8458530
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.borderMin.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Number</span><span class="path">setting.edit.drag.</span>borderMin</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>When drag a node to root, the zTree's outer border width. (Unit: px) It is valid when <span class="highlight_red">[setting.edit.enable = true]</span></p>
+			<p>Default: -5</p>
+			<p class="highlight_red">Please adjust the value according to needs.</p>
+		</div>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. adjust the outer border width is 10px</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			borderMin: -10
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.inner.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.inner.html
new file mode 100644
index 00000000..1065df3b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.inner.html	
@@ -0,0 +1,60 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean / Function(treeId, treeNodes, targetNode)</span><span class="path">setting.edit.drag.</span>inner</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>When drag one node to the target node, set whether to allow the node to be the target node's child. It is valid when <span class="highlight_red">[setting.edit.enable = true]</span></p>
+			<p class="highlight_red">If the target node is root, so zTree will only trigger 'inner' and not trigger 'prev / next'.</p>
+			<p class="highlight_red">This function mainly for the appropriate limit drag and drop (auxiliary arrow), it requires a combination of 'prev, next' together, to achieve full functionality.</p>
+			<p>Default: true</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: allow the node to be the target node's child.</p>
+	<p> false means: don't allow the node to be the target node's child.</p>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>A collection of the nodes which has been dragged</p>
+	<h4 class="topLine"><b>targetNode</b><span>JSON</span></h4>
+	<p>JSON data object of the target node which treeNodes are draged over.</p>
+	<p class="highlight_red">If the treeNodes will be root node, the targetNode = null</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return true or false</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. disable to drag the node to the target node's inner.</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: true,
+			next: true,
+			inner: false
+		}
+	}
+};
+......</code></pre>
+	<h4>2. disable to drag the node to be root node's child.</h4>
+	<pre xmlns=""><code>function canInner(treeId, nodes, targetNode) {
+	return !(targetNode && targetNode.level === 0);
+}
+var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: true,
+			next: true,
+			inner: canInner
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.isCopy.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.isCopy.html
new file mode 100644
index 00000000..df39a8ae
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.isCopy.html	
@@ -0,0 +1,32 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.edit.drag.</span>isCopy</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>When drag-drop node, set whether to allow to copy node. It is valid when <span class="highlight_red">[setting.edit.enable = true]</span></p>
+			<p>Default: true</p>
+		</div>
+	</div>
+	<h3>Rules Description</h3>
+	<div class="desc">
+	<p>1. If isCopy = true and isMove = true, when drag-drop node, press Ctrl-Key can copy node, don't press Ctrl-Key can move node.</p>
+	<p>2. If isCopy = true and isMove = false, when drag-drop node, will copy node.</p>
+	<p>3. If isCopy = false and isMove = true, when drag-drop node, will move node.</p>
+	<p>4. If isCopy = false and isMove = false, so disable to drag-drop node.</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. all of the drag-drop operation will copy node.</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			isCopy: true,
+			isMove: false
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.isMove.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.isMove.html
new file mode 100644
index 00000000..78cd8d34
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.isMove.html	
@@ -0,0 +1,32 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.edit.drag.</span>isMove</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>When drag-drop node, set whether to allow to move node. It is valid when <span class="highlight_red">[setting.edit.enable = true]</span></p>
+			<p>Default: true</p>
+		</div>
+	</div>
+	<h3>Rules Description</h3>
+	<div class="desc">
+	<p>1. If isCopy = true and isMove = true, when drag-drop node, press Ctrl-Key can copy node, don't press Ctrl-Key can move node.</p>
+	<p>2. If isCopy = true and isMove = false, when drag-drop node, will copy node.</p>
+	<p>3. If isCopy = false and isMove = true, when drag-drop node, will move node.</p>
+	<p>4. If isCopy = false and isMove = false, so disable to drag-drop node.</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. all of the drag-drop operation will move node.</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			isCopy: false,
+			isMove: true
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.maxShowNodeNum.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.maxShowNodeNum.html
new file mode 100644
index 00000000..dbc3ae47
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.maxShowNodeNum.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Number</span><span class="path">setting.edit.drag.</span>maxShowNodeNum</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>When dragging more than one sibling node, the floating layer shows the maximum number of nodes. zTree using '...' instead of redundant nodes. It is valid when <span class="highlight_red">[setting.edit.enable = true]</span></p>
+			<p>Default: 5</p>
+			<p class="highlight_red">Please adjust the value according to needs.</p>
+		</div>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. Set the maximum number is 10</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			maxShowNodeNum: 10
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.minMoveSize.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.minMoveSize.html
new file mode 100644
index 00000000..8270a993
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.minMoveSize.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Number</span><span class="path">setting.edit.drag.</span>minMoveSize</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The minimum offset which used to determine the drag operator start. (Unit: px) It is valid when <span class="highlight_red">[setting.edit.enable = true]</span></p>
+			<p class="highlight_red">Please adjust the value according to needs. Note: If it is too small, will easily lead to misoperation when you click mouse.</p>
+			<p>Default: 5</p>
+		</div>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. Set the minimum offset is 10px.</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			minMoveSize: 10
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.next.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.next.html
new file mode 100644
index 00000000..82eb6fba
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.next.html	
@@ -0,0 +1,59 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean / Function(treeId, treeNodes, targetNode)</span><span class="path">setting.edit.drag.</span>next</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>When drag one node to the target node, set whether to allow the node to be the target node's next sibling. It is valid when <span class="highlight_red">[setting.edit.enable = true]</span></p>
+			<p class="highlight_red">If the target node is root, so zTree will only trigger 'inner' and not trigger 'prev / next'.</p>
+			<p class="highlight_red">This function mainly for the appropriate limit drag and drop (auxiliary arrow), it requires a combination of 'prev, inner' together, to achieve full functionality.</p>
+			<p>Default: true</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: allow the node to be the target node's next sibling.</p>
+	<p> false means: don't allow the node to be the target node's next sibling.</p>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>A collection of the nodes which has been dragged</p>
+	<h4 class="topLine"><b>targetNode</b><span>JSON</span></h4>
+	<p>JSON data object of the target node which treeNodes are draged over.</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return true or false</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. disable to drag the node to the target node's next sibling.</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: true,
+			next: false,
+			inner: true
+		}
+	}
+};
+......</code></pre>
+	<h4>2. disable to drag the node to be all of the parent nodes's next sibling.</h4>
+	<pre xmlns=""><code>function canNext(treeId, nodes, targetNode) {
+	return !targetNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: true,
+			next: canNext,
+			inner: true
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.prev.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.prev.html
new file mode 100644
index 00000000..de6f0c82
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.drag.prev.html	
@@ -0,0 +1,59 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean / Function(treeId, treeNodes, targetNode)</span><span class="path">setting.edit.drag.</span>prev</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>When drag one node to the target node, set whether to allow the node to be the target node's previous sibling. It is valid when <span class="highlight_red">[setting.edit.enable = true]</span></p>
+			<p class="highlight_red">If the target node is root, so zTree will only trigger 'inner' and not trigger 'prev / next'.</p>
+			<p class="highlight_red">This function mainly for the appropriate limit drag and drop (auxiliary arrow), it requires a combination of 'next, inner' together, to achieve full functionality.</p>
+			<p>Default: true</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: allow the node to be the target node's previous sibling.</p>
+	<p> false means: don't allow the node to be the target node's previous sibling.</p>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>A collection of the nodes which has been dragged</p>
+	<h4 class="topLine"><b>targetNode</b><span>JSON</span></h4>
+	<p>JSON data object of the target node which treeNodes are draged over.</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return true or false</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. disable to drag the node to the target node's previous sibling.</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: false,
+			next: true,
+			inner: true
+		}
+	}
+};
+......</code></pre>
+	<h4>2. disable to drag the node to be all of the parent nodes's previous sibling.</h4>
+	<pre xmlns=""><code>function canPrev(treeId, nodes, targetNode) {
+	return !targetNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: canPrev,
+			next: true,
+			inner: true
+		}
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.editNameSelectAll.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.editNameSelectAll.html
new file mode 100644
index 00000000..a030359d
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.editNameSelectAll.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.edit.</span>editNameSelectAll</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>When edit node's name, the text in input is selected or unselected. It is valid when <span class="highlight_red">[setting.edit.enable = true]</span></p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: when show the input, the text in input is selected</p>
+	<p> false means: when show the input, the text in input is not selected</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. When edit node's name, the text in input is selected.</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		editNameSelectAll: true
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.enable.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.enable.html
new file mode 100644
index 00000000..ec9d2b31
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.enable.html	
@@ -0,0 +1,39 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.edit.</span>enable</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Set zTree is in edit mode</p>
+			<p class="highlight_red">Please set this attribute before zTree initialization. If you need to change the edit mode after the initialization, please use zTreeObj.setEditable() method.</p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: zTree is in edit mode.</p>
+	<p> false means: zTree is not in edit mode.</p>
+	</div>
+	<h3>Editing Rules Description</h3>
+	<div class="desc">
+	<p>1. When click the node, it will not open '<span class="highlight_red">node.url</span>' specified URL.
+<br/>2. Support for dynamic tree editing.
+<br/>3. You can drag-drop nodes, and support drag-drop nodes between multiple trees.
+<br/>4. Support use drag-drop to copy or move the node. (Reference: <span class="highlight_red">setting.edit.drag.isCopy / setting.edit.drag.isMove</span>)
+<br/>5. You can use the Edit button to modify the name attribute.
+<br/>6. You can use the Remove button to remove the node.
+<br/>
+	</p>
+	<p class="highlight_red">Please note that letter case, do not change.</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. edit the tree</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.removeTitle.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.removeTitle.html
new file mode 100644
index 00000000..e2175279
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.removeTitle.html	
@@ -0,0 +1,48 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String / Function(treeId, treeNode)</span><span class="path">setting.edit.</span>removeTitle</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>the title of the remove button DOM. It is valid when <span class="highlight_red">[setting.edit.enable = true & setting.edit.showRemoveBtn = true]</span></p>
+			<p>Default: "remove"</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p>When the mouse over the remove button, the browser auto pop-up message content.</p>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which show the remove button</p>
+	<h4 class="topLine"><b>Return </b><span>String</span></h4>
+	<p>Return value is same as 'String Format'</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. Set title is 'remove the node' about all the remove button</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		showRemoveBtn: true,
+		removeTitle: "remove the node"
+	}
+};
+......</code></pre>
+	<h4>2. Set title is 'remove the parent node' about the parent node, and is 'remove the leaf node' about the leaf node</h4>
+	<pre xmlns=""><code>function setRemoveTitle(treeId, treeNode) {
+	return treeNode.isParent ? "remove the parent node":"remove the leaf node";
+}
+var setting = {
+	edit: {
+		enable: true,
+		showRemoveBtn: true,
+		removeTitle: setRemoveTitle
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.renameTitle.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.renameTitle.html
new file mode 100644
index 00000000..b8ce5a6b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.renameTitle.html	
@@ -0,0 +1,48 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String / Function(treeId, treeNode)</span><span class="path">setting.edit.</span>renameTitle</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>the title of the rename button DOM. It is valid when <span class="highlight_red">[setting.edit.enable = true & setting.edit.showRenameBtn = true]</span></p>
+			<p>Default: "rename"</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p>When the mouse over the rename button, the browser auto pop-up message content.</p>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which show the rename button</p>
+	<h4 class="topLine"><b>Return </b><span>String</span></h4>
+	<p>return value is same as 'String Format'</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. Set title is 'rename the node' about all the rename button</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		showRenameBtn: true,
+		renameTitle: "rename the node"
+	}
+};
+......</code></pre>
+	<h4>2. Set title is 'rename the parent node' about the parent node, and is 'rename the leaf node' about the leaf node</h4>
+	<pre xmlns=""><code>function setRenameTitle(treeId, treeNode) {
+	return treeNode.isParent ? "rename the parent node":"rename the leaf node";
+}
+var setting = {
+	edit: {
+		enable: true,
+		showRenameBtn: true,
+		renameTitle: setRenameTitle
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.showRemoveBtn.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.showRemoveBtn.html
new file mode 100644
index 00000000..f0f1fe15
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.showRemoveBtn.html	
@@ -0,0 +1,50 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean / Function(treeId, treeNode)</span><span class="path">setting.edit.</span>showRemoveBtn</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Set to show or hide the remove button. It is valid when <span class="highlight_red">[setting.edit.enable = true]</span></p>
+			<p>When you click the remove button:</p>
+			<p>1. zTree will trigger the <span class="highlight_red">setting.callback.beforeRemove</span> callback, and you can decide whether to allow delete.</p>
+			<p>2. If you don't set the 'beforeRemove' or  the 'beforeRemove' callback return true, so zTree will trigger the <span class="highlight_red">setting.callback.onRemove</span> callback after remove the node.</p>
+			<p>Default: true</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: show the remove button</p>
+	<p> false means: hide the remove button</p>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which show the remove button</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>Return value is same as 'Boolean Format'</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. Hide the remove button</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		showRemoveBtn: false
+	}
+};
+......</code></pre>
+	<h4>2. Hide the remove button of parent node</h4>
+	<pre xmlns=""><code>function setRemoveBtn(treeId, treeNode) {
+	return !treeNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true,
+		showRemoveBtn: setRemoveBtn
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.showRenameBtn.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.showRenameBtn.html
new file mode 100644
index 00000000..4fe2f581
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.edit.showRenameBtn.html	
@@ -0,0 +1,52 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean / Function(treeId, treeNode)</span><span class="path">setting.edit.</span>showRenameBtn</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Set to show or hide the rename button. It is valid when <span class="highlight_red">[setting.edit.enable = true]</span></p>
+			<p>When you click the rename button:</p>
+			<p>1. Click the rename button, you can rename the node.</p>
+			<p>2. After rename operation (the input DOM blur or press the Enter Key), zTree will trigger the <span class="highlight_red">setting.callback.beforeRename</span> callback, and you can decide whether to allow rename.</p>
+			<p>3. If the 'beforeRename' callback return false, so zTree will keep the edit status. (Press the ESC key, can be restored to the original state.</p>
+			<p>4. If you don't set the 'beforeRename' or  the 'beforeRename' callback return true, so zTree will trigger the <span class="highlight_red">setting.callback.onRename</span> callback after rename the node.</p>
+			<p>Default: true</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: show the rename button</p>
+	<p> false means: hide the rename button</p>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which show the rename button</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>Return value is same as 'Boolean Format'</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. Hide the rename button</h4>
+	<pre xmlns=""><code>var setting = {
+	edit: {
+		enable: true,
+		showRenameBtn: false
+	}
+};
+......</code></pre>
+	<h4>2. Hide the rename button of parent node</h4>
+	<pre xmlns=""><code>function setRenameBtn(treeId, treeNode) {
+	return !treeNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true,
+		showRenameBtn: setRenameBtn
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.treeId.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.treeId.html
new file mode 100644
index 00000000..e4b04b37
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.treeId.html	
@@ -0,0 +1,14 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">setting.</span>treeId</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>zTree unique identifier. After the initialization, it equals to the id attribute value of the user-defined zTree container.</p>
+			<p class="highlight_red">Do not initialize or modify it, it is an internal argument.</p>
+		</div>
+	</div>
+
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.treeObj.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.treeObj.html
new file mode 100644
index 00000000..30eb66c4
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.treeObj.html	
@@ -0,0 +1,14 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Object</span><span class="path">setting.</span>treeObj</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>zTree DOM's jQuery object, the main function: easy to internal operations.</p>
+			<p class="highlight_red">Do not initialize or modify it, it is an internal argument.</p>
+		</div>
+	</div>
+
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.addDiyDom.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.addDiyDom.html
new file mode 100644
index 00000000..fa22befd
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.addDiyDom.html	
@@ -0,0 +1,40 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.view.</span>addDiyDom</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>This function used to display the custom control on the node.</p>
+			<p class="highlight_red">1. If you have huge node data, please note: this function will affect the initialization performance. If not required, it is recommended not to use this function.</p>
+			<p class="highlight_red">2. This function is an advanced application, please make sure that a better understanding of zTree before you use it.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which display the custom control.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. Display button in all nodes.</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		addDiyDom: addDiyDom
+	}
+};
+function addDiyDom(treeId, treeNode) {
+	var aObj = $("#" + treeNode.tId + "_a");
+	if ($("#diyBtn_"+treeNode.id).length>0) return;
+	var editStr = "&lt;span id='diyBtn_space_" +treeNode.id+ "' &gt; &lt;/span&gt;"
+		+ "&lt;button type='button' class='diyBtn1' id='diyBtn_" + treeNode.id
+		+ "' title='"+treeNode.name+"' onfocus='this.blur();'&gt;&lt;/button&gt;";
+	aObj.append(editStr);
+	var btn = $("#diyBtn_"+treeNode.id);
+	if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.addHoverDom.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.addHoverDom.html
new file mode 100644
index 00000000..1ea8b6d9
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.addHoverDom.html	
@@ -0,0 +1,45 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.view.</span>addHoverDom</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to display custom control when mouse move over the node. (e.g. the rename and remove button)</p>
+			<p class="highlight_red">If you use this function, so must set <span class="highlight_red">setting.view.removeHoverDom</span>, please make sure that a better understanding of zTree before you use it.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which need to display the custom control.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. Display a button when mouse move over the node, and hide the button when mouse move out.</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		addHoverDom: addHoverDom,
+		removeHoverDom: removeHoverDom,
+		......
+	}
+};
+function addHoverDom(treeId, treeNode) {
+	var aObj = $("#" + treeNode.tId + "_a");
+	if ($("#diyBtn_"+treeNode.id).length>0) return;
+	var editStr = "&lt;span id='diyBtn_space_" +treeNode.id+ "' &gt;&nbsp;&lt;/span&gt;"
+		+ "&lt;button type='button' class='diyBtn1' id='diyBtn_" + treeNode.id
+		+ "' title='"+treeNode.name+"' onfocus='this.blur();'&gt;&lt;/button&gt;";
+	aObj.append(editStr);
+	var btn = $("#diyBtn_"+treeNode.id);
+	if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+};
+function removeHoverDom(treeId, treeNode) {
+	$("#diyBtn_"+treeNode.id).unbind().remove();
+	$("#diyBtn_space_" +treeNode.id).unbind().remove();
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.autoCancelSelected.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.autoCancelSelected.html
new file mode 100644
index 00000000..8cc2fbb2
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.autoCancelSelected.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.view.</span>autoCancelSelected</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>When click the selected node while pressing the Ctrl key, allow to cancel selected the node.</p>
+			<p class="highlight_red">If you don't need this function, please set to false.</p>
+			<p>Default: true</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: press the Ctrl key, can cancel selected node.</p>
+	<p> false means: press the Ctrl key, can't cancel selected node.</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. Press the Ctrl key, can't cancel selected node.</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		autoCancelSelected: false
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.dblClickExpand.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.dblClickExpand.html
new file mode 100644
index 00000000..25176240
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.dblClickExpand.html	
@@ -0,0 +1,45 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean / Function(treeId, treeNode)</span><span class="path">setting.view.</span>dblClickExpand</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>When double-click the parent node, 'dblClickExpand' is used to decide whether to expand the parent node.</p>
+			<p>Default: true</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: When double-click the parent node, zTree will expand the parent node.</p>
+	<p> false means: When double-click the parent node, zTree will not expand the parent node.</p>
+	</div>
+	<h3>Function Pamameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which be double-clicked.</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>Return value is same as 'Boolean Format'</p>
+	</div>
+	<h3>Example of setting</h3>
+	<h4>1. When double-click the parent node, zTree will not expand the parent node.</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		dblClickExpand: false
+	}
+};
+......</code></pre>
+	<h4>2. When double-click the parent node, zTree will expand the parent node which level>0.</h4>
+	<pre xmlns=""><code>function dblClickExpand(treeId, treeNode) {
+	return treeNode.level > 0;
+};
+var setting = {
+	view: {
+		dblClickExpand: dblClickExpand
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.expandSpeed.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.expandSpeed.html
new file mode 100644
index 00000000..1911e74e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.expandSpeed.html	
@@ -0,0 +1,31 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String / Number</span><span class="path">setting.view.</span>expandSpeed</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The animation speed of expand or collapse node. As same as 'speed' parameter in jQuery</p>
+			<p class="highlight_red">In order to ensure zTree operating speed,  if use the IE6,  zTree will not use animation.</p>
+			<p>Default: "fast"</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p>e.g. "slow", "normal", or "fast"</p>
+	<p class="highlight_red">If set to "", zTree will not use animation.</p>
+	</div>
+	<h3>Number Format</h3>
+	<div class="desc">
+	<p>How long the animation will run. [Unit: ms] (e.g. 1000)</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. Set the animation speed to slow</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		expandSpeed: "slow"
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.fontCss.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.fontCss.html
new file mode 100644
index 00000000..1ad5f516
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.fontCss.html	
@@ -0,0 +1,42 @@
+<div class="apiDetail">
+<div>
+	<h2><span>JSON / Function(treeId, treeNode)</span><span class="path">setting.view.</span>fontCss</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Personalized text style, only applies to &lt;A&gt; object in the node DOM</p>
+			<p>Default: {}</p>
+		</div>
+	</div>
+	<h3>JSON Format</h3>
+	<div class="desc">
+	<p>As same as .css() method in jQuery. e.g. <span class="highlight_red">{color:"#ff0011", background:"blue"}</span></p>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which use the personalized text style</p>
+	<h4 class="topLine"><b>Return </b><span>JSON</span></h4>
+	<p>Return value is same as 'JSON Format'. e.g. <span class="highlight_red">{color:"#ff0011", background:"blue"}</span></p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. Don't modify css file, and set the node name's color to red</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		fontCss : {color:"red"}
+	}
+};</code></pre>
+	<h4>2. Don't modify css file, and set the root node name's color to red</h4>
+	<pre xmlns=""><code>function setFontCss(treeId, treeNode) {
+	return treeNode.level == 0 ? {color:"red"} : {};
+};
+var setting = {
+	view: {
+		fontCss: setFontCss
+	}
+};</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.nameIsHTML.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.nameIsHTML.html
new file mode 100644
index 00000000..4fe19ada
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.nameIsHTML.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.view.</span>nameIsHTML</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Set to use HTML in 'name' attribute.</p>
+			<p class="highlight_red">If allow HTML, please do check to avoid security issues, e.g. JavaScript Injection...</p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: 'name' attribute can be HTML.</p>
+	<p> false means: 'name' attribute is only TEXT.</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. Set to allow HTML</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		nameIsHTML: true
+	}
+};
+var node = {"name":"&lt;font color='red'&gt;test&lt;/font&gt;"};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.removeHoverDom.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.removeHoverDom.html
new file mode 100644
index 00000000..0c70aff2
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.removeHoverDom.html	
@@ -0,0 +1,45 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId, treeNode)</span><span class="path">setting.view.</span>removeHoverDom</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to hide custom control when mouse move out the node. (e.g. the rename and remove button)</p>
+			<p class="highlight_red">If you use this function, so must set <span class="highlight_red">setting.view.addHoverDom</span>, please make sure that a better understanding of zTree before you use it.</p>
+			<p>Default: null</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which need to hide the custom control.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. Display a button when mouse move over the node, and hide the button when mouse move out.</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		addHoverDom: addHoverDom,
+		removeHoverDom: removeHoverDom,
+		......
+	}
+};
+function addHoverDom(treeId, treeNode) {
+	var aObj = $("#" + treeNode.tId + "_a");
+	if ($("#diyBtn_"+treeNode.id).length>0) return;
+	var editStr = "&lt;span id='diyBtn_space_" +treeNode.id+ "' &gt;&nbsp;&lt;/span&gt;"
+		+ "&lt;button type='button' class='diyBtn1' id='diyBtn_" + treeNode.id
+		+ "' title='"+treeNode.name+"' onfocus='this.blur();'&gt;&lt;/button&gt;";
+	aObj.append(editStr);
+	var btn = $("#diyBtn_"+treeNode.id);
+	if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+};
+function removeHoverDom(treeId, treeNode) {
+	$("#diyBtn_"+treeNode.id).unbind().remove();
+	$("#diyBtn_space_" +treeNode.id).unbind().remove();
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.selectedMulti.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.selectedMulti.html
new file mode 100644
index 00000000..ffa129de
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.selectedMulti.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.view.</span>selectedMulti</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Set whether to allow select multiple nodes.</p>
+			<p>Default: true</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true mean: you can select multiple nodes.</p>
+	<p> false mean: you can only select one node.</p>
+	<p class="highlight_red">1. Press Ctrl key, you can select multiple nodes.</p>
+	<p class="highlight_red">2、This attribute don't affect the feature of cancel select node. ( please see setting.view.autoCancelSelected )</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. Only select one node.</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		selectedMulti: false
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.showIcon.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.showIcon.html
new file mode 100644
index 00000000..9adf0034
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.showIcon.html	
@@ -0,0 +1,45 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean / Function(treeId, treeNode)</span><span class="path">setting.view.</span>showIcon</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Set to show or hide node icon.</p>
+			<p>Default: true</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: show node icon.</p>
+	<p> false means: hide node icon.</p>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which need to show icon.</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>Return value is same as 'Boolean Format'</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. Hide node icon</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		showIcon: false
+	}
+};
+......</code></pre>
+	<h4>2. Hide node icon which level=2</h4>
+	<pre xmlns=""><code>function showIconForTree(treeId, treeNode) {
+	return treeNode.level != 2;
+};
+var setting = {
+	view: {
+		showIcon: showIconForTree
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.showLine.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.showLine.html
new file mode 100644
index 00000000..a5540149
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.showLine.html	
@@ -0,0 +1,26 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.view.</span>showLine</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Set to show or hide line.</p>
+			<p>Default: true</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: show line.</p>
+	<p> false means: hide line.</p>
+	</div>
+	<h3>Examples of setting</h3>
+	<h4>1. Hide line</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		showLine: false
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.showTitle.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.showTitle.html
new file mode 100644
index 00000000..66bb26e6
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.showTitle.html	
@@ -0,0 +1,47 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean / Function(treeId, treeNode)</span><span class="path">setting.view.</span>showTitle</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Set to show or hide the 'title' attribute of node DOM.</p>
+			<p class="highlight_red">Please see the <span class="highlight_red">setting.data.key.title</span> attribute</p>
+			<p>Default: true</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: show the 'title' attribute of node DOM.</p>
+	<p> false means: hide the 'title' attribute of node DOM.</p>
+	<p class="highlight_red">When setting.view.showTitle = true & setting.data.key.title = '', zTree will set the 'setting.data.key.name' attribute to the 'setting.data.key.title'.</p>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeId</b><span>String</span></h4>
+	<p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which need to show title.</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>Return value is same as 'Boolean Format'</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. Hide the 'title' attribute of node DOM.</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		showTitle: false
+	}
+};
+......</code></pre>
+	<h4>2. Hide the 'title' attribute of node DOM which level=2.</h4>
+	<pre xmlns=""><code>function showTitleForTree(treeId, treeNode) {
+	return treeNode.level != 2;
+};
+var setting = {
+	view: {
+		showTitle: showTitleForTree
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.txtSelectedEnable.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.txtSelectedEnable.html
new file mode 100644
index 00000000..a3809300
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/setting.view.txtSelectedEnable.html	
@@ -0,0 +1,26 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">setting.view.</span>txtSelectedEnable</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Set to allow or don't allow to select the text which in zTree's DOM.</p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: Allow to select the txt which in zTree's DOM.</p>
+	<p> false means: Don't allow to select the txt which in zTree's DOM.</p>
+	</div>
+	<h3>Examples of setting & function</h3>
+	<h4>1. Allow to select the txt which in zTree's DOM.</h4>
+	<pre xmlns=""><code>var setting = {
+	view: {
+		txtSelectedEnable: true
+	}
+};
+......</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.check_Child_State.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.check_Child_State.html
new file mode 100644
index 00000000..48efb79a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.check_Child_State.html	
@@ -0,0 +1,43 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Number</span><span class="path">treeNode.</span>check_Child_State</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to record the node's half-checked state about its all child nodes's checkbox or radio. It is valid when <span class="highlight_red">[setting.check.enable = true]</span></p>
+			<p class="highlight_red">zTree v3.x provides treeNode.getCheckStatus () method to get an accurate the half-checked status.</p>
+			<p class="highlight_red">Do not initialize or modify it, it is an internal argument.</p>
+			<p>Default: true</p>
+		</div>
+	</div>
+	<h3>Number Format</h3>
+	<div class="desc">
+	<p>Rules:</p>
+	<table width="100%" border="0" cellspacing="1" cellpadding="0">
+		<thead>
+			<tr><td colspan="4">setting.check.checkType = "checkbox"</td></tr>
+			<tr><td>treeNode.check_Child_State</td><td>Checked Status Description</td></tr>
+		</thead>
+		<tbody>
+			<tr><td>-1</td><td>Has no child nodes or all child nodes's 'nocheck' attribute is true.</td></tr>
+			<tr><td>0</td><td>All of the child nodes has not been checked.</td></tr>
+			<tr><td>1</td><td>Some of the child nodes has been checked.</td></tr>
+			<tr><td>2</td><td>All of the child nodes has been checked.</td></tr>
+		</tbody>
+	</table>
+	<br/>
+	<table width="100%" border="0" cellspacing="1" cellpadding="0">
+		<thead>
+			<tr><td colspan="4">setting.check.checkType = "radio"</td></tr>
+			<tr><td>treeNode.check_Child_State</td><td>Checked Status Description</td></tr>
+		</thead>
+		<tbody>
+			<tr><td>-1</td><td>Has no child nodes or all child nodes's 'nocheck' attribute is true.</td></tr>
+			<tr><td>0</td><td>All of the child nodes has not been checked.</td></tr>
+			<tr><td>2</td><td>Some of the child nodes has been checked.</td></tr>
+		</tbody>
+	</table>
+	</div>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.check_Focus.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.check_Focus.html
new file mode 100644
index 00000000..77b73598
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.check_Focus.html	
@@ -0,0 +1,19 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>check_Focus</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to record the status which the checkbox or radio get focus. It is valid when <span class="highlight_red">[setting.check.enable = true]</span></p>
+			<p class="highlight_red">Do not initialize or modify it, it is an internal argument.</p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p>true means: mouse move over the checkbox</p>
+	<p>false means: mouse move out the checkbox</p>
+	</div>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.checked.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.checked.html
new file mode 100644
index 00000000..8a55f3d6
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.checked.html	
@@ -0,0 +1,32 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>checked</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The checked status about node's checkbox or radio. It is valid when <span class="highlight_red">[setting.check.enable = true & treeNode.nocheck = false]</span></p>
+			<p class="highlight_red">1. If change the 'checked' to other attribute, please set the 'setting.data.key.checked' attribute.</p>
+			<p class="highlight_red">2. If you create node data, and set 'checked' attribute to true, zTree will check this node's checkbox or radio when zTree is initialized.</p>
+			<p class="highlight_red">3. Use the treeObj.checkNode or checkAllNodes or updateNode method, you can check or uncheck the node. Please see the API about these methods.</p>
+			<p class="highlight_red">4. zTree support identification string 'true' & 'false'.</p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p>true means: check the checkbox or radio when zTree is initialized.</p>
+	<p>false means: uncheck the checkbox or radio when zTree is initialized.</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. check the checkbox when zTree is initialized</h4>
+	<pre xmlns=""><code>var nodes = [
+{ "id":1, "name":"test1", checked:true },
+{ "id":2, "name":"test2", checked:true }
+]</code></pre>
+	<h4>2. Get the checked status of the first root node</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var checked = treeObj.getNodes()[0].checked;
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.checkedOld.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.checkedOld.html
new file mode 100644
index 00000000..ee516260
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.checkedOld.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>checkedOld</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The checked status about node's checkbox or radio when zTree was initialized. It is valid when <span class="highlight_red">[setting.check.enable = true & treeNode.nocheck = false]</span></p>
+			<p class="highlight_red">1. Do not initialize it, it will be initialized when the node is initialized.</p>
+			<p class="highlight_red">2. If you need to achieve special features, you can use the zTreeObj.getChangeCheckedNodes method and modify the value of 'checkedOld' attribute.</p>
+			<p>Default: the value of 'checked' attribute when zTree is initialized</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p>true means: the checkbox or radio is checked when zTree is initialized.</p>
+	<p>false means: the checkbox or radio is not checked when zTree is initialized.</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Get the original checked status of the first root node</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var checkedOld = treeObj.getNodes()[0].checkedOld;
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.children.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.children.html
new file mode 100644
index 00000000..d765bb96
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.children.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Array(JSON)</span><span class="path">treeNode.</span>children</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The data collections of node's child nodes.</p>
+			<p class="highlight_red">1. If change the 'children' to other attribute, please set the 'setting.data.key.children' attribute.</p>
+			<p class="highlight_red">2. If you set to use dynamic tree, when a node is expanded which 'isParent' attribute is true and which has no child nodes, zTree will use ajax to get its child nodes.</p>
+			<p>Default: undefined</p>
+		</div>
+	</div>
+	<h3>Array(JSON) Format</h3>
+	<div class="desc">
+	<p>Standard JSON Data object</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Use the standard JSON data object.</h4>
+	<pre xmlns=""><code>var nodes = [
+{ "id":1, "name":"test1",
+	children: [
+	{ "id":3, "name":"test3"},
+	{ "id":4, "name":"test4"},
+	{ "id":5, "name":"test5"}
+	]
+},
+{ "id":2, "name":"test2"  }
+]</code></pre>
+	<h4>2. Get the first root node's child nodes</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes()[0].children;
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.chkDisabled.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.chkDisabled.html
new file mode 100644
index 00000000..7a5fcf38
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.chkDisabled.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>chkDisabled</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>1. Set node's checkbox / radio to disabled. It is valid when <span class="highlight_red">[setting.check.enable = true]</span></p>
+			<p class="highlight_red">2. zTree support identification string 'true' & 'false'.</p>
+			<p class="highlight_red">3. Please don't change this attribute of the nodes which have been created. If you want to disable or undisable the nodes, please use 'setChkDisabled()' methods.</p>
+			<p class="highlight_red">4. When zTree initialize the nodes, if you need to the child nodes automatically inherit the 'chkDisabled' attribute, please see 'setting.check.chkDisabledInherit'.</p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p class="highlight_red">true means: this node's checkbox / radio is disabled.</p>
+	<p class="highlight_red">false means: this node's checkbox / radio is able.</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. disable some node's checkbox / radio </h4>
+	<pre xmlns=""><code>var nodes = [
+	{ "id":1, "name":"test1", "checked":true, "chkDisabled":true},
+	{ "id":2, "name":"test2", "chkDisabled":true},
+	{ "id":3, "name":"test3"}
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.click.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.click.html
new file mode 100644
index 00000000..1f9db626
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.click.html	
@@ -0,0 +1,24 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>click</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Simple click event operations. As same as : (onclick ="...") the code. If the operation is more complex, please use the onClick callback.</p>
+			<p class="highlight_red">Because IE is different to other browsers in operating the event of ‘onclick’ and ‘click’ coexistence, please do not use this parameter to control whether to allow the redirection operation (for example: treeNode.click = "return false;"). If there is similar requirements, please do not use the 'url' attribute to save the website address, but use the 'onClick' callback to control jumps.</p>
+			<p>Default: undefined</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p>Standard javascript syntax, for example: alert ("test"); etc.</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. When click this node, will alert msg.</h4>
+	<pre xmlns=""><code>var nodes = [
+	{ "id":1, "name":"Google CN", "url":"http://g.cn", "click":"alert('test');"},
+	......
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.diy.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.diy.html
new file mode 100644
index 00000000..68c39ba6
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.diy.html	
@@ -0,0 +1,15 @@
+<div class="apiDetail">
+<div>
+	<h2><span>?</span><span class="path">treeNode.</span>* DIY *</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to save other custom data of node, do not use the same attribute name with ztree used, the user can freely set.</p>
+		</div>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Use 'ename' attribute to save more info</h4>
+	<pre xmlns=""><code>var node = { "id":1, "name":"test1", "ename":"test eName"};</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.editNameFlag.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.editNameFlag.html
new file mode 100644
index 00000000..f60ef2ab
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.editNameFlag.html	
@@ -0,0 +1,19 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>editNameFlag</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to save the node editing name status. It is valid when <span class="highlight_red">[setting.edit.enable = true]</span></p>
+			<p class="highlight_red">Do not initialize or modify it, it is an internal argument.</p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p>true means: node is being edited.</p>
+	<p>false means: node is not being edited.</p>
+	</div>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.getCheckStatus.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.getCheckStatus.html
new file mode 100644
index 00000000..3c9a2e6b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.getCheckStatus.html	
@@ -0,0 +1,63 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function()</span><span class="path">treeNode.</span>getCheckStatus</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Get the node's half-checked status of checkbox or radio. It is valid when <span class="highlight_red">[setting.check.enable = true]</span></p>
+			<p class="highlight_red">Do not initialize or modify it, it is created by the zTree.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>Return</b><span>JSON</span></h4>
+	<pre xmlns=""><code>{
+	checked: true, //As same as 'treeNode.checked'
+	half: true  //Rule the table below
+}</code></pre>
+	<table width="100%" border="0" cellspacing="1" cellpadding="0">
+		<thead>
+			<tr><td colspan="4">setting.check.checkType = "checkbox"</td></tr>
+			<tr><td>treeNode.checked</td><td>treeNode.check_Child_State</td><td>treeNode.halfCheck</td><td> half </td></tr>
+		</thead>
+		<tbody>
+			<tr><td>-</td><td>-</td><td>true</td><td>true</td></tr>
+			<tr><td colspan="4">&nbsp;</td></tr>
+			<tr><td>true</td><td>-1</td><td>false</td><td>false</td></tr>
+			<tr><td>true</td><td>0</td><td>false</td><td>true</td></tr>
+			<tr><td>true</td><td>1</td><td>false</td><td>true</td></tr>
+			<tr><td>true</td><td>2</td><td>false</td><td>false</td></tr>
+			<tr><td colspan="4">&nbsp;</td></tr>
+			<tr><td>false</td><td>-1</td><td>false</td><td>false</td></tr>
+			<tr><td>false</td><td>0</td><td>false</td><td>false</td></tr>
+			<tr><td>false</td><td>1</td><td>false</td><td>true</td></tr>
+			<tr><td>false</td><td>2</td><td>false</td><td>true</td></tr>
+		</tbody>
+	</table>
+	<br/>
+	<table width="100%" border="0" cellspacing="1" cellpadding="0">
+		<thead>
+			<tr><td colspan="4">setting.check.checkType = "radio"</td></tr>
+			<tr><td>treeNode.checked</td><td>treeNode.check_Child_State</td><td>treeNode.halfCheck</td><td> half </td></tr>
+		</thead>
+		<tbody>
+			<tr><td>-</td><td>-</td><td>true</td><td>true</td></tr>
+			<tr><td colspan="4">&nbsp;</td></tr>
+			<tr><td>true</td><td>-1</td><td>false</td><td>false</td></tr>
+			<tr><td>true</td><td>0</td><td>false</td><td>false</td></tr>
+			<tr><td>true</td><td>2</td><td>false</td><td>true</td></tr>
+			<tr><td colspan="4">&nbsp;</td></tr>
+			<tr><td>false</td><td>-1</td><td>false</td><td>false</td></tr>
+			<tr><td>false</td><td>0</td><td>false</td><td>false</td></tr>
+			<tr><td>false</td><td>2</td><td>false</td><td>true</td></tr>
+		</tbody>
+	</table>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Get the first root node's half-checked status</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var halfCheck = treeObj.getNodes()[0].getCheckStatus();
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.getNextNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.getNextNode.html
new file mode 100644
index 00000000..755aa6ee
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.getNextNode.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function()</span><span class="path">treeNode.</span>getNextNode</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Get the treeNode's next sibling node.</p>
+			<p class="highlight_red">Do not initialize or modify it, it is created by the zTree.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>Return</b><span>JSON</span></h4>
+	<p>JSON data object of the treeNode's next sibling node</p>
+	<p class="highlight_red">If have not the next node, return null.</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Get the first selected node's next sibling node.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var node = sNodes[0].getNextNode();
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.getParentNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.getParentNode.html
new file mode 100644
index 00000000..16bab306
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.getParentNode.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function()</span><span class="path">treeNode.</span>getParentNode</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Get the treeNode's parent node.</p>
+			<p class="highlight_red">Do not initialize or modify it, it is created by the zTree.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>Return</b><span>JSON</span></h4>
+	<p>JSON data object of treeNode's parent node.</p>
+	<p class="highlight_red">If treeNode is root, return null.</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Get the first selected node's parent node.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var node = sNodes[0].getParentNode();
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.getPreNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.getPreNode.html
new file mode 100644
index 00000000..f6745b14
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.getPreNode.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function()</span><span class="path">treeNode.</span>getPreNode</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Get the treeNode's previous sibling node.</p>
+			<p class="highlight_red">Do not initialize or modify it, it is created by the zTree.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>Return</b><span>JSON</span></h4>
+	<p>JSON data object of the treeNode's previous sibling node</p>
+	<p class="highlight_red">If have not the previous node, return null.</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Get the first selected node's previous sibling node.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var node = sNodes[0].getPreNode();
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.halfCheck.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.halfCheck.html
new file mode 100644
index 00000000..8375326b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.halfCheck.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>halfCheck</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Force node checkBox / radio to the half-checked status. It is valid when <span class="highlight_red">[setting.check.enable = true & treeNode.nocheck = false]</span></p>
+			<p class="highlight_red">1. If you force to the half-checked status, zTree will not automatically calculated the half-checked status about this node.</p>
+			<p class="highlight_red">2. Until you set treeNode.halfCheck to false or null, zTree will automatically calculated the half-checked status about this node.</p>
+			<p class="highlight_red">3. zTree support identification string 'true' & 'false'.</p>
+			<p>Defaul: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p>true means: the checkbox or radio is half-checked when zTree is initialized.</p>
+	<p>false means: the half-checked status will be automatically calculated</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. set the half-checked status when zTree is initialized</h4>
+	<pre xmlns=""><code>var nodes = [
+{ "id":1, "name":"test1", isParent:true, checked:true, halfCheck:true },
+{ "id":2, "name":"test2", isParent:true, checked:false, halfCheck:true },
+{ "id":3, "name":"test3", isParent:true, checked:true },
+{ "id":4, "name":"test4", isParent:true, checked:false }
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.icon.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.icon.html
new file mode 100644
index 00000000..4e1c99fa
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.icon.html	
@@ -0,0 +1,33 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>icon</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>URL path of node's custom icon.</p>
+			<p class="highlight_red">1. If you only set the 'icon' attribute to parent node, the parent node will only show one icon when it is expanded or collapsed.</p>
+			<p class="highlight_red">2. If you need to show two icons when it is expanded or collapsed, please set the 'treeNode.iconOpen' and 'treeNode.iconClose' attribute.</p>
+			<p class="highlight_red">3. If you need to use css to set the custom icon, please set the 'treeNode.iconSkin' attribute.</p>
+			<p>Default: undefined</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p>Icon image url can be a relative path or absolute path.</p>
+	<p class="highlight_red">If use a relative path, please note the relationship between icon image and the page, ensure the correct image path.</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Set the custom icon</h4>
+	<pre xmlns=""><code>var nodes = [
+	//Only show one icon when it is expanded or collapsed.
+	{ name:"Parent Node 1", icon:"/img/parent.gif"},
+
+	//Show two icons when it is expanded or collapsed.
+	{ name:"Parent Node 2", iconOpen:"/img/open.gif", iconClose:"/img/close.gif"},
+
+	//the custom icon for leaf node
+	{ name:"Leaf Node", icon:"/img/leaf.gif"}
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.iconClose.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.iconClose.html
new file mode 100644
index 00000000..2259e8f3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.iconClose.html	
@@ -0,0 +1,33 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>iconClose</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>URL path of parent node's custom icon when it is collapsed.</p>
+			<p class="highlight_red">1. Only parent node support this attribute.</p>
+			<p class="highlight_red">2. This attribute must be used simultaneously with 'iconOpen' attribute.</p>
+			<p class="highlight_red">3. If you need to use css to set the custom icon, please set the 'treeNode.iconSkin' attribute.</p>
+			<p>Default: undefined</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p>Icon image url can be a relative path or absolute path.</p>
+	<p class="highlight_red">If use a relative path, please note the relationship between icon image and the page, ensure the correct image path.</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Set the custom icon</h4>
+	<pre xmlns=""><code>var nodes = [
+	//Only show one icon when it is expanded or collapsed.
+	{ name:"Parent Node 1", icon:"/img/parent.gif"},
+
+	//Show two icons when it is expanded or collapsed.
+	{ name:"Parent Node 2", iconOpen:"/img/open.gif", iconClose:"/img/close.gif"},
+
+	//the custom icon for leaf node
+	{ name:"Leaf Node", icon:"/img/leaf.gif"}
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.iconOpen.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.iconOpen.html
new file mode 100644
index 00000000..3203615d
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.iconOpen.html	
@@ -0,0 +1,33 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>iconOpen</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>URL path of parent node's custom icon when it is expanded.</p>
+			<p class="highlight_red">1. Only parent node support this attribute.</p>
+			<p class="highlight_red">2. This attribute must be used simultaneously with 'iconClose' attribute.</p>
+			<p class="highlight_red">3. If you need to use css to set the custom icon, please set the 'treeNode.iconSkin' attribute.</p>
+			<p>Default: undefined</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p>Icon image url can be a relative path or absolute path.</p>
+	<p class="highlight_red">If use a relative path, please note the relationship between icon image and the page, ensure the correct image path.</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Set the custom icon</h4>
+	<pre xmlns=""><code>var nodes = [
+	//Only show one icon when it is expanded or collapsed.
+	{ name:"Parent Node 1", icon:"/img/parent.gif"},
+
+	//Show two icons when it is expanded or collapsed.
+	{ name:"Parent Node 2", iconOpen:"/img/open.gif", iconClose:"/img/close.gif"},
+
+	//the custom icon for leaf node
+	{ name:"Leaf Node", icon:"/img/leaf.gif"}
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.iconSkin.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.iconSkin.html
new file mode 100644
index 00000000..fca7fbf2
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.iconSkin.html	
@@ -0,0 +1,43 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>iconSkin</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The className of node's custom icon.</p>
+			<p class="highlight_red">1. You need to modify the css, add the definition of className.</p>
+			<p class="highlight_red">2. The css is simple, convenient, and support the parent node to switch icons when it is expanded or collapsed.</p>
+			<p class="highlight_red">3. Recommend the use of CSS Sprites, can reduce repeating load the image, to avoid image flicker.</p>
+			<p class="highlight_red">4. The 'iconSkin' support IE6 in zTree v3.x.</p>
+			<p class="highlight_red">5. If you need to use image's URL to set the custom icon, please set the 'treeNode.icon' or 'treeNode.iconOpen' or 'treeNode.iconClose' attribute.</p>
+			<p>Default: undefined</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p>The string about custom icon's className.</p>
+	</div>
+	<h3>Examples of css & treeNode</h3>
+	<h4>1. Set the custom icon</h4>
+	<pre xmlns=""><code>css example：
+.ztree li span.button.diy01_ico_open, .ztree li span.button.diy01_ico_close{...}
+
+.ztree li span.button.diy02_ico_open{...}
+.ztree li span.button.diy02_ico_close{...}
+
+.ztree li span.button.diy03_ico_docu{...}
+
+node's data example：
+var nodes = [
+	//Only show one icon when it is expanded or collapsed.
+	{ name:"Parent Node 1", iconSkin:"diy01"},
+
+	//Show two icons when it is expanded or collapsed.
+	{ name:"Parent Node 2", iconSkin:"diy02"},
+
+	//the custom icon for leaf node
+	{ name:"Leaf Node", iconSkin:"diy03"}
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isAjaxing.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isAjaxing.html
new file mode 100644
index 00000000..ddadf41b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isAjaxing.html	
@@ -0,0 +1,26 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>isAjaxing</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Judge whether the node's child nodes being loaded asynchronously.</p>
+			<p class="highlight_red">Do not initialize or modify it, it is created by the zTree.</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: the node's child nodes is being loaded asynchronously</p>
+	<p> false means: the node's child nodes is not being loaded asynchronously</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Judge whether the first selected node's child nodes being loaded asynchronously</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isAjaxing = sNodes[0].isAjaxing;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isFirstNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isFirstNode.html
new file mode 100644
index 00000000..a8ee61ce
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isFirstNode.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>isFirstNode</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Judge whether the node is the sibling nodes's first node.</p>
+			<p class="highlight_red">If you use the 'exhide' pack, so this attribute will only support the node which be shown. </p>
+			<p class="highlight_red">Do not initialize or modify it, it is created by the zTree.</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: the node is first node.</p>
+	<p> false means: the node is not first node.</p>
+	<p class="highlight_red">If the node has been hidden, isFirstNode = false</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Judge whether the first selected node is the sibling nodes's first node.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isFirstNode = sNodes[0].isFirstNode;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isHidden.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isHidden.html
new file mode 100644
index 00000000..3a07b94c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isHidden.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>isHidden</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exhide</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Judge whether the node has been hidden.</p>
+			<p class="highlight_red">1. When initialize zTree, the nodes which be set 'isHidden = true' will be hidden.</p>
+			<p class="highlight_red"></p>
+			<p class="highlight_red">2. Please don't change this attribute of the nodes which have been created. If you want to hide or show nodes, please use 'hideNode() / hideNodes() / showNode() / showNodes()' methods.</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: this node is hidden.</p>
+	<p> false means: this node is shown.</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Judge whether the first root node has been hidden.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getNodes();
+if (sNodes.length > 0) {
+	var isHidden = sNodes[0].isHidden;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isHover.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isHover.html
new file mode 100644
index 00000000..e18ed0cf
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isHover.html	
@@ -0,0 +1,19 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>isHover</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to record the hover status of node's DOM. For 'setting.view.addHoverDom / removeHoverDom'.</p>
+			<p class="highlight_red">Do not initialize or modify it, it is an internal argument.</p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p>true means: the node's DOM is in hover.</p>
+	<p>false means: the node's DOM is not in hover.</p>
+	</div>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isLastNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isLastNode.html
new file mode 100644
index 00000000..cd2ca26b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isLastNode.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>isLastNode</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Judge whether the node is the sibling nodes's last node.</p>
+			<p class="highlight_red">If you use the 'exhide' pack, so this attribute will only support the node which be shown. </p>
+			<p class="highlight_red">Do not initialize or modify it, it is created by the zTree.</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: the node is last node.</p>
+	<p> false means: the node is not last node.</p>
+	<p class="highlight_red">If the node has been hidden, isLastNode = false</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Judge whether the first selected node is the sibling nodes's last node.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isLastNode = sNodes[0].isLastNode;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isParent.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isParent.html
new file mode 100644
index 00000000..dad4b819
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.isParent.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>isParent</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Judge whether the node is the parent node.</p>
+			<p class="highlight_red">1. When zTree initialize the node data, the node which has children is set to true, otherwise false.</p>
+			<p class="highlight_red">2. When zTree initialize the node data, if set treeNode.isParent to true, the node will be set to be parent node.</p>
+			<p class="highlight_red">3. In order to solve the problem of someone make json data, supporting "false", "true" format of the data string.</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: the node is parent node.</p>
+	<p> false means: the node is not parent node.</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Judge whether the first selected node is the parent node.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isParent = sNodes[0].isParent;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.level.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.level.html
new file mode 100644
index 00000000..d1511624
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.level.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Number</span><span class="path">treeNode.</span>level</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The level of node</p>
+			<p class="highlight_red">Do not initialize or modify it, it is created by the zTree.</p>
+		</div>
+	</div>
+	<h3>Number Format</h3>
+	<div class="desc">
+	<p class="highlight_red">The root node's level = 0, and next level = 1, ...</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Get the first selected node's level</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var level = sNodes[0].level;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.name.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.name.html
new file mode 100644
index 00000000..fa508ccb
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.name.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>name</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The node's name</p>
+			<p class="highlight_red">1. If you want to change 'name' attribute, please modify the 'setting.data.key.name' attribute.</p>
+			<p>Default: undenfined</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p>String object. The HTML special characters are escaped</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Set node's name to 'test1', 'test2', 'test3'</h4>
+	<pre xmlns=""><code>var nodes = [
+	{ "id":1, "name":"test1"},
+	{ "id":2, "name":"test2"},
+	{ "id":3, "name":"test3"}
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.nocheck.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.nocheck.html
new file mode 100644
index 00000000..6c4880c8
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.nocheck.html	
@@ -0,0 +1,26 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>nocheck</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>1. Set node to hide the checkbox or radio. It is valid when <span class="highlight_red">[setting.check.enable = true]</span></p>
+			<p class="highlight_red">2. zTree support identification string 'true' & 'false'.</p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p class="highlight_red">true means: the node hide the checkbox or radio, and don't affect the checked association, and don't affect its parent node's half-checked status.</p>
+	<p class="highlight_red">false means: the node show the checkbox or radio.</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Hide some node's checkbox / radio </h4>
+	<pre xmlns=""><code>var nodes = [
+	{ "id":1, "name":"test1", "nocheck":true},
+	{ "id":2, "name":"test2"},
+	{ "id":3, "name":"test3"}
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.open.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.open.html
new file mode 100644
index 00000000..bc910de3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.open.html	
@@ -0,0 +1,30 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>open</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to record the parent node's expand status.</p>
+			<p class="highlight_red">1. When zTree initialize the node data, if you set treeNode.open = true, zTree will default expand this parent node.</p>
+			<p class="highlight_red">2. Leaf node's 'open' attribute is false.</p>
+			<p class="highlight_red">3. In order to solve the problem of someone make json data, supporting "false", "true" format of the data string.</p>
+			<p class="highlight_red">4. When setting.async.enable = false, the parent node will be expanded which have no child nodes and its attribute 'open' is true. (v3.5.15+)  </p>
+			<p>Default: false</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: the parent node is expanded.</p>
+	<p> false means: the parent node is collapsed.</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Get the first selected node's expand status.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isOpen = sNodes[0].open;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.parentTId.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.parentTId.html
new file mode 100644
index 00000000..0bc2a6d6
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.parentTId.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>parentTId</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The unique identifier of node's parent node.</p>
+			<p class="highlight_red">1. zTree v3.x using 'parentTId' replaced the original 'parentNode' attribute, and increased getParentNode () method, in order to avoid the original 'parentNode' cause the clone () method infinite loop.</p>
+			<p class="highlight_red">2. Do not initialize or modify it, it is created by the zTree.</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p>String object of node's parent node's tId. please see API about 'treeNode.tId'</p>
+	<p class="highlight_red">If treeNode is root node, parentTId is null.</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Get the first selected node's parent node's tId</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var parentTId = sNodes[0].parentTId;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.tId.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.tId.html
new file mode 100644
index 00000000..18c2855a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.tId.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>tId</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The unique identifier of node.</p>
+			<p class="highlight_red">Do not initialize or modify it, it is created by the zTree.</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p>tId rules: setting.treeId + "_" + zTree counter</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Get the first selected node's tId</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var tId = sNodes[0].tId;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.target.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.target.html
new file mode 100644
index 00000000..176a7a35
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.target.html	
@@ -0,0 +1,24 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>target</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Used to set the target where the node is clicked to open url. It is valid when <span class="highlight_red">[treeNode.url exists]</span></p>
+			<p>Default: undefined</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p>As same as &lt;a&gt; tag's 'target' attribute. e.g.  '_blank', '_self' or other window name.</p>
+	<p>if this attribute is omitted, zTree default set it to '_blank'</p>
+	</div>
+	<h3>Exmaples of treeNode</h3>
+	<h4>1. Set target is '_blank'</h4>
+	<pre xmlns=""><code>var nodes = [
+	{ "id":1, "name":"test1", "url":"http://myTest.com", "target":"_blank"},
+	......
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.url.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.url.html
new file mode 100644
index 00000000..55524455
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.url.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>String</span><span class="path">treeNode.</span>url</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The URL of node link</p>
+			<p class="highlight_red">1. In edit mode (setting.edit.enable = true) , this feature fails. If you must use a similar feature, please use the 'onClick' callback for their own control.</p>
+			<p class="highlight_red">2. If you use  the 'onClick' callback function to control opening URL , then set the URL  in the other custom attribute, do not use the 'url' attribute.</p>
+			<p>Default: undefined</p>
+		</div>
+	</div>
+	<h3>String Format</h3>
+	<div class="desc">
+	<p>As same as &lt;a&gt; tag's 'href' attribute.</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Set the URL is 'g.cn'</h4>
+	<pre xmlns=""><code>var nodes = [
+	{ "id":1, "name":"Google CN", "url":"http://g.cn"},
+	......
+]</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.zAsync.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.zAsync.html
new file mode 100644
index 00000000..b3ff4145
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/treeNode.zAsync.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Boolean</span><span class="path">treeNode.</span>zAsync</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Judge whether the parent node's child nodes will be loaded asynchronously when the parent node is expanded.</p>
+			<p class="highlight_red">Do not initialize or modify it, it is created by the zTree.</p>
+			<p class="highlight_red">Default：false (the parent node which have no child nodes); true (the parent node which have child nodes or the leaf node)</p>
+		</div>
+	</div>
+	<h3>Boolean Format</h3>
+	<div class="desc">
+	<p> true means: the node's child nodes will not be loaded asynchronously when the parent node is expanded.</p>
+	<p> false means: the node's child nodes will be loaded asynchronously when the parent node is expanded.</p>
+	<p class="highlight_red"> This attribute will not effect to 'reAsyncChildNodes()' method</p>
+	</div>
+	<h3>Examples of treeNode</h3>
+	<h4>1. Judge whether the first selected node's child nodes has been loaded asynchronously</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var zAsync = sNodes[0].zAsync;
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.addNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.addNodes.html
new file mode 100644
index 00000000..680ccc4e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.addNodes.html	
@@ -0,0 +1,42 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(parentNode, newNodes, isSilent)</span><span class="path">zTreeObj.</span>addNodes</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Add nodes</p>
+			<p class="highlight_red">In order to avoid duplication data resulting from repeated initialization, zTree v3.x will automatically clone node data when zTree initialized or add nodes. If you need to get the data objects within the zTree, please get the return value of this method.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>parentNode</b><span>JSON</span></h4>
+	<p>The additional node's parent node. If additional node is root node, please the parentNode is null.</p>
+	<p class="highlight_red">Please ensure this node data object is a data object within zTree.</p>
+	<h4 class="topLine"><b>newNodes</b><span>JSON / Array(JSON)</span></h4>
+	<p>The node data's JSON object collection which need to increase, refer to 'treeNode treeNode data details'</p>
+	<p class="highlight_red">1. zTree v3.x support to add single node, that is, if you only add a node, you can don't use the array.</p>
+	<p class="highlight_red">2. If you use simple data model, please refer to the attributes within the 'setting.data.simpleData'.</p>
+	<h4 class="topLine"><b>isSilent</b><span>Boolean</span></h4>
+	<p>Set whether to automatically expand the parent node, after add nodes.</p>
+	<p>isSilent = true means: don't auto expand the parent node. Otherwise auto expand.</p>
+	<h4 class="topLine"><b>Return </b><span>Array(JSON)</span></h4>
+	<p>return the new nodes in zTree</p>
+	<p class="highlight_red">If the newNodes is single data object, the return value is a array with length is 1.</p>
+	<p class="highlight_red">Note: the node data JSON object in the return value is not equal to the JSON object in the 'newNodes'.</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Add one root node to zTree which id is 'tree'</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var newNode = {name:"newNode1"};
+newNode = treeObj.addNodes(null, newNode);
+</code></pre>
+	<h4>2. Add three root nodes to zTree which id is 'tree'</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var newNodes = [{name:"newNode1"}, {name:"newNode2"}, {name:"newNode3"}];
+newNodes = treeObj.addNodes(null, newNodes);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.cancelEditName.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.cancelEditName.html
new file mode 100644
index 00000000..8afdae0b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.cancelEditName.html	
@@ -0,0 +1,30 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(newName)</span><span class="path">zTreeObj.</span>cancelEditName</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Cancel the edit name status. Can restore the original name, and can also force assigned to a new name.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>newName</b><span>String</span></h4>
+	<p>Re given a new name</p>
+	<p class="highlight_red">If this parameter is omitted, then restore the original name.</p>
+	<h4 class="topLine"><b>Return </b><span>none</span></h4>
+	<p>no return value</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Cancel edit name, and restore the original name.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.cancelEditName();
+</code></pre>
+	<h4>2. Cancel edit name , and set the new name.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.cancelEditName("test_new_name");
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.cancelSelectedNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.cancelSelectedNode.html
new file mode 100644
index 00000000..581c2d2b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.cancelSelectedNode.html	
@@ -0,0 +1,35 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode)</span><span class="path">zTreeObj.</span>cancelSelectedNode</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>To cancel the selected node.</p>
+			<p class="highlight_red">zTree v3.x support to select multiple nodes, so you can cancel a single selected node, and you can cancel all of the selected nodes too.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which need to cancel selected.</p>
+	<p class="highlight_red">Please ensure that this data object is an internal node data object in zTree.</p>
+	<p class="highlight_red">If you omit this parameter,  zTree will cancel all of the selected nodes.</p>
+	<h4 class="topLine"><b>Return </b><span>none</span></h4>
+	<p>no return value</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Cancel all of the selected nodes</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.cancelSelectedNode();
+</code></pre>
+	<h4>2. Cancel the first node of the selected nodes</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNode();
+if (nodes.length>0) { 
+	treeObj.cancelSelectedNode(nodes[0]);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.checkAllNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.checkAllNodes.html
new file mode 100644
index 00000000..276b6294
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.checkAllNodes.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(checked)</span><span class="path">zTreeObj.</span>checkAllNodes</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Check or unCheck all nodes which have been initialized. It is valid when <span class="highlight_red">[setting.check.enable = true & setting.check.chkStyle = "checkbox"]</span></p>
+			<p class="highlight_red">This method does not trigger 'beforeCheck' or 'onCheck' callback function.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>checked</b><span>Boolean</span></h4>
+	<p>checked = true means: check all nodes.</p>
+	<p>checked = false means: uncheck all nodes.</p>
+	<p class="highlight_red">Don't affect the node which 'nochecked' attribute is true.</p>
+	<p class="highlight_red">Don't affect the node is not loaded.</p>
+	<h4 class="topLine"><b>Return </b><span>none</span></h4>
+	<p>no return value</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. check all nodes</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.checkAllNodes(true);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.checkNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.checkNode.html
new file mode 100644
index 00000000..7411ef86
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.checkNode.html	
@@ -0,0 +1,44 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode, checked, checkTypeFlag, callbackFlag)</span><span class="path">zTreeObj.</span>checkNode</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Check or unCheck a single node. It is valid when <span class="highlight_red">[setting.check.enable = true]</span></p>
+			<p class="highlight_red">Use checkNode() method of zTree v3.x can trigger 'beforeCheck' or 'onCheck' callback function. for reduce redundant code.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which need to be checked or unchecked.</p>
+	<p class="highlight_red">Please ensure that this data object is an internal node data object in zTree.</p>
+	<h4 class="topLine"><b>checked</b><span>Boolean</span></h4>
+	<p>checked = true means: check node.</p>
+	<p>checked = false means: uncheck node.</p>
+	<p class="highlight_red">If this parameter is omitted, then toggle check or uncheck depend this node's expanded state.</p>
+	<p class="highlight_red">Don't affect the node which 'nochecked' attribute is true.</p>
+	<h4 class="topLine"><b>checkTypeFlag</b><span>Boolean</span></h4>
+	<p>checkTypeFlag = true means: According to 'setting.check.chkboxType' attribute automatically check or uncheck the parent and child nodes.</p>
+	<p>checkTypeFlag = false means: only check or uncheck this node, don't affect its parent and child nodes.</p>
+	<p class="highlight_red">When checkTypeFlag = false and treeNode.checked = checked, will not trigger callback function.</p>
+	<p class="highlight_red">Don't affect the parent and child nodes which 'nochecked' attribute is true.</p>
+	<h4 class="topLine"><b>callbackFlag</b><span>Boolean</span></h4>
+	<p>callbackFlag = true means: call this method, will trigger 'beforeCheck' & 'onCheck' callback.</p>
+	<p>callbackFlag = false means: call this method, will not trigger callback.</p>
+	<p class="highlight_red">If this parameter is omitted, it is same as 'callbackFlag = false'</p>
+	<h4 class="topLine"><b>Return </b><span>none</span></h4>
+	<p>no return value</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. check the selected nodes</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+for (var i=0, l=nodes.length; i < l; i++) {
+	treeObj.checkNode(nodes[i], true, true);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.copyNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.copyNode.html
new file mode 100644
index 00000000..a98e84de
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.copyNode.html	
@@ -0,0 +1,47 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(targetNode, treeNode, moveType, isSilent)</span><span class="path">zTreeObj.</span>copyNode</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Copy the node</p>
+			<p class="highlight_red">When copy nodes, zTree v3.x will clone nodes. If you need to get the data object in zTree, please get the return value of this method.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>targetNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which will be target.</p>
+	<p class="highlight_red">If copy the node to root node, please set the 'targetNode' to null.</p>
+	<p class="highlight_red">Please ensure that this data object is an internal node data object in zTree.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which will be copied.</p>
+	<p class="highlight_red">Please ensure that this data object is an internal node data object in zTree.</p>
+	<h4 class="topLine"><b>moveType</b><span>String</span></h4>
+	<p>Copied to the target node's relative position.</p>
+	<p class="highlight_red">"inner" means: to be taregetNode's child node.</p>
+	<p class="highlight_red">"prev" means: to be taregetNode's previous sibling node.</p>
+	<p class="highlight_red">"next" means: to be taregetNode's next sibling node.</p>
+	<h4 class="topLine"><b>isSilent</b><span>Boolean</span></h4>
+	<p>After copy the node, whether to automatically expand its parent node.</p>
+	<p>isSilent = true means: don't expand its parent node.</p>
+	<p>isSilent = false or omit this parameter means: expand its parent node.</p>
+	<h4 class="topLine"><b>Return </b><span>JSON</span></h4>
+	<p>return the new node in zTree</p>
+	<p class="highlight_red">Note: the node data JSON object in the return value is not equal to the treeNode.</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Copy the second root node to the first root node's child node.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.copyNode(nodes[0], nodes[1], "inner");
+</code></pre>
+	<h4>2. Copy the second root node to the first root node's previous sibling node.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.copyNode(nodes[0], nodes[1], "before");
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.destroy.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.destroy.html
new file mode 100644
index 00000000..80c52811
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.destroy.html	
@@ -0,0 +1,25 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeId)</span><span class="path">zTreeObj.</span>destroy</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>From zTree v3.4, zTree support the method for destruction.</p>
+			<p>1. This method can destroy the zTreeObj's zTree.</p>
+			<p class="highlight_red">2. If you want to destory all of the zTrees, you can use the '$.fn.zTree.destroy()' method.</p>
+			<p class="highlight_red">3. If you want to use the tree which has been destroyed, you must use the 'init()' method at first.</p>
+		</div>
+	</div>
+        <h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>Return </b><span>none</span></h4>
+	<p>no return value</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. destroy the zTree which its id is 'treeDemo'</h4>
+	<pre xmlns=""><code>var zTreeObj = $.fn.zTree.getZTreeObj("treeDemo");
+zTreeObj.destroy();
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.editName.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.editName.html
new file mode 100644
index 00000000..92ac5c1c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.editName.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode)</span><span class="path">zTreeObj.</span>editName</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Start editing the node's name.</p>
+			<p class="highlight_red">1. If need to cancel editing the node's name, please use cancelEditName(newName) method.</p>
+			<p class="highlight_red">2. This method can be used to set the editing node‘s input box to get focus.</p>
+			<p class="highlight_red">3. Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which will be editing name</p>
+	<p class="highlight_red">Please ensure that this data object is an internal node data object in zTree.</p>
+	<h4 class="topLine"><b>Retrun </b><span>none</span></h4>
+	<p>no return value</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Start editing the first selected node's name.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.editName(nodes[0]);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.expandAll.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.expandAll.html
new file mode 100644
index 00000000..ef28a316
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.expandAll.html	
@@ -0,0 +1,30 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(expandFlag)</span><span class="path">zTreeObj.</span>expandAll</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Expand or collapse all nodes.</p>
+			<p class="highlight_red">This method does not trigger 'beforeExpand / onExpand' or 'beforeCollapse / onCollapse' callback function.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>expandFlag</b><span>Boolean</span></h4>
+	<p>expandFlag = true means: expand all nodes.</p>
+	<p>expandFlag =  false means: collapse all nodes.</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return the result of expand or collapse.</p>
+	<p>true means: expand all nodes</p>
+	<p>false means: collapse all nodes</p>
+	<p>null means: have no parent node to expand or collapse.</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Expand all nodes</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.expandAll(true);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.expandNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.expandNode.html
new file mode 100644
index 00000000..f99ff77d
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.expandNode.html	
@@ -0,0 +1,50 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode, expandFlag, sonSign, focus, callbackFlag)</span><span class="path">zTreeObj.</span>expandNode</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Expand or collapse single node.</p>
+			<p class="highlight_red">Use expandNode() method of zTree v3.x can trigger 'beforeExpand / onExpand' or 'beforeCollapse / onCollapse' callback function. for reduce redundant code.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which will be expanded or collapsed</p>
+	<p class="highlight_red">Please ensure that this data object is an internal node data object in zTree.</p>
+	<h4 class="topLine"><b>expandFlag</b><span>Boolean</span></h4>
+	<p>expandFlag = true means: expand the node.</p>
+	<p>expandFlag = false means: collapse the node.</p>
+	<p class="highlight_red">If this parameter is omitted, then toggle expand or collapse depend this node's expanded state.</p>
+	<h4 class="topLine"><b>sonSign</b><span>Boolean</span></h4>
+	<p>sonSign = true means: expand or collapse all of the child nodes depend the 'expandFlag' parameter.</p>
+	<p>sonSign = false means: only expand or collapse this node.</p>
+	<p class="highlight_red">When sonSign = false and treeNode.open = expandFlag, will not trigger the callback.</p>
+	<p class="highlight_red">If this parameter is omitted, it is same as 'sonSign = false'.</p>
+	<h4 class="topLine"><b>focus</b><span>Boolean</span></h4>
+	<p>focus = true means: after expand or collapse, set the focus of this node for view.</p>
+	<p>focus =  false means: after expand or coolapse, don't set the focus of this node.</p>
+	<p class="highlight_red">If this parameter is omitted, it is same as 'focus = true'.</p>
+	<h4 class="topLine"><b>callbackFlag</b><span>Boolean</span></h4>
+	<p>callbackFlag = true means: call this method, will trigger 'beforeExpand / onExpand' or 'beforeCollapse / onCollapse' callback.</p>
+	<p>callbackFlag = false means: call this method, will not trigger callback.</p>
+	<p class="highlight_red">If this parameter is omitted, it is same as 'callbackFlag = false'</p>
+	<h4 class="topLine"><b>Return </b><span>Boolean</span></h4>
+	<p>return the result of expand or collapse.</p>
+	<p>true means: expand node</p>
+	<p>false means: collapse node</p>
+	<p>null means: the node is not parent node.</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Expand the first selected node. (and expand this node's child nodes)</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes.length>0) {
+	treeObj.expandNode(nodes[0], true, true, true);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getChangeCheckedNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getChangeCheckedNodes.html
new file mode 100644
index 00000000..d0f9cf3b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getChangeCheckedNodes.html	
@@ -0,0 +1,24 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function()</span><span class="path">zTreeObj.</span>getChangeCheckedNodes</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Get the collection of nodes which be changed checked status. (Compared with the original data checkedOld) It is valid when <span class="highlight_red">[setting.check.enable = true]</span></p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>Return </b><span>Array(JSON)</span></h4>
+	<p>return the collection of nodes which be changed checked status (Array)</p>
+	<p class="highlight_red">If you need to get the collection of nodes which changed the checked status, when nodes be checked or unchecked, so please set treeNode.checkedOld = treeNode.checked ( for all of the be changed checked status nodes ).</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Get the collection of nodes which be changed checked status</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getChangeCheckedNodes();
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getCheckedNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getCheckedNodes.html
new file mode 100644
index 00000000..7a7c3b97
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getCheckedNodes.html	
@@ -0,0 +1,28 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(checked)</span><span class="path">zTreeObj.</span>getCheckedNodes</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Get the collection of nodes which be checked or unchecked. It is valid when <span class="highlight_red">[setting.check.enable = true]</span></p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>checked</b><span>Boolean</span></h4>
+	<p>checked = true means: get the collection of nodes which be checked</p>
+	<p>checked = false means: get the collection of nodes which be unchecked</p>
+	<p class="highlight_red">If this parameter is omitted, it is same as 'checked = true'</p>
+	<p class="highlight_red">Don't get the nodes which 'nochecked' attribute is true.</p>
+	<h4 class="topLine"><b>Return </b><span>Array(JSON)</span></h4>
+	<p>return the collection of nodes which be checked or unchecked. (Array)</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Get the collection of nodes which be checked.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getCheckedNodes(true);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodeByParam.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodeByParam.html
new file mode 100644
index 00000000..05572e73
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodeByParam.html	
@@ -0,0 +1,32 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(key, value, parentNode)</span><span class="path">zTreeObj.</span>getNodeByParam</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>According to the node data attribute, search the node which exactly matches, and get the JSON object of node.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>key</b><span>String</span></h4>
+	<p>The name of attribute which need to exactly match</p>
+	<h4 class="topLine"><b>value</b><span>?</span></h4>
+	<p>The value which need to exactly match, can be any type, please ensure its type consistent with the attribute values.</p>
+	<h4 class="topLine"><b>parentNode</b><span>JSON</span></h4>
+	<p>The search range, you can search node from a parent node's child nodes.</p>
+	<p class="highlight_red">If this parameter is omitted, zTree will search node from all nodes.</p>
+	<h4 class="topLine"><b>Return </b><span>JSON</span></h4>
+	<p>JSON data object of the node which be searched.</p>
+	<p class="highlight_red">1. If search none node, return null.</p>
+	<p class="highlight_red">2. If there are many nodes can be searched, return the first node.</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Search the node which its 'id' attribute is 1.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var node = treeObj.getNodeByParam("id", 1, null);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodeByTId.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodeByTId.html
new file mode 100644
index 00000000..8fd26ea0
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodeByTId.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(tId)</span><span class="path">zTreeObj.</span>getNodeByTId</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>According the unique identifier tId of zTree, quick get the node's JSON data object.</p>
+			<p class="highlight_red">Get the node from the cache, don't need to search from all nodes.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>tId</b><span>String</span></h4>
+	<p>The unique identifier of node.</p>
+	<h4 class="topLine"><b>Return </b><span>JSON</span></h4>
+	<p>JSON data object of the node which be searched.</p>
+	<p class="highlight_red">If no result, return null.</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. 1. Search the node which its 'tId' attribute is 'tree_10'</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var node = treeObj.getNodeByTId("tree_10");
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodeIndex.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodeIndex.html
new file mode 100644
index 00000000..ad828e7a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodeIndex.html	
@@ -0,0 +1,30 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode)</span><span class="path">zTreeObj.</span>getNodeIndex</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Get the node's index in the same level nodes. (start from 0)</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which need to get index.</p>
+	<p class="highlight_red">Please ensure that this data object is an internal node data object in zTree.</p>
+	<h4 class="topLine"><b>Return </b><span>Number</span></h4>
+	<p class="highlight_red">return the index. (start from 0)</p>
+	<p class="highlight_red">If there is no this node, return -1.</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Get the first selected node's index in the same level nodes.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes.length>0) {
+	var index = treeObj.getNodeIndex(nodes[0]);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodes.html
new file mode 100644
index 00000000..5906a434
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodes.html	
@@ -0,0 +1,26 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function()</span><span class="path">zTreeObj.</span>getNodes</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Get all of the nodes in zTree</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>Return </b><span>Array(JSON)</span></h4>
+	<p>return all of the nodes</p>
+	<p class="highlight_red">1. This array is a collection of the root nodes  (the default child nodes are in the 'children' attributes);</p>
+	<p class="highlight_red">2. Traverse all the nodes need to use recursion, or the use of transformToArray() method make the nodes to be a simple array.</p>
+	<p class="highlight_red">3. For the asynchronous loading mode, can't get the nodes which are yet loaded.</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Get all of the nodes</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodesByFilter.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodesByFilter.html
new file mode 100644
index 00000000..2cd6baa8
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodesByFilter.html	
@@ -0,0 +1,43 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(filter, isSingle, parentNode, invokeParam)</span><span class="path">zTreeObj.</span>getNodesByFilter</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Search the single node's data or collection of nodes's data by custom rules.</p>
+			<p class="highlight_red">Can be customized complex search rules.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>filter</b><span>Function</span></h4>
+	<p>Custom search function. e.g. function filter(node) {...}</p>
+	<p>filter's parameter: node (node's data -- JSON)</p>
+	<p>filter's return: boolean (true means: match the rules; false means: don't match the rules)</p>
+	<h4 class="topLine"><b>isSingle</b><span>Boolean</span></h4>
+	<p>isSingle = true means: search only one node</p>
+	<p>isSingle = false means: search the array of the nodes</p>
+	<p class="highlight_red">If this parameter is omitted, as same as false</p>
+	<h4 class="topLine"><b>parentNode</b><span>JSON</span></h4>
+	<p>The search range, you can search node from a parent node's child nodes.</p>
+	<p class="highlight_red">If this parameter is omitted, zTree will search node from all nodes.</p>
+	<h4 class="topLine"><b>invokeParam</b><span>anything</span></h4>
+	<p>Custom data object by user, used to calculate in the filter function.</p>
+	<h4 class="topLine"><b>Return </b><span>Array(JSON) / JSON</span></h4>
+	<p>If isSingle = true, will return the first node's data (JSON) what be matched. If no match, return null.</p>
+	<p>If isSingle = false, will return the array of all nodes's data what be matched. if no match, return [ ].</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Search the nodes which their 'name' contains 'test' and 'level' is 2.</h4>
+	<pre xmlns=""><code>function filter(node) {
+    return (node.level == 2 && node.name.indexOf("test")>-1);
+}
+......
+var treeObj = $.fn.zTree.getZTreeObj("tree");
+var node = treeObj.getNodesByFilter(filter, true); // search only one node
+var nodes = treeObj.getNodesByFilter(filter); // search the array of the nodes
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodesByParam.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodesByParam.html
new file mode 100644
index 00000000..3173af47
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodesByParam.html	
@@ -0,0 +1,31 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(key, value, parentNode)</span><span class="path">zTreeObj.</span>getNodesByParam</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>According to the node data attribute, search the nodes which exactly matches, and get the JSON objects collection of nodes.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>key</b><span>String</span></h4>
+	<p>The name of attribute which need to exactly match</p>
+	<h4 class="topLine"><b>value</b><span>?</span></h4>
+	<p>The value which need to exactly match, can be any type, please ensure its type consistent with the attribute values.</p>
+	<h4 class="topLine"><b>parentNode</b><span>JSON</span></h4>
+	<p>The search range, you can search node from a parent node's child nodes.</p>
+	<p class="highlight_red">If this parameter is omitted, zTree will search node from all nodes.</p>
+	<h4 class="topLine"><b>Return </b><span>Array(JSON)</span></h4>
+	<p>The JSON data objects collection of the nodes which be searched.</p>
+	<p class="highlight_red">If search none node, return [ ].</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Search the nodes which their 'name' attribute is 'test'.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodesByParam("name", "test", null);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodesByParamFuzzy.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodesByParamFuzzy.html
new file mode 100644
index 00000000..14b6c294
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getNodesByParamFuzzy.html	
@@ -0,0 +1,32 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(key, value, parentNode)</span><span class="path">zTreeObj.</span>getNodesByParamFuzzy</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>According to the node data attribute, search the nodes which fuzzy matches, and get the JSON objects collection of nodes.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>key</b><span>String</span></h4>
+	<p>The name of attribute which need to fuzzy match</p>
+	<h4 class="topLine"><b>value</b><span>String</span></h4>
+	<p>The value which need to fuzzy match.</p>
+	<p class="highlight_red">The type of value can only be String</p>
+	<h4 class="topLine"><b>parentNode</b><span>JSON</span></h4>
+	<p>The search range, you can search node from a parent node's child nodes.</p>
+	<p class="highlight_red">If this parameter is omitted, zTree will search node from all nodes.</p>
+	<h4 class="topLine"><b>Return </b><span>Array(JSON)</span></h4>
+	<p>The JSON data objects collection of the nodes which be searched.</p>
+	<p class="highlight_red">If search none node, return [ ].</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Search the nodes which their 'name' attribute contains the string 'test'.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodesByParamFuzzy("name", "test", null);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getSelectedNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getSelectedNodes.html
new file mode 100644
index 00000000..4a0f0608
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.getSelectedNodes.html	
@@ -0,0 +1,23 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function()</span><span class="path">zTreeObj.</span>getSelectedNodes</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Get the JSON data objects collection of the selected nodes in zTree.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>Return </b><span>Array(JSON)</span></h4>
+	<p>The JSON data objects collection of the selected nodes.</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. get the selected nodes</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.hideNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.hideNode.html
new file mode 100644
index 00000000..f02f523d
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.hideNode.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode)</span><span class="path">zTreeObj.</span>hideNode</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exhide</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>To hide any node.</p>
+			<p class="highlight_red">1. This feature can't support the 'exedit' feature, so please don't use this feature in edit mode.</p>
+			<p class="highlight_red">2. If you hide or show the nodes, it will effect the 'isFirstNode' and 'isLastNode' attribute.</p>
+			<p class="highlight_red">3. Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which will be hidden</p>
+	<p class="highlight_red">Please ensure that this data object is an internal node data object in zTree.</p>
+	<h4 class="topLine"><b>Retrun </b><span>none</span></h4>
+	<p>no return value</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. hide the first root node.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.hideNode(nodes[0]);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.hideNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.hideNodes.html
new file mode 100644
index 00000000..9bf8e6b5
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.hideNodes.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNodes)</span><span class="path">zTreeObj.</span>hideNodes</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exhide</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>To hide a group of nodes.</p>
+			<p class="highlight_red">1. This feature can't support the 'exedit' feature, so please don't use this feature in edit mode.</p>
+			<p class="highlight_red">2. If you hide or show the nodes, it will effect the 'isFirstNode' and 'isLastNode' attribute.</p>
+			<p class="highlight_red">3. Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>the array of the nodes which will be hidden</p>
+	<p class="highlight_red">Please ensure that this data object is an internal node data object in zTree.</p>
+	<h4 class="topLine"><b>Retrun </b><span>none</span></h4>
+	<p>no return value</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. hide the first root node's children.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.hideNodes(nodes[0].children);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.moveNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.moveNode.html
new file mode 100644
index 00000000..cb1e4df0
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.moveNode.html	
@@ -0,0 +1,49 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(targetNode, treeNode, moveType, isSilent)</span><span class="path">zTreeObj.</span>moveNode</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Move the node</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>targetNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which will be target.</p>
+	<p class="highlight_red">If move the node to root node, please set the 'targetNode' to null.</p>
+	<p class="highlight_red">Please ensure that this data object is an internal node data object in zTree.</p>
+	<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which will be moved.</p>
+	<p class="highlight_red">Please ensure that this data object is an internal node data object in zTree.</p>
+	<h4 class="topLine"><b>moveType</b><span>String</span></h4>
+	<p>Moved to the target node's relative position.</p>
+	<p class="highlight_red">"inner" means: to be taregetNode's child node.</p>
+	<p class="highlight_red">"prev" means: to be taregetNode's previous sibling node.</p>
+	<p class="highlight_red">"next" means: to be taregetNode's next sibling node.</p>
+	<h4 class="topLine"><b>isSilent</b><span>Boolean</span></h4>
+	<p>After move the node, whether to automatically expand its parent node.</p>
+	<p>isSilent = true means: don't expand its parent node.</p>
+	<p>isSilent = false or omit this parameter means: expand its parent node.</p>
+	<h4 class="topLine"><b>Return </b><span>JSON</span></h4>
+	<p>return the node which be moved, it is same as the 'treeNode' parameter.</p>
+	<p class="highlight_red">Return null means: move node has failed. The cause:<br/>
+		&nbsp;1. the targetNode is the treeNode's parent node, and moveType = "inner"<br/>
+		&nbsp;2. the targetNode is the treeNode's child node.
+	</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Move the second root node to the first root node's child node.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.moveNode(nodes[0], nodes[1], "inner");
+</code></pre>
+	<h4>2. Move the second root node to the first root node's previous sibling node.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.moveNode(nodes[0], nodes[1], "before");
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.reAsyncChildNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.reAsyncChildNodes.html
new file mode 100644
index 00000000..63a0896c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.reAsyncChildNodes.html	
@@ -0,0 +1,42 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(parentNode, reloadType, isSilent)</span><span class="path">zTreeObj.</span>reAsyncChildNodes</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Forced asynchronous loading child nodes of parent node. It is valid when <span class="highlight_red">[setting.async.enable = true]</span></p>
+			<p class="highlight_red">You can use this method to reload child nodes.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>parentNode</b><span>JSON</span></h4>
+	<p>The parent node which will asynchronous loading child nodes.</p>
+	<p class="highlight_red">1. If parentNode = null, it is same as reload root nodes.</p>
+	<p class="highlight_red">2. If parentNode.isParent = false, don't load nodes.</p>
+	<p class="highlight_red">3. Please ensure that this data object is an internal node data object in zTree.</p>
+	<h4 class="topLine"><b>reloadType</b><span>String</span></h4>
+	<p>reloadType = "refresh" means: reload child nodes.</p>
+	<p>reloadType != "refresh" means: append to load child nodes.</p>
+	<h4 class="topLine"><b>isSilent</b><span>Boolean</span></h4>
+	<p>Set whether to automatically expand the parent node, after load nodes.</p>
+	<p>isSilent = true means: don't auto expand the parent node. Otherwise auto expand.</p>
+	<h4 class="topLine"><b>Return </b><span>none</span></h4>
+	<p>no return value</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. reload root nodes</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.reAsyncChildNodes(null, "refresh");
+</code></pre>
+	<h4>2. reload the first selected node's child nodes.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes.length>0) {
+	treeObj.reAsyncChildNodes(nodes[0], "refresh");
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.refresh.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.refresh.html
new file mode 100644
index 00000000..8316192c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.refresh.html	
@@ -0,0 +1,24 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function()</span><span class="path">zTreeObj.</span>refresh</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Refresh zTree</p>
+			<p class="highlight_red">If you have no special need, try not to use this method. If you refresh single node, please use updateNode() method. If you refresh child nodes in dynamic mode, please use the reAsyncChildNodes() method.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>Return </b><span>none</span></h4>
+	<p>no return value</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. refresh zTree </h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.refresh();
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.removeChildNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.removeChildNodes.html
new file mode 100644
index 00000000..c249e175
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.removeChildNodes.html	
@@ -0,0 +1,32 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(parentNode)</span><span class="path">zTreeObj.</span>removeChildNodes</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Remove a parent node's child nodes</p>
+			<p class="highlight_red">1. After remove child nodes, the parent node will become a leaf node. Such as the need to maintain the parent node is still a parent node, set 'setting.data.keep.parent' attribute.</p>
+			<p class="highlight_red">2. Do not use this method to empty the root. If you need to empty the root, you can initialization zTree, and set the initial nodes is null.</p>
+			<p class="highlight_red">3. This method does not trigger any callback function.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>parentNode</b><span>JSON</span></h4>
+	<p>The parent node which need to clear its child nodes.</p>
+	<p class="highlight_red">Please ensure that this data object is an internal node data object in zTree.</p>
+	<h4 class="topLine"><b>Return </b><span>Array(JSON)</span></h4>
+	<p>Return the parent node's child nodes which have been removed. If has no child nodes, return null.</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Remove the first selected node's child nodes</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes && nodes.length>0) {
+	treeObj.removeChildNodes(nodes[0]);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.removeNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.removeNode.html
new file mode 100644
index 00000000..605322f3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.removeNode.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode, callbackFlag)</span><span class="path">zTreeObj.</span>removeNode</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Remove a node</p>
+			<p class="highlight_red">Use removeNode() method of zTree v3.x can trigger 'beforeRemove / onRemove' callback function. for reduce redundant code.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which will be removed.</p>
+	<p class="highlight_red">Please ensure that this data object is an internal node data object in zTree.</p>
+	<h4 class="topLine"><b>callbackFlag</b><span>Boolean</span></h4>
+	<p>callbackFlag = true means: call this method, will trigger 'beforeRemove' & 'onRemove' callback.</p>
+	<p>callbackFlag = false means: call this method, will not trigger callback.</p>
+	<p class="highlight_red">If this parameter is omitted, it is same as 'callbackFlag = false'</p>
+	<h4 class="topLine"><b>Return </b><span>none</span></h4>
+	<p>no return value</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Remove all of the selected nodes.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+for (var i=0, l=nodes.length; i < l; i++) {
+	treeObj.removeNode(nodes[i]);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.selectNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.selectNode.html
new file mode 100644
index 00000000..237f1996
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.selectNode.html	
@@ -0,0 +1,34 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode, addFlag)</span><span class="path">zTreeObj.</span>selectNode</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Select a node</p>
+			<p class="highlight_red">zTree v3.x supports select multiple nodes.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which will be selected.</p>
+	<p class="highlight_red">Please ensure that this data object is an internal node data object in zTree.</p>
+	<h4 class="topLine"><b>addFlag</b><span>Boolean</span></h4>
+	<p>addFlag = true means: append to select node, don't affect the previously selected node, can select multiple nodes.</p>
+	<p>addFlag = false means: select single node, prior the selected node is deselected.</p>
+	<p class="highlight_red">If setting.view.selectedMulti = false, this para, this parameter is not valid, always select single node</p>
+	<h4 class="topLine"><b>Return </b><span>none</span></h4>
+	<p>no return value</p>
+	</div>
+	<h3>Exampleso of function</h3>
+	<h4>1. Select single node which be first selected.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+if (nodes.length>0) {
+	treeObj.selectNode(nodes[0]);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.setChkDisabled.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.setChkDisabled.html
new file mode 100644
index 00000000..1d645e8f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.setChkDisabled.html	
@@ -0,0 +1,44 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(node, disabled, inheritParent, inheritChildren)</span><span class="path">zTreeObj.</span>setChkDisabled</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Set the node's checkbox or radio is disabled or remove disabled. It is valid when <span class="highlight_red">[setting.check.enable = true]</span></p>
+			<p class="highlight_red">1. After the node's checkbox / radio is disabled, it can not be checked or unchecked, but it can affect the half-checked status of the parent node.</p>
+			<p class="highlight_red">2. Please do not directly modify the 'chkDisabled' attribute of the loaded node.</p>
+			<p class="highlight_red">3. Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which need to be checked or unchecked.</p>
+	<p class="highlight_red">Please ensure that this data object is an internal node data object in zTree.</p>
+	<h4 class="topLine"><b>disabled</b><span>Boolean</span></h4>
+	<p>disabled = true means: the node's checkbox / radio is disabled.</p>
+	<p>disabled = false means: the node's checkbox / radio is removed disabled.</p>
+	<p class="highlight_red">If this parameter is omitted, it is same as disabled = false </p>
+	<p class="highlight_red">Don't affect the node which 'nochecked' attribute is true.</p>
+	<h4 class="topLine"><b>inheritParent</b><span>Boolean</span></h4>
+	<p>inheritParent = true means: all parent nodes's disabled status will be same as this node.</p>
+	<p>inheritParent = false means: all parent nodes's disabled status will be not affected.</p>
+	<p class="highlight_red">If this parameter is omitted, it is same as 'inheritParent = false'</p>
+	<h4 class="topLine"><b>inheritChildren</b><span>Boolean</span></h4>
+	<p>inheritChildren = true means: all child nodes's disabled status will be same as this node.</p>
+	<p>inheritChildren = false means: all child nodes's disabled status will be not affected.</p>
+	<p class="highlight_red">If this parameter is omitted, it is same as 'inheritChildren = false'</p>
+	<h4 class="topLine"><b>Return </b><span>none</span></h4>
+	<p>no return value</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Set the selected nodes's checkbox / radio to be disabled.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+for (var i=0, l=nodes.length; i < l; i++) {
+	treeObj.setChkDisabled(nodes[i], true);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.setEditable.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.setEditable.html
new file mode 100644
index 00000000..a44b0ff6
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.setEditable.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(editable)</span><span class="path">zTreeObj.</span>setEditable</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Edit mode and normal mode switch.</p>
+			<p class="highlight_red">To use edit mode, please set the attributes in 'setting.edit'</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>editable</b><span>Boolean</span></h4>
+	<p>true means: set zTree to edit mode.</p>
+	<p>false means: set zTree to normal mode.</p>
+	<h4><b>Return </b><span>none</span></h4>
+	<p>no return value</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. set zTree to edit mode</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.setEditable(true);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.setting.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.setting.html
new file mode 100644
index 00000000..d80c139a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.setting.html	
@@ -0,0 +1,14 @@
+<div class="apiDetail">
+<div>
+	<h2><span>JSON</span><span class="path">zTreeObj.</span>setting</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>The configuration data of zTree, refer to "<span class="highlight_red">setting details</span>" </p>
+			<p class="highlight_red">zTree v3.x to cancel the original operation setting method, so users can modify.</p>
+			<p class="highlight_red">Note: Modify the parameters which affect zTree initialization will not work, please first understand the different attributes.</p>
+		</div>
+	</div>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.showNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.showNode.html
new file mode 100644
index 00000000..53b5cbda
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.showNode.html	
@@ -0,0 +1,31 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode)</span><span class="path">zTreeObj.</span>showNode</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exhide</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>To hide any node which be hidden.</p>
+			<p class="highlight_red">1. This feature can't support the 'exedit' feature, so please don't use this feature in edit mode.</p>
+			<p class="highlight_red">2. If you hide or show the nodes, it will effect the 'isFirstNode' and 'isLastNode' attribute.</p>
+			<p class="highlight_red">3. Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>JSON data object of the node which will be shown</p>
+	<p class="highlight_red">Please ensure that this data object is an internal node data object in zTree.</p>
+	<h4 class="topLine"><b>Retrun </b><span>none</span></h4>
+	<p>no return value</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. show someone node which be hidden.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var node = treeObj.getNodeByParam("isHidden", true);
+if (node) {
+  treeObj.showNode(node);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.showNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.showNodes.html
new file mode 100644
index 00000000..c0c926c3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.showNodes.html	
@@ -0,0 +1,29 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNodes)</span><span class="path">zTreeObj.</span>showNodes</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exhide</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>To show a group of nodes which be hidden.</p>
+			<p class="highlight_red">1. This feature can't support the 'exedit' feature, so please don't use this feature in edit mode.</p>
+			<p class="highlight_red">2. If you hide or show the nodes, it will effect the 'isFirstNode' and 'isLastNode' attribute.</p>
+			<p class="highlight_red">3. Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeNodes</b><span>Array(JSON)</span></h4>
+	<p>the array of the nodes which will be shown</p>
+	<p class="highlight_red">Please ensure that this data object is an internal node data object in zTree.</p>
+	<h4 class="topLine"><b>Retrun </b><span>none</span></h4>
+	<p>no return value</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. show all of the nodes which be hidden.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodesByParam("isHidden", true);
+treeObj.showNodes(nodes);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.transformToArray.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.transformToArray.html
new file mode 100644
index 00000000..4b2296d5
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.transformToArray.html	
@@ -0,0 +1,27 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNodes)</span><span class="path">zTreeObj.</span>transformToArray</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p></p>
+			<p>Transform the zTree nodes data into simple array.  (To avoid the user to write code to traverse all nodes)</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeNodes</b><span>Array(JSON) / JSON</span></h4>
+	<p>JSON data object of the node which need to be transformed.</p>
+	<p>or JSON data objects collection of the nodes which need to be transformed.</p>
+	<h4 class="topLine"><b>Return </b><span>Array(JSON)</span></h4>
+	<p>The JSON data objects array of the nodes which be transformed.</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Transform the zTree nodes data into simple array.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.transformToArray(treeObj.getNodes());
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.transformTozTreeNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.transformTozTreeNodes.html
new file mode 100644
index 00000000..51d4a629
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.transformTozTreeNodes.html	
@@ -0,0 +1,44 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(simpleNodes)</span><span class="path">zTreeObj.</span>transformTozTreeNodes</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Transform the simple array into zTree nodes data.</p>
+			<p class="highlight_red">If you use this method, you must set 'setting.data.simpleData.idKey' and 'setting.data.simpleData.pIdKey' attribute, and let the data are consistent with parent-child relationship.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>simpleNodes</b><span>Array(JSON) / JSON</span></h4>
+	<p>JSON data object of the node which need to be transformed.</p>
+	<p>or JSON data objects array of the nodes which need to be transformed.</p>
+	<h4 class="topLine"><b>Return </b><span>Array(JSON)</span></h4>
+	<p>Standard data which zTree use. The child nodes are stored in the parent node's 'children' attribute.</p>
+	<p class="highlight_red">If simpleNodes is a single JSON, so the return array's length is 1.</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Transform the simple array data into zTree nodes format.</h4>
+	<pre xmlns=""><code>var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0,
+		}
+	}
+};
+var simpleNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.transformTozTreeNodes(simpleNodes);
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.updateNode.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.updateNode.html
new file mode 100644
index 00000000..7639ff41
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/api/en/zTreeObj.updateNode.html	
@@ -0,0 +1,37 @@
+<div class="apiDetail">
+<div>
+	<h2><span>Function(treeNode, checkTypeFlag)</span><span class="path">zTreeObj.</span>updateNode</h2>
+	<h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.core</span> js ]</span></h3>
+	<div class="desc">
+		<p></p>
+		<div class="longdesc">
+			<p>Update node data. Primarily used to update the node's DOM.</p>
+			<p class="highlight_red">1. Can update the attributes for display (e.g. 'name', 'target', 'url', 'icon', 'iconSkin', 'checked', 'nocheck'), do not update the other attributes. For example: If you need to expand the node, please use expandNode() method, do not modify the 'open' attribute.</p>
+			<p class="highlight_red">2. Use updateNode() method of zTree can't trigger 'beforeCheck' or 'onCheck' callback function.</p>
+			<p class="highlight_red">Please use zTree object to executing the method.</p>
+		</div>
+	</div>
+	<h3>Function Parameter Descriptions</h3>
+	<div class="desc">
+	<h4><b>treeNode</b><span>JSON</span></h4>
+	<p>JSON data object of the node which need to update.</p>
+	<p class="highlight_red">Please ensure that this data object is an internal node data object in zTree.</p>
+	<h4 class="topLine"><b>checkTypeFlag</b><span>Boolean</span></h4>
+	<p>checkTypeFlag = true means: According to 'setting.check.chkboxType' attribute automatically check or uncheck the parent and child nodes.</p>
+	<p>checkTypeFlag = false means: only check or uncheck this node, don't affect its parent and child nodes.</p>
+	<p class="highlight_red">This parameter is valid when 'setting.check.enable = true' and 'setting.check.chkStyle = "checkbox"'</p>
+	<p class="highlight_red">Don't affect the parent and child nodes which 'nochecked' attribute is true.</p>
+	<h4 class="topLine"><b>Return </b><span>none</span></h4>
+	<p>no return value</p>
+	</div>
+	<h3>Examples of function</h3>
+	<h4>1. Modify the first selected node's name, and update it.</h4>
+	<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+if (nodes.length>0) {
+	nodes[0].name = "test";
+	treeObj.updateNode(nodes[0]);
+}
+</code></pre>
+</div>
+</div>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/demo.css b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/demo.css
new file mode 100644
index 00000000..f6dba0de
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/demo.css	
@@ -0,0 +1,33 @@
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
+body {color: #2f332a;font: 15px/21px Arial, Helvetica, simsun, sans-serif;background: #f0f6e4 \9;}
+h1, h2, h3, h4, h5, h6 {color: #2f332a;font-weight: bold;font-family: Helvetica, Arial, sans-serif;padding-bottom: 5px;}
+h1 {font-size: 24px;line-height: 34px;text-align: center;}
+h2 {font-size: 14px;line-height: 24px;padding-top: 5px;}
+h6 {font-weight: normal;font-size: 12px;letter-spacing: 1px;line-height: 24px;text-align: center;}
+a {color:#3C6E31;text-decoration: underline;}
+a:hover {background-color:#3C6E31;color:white;}
+input.radio {margin: 0 2px 0 8px;}
+input.radio.first {margin-left:0;}
+input.empty {color: lightgray;}
+code {color: #2f332a;}
+.highlight_red {color:#A60000;}
+.highlight_green {color:#A7F43D;}
+li {list-style: circle;font-size: 12px;}
+li.title {list-style: none;}
+ul.list {margin-left: 17px;}
+
+div.content_wrap {width: 600px;height:380px;}
+div.content_wrap div.left{float: left;width: 250px;}
+div.content_wrap div.right{float: right;width: 340px;}
+div.zTreeDemoBackground {width:250px;height:362px;text-align:left;}
+
+ul.ztree {margin-top: 10px;border: 1px solid #617775;background: #f0f6e4;width:220px;height:360px;overflow-y:scroll;overflow-x:auto;}
+ul.log {border: 1px solid #617775;background: #f0f6e4;width:300px;height:170px;overflow: hidden;}
+ul.log.small {height:45px;}
+ul.log li {color: #666666;list-style: none;padding-left: 10px;}
+ul.log li.dark {background-color: #E3E3E3;}
+
+/* ruler */
+div.ruler {height:20px; width:220px; background-color:#f0f6e4;border: 1px solid #333; margin-bottom: 5px; cursor: pointer}
+div.ruler div.cursor {height:20px; width:30px; background-color:#3C6E31; color:white; text-align: right; padding-right: 5px; cursor: pointer}
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/1_close.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/1_close.png
new file mode 100644
index 0000000000000000000000000000000000000000..68ccb3c3b90170df7cddab1fe6e8e455c3854573
GIT binary patch
literal 601
zcmV-f0;c_mP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTB>(_`g8%^e{{R4h=>PzAFaQARU;qF*m;eA5Z<1fd
zMgRZ--$_J4RCwB?l0Qh?U>Jv=3mDW`xPoRlZg47s^hk#c>Tuv92pw){9g3YCdL5hu
zPl^tKlA{iS!zGjsQlXPxhk_ub9SW5~g#>Fr4ipy;F_I1%TS(#S(A+iGdab2D_=ey2
zzVGw>dEXSV48y1Z#n@V})Z4_~`uO11LoSgJ;-@hTLj*w}f*=rgmR<_oc7z)Vq1%qo
zZKu)>ASE|^-{;BuBM!UznV-=3a02ra8bGlfqy_NQ3wd+&joE_6egI#-!hQg=h4zpp
z;M296ygNxTJ+86mLvIJXc<s{L0ee17k6#Xv0Cd}_9Cr0HHLBqqNA$_Cyy23QKeN2y
z(kFv=95FTeJ4A|2adLQ&-TFD1PI&g#C9gu|-Uxa1htG7vZvC9e;lUP&1Qh4SavYq7
zWP2o5w>(C!M=TaJWLajhppjQ$b;~2$BXMvVGB=iMv=}M6I9o9{cNofcv$kC$ufoz@
zz2&1CkhSd^L)mW3%^jkPvz10%8Ca;U>$W3is*d=RW~z?RZAT0&RM!C|IY^3Wnk~te
zWi?k)rfCX5`E`)ObUMvd6z7G_E(jr7XZi|C)=2!PQos#>QmOPvQIz|CD+t5zdAVGE
n9N(mtO2jh%aB#ixl<xxoAD#<CO})Ct00000NkvXXu0mjfc)0@d

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/1_open.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/1_open.png
new file mode 100644
index 0000000000000000000000000000000000000000..d6ff36d3a99012028c6cf3d4009719108e31bc79
GIT binary patch
literal 580
zcmV-K0=xZ*P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTB>(_`g8%^e{{R4h=>PzAFaQARU;qF*m;eA5Z<1fd
zMgRZ-%1J~)RCwB?lCeu0Q5?rVIibtp5L74?1Q$6a(r!ngUGf(c7duF)D8;MGL5C9B
zI3&~?dP1k@kYI4B4iOhq=+db}N8|9$61XK6ONK(|@rtRu4tGiK#I%-v;rQ`=zu)ik
z?!EU*5y^3!5@1Dk^TF2xBELEP=F?NIkW%WmaU4fUDV3B`)pHM(uuY{pCra3+61G_y
z1kmCO?RJ~i+jS<TkFi>SlaFBpYY-#>`2McM&&GR<Cokcw2|py9HA6oD(g)n`9FY<q
zFdjdHmVn_gyxI;7k3ma>>sLTD0AZV@N$F$EuYi9XHdi<JcJmHibt8oM$6@{wM2n1N
z%q?=^H(+EOZ*L1SS?)d$qqnyOBja574UD<P1VjTYV|k79(<Vcs6L|aEbf@lPEUg2C
zF_XpH-)3lZg7ecR#`0S4iP1W;TlLBXZcN|9tM5W4%dGV}aZ!CpeK)Kt7wE`twU^fq
z7iMb0HkByn)So2EIVEgU9WKn&06jiPy6d`$;!35`|Kf68R{{FvK?>68G}lp77xZ62
zDV3b*Ybf5M@t;ZoQvmsV{)MjVkN(yW1i?<RSbP=z$>&rock3TE{?a?juK@rdhYW4p
S$5p2Q0000<MNUMnLSTZ!E&BWb

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/2.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/2.png
new file mode 100644
index 0000000000000000000000000000000000000000..9eff506ba391fa1ddf0dc44d02ae84403700321b
GIT binary patch
literal 570
zcmV-A0>%A_P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTB>(_`g8%^e{{R4h=>PzAFaQARU;qF*m;eA5Z<1fd
zMgRZ-z)3_wRCwBqlR;<`Q4of|=SoN-iXiB%SaR=4qz6IqX2`+Af>f~AQhE}Eig@Tj
zBzy8wOX*!fcWJ>?1hHVChd?QzUbR+3TN0sbpvl_ZyxsAj8?v~O{P36=X8!-p%;PB$
z!LqDbphyY|g+j?RO~o*X2<39QB12%?w%E2UB0}0Z#RxD>6UT8REjN<D|3pR-a2yB6
zabiCqa(a}T2Vq&(`p^!dDC#d~(2wK2wdY)StEJj}QEKzWrBs114AENmt=5`eugBNb
zMOwADOy0ZC)#(QSv;T|`MNz^kr4SJsZ<cYl-!nNiNBH9#P0vr?LELs2hJEt>`U>s(
zhd*TZkOSA{aI4BsFL;p{AtuIc`@T=3vYbjjXnU*0#f_PSKs<jC1bCju=j}&)KY7a8
zn->U=kNV^<ezs|@RHuP%Vg$o5$mMcmG8yvuJUjcZxpn6y?_S;I*STZ#RsiEy*lihg
zSnDQs(CKtOT9%b~?}>|)04A<I=F{dAj{F<V-Ih_;T5k;2DG@;_l?BcN**LMZkbQP}
zEO#4Vui;nb7QBam3$%fgcyCH1^^c&GIs;t#8@5EGn^yOG0KA+x0a;!{!vFvP07*qo
IM6N<$f(T^&Q2+n{

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/3.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/3.png
new file mode 100644
index 0000000000000000000000000000000000000000..d7ba6d0c675c35197e2dae8a379155e67c0ac6cb
GIT binary patch
literal 762
zcmV<W0tNkvP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTB>(_`g8%^e{{R4h=>PzAFaQARU;qF*m;eA5Z<1fd
zMgRZ;fJsC_RCwBqlif?xQ5eTRd)1}e+J1_fPBt@8o9(K!Cc-2TCJ0g&UIbkV;>Ciz
z_7AWNMc93KlTaWAV@cSBY1&5W$R<+0;PS1UKbI)(<#)PpMy`wwJe&j1_w(gE&v}k2
z65wB}F1vraNT9wbk&tm3Ei4)>EGA@}|6`y5dVqQWwVDpA&5PCMMXjbItEtawG=CVJ
z9MMx*=N>XjM3f}MIxTG`sST6VhE7YHl4RH@5vi<m51ky*bH-`U4xw2>MYbvIx89MA
zzj*L%?Fr<i0Vu1cq1g7gL2tds+WXstW(hTUa&FMw&s;Rjcyez9z0pj$(+8<Aq{5Wf
z`p_HAB=<&$h8gefXD+t{$NVThi$u}x`T%5BAr*quN;X1}S!H)^0E<M?{3t%a0iX&!
zr^;Ny7pcNcp``_#K8}){1>~H5Uq-EOAeFRoxIe*OY>I;&u4=cxVz8Ei5NVXm57J4Q
z%*l69;yLe?MuUu!(IG?{jS9BEVo(7(cLj~!Rvun=;&C-nRbsCponAV}Yqd4(#Fkii
z%gW+M-UMFpbSlOSfC?}G#X&zoIo2)`n=Wy%AqjaEA+I71HYAbQbO|}uE`ol7Kyj8)
zX(IsyaD14cwxpa^gVDob{3VI)1uSLNpwSYKEnzBkQE2sWt$wU^`Wd!D6Ccjafuhiq
zXO>uxJmU2jp|UGjJooFW0p@3xK5uPK?B8vlxOvGep=|6m!Knd}z-a&l{$Bd>p%ZZU
zdl}q{+QnAXF8sX=0*-v>^!L&S6#U|TGtdDA+1k`yEi^ArB9<o+T`e?cXU34#=*~FR
sMc?^`7lXH!I{<+w(~$tjf7AUO04L%4aE%4U;s5{u07*qoM6N<$g6RfPVE_OC

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/4.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/4.png
new file mode 100644
index 0000000000000000000000000000000000000000..753e2bfd5725b1f32cda4e41c36a448a4b12c280
GIT binary patch
literal 399
zcmV;A0dW3_P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTB>(_`g8%^e{{R4h=>PzAFaQARU;qF*m;eA5Z<1fd
zMgRZ-6-h)vRCwB)kwHqtFc^hDO9exv%xrssDR_YP3KH}P>AHeo4<H_3_7#`y9ZFB&
z2}YPMXVs-JMUbxILYisER_i?Y7x`Xzc}dQ+)^y7AJOyIlIf|mYj%QhBxKhe+01Kc>
z!n8_44a7<*fOz{5=x+MFN<v*FVLAu^V*l}_AB=zhWM;s>_r=}XHqLH?*Vg2Dj@Q<(
zsf^{d?t$;DLEs_45(LYZkIyZa%L_PnjWytw_!&?yR*<a?+%v8{z-vjpSmE~r-mh*5
zu2Y((;V-$a%Uf9v8weqA90$j7m?I$s$G<R8Q50sn^^`^fq?AZ0XSK1X8qAeFWz210
tO&R?+_;-Wj(|>DYpK|Z9fLl(~*8t4{WR}t?Us?bF002ovPDHLkV1l&kqKg0k

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/5.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/5.png
new file mode 100644
index 0000000000000000000000000000000000000000..0c5eccd562c303cf5197629ef5f2666b6180bd48
GIT binary patch
literal 710
zcmV;%0y+JOP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTB>(_`g8%^e{{R4h=>PzAFaQARU;qF*m;eA5Z<1fd
zMgRZ;Oi4sRRCwB?l21sJaTv!xzis}To8;O?C>{dC{zy=SO6rn?>JoVfJ9PB0!cw|<
z5rY2EH4^INrK0lE$(TB`L1J|?w{{RVwVX+{e0A>6yZ3#69o{*#LV~{V{P^<lJfGk5
z`y-^32q6H7wl)s{R{<;V@X+-8JB56IA+HzmLjY1rY!nn}YkE}M*6w%uIsrj?CUiR@
zWF0_VyU$<Q>I2<iJ@n>5M99V?Z$DfCOu%f*iEi)VM!&PQ0~X={*pIhRm&^JADx2Ei
zO9FtZ)17!zihou!LclW{fUsJ6-KRQWX%RLy%#rdc&iw~WzZ8c|*7UlD+t<NLB-~pB
zSS81>m4dPcnr0SiDoFEg5E2Y&dPN717pvrG@d&~qN)SLk2YQ}eWhnzS2NsMXU@e;q
z$#1J?MTrek>$@}ysIbH4Pn4|s4!{BsRg~ey@o{jwK^l-v|2=daTrL(~1&Auja1qcm
zA0Pb~i;esUhr#VZ*EO_EW=H6T4sH+MBVlG^vFAPW@zEjxNMD$XUVj}71~yd{>Do))
z&``4()NF>lp&_eXY~*rG1t$YtbJ2bvy&WKdWa#Vaz0czlsCFm9?LkALArT%gs@=iz
zM3Aw>%3UB?=s|4%%0TI@ntc}!?y2fKbE&)8wwW?tw9>)Yi;<a6Ys&qbiPe{Yy7iUK
zWv9w-cwAji8tSK#g99=-I3OQ4)KB(#s?P)E+Y6<Xe@w8YvdfN&ljmw`uK@%S%R^67
sndz;a{{;Y03OEWr^?UOU!2jsi07+OLTDf7<mH+?%07*qoM6N<$g01B^zyJUM

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/6.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/6.png
new file mode 100644
index 0000000000000000000000000000000000000000..070b8352d7770e6be4b6f3cbc61f7ee21ae3e4da
GIT binary patch
literal 432
zcmV;h0Z;ykP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTB>(_`g8%^e{{R4h=>PzAFaQARU;qF*m;eA5Z<1fd
zMgRZ-Hc3Q5RCwBylf6#EFcgKqR*|SEf;KdQN{mQMNM#6bz*E3p!3*#TJOP9q=I%T}
z)g_1#i3ub?3{8Itwu2ecv`#4@J&R@g=<~Vv$_3Z+FM(5**Hx$4IK%aP-43;Gb+vXq
zUuVhneBJ75-43T-EP$6WJoRVj!|QthI?cwfXCHeI>Dj&rpcKd`Uv3%2{zO&+5OQ|7
z=;cI0rUAu-Dnz~nLZs7L08+*mb;p_3zesh*i2-sBFdS=wK}gNEso8dBf?)8;uvD5$
zpcK!qZv_3`za>=GH`uH0qya)Hf_^WvdFF_P+D<ny$~(h}Ouq&2WgM7I{40^^j}t`S
zDZ^U1nw`M#7XfxRS5k(9`f4V?^cVIo?rusI=Xlw#7zQ7=59dcG1)vOUP1d{`0q<Jt
a(a!)<XRHuJk}`<^0000<MNUMnLSTZ`D6YN$

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/7.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/7.png
new file mode 100644
index 0000000000000000000000000000000000000000..532b037f2045cfa26c62d23cb928ff7405f6fc18
GIT binary patch
literal 534
zcmV+x0_pvUP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTB>(_`g8%^e{{R4h=>PzAFaQARU;qF*m;eA5Z<1fd
zMgRZ-oJmAMRCwCNld)>sP!xtg$;P&DX##d?FjXy#1Btu@<1TrIE}b(6+V0u<0C|G+
z1!6E{h#^zPfVNUH1)Si?mq44L)RLtur52}yf<x3LX@>rAIB@yT&wtK6#}E;o1CwW>
zs0MEifRF!B`^DaweqwrPizJsaJ+ws@N@V7V{5<_TW}e7G$pgN~T?_h(db5KXZbM-X
z@i~OveZ=Qbn4^Z<)SDg9SGgG&F_ybUT3JJlcA@4#C4%DjEY}>=XqU9IhUIR75$6O7
z8YIQ(_la3W9qobDhNK8q8+Eit%qmX550Ym5hYkYx{R_;P^`1+ZR#BsUc>NAF+9yn_
ztoK|n<BVqnIe|q4+6V1(;hoWPYWPVRHT-~|lxaCNF1)iPhedS%joA=G2xh49gl=yW
zfOe;WKTl}CC}UMibbFhquivmYI<OMv9NcQuctW$)Ak_h>4k(!k^_NgGljU2p)j*9W
zaI13;R$T12?;o{2_N$D)6u7>L2Aq7}dD;>lbA1yHY`_4jK;tey79sFML_*`gU*n$v
Y0CUjIYVM#Hl>h($07*qoM6N<$g3L4G@&Et;

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/8.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/8.png
new file mode 100644
index 0000000000000000000000000000000000000000..a8f3a86e7091de4acdd38745f74b30f0f3d40f9e
GIT binary patch
literal 529
zcmV+s0`C2ZP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTB>(_`g8%^e{{R4h=>PzAFaQARU;qF*m;eA5Z<1fd
zMgRZ-mq|oHRCwB?ld(!1Q51&1(I{htpn+Xo2nhiLK7gQ=rA<m9k(fqEGv)!TQ|1AZ
zG{H34#s{$2CrFXP%9X?*iGdg=ggYa5?%X@Ods5ulQQU<M_`~qS$KjvzAGm>ta1-4c
z23I~Dy#=Bx=-sES#qFU9A~NtT@3!SYME0%7fru>cwq@9yhz#EV;MBm^6uNgtR8Xr=
z2i9fl6|Mue0M{9PgJ@>&J^Va_d-JF#FCqZvz~tbj{^y9_PT}y_|FTqGfU(|32N(ld
zdoN`zWX3zdQtSRe)z51`wtYaRAywY{0S-(qSQqqB^m^?LF~6wMV5jvm0?L4k3s8yo
zD*>6YSQl38yF2Ej`-O+&`dWo7gEaA8Rp?@@!`g|8C0WWJ_m{hqX~o6>&}D$W3~-$S
zV;!z@c}1laaT=qvy0*ci2asppOD)WX6h)7P*^pMr>b(YuB-DG2YA$FmJ^na9HNDvf
zXGS+Sp6w9M)GC&%xasQa+^&Tc%i_FwxOx6O0H%St(lzkAoEgbPL<cv0&i@7g-7o8#
TvKs+f00000NkvXXu0mjf2!!YZ

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/9.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/diy/9.png
new file mode 100644
index 0000000000000000000000000000000000000000..4db73cd41c95bc74496175625ce9ed3737e599f5
GIT binary patch
literal 467
zcmV;^0WAKBP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTB>(_`g8%^e{{R4h=>PzAFaQARU;qF*m;eA5Z<1fd
zMgRZ-SxH1eRCwCFlD%phK@^3*HCYugNa+j-+qg=ez>lIrt6Er<-ysj+R54r6Ea(-|
zq;X*c?zeMmf*6eCC_6h695=JJ71{U?e45KW_s-#5&LjXuQTzlBfs@f_G?s+5w&eg$
zhQs057_-6Uc|IlzNRo=85P&3%F=}Cq5wOKcVuv^4*#fPL|MB6ehpW|!JkK}!G)<o`
zkfte%#ext5olb{tx4Y>eCUA?`kDYU+wRQl|@AsL{=k$6#thE3*=Sl#oqXX&kO!|GS
z@au=FqXS6-*ah~DF{<lYRaL33>o$>nU{_K+;olW3X86D1zL_O(0T4pKdrt_r^NSay
z@PGjCE6_9z-g}y+dE_5_`V3#b@v&aP`RUeDmSwEhYqBic7MNZ8lJBEIOU$l)`Ssp{
zbFQ3BCIf)!bb1$GL=xlLi**V7k+e*bq}|z?$BHD9nE9)5GXRrS-uaN7-+2H4002ov
JPDHLkV1iKO%vb;b

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/line_conn.gif b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/line_conn.gif
new file mode 100644
index 0000000000000000000000000000000000000000..d561d36a915776730eb3069cee4c949f027667ed
GIT binary patch
literal 45
xcmZ?wbhEHb<YZuCXkcJCbLPzd|Nj+#vM@3*Ff!;c00Bsbfr+K3KQn;A8UP?x3jqKC

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/loading.gif b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/loading.gif
new file mode 100644
index 0000000000000000000000000000000000000000..e8c289293b11c889703d83dce6631fce90da4630
GIT binary patch
literal 381
zcmZ?wbhEHb6krfwSj5I~=*GvEjZcb~Jveda^Z5r~o`3lD|Nnmm1_s6d+<vYh!Oo5W
zu10zW%#0wRpDe6g3~UTKKsHdb00RTFLB=lEtp-v?9We?Fm*e^y1ze`Erb>T_)p@)n
z{^qIIq1(T$e$~zMQ}6t1w^a|Cj;Amo3}FHq!p^`7G=x7ROJIXqM}S9S9}m;(SWbi*
zHiVjpkZW$u7K<e~64(Tvu_CGAVqgNA!VWY?AR;8qWQpdrELO%X3QmU|kSqf^8>%QH
zEX1o><JlA@#uW;O&Uzs!Vq@S!xX5*D8xIpxf?fv$ii?;KYB(6Li78nuj!;aU<oHY%
b$wdqZ%QzU*6c++rq`Sn#$m6gp6N5DXy8K|j

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/zTreeStandard.gif b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/zTreeStandard.gif
new file mode 100644
index 0000000000000000000000000000000000000000..50c94fd41ef9f1f7c07442d669923fd7a3226f55
GIT binary patch
literal 5564
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
Ap8x;=

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/zTreeStandard.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/img/zTreeStandard.png
new file mode 100644
index 0000000000000000000000000000000000000000..ffda01ef1cccc398ee4e2327f4093ba1130a4961
GIT binary patch
literal 11173
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
X3wf1`XyoU;TL_tNiW1dgpn(4aGkUu%

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/zTreeStyle.css b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/zTreeStyle.css
new file mode 100644
index 00000000..f06554e3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/css/zTreeStyle/zTreeStyle.css	
@@ -0,0 +1,97 @@
+/*-------------------------------------
+zTree Style
+
+version:	3.4
+author:		Hunter.z
+email:		hunter.z@263.net
+website:	http://code.google.com/p/jquerytree/
+
+-------------------------------------*/
+
+.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
+.ztree {margin:0; padding:5px; color:#333}
+.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
+.ztree li ul{ margin:0; padding:0 0 0 18px}
+.ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;}
+
+.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;
+	text-decoration:none; vertical-align:top; display: inline-block}
+.ztree li a:hover {text-decoration:underline}
+.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
+.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
+.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
+	opacity:0.8; filter:alpha(opacity=80)}
+.ztree li a.tmpTargetNode_prev {}
+.ztree li a.tmpTargetNode_next {}
+.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
+	font-size:12px; border:1px #7EC4CC solid; *border:0px}
+.ztree li span {line-height:16px; margin-right:2px}
+.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
+	border:0 none; cursor: pointer;outline:none;
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+	background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
+
+.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
+.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
+.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
+.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
+.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
+.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
+.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
+.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
+.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
+.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
+.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
+.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
+.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
+.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
+.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
+.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
+.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
+.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
+.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
+.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
+.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}
+
+.ztree li span.button.switch {width:18px; height:18px}
+.ztree li span.button.root_open{background-position:-92px -54px}
+.ztree li span.button.root_close{background-position:-74px -54px}
+.ztree li span.button.roots_open{background-position:-92px 0}
+.ztree li span.button.roots_close{background-position:-74px 0}
+.ztree li span.button.center_open{background-position:-92px -18px}
+.ztree li span.button.center_close{background-position:-74px -18px}
+.ztree li span.button.bottom_open{background-position:-92px -36px}
+.ztree li span.button.bottom_close{background-position:-74px -36px}
+.ztree li span.button.noline_open{background-position:-92px -72px}
+.ztree li span.button.noline_close{background-position:-74px -72px}
+.ztree li span.button.root_docu{ background:none;}
+.ztree li span.button.roots_docu{background-position:-56px 0}
+.ztree li span.button.center_docu{background-position:-56px -18px}
+.ztree li span.button.bottom_docu{background-position:-56px -36px}
+.ztree li span.button.noline_docu{ background:none;}
+
+.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
+
+.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+
+ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
+
+span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+	background-position:-110px -80px; background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
+
+ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
+.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
+
+/* level style*/
+/*.ztree li span.button.level0 {
+	display:none;
+}
+.ztree li ul.level0 {
+	padding:0;
+	background:none;
+}*/
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/asyncData/getNodes.php b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/asyncData/getNodes.php
new file mode 100644
index 00000000..88625a24
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/asyncData/getNodes.php	
@@ -0,0 +1,38 @@
+<?php ?>
+[<?php
+$pId = "0";
+$pName = "";
+$pLevel = "";
+$pCheck = "";
+if(array_key_exists( 'id',$_REQUEST)) {
+	$pId=$_REQUEST['id'];
+}
+if(array_key_exists( 'lv',$_REQUEST)) {
+	$pLevel=$_REQUEST['lv'];
+}
+if(array_key_exists('n',$_REQUEST)) {
+	$pName=$_REQUEST['n'];
+}
+if(array_key_exists('chk',$_REQUEST)) {
+	$pCheck=$_REQUEST['chk'];
+}
+if ($pId==null || $pId=="") $pId = "0";
+if ($pLevel==null || $pLevel=="") $pLevel = "0";
+if ($pName==null) $pName = "";
+else $pName = $pName.".";
+
+//for ($i=1; $i<9999; $i++) {
+//	for ($j=1; $j<999; $j++) {
+//
+//	}
+//}
+
+for ($i=1; $i<5; $i++) {
+	$nId = $pId.$i;
+	$nName = $pName."n".$i;
+	echo "{ id:'".$nId."',	name:'".$nName."',	open:true, isParent:".(( $pLevel < "2" && ($i%2)!=0)?"true":"false").($pCheck==""?"":((($pLevel < "2" && ($i%2)!=0)?", halfCheck:true":"").($i==3?", checked:true":"")))."}";
+	if ($i<4) {
+		echo ",";
+	}
+}
+?>]
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/asyncData/getNodesForBigData.php b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/asyncData/getNodesForBigData.php
new file mode 100644
index 00000000..91d002e1
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/asyncData/getNodesForBigData.php	
@@ -0,0 +1,24 @@
+<?php ?>
+[<?php
+$pId = "-1";
+if(array_key_exists( 'id',$_REQUEST)) {
+	$pId=$_REQUEST['id'];
+}
+$pCount = "10";
+if(array_key_exists( 'count',$_REQUEST)) {
+	$pCount=$_REQUEST['count'];
+}
+if ($pId==null || $pId=="") $pId = "0";
+if ($pCount==null || $pCount=="") $pCount = "10";
+
+$max = (int)$pCount;
+for ($i=1; $i<=$max; $i++) {
+	$nId = $pId."_".$i;
+	$nName = "tree".$nId;
+	echo "{ id:'".$nId."',	name:'".$nName."'}";
+	if ($i<$max) {
+		echo ",";
+	}
+	
+}
+?>]
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/bigdata/common.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/bigdata/common.html
new file mode 100644
index 00000000..ded4358e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/bigdata/common.html	
@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - big data common</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				onNodeCreated: onNodeCreated
+			}
+		};
+
+		var dataMaker = function(count) {
+			var nodes = [], pId = -1,
+			min = 10, max = 90, level = 0, curLevel = [], prevLevel = [], levelCount,
+			i = 0,j,k,l,m;
+
+			while (i<count) {
+				if (level == 0) {
+					pId = -1;
+					levelCount = Math.round(Math.random() * max) + min;
+					for (j=0; j<levelCount && i<count; j++, i++) {
+						var n = {id:i, pId:pId, name:"Big-" +i};
+						nodes.push(n);
+						curLevel.push(n);
+					}
+				} else {
+					for (l=0, m=prevLevel.length; l<m && i<count; l++) {
+						pId = prevLevel[l].id;
+						levelCount = Math.round(Math.random() * max) + min;
+						for (j=0; j<levelCount && i<count; j++, i++) {
+							var n = {id:i, pId:pId, name:"Big-" +i};
+							nodes.push(n);
+							curLevel.push(n);
+						}
+					}
+				}
+				prevLevel = curLevel;
+				curLevel = [];
+				level++;
+			}
+			return nodes;
+		}
+
+		var ruler = {
+			doc: null,
+			ruler: null,
+			cursor: null,
+			minCount: 5000,
+			count: 5000,
+			stepCount:500,
+			minWidth: 30,
+			maxWidth: 215,
+			init: function() {
+				ruler.doc = $(document);
+				ruler.ruler = $("#ruler");
+				ruler.cursor = $("#cursor");
+				if (ruler.ruler) {
+					ruler.ruler.bind("mousedown", ruler.onMouseDown);
+					
+				}
+			},
+			onMouseDown: function(e) {
+				ruler.drawRuler(e, true);
+				ruler.doc.bind("mousemove", ruler.onMouseMove);
+				ruler.doc.bind("mouseup", ruler.onMouseUp);
+				ruler.doc.bind("selectstart", ruler.onSelect);
+				$("body").css("cursor", "pointer");
+			},
+			onMouseMove: function(e) {
+				ruler.drawRuler(e);
+				return false;
+			},
+			onMouseUp: function(e) {
+				$("body").css("cursor", "auto");
+				ruler.doc.unbind("mousemove", ruler.onMouseMove);
+				ruler.doc.unbind("mouseup", ruler.onMouseUp);
+				ruler.doc.unbind("selectstart", ruler.onSelect);
+				ruler.drawRuler(e);
+			},
+			onSelect: function (e) {
+				return false;
+			},
+			getCount: function(end) {
+				var start = ruler.ruler.offset().left+1;
+				var c = Math.max((end - start), ruler.minWidth);
+				c = Math.min(c, ruler.maxWidth);
+				return {width:c, count:(c - ruler.minWidth)*ruler.stepCount + ruler.minCount};
+			},
+			drawRuler: function(e, animate) {
+				var c = ruler.getCount(e.clientX);
+				ruler.cursor.stop();
+				if ($.browser.msie || !animate) {
+					ruler.cursor.css({width:c.width});
+				} else {
+					ruler.cursor.animate({width:c.width}, {duration: "fast",easing: "swing", complete:null});
+				}
+				ruler.count = c.count;
+				ruler.cursor.text(c.count);
+			}
+		}
+		var showNodeCount = 0;
+		function onNodeCreated(event, treeId, treeNode) {
+			showNodeCount++;
+		}
+
+		function createTree () {
+			var zNodes = dataMaker(ruler.count);
+			showNodeCount = 0;
+			$("#treeDemo").empty();
+			setting.check.enable = $("#showChk").attr("checked");
+			var time1 = new Date();
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			var time2 = new Date();
+
+			alert("节点共 " + zNodes.length + " 个, 初始化生成 DOM 的节点共 " + showNodeCount + " 个"
+				+ "\n\n 初始化 zTree 共耗时: " + (time2.getTime() - time1.getTime()) + " ms");
+		}
+
+
+		$(document).ready(function(){
+			ruler.init("ruler");
+			$("#createTree").bind("click", createTree);
+
+		});
+		//-->
+	</SCRIPT>
+ </HEAD>
+
+<BODY>
+<h1>一次性加载大数据量</h1>
+<h6>[ 文件路径: bigdata/common.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul>
+		<li><span>调整总节点数，测试加载速度：</span>
+			<div id="ruler" class="ruler" title="拖拽可调整节点数">
+				<div id="cursor" class="cursor">5000</div>
+			</div>
+			<div style="width:220px; text-align: center;">
+				<span>checkbox</span><input type="checkbox" id="showChk" title="是否显示 checkbox" class="checkbox first" />&nbsp;&nbsp;&nbsp;&nbsp;
+				[ <a id="createTree" href="#" title="初始化 zTree" onclick="return false;">初始化 zTree</a> ]
+			</div>
+		</li>
+		</ul>
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、大数据量加载说明</h2>
+				<ul class="list">
+				<li>1)、zTree v3.x 针对大数据量一次性加载进行了更深入的优化，实现了延迟加载功能，即不展开的节点不创建子节点的 DOM。</li>
+				<li class="highlight_red">2)、对于每级节点最多一百左右，但总节点数几千甚至几万，且不是全部展开的数据，一次性加载的效果最明显，速度非常快。</li>
+				<li class="highlight_red">3)、对于某一级节点数就多达几千的情况 延迟加载无效，这种情况建议考虑分页异步加载。</li>
+				<li class="highlight_red">4)、对于全部节点都展开显示的情况，延迟加载无效，这种情况建议不要全部展开。</li>
+				<li>5)、显示 checkbox / radio 会造成一定程度的性能下降。</li>
+				<li>6)、利用 addDiyDom 功能增加自定义控件会影响速度，影响程度受节点数量而定。</li>
+				<li>7)、利用 onNodeCreated 事件回调函数对节点 DOM 进行操作会影响速度，影响程度受节点数量而定。</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>不需要进行特殊的配置</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/bigdata/diy_async.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/bigdata/diy_async.html
new file mode 100644
index 00000000..c4a8bfba
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/bigdata/diy_async.html	
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - big data async</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			async: {
+				enable: true,
+				url: getUrl
+			},
+			check: {
+				enable: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			view: {
+				expandSpeed: ""
+			},
+			callback: {
+				beforeExpand: beforeExpand,
+				onAsyncSuccess: onAsyncSuccess,
+				onAsyncError: onAsyncError
+			}
+		};
+
+		var zNodes =[
+			{name:"500个节点", id:"1", count:500, times:1, isParent:true},
+			{name:"1000个节点", id:"2", count:1000, times:1, isParent:true},
+			{name:"2000个节点", id:"3", count:2000, times:1, isParent:true}
+		];
+
+		var log, className = "dark",
+		startTime = 0, endTime = 0, perCount = 100, perTime = 100;
+		function getUrl(treeId, treeNode) {
+			var curCount = (treeNode.children) ? treeNode.children.length : 0;
+			var getCount = (curCount + perCount) > treeNode.count ? (treeNode.count - curCount) : perCount;
+			var param = "id="+treeNode.id+"_"+(treeNode.times++) +"&count="+getCount;
+			return "../asyncData/getNodesForBigData.php?" + param;
+		}
+		function beforeExpand(treeId, treeNode) {
+			if (!treeNode.isAjaxing) {
+				startTime = new Date();
+				treeNode.times = 1;
+				ajaxGetNodes(treeNode, "refresh");
+				return true;
+			} else {
+				alert("zTree 正在下载数据中，请稍后展开节点。。。");
+				return false;
+			}
+		}
+		function onAsyncSuccess(event, treeId, treeNode, msg) {
+			if (!msg || msg.length == 0) {
+				return;
+			}
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			totalCount = treeNode.count;
+			if (treeNode.children.length < totalCount) {
+				setTimeout(function() {ajaxGetNodes(treeNode);}, perTime);
+			} else {
+				treeNode.icon = "";
+				zTree.updateNode(treeNode);
+				zTree.selectNode(treeNode.children[0]);
+				endTime = new Date();
+				var usedTime = (endTime.getTime() - startTime.getTime())/1000;
+				className = (className === "dark" ? "":"dark");
+				showLog("[ "+getTime()+" ]&nbsp;&nbsp;treeNode:" + treeNode.name );
+				showLog("加载完毕，共进行 "+ (treeNode.times-1) +" 次异步加载, 耗时："+ usedTime + " 秒");
+			}
+		}
+		function onAsyncError(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			alert("异步获取数据出现异常。");
+			treeNode.icon = "";
+			zTree.updateNode(treeNode);
+		}
+		function ajaxGetNodes(treeNode, reloadType) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			if (reloadType == "refresh") {
+				treeNode.icon = "../../../css/zTreeStyle/img/loading.gif";
+				zTree.updateNode(treeNode);
+			}
+			zTree.reAsyncChildNodes(treeNode, reloadType, true);
+		}
+		function showLog(str) {
+			if (!log) log = $("#log");
+			log.append("<li class='"+className+"'>"+str+"</li>");
+			if(log.children("li").length > 4) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds(),
+			ms=now.getMilliseconds();
+			return (h+":"+m+":"+s+ " " +ms);
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+
+		});
+		//-->
+	</SCRIPT>
+ </HEAD>
+
+<BODY>
+<h1>分批异步加载大数据量</h1>
+<h6>[ 文件路径: bigdata/diy_async.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul>
+			<li class="highlight_red">&nbsp;&nbsp;&nbsp;&nbsp;此 Demo 专门用于测试分批异步加载，每次展开节点都要重新进行异步加载。</li>
+		</ul>
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、大数据量加载说明</h2>
+				<ul class="list">
+				<li>1)、对于某一级节点数多达几千个的时候，zTree 默认的延迟加载是无效的，此 Demo 演示了一种原先 zTree v2.6 时的分批加载节点的方法。</li>
+				<li class="highlight_red">2)、此方法适用于1、2千个节点必须全部显示的需求。</li>
+				<li class="highlight_red">3)、此方法并不能解决加载慢的问题，相反只会让最终结果出现的更慢，只是可以有限度的避免浏览器假死，而且显示的节点越多就越慢。</li>
+				<li>4)、对于某一级节点数至少几千个的情况，另一个解决方案是：分页异步加载。<br/>
+					async load log:<br/>
+					<ul id="log" class="log" style="height:85px"></ul></li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>需要设置 setting.async 异步加载部分的参数</li>
+				<li>建议关闭动画效果 setting.view.expandSpeed = "";</li>
+				<li>其他不需要进行特殊的配置，根据自己的需求自行设置</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/bigdata/page.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/bigdata/page.html
new file mode 100644
index 00000000..ef3c763b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/bigdata/page.html	
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - big data page</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			async: {
+				enable: true,
+				url: getUrl
+			},
+			check: {
+				enable: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			view: {
+				addDiyDom: addDiyDom
+			},
+			callback: {
+				beforeExpand: beforeExpand,
+				onAsyncSuccess: onAsyncSuccess,
+				onAsyncError: onAsyncError
+			}
+		};
+
+		var zNodes =[
+			{name:"分页测试", t:"请点击分页按钮", id:"1", count:2000, page:0, pageSize:100, isParent:true}
+		];
+		var curPage = 0;
+		function getUrl(treeId, treeNode) {
+			var param = "id="+ treeNode.id +"_"+treeNode.page +"&count="+treeNode.pageSize,
+			aObj = $("#" + treeNode.tId + "_a");
+			aObj.attr("title", "当前第 " + treeNode.page + " 页 / 共 " + treeNode.maxPage + " 页")
+			return "../asyncData/getNodesForBigData.php?" + param;
+		}
+		function goPage(treeNode, page) {
+			treeNode.page = page;
+			if (treeNode.page<1) treeNode.page = 1;
+			if (treeNode.page>treeNode.maxPage) treeNode.page = treeNode.maxPage;
+			if (curPage == treeNode.page) return;
+			curPage = treeNode.page;
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.reAsyncChildNodes(treeNode, "refresh");
+		}
+		function beforeExpand(treeId, treeNode) {
+			if (treeNode.page == 0) treeNode.page = 1;
+			return !treeNode.isAjaxing;
+		}
+		function onAsyncSuccess(event, treeId, treeNode, msg) {
+			
+		}
+		function onAsyncError(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			alert("异步获取数据出现异常。");
+			treeNode.icon = "";
+			zTree.updateNode(treeNode);
+		}
+		function addDiyDom(treeId, treeNode) {
+			if (treeNode.level>0) return;
+			var aObj = $("#" + treeNode.tId + "_a");
+			if ($("#addBtn_"+treeNode.id).length>0) return;
+			var addStr = "<span class='button lastPage' id='lastBtn_" + treeNode.id
+				+ "' title='last page' onfocus='this.blur();'></span><span class='button nextPage' id='nextBtn_" + treeNode.id
+				+ "' title='next page' onfocus='this.blur();'></span><span class='button prevPage' id='prevBtn_" + treeNode.id
+				+ "' title='prev page' onfocus='this.blur();'></span><span class='button firstPage' id='firstBtn_" + treeNode.id
+				+ "' title='first page' onfocus='this.blur();'></span>";
+			aObj.after(addStr);
+			var first = $("#firstBtn_"+treeNode.id);
+			var prev = $("#prevBtn_"+treeNode.id);
+			var next = $("#nextBtn_"+treeNode.id);
+			var last = $("#lastBtn_"+treeNode.id);
+			treeNode.maxPage = Math.round(treeNode.count/treeNode.pageSize - .5) + (treeNode.count%treeNode.pageSize == 0 ? 0:1);
+			first.bind("click", function(){
+				if (!treeNode.isAjaxing) {
+					goPage(treeNode, 1);
+				}
+			});
+			last.bind("click", function(){
+				if (!treeNode.isAjaxing) {
+					goPage(treeNode, treeNode.maxPage);
+				}
+			});
+			prev.bind("click", function(){
+				if (!treeNode.isAjaxing) {
+					goPage(treeNode, treeNode.page-1);
+				}
+			});
+			next.bind("click", function(){
+				if (!treeNode.isAjaxing) {
+					goPage(treeNode, treeNode.page+1);
+				}
+			});
+		};
+		
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li span.button.firstPage {float:right; margin-left:2px; margin-right: 0; background-position:-144px -16px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.prevPage {float:right; margin-left:2px; margin-right: 0; background-position:-144px -48px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.nextPage {float:right; margin-left:2px; margin-right: 0; background-position:-144px -64px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.lastPage {float:right; margin-left:2px; margin-right: 0; background-position:-144px -32px; vertical-align:top; *vertical-align:middle}
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>分页加载大数据量</h1>
+<h6>[ 文件路径: bigdata/page.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、大数据量加载说明</h2>
+				<ul class="list">
+				<li>1)、分页方案可以有效解决某一级节点数据超大的情况。</li>
+				<li>2)、分页按钮通过自定义控件的方法实现。</li>
+				<li class="highlight_red">3)、分页方案对于 checkbox 的关联关系无能为力，只能每次翻页后进行修正。由于时间关系，Demo 中不对 checkbox 的关联进行任何修正处理。</li>
+				<li class="highlight_red">4)、分页方案中，从 zTree 得到的节点数据只有当前页的节点数据，可以在每次翻页后自行保存每页的数据，作为缓存，具体情况要根据实际需求来决定。</li>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>需要设置 setting.async 异步加载部分的参数</li>
+				<li>其他不需要进行特殊的配置，根据自己的需求自行设置</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/async.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/async.html
new file mode 100644
index 00000000..3f2a0d90
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/async.html	
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Async</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			async: {
+				enable: true,
+				url:"../asyncData/getNodes.php",
+				autoParam:["id", "name=n", "level=lv"],
+				otherParam:{"otherParam":"zTreeAsyncTest"},
+				dataFilter: filter
+			}
+		};
+
+		function filter(treeId, parentNode, childNodes) {
+			if (!childNodes) return null;
+			for (var i=0, l=childNodes.length; i<l; i++) {
+				childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');
+			}
+			return childNodes;
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>异步加载节点数据的树</h1>
+<h6>[ 文件路径: core/async.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li class="highlight_red">使用异步加载，必须设置 setting.async 中的各个属性，详细请参见 API 文档中的相关内容</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>异步加载功能对于 treeNode 节点数据没有特别要求，如果采用简单 JSON 数据，请设置 setting.data.simple 中的属性</li>
+				<li>如果异步加载每次都只返回单层的节点数据，那么可以不设置简单 JSON 数据模式</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、其他说明</h2>
+				<ul class="list">
+				<li class="highlight_red">观察 autoParam 和 otherParam 请使用 firebug 或 浏览器的开发人员工具</li>
+				<li class="highlight_red">此 Demo 只能加载到第 4 级节点（level=3）</li>
+				<li class="highlight_red">此 Demo 利用 dataFilter 对节点的 name 进行了修改</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/async_fun.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/async_fun.html
new file mode 100644
index 00000000..3571b24b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/async_fun.html	
@@ -0,0 +1,144 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - reAsyncChildNodes</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				selectedMulti: false
+			},
+			async: {
+				enable: true,
+				url:"../asyncData/getNodes.php",
+				autoParam:["id", "name=n", "level=lv"],
+				otherParam:{"otherParam":"zTreeAsyncTest"},
+				dataFilter: filter
+			},
+			callback: {
+				beforeClick: beforeClick,
+				beforeAsync: beforeAsync,
+				onAsyncError: onAsyncError,
+				onAsyncSuccess: onAsyncSuccess
+			}
+		};
+
+		function filter(treeId, parentNode, childNodes) {
+			if (!childNodes) return null;
+			for (var i=0, l=childNodes.length; i<l; i++) {
+				childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');
+			}
+			return childNodes;
+		}
+		function beforeClick(treeId, treeNode) {
+			if (!treeNode.isParent) {
+				alert("请选择父节点");
+				return false;
+			} else {
+				return true;
+			}
+		}
+		var log, className = "dark";
+		function beforeAsync(treeId, treeNode) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeAsync ]&nbsp;&nbsp;&nbsp;&nbsp;" + ((!!treeNode && !!treeNode.name) ? treeNode.name : "root") );
+			return true;
+		}
+		function onAsyncError(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) {
+			showLog("[ "+getTime()+" onAsyncError ]&nbsp;&nbsp;&nbsp;&nbsp;" + ((!!treeNode && !!treeNode.name) ? treeNode.name : "root") );
+		}
+		function onAsyncSuccess(event, treeId, treeNode, msg) {
+			showLog("[ "+getTime()+" onAsyncSuccess ]&nbsp;&nbsp;&nbsp;&nbsp;" + ((!!treeNode && !!treeNode.name) ? treeNode.name : "root") );
+		}
+		
+		function showLog(str) {
+			if (!log) log = $("#log");
+			log.append("<li class='"+className+"'>"+str+"</li>");
+			if(log.children("li").length > 8) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds(),
+			ms=now.getMilliseconds();
+			return (h+":"+m+":"+s+ " " +ms);
+		}
+
+		function refreshNode(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			type = e.data.type,
+			silent = e.data.silent,
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("请先选择一个父节点");
+			}
+			for (var i=0, l=nodes.length; i<l; i++) {
+				zTree.reAsyncChildNodes(nodes[i], type, silent);
+				if (!silent) zTree.selectNode(nodes[i]);
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting);
+			$("#refreshNode").bind("click", {type:"refresh", silent:false}, refreshNode);
+			$("#refreshNodeSilent").bind("click", {type:"refresh", silent:true}, refreshNode);
+			$("#addNode").bind("click", {type:"add", silent:false}, refreshNode);
+			$("#addNodeSilent").bind("click", {type:"add", silent:true}, refreshNode);
+		});
+		//-->
+	</SCRIPT>
+
+</HEAD>
+
+<BODY>
+<h1>用 zTree 方法异步加载节点数据</h1>
+<h6>[ 文件路径: core/async_fun.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、reAsyncChildNodes 方法操作说明</h2>
+				<ul class="list">
+				<li class="highlight_red">使用 zTreeObj.reAsyncChildNodes 方法，详细请参见 API 文档中的相关内容</li>
+				<li><p>此 Demo 只能同时选中一个父节点<br/>
+					试试看：[ <a id="refreshNode" href="#" onclick="return false;">重新加载</a> ]&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="addNode" href="#" onclick="return false;">追加</a> ]</p>
+				</li>
+				<li><p><span class="highlight_red">“悄悄地”操作只能针对 折叠状态 的父节点</span><br/>
+					试试看：[ <a id="refreshNodeSilent" href="#" onclick="return false;">悄悄地 重新加载</a> ]&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="addNodeSilent" href="#" onclick="return false;">悄悄地 追加</a> ]<br/>
+					async log:<br/>
+					<ul id="log" class="log"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li class="highlight_red">使用 zTree 提供的 reAsyncChildNodes 方法也必须设置 setting.async 中的各个属性，详细请参见 API 文档中的相关内容</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>同 "异步加载 节点数据" 中的说明</li>
+				</ul>
+			</li>
+			<li class="title"><h2>4、其他说明</h2>
+				<ul class="list">
+				<li>同 "异步加载 节点数据" 中的说明</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/click.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/click.html
new file mode 100644
index 00000000..50367d97
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/click.html	
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - beforeClick / onClick</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			data: {
+				key: {
+					title:"t"
+				},
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeClick: beforeClick,
+				onClick: onClick
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"普通的父节点", t:"我很普通，随便点我吧", open:true},
+			{ id:11, pId:1, name:"叶子节点 - 1", t:"我很普通，随便点我吧"},
+			{ id:12, pId:1, name:"叶子节点 - 2", t:"我很普通，随便点我吧"},
+			{ id:13, pId:1, name:"叶子节点 - 3", t:"我很普通，随便点我吧"},
+			{ id:2, pId:0, name:"NB的父节点", t:"点我可以，但是不能点我的子节点，有本事点一个你试试看？", open:true},
+			{ id:21, pId:2, name:"叶子节点2 - 1", t:"你哪个单位的？敢随便点我？小心点儿..", click:false},
+			{ id:22, pId:2, name:"叶子节点2 - 2", t:"我有老爸罩着呢，点击我的小心点儿..", click:false},
+			{ id:23, pId:2, name:"叶子节点2 - 3", t:"好歹我也是个领导，别普通群众就来点击我..", click:false},
+			{ id:3, pId:0, name:"郁闷的父节点", t:"别点我，我好害怕...我的子节点随便点吧...", open:true, click:false },
+			{ id:31, pId:3, name:"叶子节点3 - 1", t:"唉，随便点我吧"},
+			{ id:32, pId:3, name:"叶子节点3 - 2", t:"唉，随便点我吧"},
+			{ id:33, pId:3, name:"叶子节点3 - 3", t:"唉，随便点我吧"}
+		];
+
+		var log, className = "dark";
+		function beforeClick(treeId, treeNode, clickFlag) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeClick ]&nbsp;&nbsp;" + treeNode.name );
+			return (treeNode.click != false);
+		}
+		function onClick(event, treeId, treeNode, clickFlag) {
+			showLog("[ "+getTime()+" onClick ]&nbsp;&nbsp;clickFlag = " + clickFlag + " (" + (clickFlag===1 ? "普通选中": (clickFlag===0 ? "<b>取消选中</b>" : "<b>追加选中</b>")) + ")");
+		}		
+		function showLog(str) {
+			if (!log) log = $("#log");
+			log.append("<li class='"+className+"'>"+str+"</li>");
+			if(log.children("li").length > 8) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds();
+			return (h+":"+m+":"+s);
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>单击节点控制</h1>
+<h6>[ 文件路径: core/click.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、beforeClick / onClick 事件回调函数控制</h2>
+				<ul class="list">
+				<li>利用 click 事件回调函数 可以进行各种其他的附加操作，这里简单演示如何监控此事件</li>
+				<li><p><span class="highlight_red">请尝试按下 <b>Ctrl</b> 键进行 多节点选择 和 取消选择</span><br/>
+					click log:<br/>
+					<ul id="log" class="log"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li class="highlight_red">需要设置 setting.callback.beforeClick 和  setting.callback.onClick 属性, 详细请参见 API 文档中的相关内容</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/custom_font.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/custom_font.html
new file mode 100644
index 00000000..e9f901ec
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/custom_font.html	
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Custom Font</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				fontCss: getFont,
+				nameIsHTML: true
+			}
+		};
+
+		var zNodes =[
+			{ name:"粗体字", font:{'font-weight':'bold'} },
+			{ name:"斜体字", font:{'font-style':'italic'}},
+			{ name:"有背景的字", font:{'background-color':'black', 'color':'white'}},
+			{ name:"红色字", font:{'color':'red'}},
+			{ name:"蓝色字", font:{'color':'blue'}},
+			{ name:"<span style='color:blue;margin-right:0px;'>view</span>.<span style='color:red;margin-right:0px;'>nameIsHTML</span>"},
+			{ name:"zTree 默认样式"}
+		];
+
+		function getFont(treeId, node) {
+			return node.font ? node.font : {};
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>显示自定义字体的树</h1>
+<h6>[ 文件路径: core/custom_font.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li class="highlight_red">1、节点自定义字体请设置 setting.view.fontCss 属性，详细请参见 API 文档中的相关内容</li>
+				<li class="highlight_red">2、setting.view.nameIsHTML 属性可以允许节点名称支持 HTML 内容，详细请参见 API 文档中的相关内容</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>设置字体不需要 treeNode 设置特殊数据，但如果用于为了区别不同类型的节点，设置不同的样式，可以对相应的数据设置自定义属性</li>
+				<li>此 Demo 利用 treeNode 保存样式定义</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/custom_icon.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/custom_icon.html
new file mode 100644
index 00000000..7c8de189
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/custom_icon.html	
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Custom Icon </TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"展开、折叠 自定义图标不同", open:true, iconOpen:"../../../css/zTreeStyle/img/diy/1_open.png", iconClose:"../../../css/zTreeStyle/img/diy/1_close.png"},
+			{ id:11, pId:1, name:"叶子节点1", icon:"../../../css/zTreeStyle/img/diy/2.png"},
+			{ id:12, pId:1, name:"叶子节点2", icon:"../../../css/zTreeStyle/img/diy/3.png"},
+			{ id:13, pId:1, name:"叶子节点3", icon:"../../../css/zTreeStyle/img/diy/5.png"},
+			{ id:2, pId:0, name:"展开、折叠 自定义图标相同", open:true, icon:"../../../css/zTreeStyle/img/diy/4.png"},
+			{ id:21, pId:2, name:"叶子节点1", icon:"../../../css/zTreeStyle/img/diy/6.png"},
+			{ id:22, pId:2, name:"叶子节点2", icon:"../../../css/zTreeStyle/img/diy/7.png"},
+			{ id:23, pId:2, name:"叶子节点3", icon:"../../../css/zTreeStyle/img/diy/8.png"},
+			{ id:3, pId:0, name:"不使用自定义图标", open:true },
+			{ id:31, pId:3, name:"叶子节点1"},
+			{ id:32, pId:3, name:"叶子节点2"},
+			{ id:33, pId:3, name:"叶子节点3"}
+
+		];
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>自定义图标 -- icon 属性</h1>
+<h6>[ 文件路径: core/custom_icon.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>自定义图标不需要对 setting 进行特殊配置</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>利用 节点数据的 icon / iconOpen / iconClose 属性实现自定义图标</li>
+				<li class="highlight_red">详细请参见 API 文档中的相关内容</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、其他说明</h2>
+				<ul class="list">
+				<li class="highlight_red">由于时间关系，例子直接采用 png 图片，如果需要解决 ie6 下 png 图片的透明问题，请针对 ie6 制作特殊的 gif 图片或者利用 css filter 解决</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/custom_iconSkin.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/custom_iconSkin.html
new file mode 100644
index 00000000..cde753a5
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/custom_iconSkin.html	
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Custom Icon Skin </TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"展开、折叠 自定义图标不同", open:true, iconSkin:"pIcon01"},
+			{ id:11, pId:1, name:"叶子节点1", iconSkin:"icon01"},
+			{ id:12, pId:1, name:"叶子节点2", iconSkin:"icon02"},
+			{ id:13, pId:1, name:"叶子节点3", iconSkin:"icon03"},
+			{ id:2, pId:0, name:"展开、折叠 自定义图标相同", open:true, iconSkin:"pIcon02"},
+			{ id:21, pId:2, name:"叶子节点1", iconSkin:"icon04"},
+			{ id:22, pId:2, name:"叶子节点2", iconSkin:"icon05"},
+			{ id:23, pId:2, name:"叶子节点3", iconSkin:"icon06"},
+			{ id:3, pId:0, name:"不使用自定义图标", open:true },
+			{ id:31, pId:3, name:"叶子节点1"},
+			{ id:32, pId:3, name:"叶子节点2"},
+			{ id:33, pId:3, name:"叶子节点3"}
+		];
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li span.button.pIcon01_ico_open{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/1_open.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.pIcon01_ico_close{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/1_close.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.pIcon02_ico_open, .ztree li span.button.pIcon02_ico_close{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/2.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon01_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/3.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon02_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/4.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon03_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/5.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon04_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/6.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon05_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/7.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon06_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/8.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+	</style>
+</HEAD>
+
+<BODY>
+<h1>自定义图标 -- iconSkin 属性</h1>
+<h6>[ 文件路径: core/custom_iconSkin.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>自定义图标不需要对 setting 进行特殊配置</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>利用 节点数据的 iconSkin 属性 配合 css 实现自定义图标</li>
+				<li class="highlight_red">详细请参见 API 文档中的相关内容</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、其他说明</h2>
+				<ul class="list">
+				<li class="highlight_red">由于时间关系，例子直接采用 png 图片，如果需要解决 ie6 下 png 图片的透明问题，请针对 ie6 制作特殊的 gif 图片或者利用 css filter 解决</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/expand.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/expand.html
new file mode 100644
index 00000000..15b03b5d
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/expand.html	
@@ -0,0 +1,185 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - beforeExpand / onExpand && beforeCollapse / onCollapse</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				selectedMulti: false
+			},
+			data: {
+				key: {
+					title:"t"
+				},
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeClick: beforeClick,
+				beforeCollapse: beforeCollapse,
+				beforeExpand: beforeExpand,
+				onCollapse: onCollapse,
+				onExpand: onExpand
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"可折腾的父节点 1", t:"我很普通，随便 展开/折叠 我吧", open:false},
+			{ id:11, pId:1, name:"叶子节点 - 1", t:"我老爸很普通，随便折腾他吧"},
+			{ id:12, pId:1, name:"可折腾的父节点 2", t:"我和我老爸都很普通，随便折腾我和他吧", open: false},
+			{ id:121, pId:12, name:"父节点 - 121", t:"我老爸很普通，随便折腾他吧", open:true},
+			{ id:1211, pId:121, name:"父节点 - 1211", t:"我老爸很普通，随便折腾他吧", open:false},
+			{ id:1212, pId:1211, name:"叶子节点 - 1212", t:"我老爸很普通，随便折腾他吧"},
+			{ id:1213, pId:121, name:"父节点 - 1213", t:"我老爸很普通，随便折腾他吧", open:false},
+			{ id:1214, pId:1213, name:"叶子节点 - 1214", t:"我老爸很普通，随便折腾他吧"},
+			{ id:123, pId:12, name:"叶子节点 - 23", t:"我老爸很普通，随便折腾他吧"},
+			{ id:13, pId:1, name:"叶子节点 - 3", t:"我老爸很普通，随便折腾他吧"},
+			{ id:2, pId:1, name:"无法折叠的父节点", t:"休想让我折叠起来...除非你用 expandAll 方法", open:false, collapse:false},
+			{ id:21, pId:2, name:"叶子节点2 - 1", t:"哈哈哈，我老爸NB吧，不能折叠吧？"},
+			{ id:22, pId:21, name:"叶子节点2 - 2", t:"哈哈哈，我老爸NB吧，不能折叠吧？"},
+			{ id:23, pId:21, name:"叶子节点2 - 3", t:"哈哈哈，我老爸NB吧，不能折叠吧？"},
+			{ id:3, pId:2, name:"无法展开的父节点", t:"就凭你也想展开我？难呀...嘿嘿, 除非你用 expandAll 方法", open:false, expand:true},
+			{ id:31, pId:3, name:"叶子节点3 - 1", t:"居然让你看到了...莫非你用了全部节点展开？"},
+			{ id:32, pId:31, name:"叶子节点3 - 2", t:"居然让你看到了...莫非你用了全部节点展开？"},
+			{ id:33, pId:31, name:"叶子节点3 - 3", t:"居然让你看到了...莫非你用了全部节点展开？"},
+			{ id:4, pId:3, name:"空空的父节点 1", t:"一无所有...除了我自己", isParent:true, open:false}
+		];
+
+		var log, className = "dark";
+		function beforeClick(treeId, treeNode) {
+			if (treeNode.isParent) {
+				return true;
+			} else {
+				alert("这个 Demo 是用来测试 展开 / 折叠 的...\n\n去点击父节点吧... ");
+				return false;
+			}
+		}
+		function beforeCollapse(treeId, treeNode) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeCollapse ]&nbsp;&nbsp;&nbsp;&nbsp;" + treeNode.name );
+			return (treeNode.collapse !== false);
+		}
+		function onCollapse(event, treeId, treeNode) {
+			showLog("[ "+getTime()+" onCollapse ]&nbsp;&nbsp;&nbsp;&nbsp;" + treeNode.name);
+		}		
+		function beforeExpand(treeId, treeNode) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeExpand ]&nbsp;&nbsp;&nbsp;&nbsp;" + treeNode.name );
+			return (treeNode.expand !== false);
+		}
+		function onExpand(event, treeId, treeNode) {
+			showLog("[ "+getTime()+" onExpand ]&nbsp;&nbsp;&nbsp;&nbsp;" + treeNode.name);
+		}
+		function showLog(str) {
+			if (!log) log = $("#log");
+			log.append("<li class='"+className+"'>"+str+"</li>");
+			if(log.children("li").length > 8) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds(),
+			ms=now.getMilliseconds();
+			return (h+":"+m+":"+s+ " " +ms);
+		}
+
+		function expandNode(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			type = e.data.type,
+			nodes = zTree.getSelectedNodes();
+			if (type.indexOf("All")<0 && nodes.length == 0) {
+				alert("请先选择一个父节点");
+			}
+
+			if (type == "expandAll") {
+				zTree.expandAll(true);
+			} else if (type == "collapseAll") {
+				zTree.expandAll(false);
+			} else {
+				var callbackFlag = $("#callbackTrigger").attr("checked");
+				for (var i=0, l=nodes.length; i<l; i++) {
+					zTree.setting.view.fontCss = {};
+					if (type == "expand") {
+						zTree.expandNode(nodes[i], true, null, null, callbackFlag);
+					} else if (type == "collapse") {
+						zTree.expandNode(nodes[i], false, null, null, callbackFlag);
+					} else if (type == "toggle") {
+						zTree.expandNode(nodes[i], null, null, null, callbackFlag);
+					} else if (type == "expandSon") {
+						zTree.expandNode(nodes[i], true, true, null, callbackFlag);
+					} else if (type == "collapseSon") {
+						zTree.expandNode(nodes[i], false, true, null, callbackFlag);
+					}
+				}
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#expandBtn").bind("click", {type:"expand"}, expandNode);
+			$("#collapseBtn").bind("click", {type:"collapse"}, expandNode);
+			$("#toggleBtn").bind("click", {type:"toggle"}, expandNode);
+			$("#expandSonBtn").bind("click", {type:"expandSon"}, expandNode);
+			$("#collapseSonBtn").bind("click", {type:"collapseSon"}, expandNode);
+			$("#expandAllBtn").bind("click", {type:"expandAll"}, expandNode);
+			$("#collapseAllBtn").bind("click", {type:"collapseAll"}, expandNode);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>展开 / 折叠父节点控制</h1>
+<h6>[ 文件路径: core/expand.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、beforeCollapse / onCollapse<br/>&nbsp;&nbsp;beforeExpand / onExpand 事件回调函数控制</h2>
+				<ul class="list">
+				<li>利用 collapse / expand 事件回调函数 可以控制父节点是否允许 展开 / 折叠，这里简单演示如何监控此事件</li>
+				<li><p>试试看：<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="callbackTrigger" checked /> expandNode 方法是否触发 callback<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;单个节点--[ <a id="expandBtn" href="#" title="不想展开我就不展开你..." onclick="return false;">展开</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="collapseBtn" href="#" title="不想折叠我就不折叠你..." onclick="return false;">折叠</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="toggleBtn" href="#" title="你想怎样？..." onclick="return false;">展开 / 折叠 切换</a> ]<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;单个节点（包括子节点）--[ <a id="expandSonBtn" href="#" title="不想展开我就不展开你..." onclick="return false;">展开</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="collapseSonBtn" href="#" title="不想折叠我就不折叠你..." onclick="return false;">折叠</a> ]<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;全部节点--[ <a id="expandAllBtn" href="#" title="不管你有多NB，统统都要听我的！！" onclick="return false;">展开</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="collapseAllBtn" href="#" title="不管你有多NB，统统都要听我的！！" onclick="return false;">折叠</a> ]</p>
+				<li><p><span class="highlight_red">使用 zTreeObj.expandNode 方法，详细请参见 API 文档中的相关内容</span><br/>
+					collapse / expand log:<br/>
+					<ul id="log" class="log"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li class="highlight_red">事件回调函数的使用，详细请参见 API 文档中 setting.callback 的相关内容</li>
+				<li class="highlight_red">如果需要调整 展开 / 折叠 的动画效果， 详细请参见 API 文档中 setting.view.expandSpeed 的相关内容</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/noicon.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/noicon.html
new file mode 100644
index 00000000..9562163b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/noicon.html	
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - noIcon </TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				showIcon: showIconForTree
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"父节点1 - 展开", open:true},
+			{ id:11, pId:1, name:"父节点11 - 折叠"},
+			{ id:111, pId:11, name:"叶子节点111"},
+			{ id:112, pId:11, name:"叶子节点112"},
+			{ id:113, pId:11, name:"叶子节点113"},
+			{ id:114, pId:11, name:"叶子节点114"},
+			{ id:12, pId:1, name:"父节点12 - 折叠"},
+			{ id:121, pId:12, name:"叶子节点121"},
+			{ id:122, pId:12, name:"叶子节点122"},
+			{ id:123, pId:12, name:"叶子节点123"},
+			{ id:124, pId:12, name:"叶子节点124"},
+			{ id:13, pId:1, name:"父节点13 - 没有子节点", isParent:true},
+			{ id:2, pId:0, name:"父节点2 - 折叠"},
+			{ id:21, pId:2, name:"父节点21 - 展开", open:true},
+			{ id:211, pId:21, name:"叶子节点211"},
+			{ id:212, pId:21, name:"叶子节点212"},
+			{ id:213, pId:21, name:"叶子节点213"},
+			{ id:214, pId:21, name:"叶子节点214"},
+			{ id:22, pId:2, name:"父节点22 - 折叠"},
+			{ id:221, pId:22, name:"叶子节点221"},
+			{ id:222, pId:22, name:"叶子节点222"},
+			{ id:223, pId:22, name:"叶子节点223"},
+			{ id:224, pId:22, name:"叶子节点224"},
+			{ id:23, pId:2, name:"父节点23 - 折叠"},
+			{ id:231, pId:23, name:"叶子节点231"},
+			{ id:232, pId:23, name:"叶子节点232"},
+			{ id:233, pId:23, name:"叶子节点233"},
+			{ id:234, pId:23, name:"叶子节点234"},
+			{ id:3, pId:0, name:"父节点3 - 没有子节点", isParent:true}
+		];
+
+		function showIconForTree(treeId, treeNode) {
+			return !treeNode.isParent;
+		};
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+
+</HEAD>
+
+<BODY>
+<h1>不显示节点图标的树</h1>
+<h6>[ 文件路径: core/noicon.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>此 Demo 利用 Function 设置了使父节点不显示图标的规则</li>
+				<li class="highlight_red">是否显示节点图标请设置 setting.view.showIcon 属性，详细请参见 API 文档中的相关内容</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>是否显示图标，不需要 treeNode 节点数据提供特殊设置，但如果用户需要根据不同节点动态设置，可以对节点数据增加特殊属性，用于判别</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/noline.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/noline.html
new file mode 100644
index 00000000..212d97bb
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/noline.html	
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - noLine </TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				showLine: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"父节点1 - 展开", open:true},
+			{ id:11, pId:1, name:"父节点11 - 折叠"},
+			{ id:111, pId:11, name:"叶子节点111"},
+			{ id:112, pId:11, name:"叶子节点112"},
+			{ id:113, pId:11, name:"叶子节点113"},
+			{ id:114, pId:11, name:"叶子节点114"},
+			{ id:12, pId:1, name:"父节点12 - 折叠"},
+			{ id:121, pId:12, name:"叶子节点121"},
+			{ id:122, pId:12, name:"叶子节点122"},
+			{ id:123, pId:12, name:"叶子节点123"},
+			{ id:124, pId:12, name:"叶子节点124"},
+			{ id:13, pId:1, name:"父节点13 - 没有子节点", isParent:true},
+			{ id:2, pId:0, name:"父节点2 - 折叠"},
+			{ id:21, pId:2, name:"父节点21 - 展开", open:true},
+			{ id:211, pId:21, name:"叶子节点211"},
+			{ id:212, pId:21, name:"叶子节点212"},
+			{ id:213, pId:21, name:"叶子节点213"},
+			{ id:214, pId:21, name:"叶子节点214"},
+			{ id:22, pId:2, name:"父节点22 - 折叠"},
+			{ id:221, pId:22, name:"叶子节点221"},
+			{ id:222, pId:22, name:"叶子节点222"},
+			{ id:223, pId:22, name:"叶子节点223"},
+			{ id:224, pId:22, name:"叶子节点224"},
+			{ id:23, pId:2, name:"父节点23 - 折叠"},
+			{ id:231, pId:23, name:"叶子节点231"},
+			{ id:232, pId:23, name:"叶子节点232"},
+			{ id:233, pId:23, name:"叶子节点233"},
+			{ id:234, pId:23, name:"叶子节点234"},
+			{ id:3, pId:0, name:"父节点3 - 没有子节点", isParent:true}
+		];
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+
+</HEAD>
+
+<BODY>
+<h1>不显示连接线的树</h1>
+<h6>[ 文件路径: core/noline.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li class="highlight_red">是否显示连接线请设置 setting.view.showLine 属性，详细请参见 API 文档中的相关内容</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>是否显示连线，不需要 treeNode 节点数据提供特殊设置</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/otherMouse.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/otherMouse.html
new file mode 100644
index 00000000..2dff4e41
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/otherMouse.html	
@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Other Mouse Event</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			data: {
+				key: {
+					title:"t"
+				},
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeMouseDown: beforeMouseDown,
+				beforeMouseUp: beforeMouseUp,
+				beforeRightClick: beforeRightClick,
+				onMouseDown: onMouseDown,
+				onMouseUp: onMouseUp,
+				onRightClick: onRightClick
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"不能 右键 0", t:"试试右键，没有 onRightClick 吧？", open:true, right:false},
+			{ id:11, pId:1, name:"不能 右键 1", t:"试试右键，没有 onRightClick 吧？", right:false},
+			{ id:12, pId:1, name:"不能 右键 2", t:"试试右键，没有 onRightClick 吧？", right:false},
+			{ id:13, pId:1, name:"不能 右键 3", t:"试试右键，没有 onRightClick 吧？", right:false},
+			{ id:2, pId:0, name:"不能 Down 0", t:"试试 MouseDown ，没有 onMouseDown 吧？", open:true, down:false},
+			{ id:21, pId:2, name:"不能 Down 1", t:"试试 MouseDown ，没有 onMouseDown 吧？", down:false},
+			{ id:22, pId:2, name:"不能 Down 2", t:"试试 MouseDown ，没有 onMouseDown 吧？", down:false},
+			{ id:23, pId:2, name:"不能 Down 3", t:"试试 MouseDown ，没有 onMouseDown 吧？", down:false},
+			{ id:3, pId:0, name:"不能 Up 0", t:"试试 MouseUp ，没有 onMouseUp 吧？", open:true, up:false},
+			{ id:31, pId:3, name:"不能 Up 1", t:"试试 MouseUp ，没有 onMouseUp 吧？", up:false},
+			{ id:32, pId:3, name:"不能 Up 2", t:"试试 MouseUp ，没有 onMouseUp 吧？", up:false},
+			{ id:33, pId:3, name:"不能 Up 3", t:"试试 MouseUp ，没有 onMouseUp 吧？", up:false}
+		];
+
+		var log, className = {down:"dark", up:"dark", right:"dark"};
+		function beforeMouseDown(treeId, treeNode) {
+			className.down = (className.down === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeMouseDown ]&nbsp;&nbsp;" + (treeNode?treeNode.name:"root"), "down" );
+			return (!treeNode || treeNode.down != false);
+		}
+		function onMouseDown(event, treeId, treeNode) {
+			showLog("[ "+getTime()+" onMouseDown ]&nbsp;&nbsp;" + (treeNode?treeNode.name:"root"), "down" );
+		}
+		function beforeMouseUp(treeId, treeNode) {
+			className.up = (className.up === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeMouseUp ]&nbsp;&nbsp;" + (treeNode?treeNode.name:"root"), "up" );
+			return (!treeNode || treeNode.up != false);
+		}
+		function onMouseUp(event, treeId, treeNode) {
+			showLog("[ "+getTime()+" onMouseUp ]&nbsp;&nbsp;" + (treeNode?treeNode.name:"root"), "up" );
+		}
+		function beforeRightClick(treeId, treeNode) {
+			className.right = (className.right === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeRightClick ]&nbsp;&nbsp;" + (treeNode?treeNode.name:"root"), "right" );
+			return (!treeNode || treeNode.right != false);
+		}
+		function onRightClick(event, treeId, treeNode) {
+			showLog("[ "+getTime()+" onRightClick ]&nbsp;&nbsp;" + (treeNode?treeNode.name:"root"), "right" );
+		}
+		function showLog(str, logType) {
+			log = $("#log" + "_" + logType);
+			log.append("<li class='"+className[logType]+"'>"+str+"</li>");
+			if(log.children("li").length > 2) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds(),
+			ms=now.getMilliseconds();
+			return (h+":"+m+":"+s+ " " +ms);
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>其他鼠标事件监听</h1>
+<h6>[ 文件路径: core/otherMouse.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、mousedown / mouseup / rightClick 事件回调函数控制</h2>
+				<ul class="list">
+				<li>zTree 提供 这几种鼠标事件响应，主要是为了便于用户针对一些特殊需求进行扩展开发，不会对 zTree 造成任何影响，这里简单演示如何监控此事件</li>
+				<li><p><span class="highlight_red">请尝试鼠标在 zTree 上胡乱点击（左键、右键）吧，顺便看看 log</span><br/>
+					mousedown event log:<br/>
+					<ul id="log_down" class="log small"></ul>
+					mouseup event log:<br/>
+					<ul id="log_up" class="log small"></ul>
+					rightClick event log:<br/>
+					<ul id="log_right" class="log small"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li class="highlight_red">事件回调函数的使用，详细请参见 API 文档中 setting.callback 的相关内容</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/searchNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/searchNodes.html
new file mode 100644
index 00000000..28c2e3ba
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/searchNodes.html	
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - getNodeByParam / getNodesByParam / getNodesByParamFuzzy</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			data: {
+				key: {
+					title: "t"
+				},
+				simpleData: {
+					enable: true
+				}				
+			},
+			view: {
+				fontCss: getFontCss
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"节点搜索演示 1", t:"id=1", open:true},
+			{ id:11, pId:1, name:"关键字可以是名字", t:"id=11"},
+			{ id:12, pId:1, name:"关键字可以是level", t:"id=12"},
+			{ id:13, pId:1, name:"关键字可以是id", t:"id=13"},
+			{ id:14, pId:1, name:"关键字可以是各种属性", t:"id=14"},
+			{ id:2, pId:0, name:"节点搜索演示 2", t:"id=2", open:true},
+			{ id:21, pId:2, name:"可以只搜索一个节点", t:"id=21"},
+			{ id:22, pId:2, name:"可以搜索节点集合", t:"id=22"},
+			{ id:23, pId:2, name:"搜我吧", t:"id=23"},
+			{ id:3, pId:0, name:"节点搜索演示 3", t:"id=3", open:true },
+			{ id:31, pId:3, name:"我的 id 是: 31", t:"id=31"},
+			{ id:32, pId:31, name:"我的 id 是: 32", t:"id=32"},
+			{ id:33, pId:32, name:"我的 id 是: 33", t:"id=33"}
+		];
+
+		function focusKey(e) {
+			if (key.hasClass("empty")) {
+				key.removeClass("empty");
+			}
+		}
+		function blurKey(e) {
+			if (key.get(0).value === "") {
+				key.addClass("empty");
+			}
+		}
+		var lastValue = "", nodeList = [], fontCss = {};
+		function clickRadio(e) {
+			lastValue = "";
+			searchNode(e);
+		}
+		function searchNode(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			if (!$("#getNodesByFilter").attr("checked")) {
+				var value = $.trim(key.get(0).value);
+				var keyType = "";
+				if ($("#name").attr("checked")) {
+					keyType = "name";
+				} else if ($("#level").attr("checked")) {
+					keyType = "level";
+					value = parseInt(value);
+				} else if ($("#id").attr("checked")) {
+					keyType = "id";
+					value = parseInt(value);
+				}
+				if (key.hasClass("empty")) {
+					value = "";
+				}
+				if (lastValue === value) return;
+				lastValue = value;
+				if (value === "") return;
+				updateNodes(false);
+
+				if ($("#getNodeByParam").attr("checked")) {
+					var node = zTree.getNodeByParam(keyType, value);
+					if (node === null) {
+						nodeList = [];
+					} else {
+						nodeList = [node];
+					}
+				} else if ($("#getNodesByParam").attr("checked")) {
+					nodeList = zTree.getNodesByParam(keyType, value);
+				} else if ($("#getNodesByParamFuzzy").attr("checked")) {
+					nodeList = zTree.getNodesByParamFuzzy(keyType, value);
+				}
+			} else {
+				updateNodes(false);
+				nodeList = zTree.getNodesByFilter(filter);
+			}
+			updateNodes(true);
+
+		}
+		function updateNodes(highlight) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			for( var i=0, l=nodeList.length; i<l; i++) {
+				nodeList[i].highlight = highlight;
+				zTree.updateNode(nodeList[i]);
+			}
+		}
+		function getFontCss(treeId, treeNode) {
+			return (!!treeNode.highlight) ? {color:"#A60000", "font-weight":"bold"} : {color:"#333", "font-weight":"normal"};
+		}
+		function filter(node) {
+			return !node.isParent && node.isFirstNode;
+		}
+
+		var key;
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			key = $("#key");
+			key.bind("focus", focusKey)
+			.bind("blur", blurKey)
+			.bind("propertychange", searchNode)
+			.bind("input", searchNode);
+			$("#name").bind("change", clickRadio);
+			$("#level").bind("change", clickRadio);
+			$("#id").bind("change", clickRadio);
+			$("#getNodeByParam").bind("change", clickRadio);
+			$("#getNodesByParam").bind("change", clickRadio);
+			$("#getNodesByParamFuzzy").bind("change", clickRadio);
+			$("#getNodesByFilter").bind("change", clickRadio);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>根据参数查找节点</h1>
+<h6>[ 文件路径: core/searchNodes.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、getNodeByParam / getNodesByParam / getNodesByParamFuzzy 方法操作说明</h2>
+				<ul class="list">
+				<li class="highlight_red">使用 zTreeObj.getNodeByParam / getNodesByParam / getNodesByParamFuzzy / getNodeByTId 方法，详细请参见 API 文档中的相关内容</li>
+				<li><p>搜索试试看：<br/>
+						属性值( value )：<input type="text" id="key" value="" class="empty" /><br/>
+						属性( key )：<input type="radio" id="name" name="keyType" class="radio first" checked /><span>name (string)</span><br/>
+						<input type="radio" id="level" name="keyType" class="radio" style="margin-left:68px;" /><span>level (number) ... 根节点 level = 0</span><br/>
+						<input type="radio" id="id" name="keyType" class="radio" style="margin-left:68px;" /><span>id (number)</span><br/>
+						方法：<input type="radio" id="getNodeByParam" name="funType" class="radio first" /><span>getNodeByParam</span><br/>
+						<input type="radio" id="getNodesByParam" name="funType" class="radio" style="margin-left:36px;" /><span>getNodesByParam</span><br/>
+						<input type="radio" id="getNodesByParamFuzzy" name="funType" class="radio" style="margin-left:36px;" checked /><span>getNodesByParamFuzzy (only string)</span><br/>
+						<input type="radio" id="getNodesByFilter" name="funType" class="radio" style="margin-left:36px;" /><span>getNodesByFilter (参考本页源码中 function filter)</span><br/>
+					</p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>不需要对 setting 进行特殊设置</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li class="highlight_red">请注意各个方法使用时保证传入查找的参数类型与设定要查找的属性的类型一致</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/simpleData.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/simpleData.html
new file mode 100644
index 00000000..6d2dcb89
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/simpleData.html	
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Simple Data</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"父节点1 - 展开", open:true},
+			{ id:11, pId:1, name:"父节点11 - 折叠"},
+			{ id:111, pId:11, name:"叶子节点111"},
+			{ id:112, pId:11, name:"叶子节点112"},
+			{ id:113, pId:11, name:"叶子节点113"},
+			{ id:114, pId:11, name:"叶子节点114"},
+			{ id:12, pId:1, name:"父节点12 - 折叠"},
+			{ id:121, pId:12, name:"叶子节点121"},
+			{ id:122, pId:12, name:"叶子节点122"},
+			{ id:123, pId:12, name:"叶子节点123"},
+			{ id:124, pId:12, name:"叶子节点124"},
+			{ id:13, pId:1, name:"父节点13 - 没有子节点", isParent:true},
+			{ id:2, pId:0, name:"父节点2 - 折叠"},
+			{ id:21, pId:2, name:"父节点21 - 展开", open:true},
+			{ id:211, pId:21, name:"叶子节点211"},
+			{ id:212, pId:21, name:"叶子节点212"},
+			{ id:213, pId:21, name:"叶子节点213"},
+			{ id:214, pId:21, name:"叶子节点214"},
+			{ id:22, pId:2, name:"父节点22 - 折叠"},
+			{ id:221, pId:22, name:"叶子节点221"},
+			{ id:222, pId:22, name:"叶子节点222"},
+			{ id:223, pId:22, name:"叶子节点223"},
+			{ id:224, pId:22, name:"叶子节点224"},
+			{ id:23, pId:2, name:"父节点23 - 折叠"},
+			{ id:231, pId:23, name:"叶子节点231"},
+			{ id:232, pId:23, name:"叶子节点232"},
+			{ id:233, pId:23, name:"叶子节点233"},
+			{ id:234, pId:23, name:"叶子节点234"},
+			{ id:3, pId:0, name:"父节点3 - 没有子节点", isParent:true, open:true}
+		];
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+ </HEAD>
+
+<BODY>
+<h1>最简单的树 -- 简单 JSON 数据</h1>
+<h6>[ 文件路径: core/simpleData.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li class="highlight_red">必须设置 setting.data.simple 内的属性，详细请参见 API 文档中的相关内容</li>
+				<li>与显示相关的内容请参考 API 文档中 setting.view 内的配置信息</li>
+				<li>name、children、title 等属性定义更改请参考 API 文档中 setting.data.key 内的配置信息</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li class="highlight_red">简单模式的 JSON 数据需要使用 id / pId 表示节点的父子包含关系，如使用其他属性设置父子关联关系请参考 setting.data.simple 内各项说明
+				<div><pre xmlns=""><code>例如：
+var nodes = [
+	{id:1, pId:0, name: "父节点1"},
+	{id:11, pId:1, name: "子节点1"},
+	{id:12, pId:1, name: "子节点2"}
+];</code></pre></div></li>
+				<li>默认展开的节点，请设置 treeNode.open 属性</li>
+				<li>无子节点的父节点，请设置 treeNode.isParent 属性</li>
+				<li>其他属性说明请参考 API 文档中 "treeNode 节点数据详解"</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、其他说明</h2>
+				<ul class="list">
+				<li>Demo 中绝大部分都采用简单 JSON 数据模式，以便于大家学习</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/standardData.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/standardData.html
new file mode 100644
index 00000000..582a6e16
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/standardData.html	
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Standard Data </TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {	};
+
+		var zNodes =[
+			{ name:"父节点1 - 展开", open:true,
+				children: [
+					{ name:"父节点11 - 折叠",
+						children: [
+							{ name:"叶子节点111"},
+							{ name:"叶子节点112"},
+							{ name:"叶子节点113"},
+							{ name:"叶子节点114"}
+						]},
+					{ name:"父节点12 - 折叠",
+						children: [
+							{ name:"叶子节点121"},
+							{ name:"叶子节点122"},
+							{ name:"叶子节点123"},
+							{ name:"叶子节点124"}
+						]},
+					{ name:"父节点13 - 没有子节点", isParent:true}
+				]},
+			{ name:"父节点2 - 折叠",
+				children: [
+					{ name:"父节点21 - 展开", open:true,
+						children: [
+							{ name:"叶子节点211"},
+							{ name:"叶子节点212"},
+							{ name:"叶子节点213"},
+							{ name:"叶子节点214"}
+						]},
+					{ name:"父节点22 - 折叠",
+						children: [
+							{ name:"叶子节点221"},
+							{ name:"叶子节点222"},
+							{ name:"叶子节点223"},
+							{ name:"叶子节点224"}
+						]},
+					{ name:"父节点23 - 折叠",
+						children: [
+							{ name:"叶子节点231"},
+							{ name:"叶子节点232"},
+							{ name:"叶子节点233"},
+							{ name:"叶子节点234"}
+						]}
+				]},
+			{ name:"父节点3 - 没有子节点", isParent:true}
+
+		];
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>最简单的树 -- 标准 JSON 数据</h1>
+<h6>[ 文件路径: core/standardData.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li class="highlight_red">普通使用，无必须设置的参数</li>
+				<li>与显示相关的内容请参考 API 文档中 setting.view 内的配置信息</li>
+				<li>name、children、title 等属性定义更改请参考 API 文档中 setting.data.key 内的配置信息</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li class="highlight_red">标准的 JSON 数据需要嵌套表示节点的父子包含关系
+					<div><pre xmlns=""><code>例如：
+var nodes = [
+	{name: "父节点1", children: [
+		{name: "子节点1"},
+		{name: "子节点2"}
+	]}
+];</code></pre></div>
+				</li>
+				<li>默认展开的节点，请设置 treeNode.open 属性</li>
+				<li>无子节点的父节点，请设置 treeNode.isParent 属性</li>
+				<li>其他属性说明请参考 API 文档中 "treeNode 节点数据详解"</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/update_fun.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/update_fun.html
new file mode 100644
index 00000000..918ed82b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/update_fun.html	
@@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - updateNode</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				selectedMulti: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"父节点1", open:true},
+			{ id:11, pId:1, name:"叶子节点1"},
+			{ id:12, pId:1, name:"叶子节点2"},
+			{ id:13, pId:1, name:"叶子节点3"},
+			{ id:2, pId:0, name:"父节点2", open:true},
+			{ id:21, pId:2, name:"叶子节点1"},
+			{ id:22, pId:2, name:"叶子节点2"},
+			{ id:23, pId:2, name:"叶子节点3"},
+			{ id:3, pId:0, name:"父节点3", open:true },
+			{ id:31, pId:3, name:"叶子节点1"},
+			{ id:32, pId:3, name:"叶子节点2"},
+			{ id:33, pId:3, name:"叶子节点3"}
+		];
+
+		var nameCount = 0, iconCount = 1, color = [0, 0, 0];
+		function updateNode(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			type = e.data.type,
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("请先选择一个节点");
+			}
+			for (var i=0, l=nodes.length; i<l; i++) {
+				zTree.setting.view.fontCss = {};
+				if (type == "rename") {
+					nodes[i].name = nodes[i].name.replace(/_[\d]*$/g, "") + "_" + (nameCount++);
+				} else if (type == "icon") {
+					if (iconCount > 8) {
+						nodes[i].iconSkin = null;
+						iconCount = 1;
+					} else if (nodes[i].isParent) {
+						nodes[i].iconSkin = nodes[i].iconSkin ? null : "pIcon01";
+					} else {
+						nodes[i].iconSkin = "icon0" + (iconCount++);
+					}
+				} else if (type == "color") {
+					color = [0, 0, 0];
+					var r1 = Math.round(Math.random()*3 - 0.5);
+					color[r1] = 15;
+					var r2 = Math.round(Math.random()*3 - 0.5);
+					while (r2 === r1) {
+						r2 = Math.round(Math.random()*3 - 0.5);
+					}
+					color[r2] = Math.round(Math.random()*16-0.5);
+					zTree.setting.view.fontCss["color"] = "#"+color[0].toString(16)+color[1].toString(16)+color[2].toString(16);
+				} else if (type == "font") {
+					var style = $("#" + nodes[i].tId + "_a").css("font-style") ;
+					style = (style=="italic" ? "normal" : "italic");
+					zTree.setting.view.fontCss["font-style"] = style;
+				}
+				zTree.updateNode(nodes[i]);
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#rename").bind("click", {type:"rename"}, updateNode);
+			$("#changeIcon").bind("click", {type:"icon"}, updateNode);
+			$("#changeColor").bind("click", {type:"color"}, updateNode);
+			$("#changeFont").bind("click", {type:"font"}, updateNode);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li span.button.pIcon01_ico_open{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/1_open.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.pIcon01_ico_close{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/1_close.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon01_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/2.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon02_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/3.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon03_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/4.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon04_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/5.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon05_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/6.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon06_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/7.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon07_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/8.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon08_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/9.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+	</style>
+</HEAD>
+
+<BODY>
+<h1>用 zTree 方法 更新 节点数据</h1>
+<h6>[ 文件路径: core/update_fun.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、updateNode 方法操作说明</h2>
+				<ul class="list">
+				<li class="highlight_red">使用 zTreeObj.updateNode 方法，详细请参见 API 文档中的相关内容</li>
+				<li><p>此 Demo 只能同时选中一个节点<br/>
+					试试看：[ <a id="rename" href="#" onclick="return false;">换名字</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="changeIcon" href="#" onclick="return false;">换图标</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="changeColor" href="#" onclick="return false;">换颜色</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="changeFont" href="#" onclick="return false;">斜体</a> ]</p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>不需要对 setting 进行特殊设置</li>
+				<li class="highlight_red">配合 setting.view.fontCss 可以修改节点文字样式</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li class="highlight_red">zTreeObj.updateNode 方法的 API 文档中有详细说明</li>
+				</ul>
+			</li>
+			<li class="title"><h2>4、其他说明</h2>
+				<ul class="list">
+				<li>此 Demo 是针对 核心 js 包 core 制作的，因此不包括 checkbox 的更新操作</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/url.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/url.html
new file mode 100644
index 00000000..8550d287
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/core/url.html	
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - url</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"zTree Home", url:"http://www.baby666.cn", target:"_blank"},
+			{ id:2, pId:0, name:"zTree in Google", url:"http://code.google.com/p/jquerytree/", target:"_blank"},
+			{ id:3, pId:0, name:"zTree in Iteye", url:"http://ztreeapi.iteye.com/", target:"_blank"},
+			{ id:4, pId:0, name:"Nothing...", url:"", target:"_blank", click:"alert('我是不会跳转的...');"}
+		];
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+ </HEAD>
+
+<BODY>
+<h1>超链接演示</h1>
+<h6>[ 文件路径: core/url.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>普通使用，无必须设置的参数</li>
+				<li class="highlight_red">如果需要灵活控制超链接跳转，请利用 onClick 事件回调函数进行控制，详细请参见 API 文档中的相关内容</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li class="highlight_red">1、url 属性用于设置 页面跳转的路径</li>
+				<li class="highlight_red">2、target 属性用于设置 页面跳转的窗口目标</li>
+				<li class="highlight_red">3、click 属性用于设置简单的 onClick 事件</li>
+				<li>其他属性说明请参考 API 文档中 "treeNode 节点数据详解"</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox.html
new file mode 100644
index 00000000..01c5d5c9
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox.html	
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - checkbox</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"随意勾选 1", open:true},
+			{ id:11, pId:1, name:"随意勾选 1-1", open:true},
+			{ id:111, pId:11, name:"随意勾选 1-1-1"},
+			{ id:112, pId:11, name:"随意勾选 1-1-2"},
+			{ id:12, pId:1, name:"随意勾选 1-2", open:true},
+			{ id:121, pId:12, name:"随意勾选 1-2-1"},
+			{ id:122, pId:12, name:"随意勾选 1-2-2"},
+			{ id:2, pId:0, name:"随意勾选 2", checked:true, open:true},
+			{ id:21, pId:2, name:"随意勾选 2-1"},
+			{ id:22, pId:2, name:"随意勾选 2-2", open:true},
+			{ id:221, pId:22, name:"随意勾选 2-2-1", checked:true},
+			{ id:222, pId:22, name:"随意勾选 2-2-2"},
+			{ id:23, pId:2, name:"随意勾选 2-3"}
+		];
+		
+		var code;
+		
+		function setCheck() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			py = $("#py").attr("checked")? "p":"",
+			sy = $("#sy").attr("checked")? "s":"",
+			pn = $("#pn").attr("checked")? "p":"",
+			sn = $("#sn").attr("checked")? "s":"",
+			type = { "Y":py + sy, "N":pn + sn};
+			zTree.setting.check.chkboxType = type;
+			showCode('setting.check.chkboxType = { "Y" : "' + type.Y + '", "N" : "' + type.N + '" };');
+		}
+		function showCode(str) {
+			if (!code) code = $("#code");
+			code.empty();
+			code.append("<li>"+str+"</li>");
+		}
+		
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			setCheck();
+			$("#py").bind("change", setCheck);
+			$("#sy").bind("change", setCheck);
+			$("#pn").bind("change", setCheck);
+			$("#sn").bind("change", setCheck);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Checkbox 勾选操作</h1>
+<h6>[ 文件路径: excheck/checkbox.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li class="highlight_red">使用 checkbox，必须设置 setting.check 中的各个属性，详细请参见 API 文档中的相关内容</li>
+				<li><p>父子关联关系：<br/>
+						被勾选时：<input type="checkbox" id="py" class="checkbox first" checked /><span>关联父</span>
+						<input type="checkbox" id="sy" class="checkbox first" checked /><span>关联子</span><br/>
+						取消勾选时：<input type="checkbox" id="pn" class="checkbox first" checked /><span>关联父</span>
+						<input type="checkbox" id="sn" class="checkbox first" checked /><span>关联子</span><br/>
+						<ul id="code" class="log" style="height:20px;"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li class="highlight_red">1)、如果需要初始化默认节点被勾选，请设置 treeNode.checked 属性，详细请参见 API 文档中的相关内容</li>
+				<li class="highlight_red">2)、如果某节点禁用 checkbox，请设置 treeNode.chkDisabled 属性，详细请参见 API 文档中的相关内容 和 'chkDisabled 演示'</li>
+				<li class="highlight_red">3)、如果某节点不显示 checkbox，请设置 treeNode.nocheck 属性，详细请参见 API 文档中的相关内容 和 'nocheck 演示'</li>
+				<li class="highlight_red">4)、如果更换 checked 属性，请参考 API 文档中 setting.data.key.checked 的详细说明</li>
+				<li>5)、其他请参考 API 文档中 treeNode.checkedOld / getCheckStatus / check_Child_State / check_Focus 的详细说明</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_chkDisabled.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_chkDisabled.html
new file mode 100644
index 00000000..c3ad4664
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_chkDisabled.html	
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Checkbox chkDisabled</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true,
+				chkDisabledInherit: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"随意勾选 1", open:true},
+			{ id:11, pId:1, name:"随意勾选 1-1", open:true},
+			{ id:111, pId:11, name:"disabled 1-1-1", chkDisabled:true},
+			{ id:112, pId:11, name:"随意勾选 1-1-2"},
+			{ id:12, pId:1, name:"disabled 1-2", chkDisabled:true, checked:true, open:true},
+			{ id:121, pId:12, name:"disabled 1-2-1", checked:true},
+			{ id:122, pId:12, name:"disabled 1-2-2"},
+			{ id:2, pId:0, name:"随意勾选 2", checked:true, open:true},
+			{ id:21, pId:2, name:"随意勾选 2-1"},
+			{ id:22, pId:2, name:"随意勾选 2-2", open:true},
+			{ id:221, pId:22, name:"随意勾选 2-2-1", checked:true},
+			{ id:222, pId:22, name:"随意勾选 2-2-2"},
+			{ id:23, pId:2, name:"随意勾选 2-3"}
+		];
+
+		function disabledNode(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			disabled = e.data.disabled,
+			nodes = zTree.getSelectedNodes(),
+			inheritParent = false, inheritChildren = false;
+			if (nodes.length == 0) {
+				alert("请先选择一个节点");
+			}
+			if (disabled) {
+				inheritParent = $("#py").attr("checked");
+				inheritChildren = $("#sy").attr("checked");
+			} else {
+				inheritParent = $("#pn").attr("checked");
+				inheritChildren = $("#sn").attr("checked");
+			}
+
+			for (var i=0, l=nodes.length; i<l; i++) {
+				zTree.setChkDisabled(nodes[i], disabled, inheritParent, inheritChildren);
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#disabledTrue").bind("click", {disabled: true}, disabledNode);
+			$("#disabledFalse").bind("click", {disabled: false}, disabledNode);
+			
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Checkbox chkDisabled 演示</h1>
+<h6>[ 文件路径: excheck/checkbox_chkDisabled.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setChkDisabled 方法操作说明</h2>
+				<ul class="list">
+				<li>setChkDisabled 方法可以设置节点 checkbox / radio 禁用 或 取消禁用，详细请参见 API 文档中的相关内容</li>
+				<li><p>试试看：<br/>
+					禁用时：<input type="checkbox" id="py" class="checkbox first"/><span>关联父</span>
+					<input type="checkbox" id="sy" class="checkbox first" checked /><span>关联子</span><br/>
+					取消禁用时：<input type="checkbox" id="pn" class="checkbox first" checked /><span>关联父</span>
+					<input type="checkbox" id="sn" class="checkbox first" checked /><span>关联子</span><br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="disabledTrue" href="#" title="set checkbox to be disabled." onclick="return false;">禁用</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="disabledFalse" href="#" title="set checkbox to be abled." onclick="return false;">取消禁用</a> ]
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>这个 Demo 只简单演示 chkDisabled 的使用方法，详细配置信息请参考 ‘Checkbox 勾选操作’</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li class="highlight_red">1)、如果某节点禁用 checkbox，请设置 treeNode.chkDisabled 属性，详细请参见 API 文档中的相关内容</li>
+				<li>2)、其他请参考 ‘Checkbox 勾选操作’</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_count.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_count.html
new file mode 100644
index 00000000..c0d84ba1
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_count.html	
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - getChangeCheckedNodes / getCheckedNodes</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				selectedMulti: false
+			},
+			check: {
+				enable: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				onCheck: onCheck
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"随意勾选 1", open:true},
+			{ id:11, pId:1, name:"随意勾选 1-1"},
+			{ id:12, pId:1, name:"随意勾选  1-2", open:true},
+			{ id:121, pId:12, name:"随意勾选 1-2-1", checked:true},
+			{ id:122, pId:12, name:"随意勾选 1-2-2"},
+			{ id:123, pId:12, name:"随意勾选 1-2-3"},
+			{ id:13, pId:1, name:"随意勾选 1-3"},
+			{ id:2, pId:0, name:"随意勾选 2", open:true},
+			{ id:21, pId:2, name:"随意勾选 2-1"},
+			{ id:22, pId:2, name:"随意勾选 2-2", open:true},
+			{ id:221, pId:22, name:"随意勾选 2-2-1", checked:true},
+			{ id:222, pId:22, name:"随意勾选 2-2-2"},
+			{ id:223, pId:22, name:"随意勾选 2-2-3"},
+			{ id:23, pId:2, name:"随意勾选 2-3", checked:true}
+		];
+
+		var clearFlag = false;
+		function onCheck(e, treeId, treeNode) {
+			count();
+			if (clearFlag) {
+				clearCheckedOldNodes();
+			}
+		}
+		function clearCheckedOldNodes() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getChangeCheckedNodes();
+			for (var i=0, l=nodes.length; i<l; i++) {
+				nodes[i].checkedOld = nodes[i].checked;
+			}
+		}
+		function count() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			checkCount = zTree.getCheckedNodes(true).length,
+			nocheckCount = zTree.getCheckedNodes(false).length,
+			changeCount = zTree.getChangeCheckedNodes().length;
+			$("#checkCount").text(checkCount);
+			$("#nocheckCount").text(nocheckCount);
+			$("#changeCount").text(changeCount);
+
+		}
+		function createTree() {
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			count();
+			clearFlag = $("#last").attr("checked");
+		}
+
+		$(document).ready(function(){
+			createTree();			
+			$("#init").bind("change", createTree);
+			$("#last").bind("change", createTree);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>checkbox 勾选统计</h1>
+<h6>[ 文件路径: excheck/checkbox_count.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、getChangeCheckedNodes / getCheckedNodes 方法操作说明</h2>
+				<ul class="list">
+				<li class="highlight_red">使用 zTreeObj.getChangeCheckedNodes / getCheckedNodes 方法，详细请参见 API 文档中的相关内容</li>
+				<li><p>去勾选 checkbox 比较下面的数字变化：<br/>
+					<ul id="log" class="log" style="height:110px;">
+						<li>当前被勾选的节点共 <span id="checkCount" class="highlight_red"></span> 个</li>
+						<li>当前未被勾选的节点共 <span id="nocheckCount" class="highlight_red"></span> 个</li>
+						<li>勾选状态对比规则：<input type="radio" id="init" name="stateType" class="radio first" checked /><span>与 zTree 初始化时对比</span><br/>
+							<input type="radio" id="last" name="stateType" class="radio first" style="margin-left:108px;"/><span>与上一次勾选后对比</span></li>
+						<li>当前被修改勾选状态的节点共 <span id="changeCount" class="highlight_red"></span> 个</li>
+					</ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>同 "checkbox 勾选操作" 中的说明</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>同 "checkbox 勾选操作" 中的说明</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_fun.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_fun.html
new file mode 100644
index 00000000..c8a0b12c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_fun.html	
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - beforeCheck / onCheck</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				selectedMulti: false
+			},
+			check: {
+				enable: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeCheck: beforeCheck,
+				onCheck: onCheck
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"随意勾选 1", open:true},
+			{ id:11, pId:1, name:"随意勾选 1-1"},
+			{ id:12, pId:1, name:"随意勾选 1-2", open:true},
+			{ id:121, pId:12, name:"随意勾选 1-2-1"},
+			{ id:122, pId:12, name:"随意勾选 1-2-2"},
+			{ id:2, pId:0, name:"禁止勾选 2", open:true, doCheck:false},
+			{ id:21, pId:2, name:"禁止勾选 2-1", doCheck:false},
+			{ id:22, pId:2, name:"禁止勾选 2-2", checked:true, open:true, doCheck:false},
+			{ id:221, pId:22, name:"禁止勾选 2-2-1", doCheck:false},
+			{ id:222, pId:22, name:"禁止勾选 2-2-2", checked:true, doCheck:false},
+			{ id:23, pId:2, name:"禁止勾选 2-3", doCheck:false}
+		];
+		
+		var code, log, className = "dark";
+		function beforeCheck(treeId, treeNode) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeCheck ]&nbsp;&nbsp;&nbsp;&nbsp;" + treeNode.name );
+			return (treeNode.doCheck !== false);
+		}
+		function onCheck(e, treeId, treeNode) {
+			showLog("[ "+getTime()+" onCheck ]&nbsp;&nbsp;&nbsp;&nbsp;" + treeNode.name );
+		}		
+		function showLog(str) {
+			if (!log) log = $("#log");
+			log.append("<li class='"+className+"'>"+str+"</li>");
+			if(log.children("li").length > 6) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds(),
+			ms=now.getMilliseconds();
+			return (h+":"+m+":"+s+ " " +ms);
+		}
+
+		function checkNode(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			type = e.data.type,
+			nodes = zTree.getSelectedNodes();
+			if (type.indexOf("All")<0 && nodes.length == 0) {
+				alert("请先选择一个节点");
+			}
+
+			if (type == "checkAllTrue") {
+				zTree.checkAllNodes(true);
+			} else if (type == "checkAllFalse") {
+				zTree.checkAllNodes(false);
+			} else {
+				var callbackFlag = $("#callbackTrigger").attr("checked");
+				for (var i=0, l=nodes.length; i<l; i++) {
+					if (type == "checkTrue") {
+						zTree.checkNode(nodes[i], true, false, callbackFlag);
+					} else if (type == "checkFalse") {
+						zTree.checkNode(nodes[i], false, false, callbackFlag);
+					} else if (type == "toggle") {
+						zTree.checkNode(nodes[i], null, false, callbackFlag);
+					}else if (type == "checkTruePS") {
+						zTree.checkNode(nodes[i], true, true, callbackFlag);
+					} else if (type == "checkFalsePS") {
+						zTree.checkNode(nodes[i], false, true, callbackFlag);
+					} else if (type == "togglePS") {
+						zTree.checkNode(nodes[i], null, true, callbackFlag);
+					}
+				}
+			}
+		}
+
+		function setAutoTrigger(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.setting.check.autoCheckTrigger = $("#autoCallbackTrigger").attr("checked");
+			$("#autoCheckTriggerValue").html(zTree.setting.check.autoCheckTrigger ? "true" : "false");
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#checkTrue").bind("click", {type:"checkTrue"}, checkNode);
+			$("#checkFalse").bind("click", {type:"checkFalse"}, checkNode);
+			$("#toggle").bind("click", {type:"toggle"}, checkNode);
+			$("#checkTruePS").bind("click", {type:"checkTruePS"}, checkNode);
+			$("#checkFalsePS").bind("click", {type:"checkFalsePS"}, checkNode);
+			$("#togglePS").bind("click", {type:"togglePS"}, checkNode);
+			$("#checkAllTrue").bind("click", {type:"checkAllTrue"}, checkNode);
+			$("#checkAllFalse").bind("click", {type:"checkAllFalse"}, checkNode);
+
+			$("#autoCallbackTrigger").bind("change", {}, setAutoTrigger);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>用 zTree 方法 勾选 checkbox</h1>
+<h6>[ 文件路径: excheck/checkbox_fun.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、beforeCheck / onCheck 事件回调函数控制</h2>
+				<ul class="list">
+				<li>利用 beforeCheck / onCheck 事件回调函数 可以控制是否允许 更改 节点勾选状态，这里简单演示如何监控此事件</li>
+				<li><p>这里还演示了 checkNode / checkAllNodes 方法触发 beforeCheck / onCheck 事件回调函数的情况，试试看：<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="autoCallbackTrigger" /> setting.check.autoCheckTrigger: <span id="autoCheckTriggerValue">false</span><br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="callbackTrigger" checked /> 执行勾选方法是否触发 callback <br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;单节点--[ <a id="checkTrue" href="#" title="不想勾选我就不勾选你..." onclick="return false;">勾选</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="checkFalse" href="#" title="不想取消勾选我就不取消你..." onclick="return false;">取消勾选</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="toggle" href="#" title="你想怎样？..." onclick="return false;">勾选 切换</a> ]<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;单节点 ( 影响父子 )--[ <a id="checkTruePS" href="#" title="不想勾选我就不勾选你..." onclick="return false;">勾选</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="checkFalsePS" href="#" title="不想取消勾选我就不取消你..." onclick="return false;">取消勾选</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="togglePS" href="#" title="你想怎样？..." onclick="return false;">勾选 切换</a> ]<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;全部节点--[ <a id="checkAllTrue" href="#" title="不管你有多NB，统统都要听我的！！" onclick="return false;">勾选</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="checkAllFalse" href="#" title="不管你有多NB，统统都要听我的！！" onclick="return false;">取消勾选</a> ]</p>
+				</li>
+				<li><p><span class="highlight_red">使用 zTreeObj.checkNode / checkAllNodes 方法，详细请参见 API 文档中的相关内容</span><br/>
+					beforeCheck / onCheck log:<br/>
+					<ul id="log" class="log" style="height:130px;"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>同 "checkbox 勾选操作" 中的说明</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>同 "checkbox 勾选操作" 中的说明</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_halfCheck.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_halfCheck.html
new file mode 100644
index 00000000..21de1e07
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_halfCheck.html	
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Checkbox halfCheck</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			async: {
+				enable: true,
+				url:"../asyncData/getNodes.php",
+				autoParam:["id", "name=n", "level=lv"],
+				otherParam:{"chk":"chk"},
+				dataFilter: dataFilter
+			},
+			check: {
+				enable: true,
+				autoCheckTrigger: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				onCheck: onCheck,
+				onAsyncSuccess: onAsyncSuccess
+			}
+		};
+
+		function dataFilter(treeId, parentNode, childNodes) {
+			if (parentNode.checkedEx === true) {
+				for(var i=0, l=childNodes.length; i<l; i++) {
+					childNodes[i].checked = parentNode.checked;
+					childNodes[i].halfCheck = false;
+					childNodes[i].checkedEx = true;
+				}
+			}
+			return childNodes;
+		}
+		function onCheck(event, treeId, treeNode) {
+			cancelHalf(treeNode)
+			treeNode.checkedEx = true;
+		}
+		function onAsyncSuccess(event, treeId, treeNode, msg) {
+			cancelHalf(treeNode);
+		}
+		function cancelHalf(treeNode) {
+			if (treeNode.checkedEx) return;
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			treeNode.halfCheck = false;
+			zTree.updateNode(treeNode);			
+		}
+
+		var zNodes =[
+			{ id:1, pId:0, name:"半勾选 1", halfCheck:true, isParent:true},
+			{ id:2, pId:0, name:"半勾选 2", halfCheck:true, checked:true, isParent:true},
+			{ id:3, pId:0, name:"随意勾选 3", checked:true, isParent:true}
+		];
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Checkbox halfCheck 演示</h1>
+<h6>[ 文件路径: excheck/checkbox_halfCheck.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、演示说明</h2>
+				<ul class="list">
+				<li>这个演示式实现了 异步加载模式 下简单的勾选操作</li>
+				<li class="highlight_red">1)、加载子节点后，父节点的 halfCheck 立刻失效</li>
+				<li class="highlight_red">2)、勾选父节点，可以影响之后加载的子节点的勾选状态</li>
+				<li class="highlight_red">3)、勾选父节点，可以让其子节点的 halfCheck 属性失效</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>实现半勾选功能，不需要配置任何参数。但半勾选功能属于辅助功能，无法单独使用，因此也需要根据自己的需求配置特定参数。</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li class="highlight_red">1)、请在节点初始化之前，设置 treeNode.halfCheck 属性，详细请参见 API 文档中的相关内容</li>
+				<li>2)、其他请参考 ‘Checkbox 勾选操作’</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_nocheck.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_nocheck.html
new file mode 100644
index 00000000..5e990155
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/checkbox_nocheck.html	
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - no checkbox</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true,
+				nocheckInherit: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"随意勾选 1", open:true},
+			{ id:11, pId:1, name:"随意勾选 1-1", open:true},
+			{ id:111, pId:11, name:"无 checkbox 1-1-1", nocheck:true},
+			{ id:112, pId:11, name:"随意勾选 1-1-2"},
+			{ id:12, pId:1, name:"无 checkbox 1-2", nocheck:true, open:true},
+			{ id:121, pId:12, name:"无 checkbox 1-2-1"},
+			{ id:122, pId:12, name:"无 checkbox 1-2-2"},
+			{ id:2, pId:0, name:"随意勾选 2", checked:true, open:true},
+			{ id:21, pId:2, name:"随意勾选 2-1"},
+			{ id:22, pId:2, name:"随意勾选 2-2", open:true},
+			{ id:221, pId:22, name:"随意勾选 2-2-1", checked:true},
+			{ id:222, pId:22, name:"随意勾选 2-2-2"},
+			{ id:23, pId:2, name:"随意勾选 2-3"}
+		];
+
+		function nocheckNode(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nocheck = e.data.nocheck,
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("请先选择一个节点");
+			}
+
+			for (var i=0, l=nodes.length; i<l; i++) {
+				nodes[i].nocheck = nocheck;
+				zTree.updateNode(nodes[i]);
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#nocheckTrue").bind("click", {nocheck: true}, nocheckNode);
+			$("#nocheckFalse").bind("click", {nocheck: false}, nocheckNode);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Checkbox nocheck 演示</h1>
+<h6>[ 文件路径: excheck/checkbox_nocheck.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>这个 Demo 只简单演示 nocheck 的使用方法，详细配置信息请参考 ‘Checkbox 勾选操作’</li>
+				<li class="highlight_red">setting.check.nocheckInherit 可以设置子节点自动继承父节点的 nocheck 属性，详细请参见 API 文档中的相关内容</li>
+				<li><p>试试看：<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="nocheckTrue" href="#" title="set checkbox to be hidden." onclick="return false;">隐藏</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="nocheckFalse" href="#" title="set checkbox to be show." onclick="return false;">显示</a> ]
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li class="highlight_red">1)、如果某节点不显示 checkbox，请设置 treeNode.nocheck 属性，详细请参见 API 文档中的相关内容</li>
+				<li>2)、其他请参考 ‘Checkbox 勾选操作’</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio.html
new file mode 100644
index 00000000..9cd589a5
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio.html	
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - radio</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true,
+				chkStyle: "radio",
+				radioType: "level"
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"随意勾选 1", open:true},
+			{ id:11, pId:1, name:"随意勾选 1-1", open:true},
+			{ id:111, pId:11, name:"随意勾选 1-1-1"},
+			{ id:112, pId:11, name:"随意勾选 1-1-2"},
+			{ id:12, pId:1, name:"随意勾选 1-2", open:true},
+			{ id:121, pId:12, name:"随意勾选 1-2-1"},
+			{ id:122, pId:12, name:"随意勾选 1-2-2"},
+			{ id:2, pId:0, name:"随意勾选 2", open:true},
+			{ id:21, pId:2, name:"随意勾选 2-1"},
+			{ id:22, pId:2, name:"随意勾选 2-2", open:true},
+			{ id:221, pId:22, name:"随意勾选 2-2-1", checked:true},
+			{ id:222, pId:22, name:"随意勾选 2-2-2"},
+			{ id:23, pId:2, name:"随意勾选 2-3"}
+		];
+		
+		var code;		
+		function setCheck() {
+			var type = $("#level").attr("checked")? "level":"all";
+			setting.check.radioType = type;
+			showCode('setting.check.radioType = "' + type + '";');
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		}
+		function showCode(str) {
+			if (!code) code = $("#code");
+			code.empty();
+			code.append("<li>"+str+"</li>");
+		}
+		
+		$(document).ready(function(){
+			setCheck();			
+			$("#level").bind("change", setCheck);
+			$("#all").bind("change", setCheck);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Radio 勾选操作</h1>
+<h6>[ 文件路径: excheck/radio.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li class="highlight_red">使用 radio，必须设置 setting.check 中的各个属性，详细请参见 API 文档中的相关内容</li>
+				<li><p>radio 分组范围：<input type="radio" id="level" class="radio first" name="radioGroup" checked /><span>同一级内</span>
+						<input type="radio" id="all" class="radio" name="radioGroup"/><span>整棵树内</span><br/>
+						<ul id="code" class="log" style="height:20px;"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li class="highlight_red">1)、如果需要初始化默认节点被勾选，请设置 treeNode.checked 属性，详细请参见 API 文档中的相关内容</li>
+				<li class="highlight_red">2)、如果某节点不显示 radio，请设置 treeNode.nocheck 属性，详细请参见 API 文档中的相关内容</li>
+				<li class="highlight_red">3)、如果更换 checked 属性，请参考 API 文档中 setting.data.key.checked 的详细说明</li>
+				<li>4)、其他请参考 API 文档中 treeNode.checkedOld / getCheckStatus / check_Child_State / check_Focus 的详细说明</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio_chkDisabled.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio_chkDisabled.html
new file mode 100644
index 00000000..6d330f3b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio_chkDisabled.html	
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Radio chkDisabled</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true,
+				chkStyle: "radio",
+				radioType: "level"
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"随意勾选 1", open:true},
+			{ id:11, pId:1, name:"随意勾选 1-1", open:true},
+			{ id:111, pId:11, name:"disabled 1-1-1", chkDisabled:true, checked:true},
+			{ id:112, pId:11, name:"随意勾选 1-1-2"},
+			{ id:12, pId:1, name:"disabled 1-2", chkDisabled:true, open:true},
+			{ id:121, pId:12, name:"disabled 1-2-1", checked:true},
+			{ id:122, pId:12, name:"disabled 1-2-2"},
+			{ id:2, pId:0, name:"随意勾选 2", checked:true, open:true},
+			{ id:21, pId:2, name:"随意勾选 2-1"},
+			{ id:22, pId:2, name:"随意勾选 2-2", open:true},
+			{ id:221, pId:22, name:"随意勾选 2-2-1", checked:true},
+			{ id:222, pId:22, name:"随意勾选 2-2-2"},
+			{ id:23, pId:2, name:"随意勾选 2-3"}
+		];
+		
+		function disabledNode(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			disabled = e.data.disabled,
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("请先选择一个节点");
+			}
+
+			for (var i=0, l=nodes.length; i<l; i++) {
+				zTree.setChkDisabled(nodes[i], disabled);
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#disabledTrue").bind("click", {disabled: true}, disabledNode);
+			$("#disabledFalse").bind("click", {disabled: false}, disabledNode);
+
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Radio chkDisabled 演示</h1>
+<h6>[ 文件路径: excheck/radio_chkDisabled.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setChkDisabled 方法操作说明</h2>
+				<ul class="list">
+				<li>setChkDisabled 方法可以设置节点 checkbox / radio 禁用 或 取消禁用，详细请参见 API 文档中的相关内容</li>
+				<li><p>试试看：<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="disabledTrue" href="#" title="set checkbox to be disabled." onclick="return false;">禁用</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="disabledFalse" href="#" title="set checkbox to be abled." onclick="return false;">取消禁用</a> ]</p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>这个 Demo 只简单演示 chkDisabled 的使用方法，详细配置信息请参考 ‘Radio 勾选操作’</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li class="highlight_red">1)、如果某节点不显示 radio，请设置 treeNode.chkDisabled 属性，详细请参见 API 文档中的相关内容</li>
+				<li>2)、其他请参考 ‘Radio 勾选操作’</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio_fun.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio_fun.html
new file mode 100644
index 00000000..b9b52401
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio_fun.html	
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - beforeCheck / onCheck</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				selectedMulti: false
+			},
+			check: {
+				enable: true,
+				chkStyle: "radio",
+				radioType: "level"
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeCheck: beforeCheck,
+				onCheck: onCheck
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"随意勾选 1", open:true},
+			{ id:11, pId:1, name:"无 radio 1-1", nocheck:true},
+			{ id:12, pId:1, name:"随意勾选 1-2", open:true},
+			{ id:121, pId:12, name:"随意勾选 1-2-1"},
+			{ id:122, pId:12, name:"随意勾选 1-2-2"},
+			{ id:123, pId:12, name:"无 radio 1-2-3", nocheck:true},
+			{ id:13, pId:1, name:"随意勾选 1-3"},
+			{ id:2, pId:0, name:"禁止勾选 2", open:true, doCheck:false},
+			{ id:21, pId:2, name:"禁止勾选 2-1", doCheck:false},
+			{ id:22, pId:2, name:"禁止勾选 2-2", checked:true, open:true, doCheck:false},
+			{ id:221, pId:22, name:"禁止勾选 2-2-1", doCheck:false},
+			{ id:222, pId:22, name:"禁止勾选 2-2-2", checked:true, doCheck:false},
+			{ id:223, pId:22, name:"禁止勾选 2-2-3", doCheck:false},
+			{ id:23, pId:2, name:"禁止勾选 2-3", doCheck:false}
+		];
+		
+		var code, log, className = "dark";
+		function beforeCheck(treeId, treeNode) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeCheck ]&nbsp;&nbsp;&nbsp;&nbsp;" + treeNode.name );
+			return (treeNode.doCheck !== false);
+		}
+		function onCheck(e, treeId, treeNode) {
+			showLog("[ "+getTime()+" onCheck ]&nbsp;&nbsp;&nbsp;&nbsp;" + treeNode.name );
+		}		
+		function showLog(str) {
+			if (!log) log = $("#log");
+			log.append("<li class='"+className+"'>"+str+"</li>");
+			if(log.children("li").length > 6) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds(),
+			ms=now.getMilliseconds();
+			return (h+":"+m+":"+s+ " " +ms);
+		}
+
+		function checkNode(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			type = e.data.type,
+			nodes = zTree.getSelectedNodes();
+			if (type.indexOf("All")<0 && nodes.length == 0) {
+				alert("请先选择一个节点");
+			}
+
+			if (type == "checkAllTrue") {
+				zTree.checkAllNodes(true);
+			} else if (type == "checkAllFalse") {
+				zTree.checkAllNodes(false);
+			} else {
+				var callbackFlag = $("#callbackTrigger").attr("checked");
+				for (var i=0, l=nodes.length; i<l; i++) {
+					if (type == "checkTrue") {
+						zTree.checkNode(nodes[i], true, null, callbackFlag);
+					} else if (type == "checkFalse") {
+						zTree.checkNode(nodes[i], false, null, callbackFlag);
+					}else if (type == "checkTruePS") {
+						zTree.checkNode(nodes[i], true, true, callbackFlag);
+					} else if (type == "checkFalsePS") {
+						zTree.checkNode(nodes[i], false, true, callbackFlag);
+					}
+				}
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#checkTrue").bind("click", {type:"checkTrue"}, checkNode);
+			$("#checkFalse").bind("click", {type:"checkFalse"}, checkNode);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>用 zTree 方法 勾选 radio</h1>
+<h6>[ 文件路径: excheck/radio_fun.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、beforeCheck / onCheck 事件回调函数控制</h2>
+				<ul class="list">
+				<li>利用 beforeCheck / onCheck 事件回调函数 可以控制是否允许 更改 节点勾选状态，这里简单演示如何监控此事件</li>
+				<li><p>试试看：<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="callbackTrigger" checked /> checkNode 方法是否触发 callback<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="checkTrue" href="#" title="不想勾选我就不勾选你..." onclick="return false;">勾选</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="checkFalse" href="#" title="不想取消勾选我就不取消你..." onclick="return false;">取消勾选</a> ]</p>
+				<li><p><span class="highlight_red">使用 zTreeObj.checkNode 方法，详细请参见 API 文档中的相关内容</span><br/>
+					beforeCheck / onCheck log:<br/>
+					<ul id="log" class="log" style="height:130px;"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>同 "radio 勾选操作" 中的说明</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>同 "radio 勾选操作" 中的说明</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio_halfCheck.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio_halfCheck.html
new file mode 100644
index 00000000..91f25cff
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio_halfCheck.html	
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Radio halfCheck</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			async: {
+				enable: true,
+				url:"../asyncData/getNodes.php",
+				autoParam:["id", "name=n", "level=lv"],
+				otherParam:{"chk":"chk"}
+			},
+			check: {
+				enable: true,
+				autoCheckTrigger: true,
+				chkStyle: "radio",
+				radioType: "level"
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				onAsyncSuccess: onAsyncSuccess
+			}
+		};
+
+		function onAsyncSuccess(event, treeId, treeNode, msg) {
+			cancelHalf(treeNode);
+		}
+		function cancelHalf(treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			treeNode.halfCheck = false;
+			zTree.updateNode(treeNode);			
+		}
+
+		var zNodes =[
+			{ id:1, pId:0, name:"半勾选 1", halfCheck:true, isParent:true},
+			{ id:2, pId:0, name:"半勾选 2", halfCheck:true, checked:true, isParent:true},
+			{ id:3, pId:0, name:"随意勾选 3", isParent:true}
+		];
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Radio halfCheck 演示</h1>
+<h6>[ 文件路径: excheck/radio_halfCheck.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、演示说明</h2>
+				<ul class="list">
+				<li>这个演示式实现了 异步加载模式 下简单的勾选操作</li>
+				<li class="highlight_red">1)、加载子节点后，父节点的 halfCheck 立刻失效</li>
+				<li class="highlight_red">2)、勾选父节点，不会影响子节点的勾选状态</li>
+				<li class="highlight_red">3)、勾选父节点，不会让其子节点的 halfCheck 属性失效</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>实现半勾选功能，不需要配置任何参数。但半勾选功能属于辅助功能，无法单独使用，因此也需要根据自己的需求配置特定参数。</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li class="highlight_red">1)、请在节点初始化之前，设置 treeNode.halfCheck 属性，详细请参见 API 文档中的相关内容</li>
+				<li>2)、其他请参考 ‘Radio 勾选操作’</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio_nocheck.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio_nocheck.html
new file mode 100644
index 00000000..cc648c17
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/excheck/radio_nocheck.html	
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - no radio</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true,
+				chkStyle: "radio",
+				radioType: "level"
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"随意勾选 1", open:true},
+			{ id:11, pId:1, name:"随意勾选 1-1", open:true},
+			{ id:111, pId:11, name:"无 radio 1-1-1", nocheck:true},
+			{ id:112, pId:11, name:"随意勾选 1-1-2"},
+			{ id:12, pId:1, name:"无 radio 1-2", nocheck:true, open:true},
+			{ id:121, pId:12, name:"无 radio 1-2-1"},
+			{ id:122, pId:12, name:"无 radio 1-2-2"},
+			{ id:2, pId:0, name:"随意勾选 2", checked:true, open:true},
+			{ id:21, pId:2, name:"随意勾选 2-1"},
+			{ id:22, pId:2, name:"随意勾选 2-2", open:true},
+			{ id:221, pId:22, name:"随意勾选 2-2-1", checked:true},
+			{ id:222, pId:22, name:"随意勾选 2-2-2"},
+			{ id:23, pId:2, name:"随意勾选 2-3"}
+		];
+		
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Radio nocheck 演示</h1>
+<h6>[ 文件路径: excheck/radio_nocheck.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>这个 Demo 只简单演示 nocheck 的使用方法，详细配置信息请参考 ‘Radio 勾选操作’</li>
+				<li class="highlight_red">setting.check.nocheckInherit 可以设置子节点自动继承父节点的 nocheck 属性，详细请参见 API 文档中的相关内容</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li class="highlight_red">1)、如果某节点不显示 radio，请设置 treeNode.nocheck 属性，详细请参见 API 文档中的相关内容</li>
+				<li>2)、其他请参考 ‘Radio 勾选操作’</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/async_edit.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/async_edit.html
new file mode 100644
index 00000000..eb577fbc
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/async_edit.html	
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - async & edit</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			async: {
+				enable: true,
+				url:"../asyncData/getNodes.php",
+				autoParam:["id", "name=n", "level=lv"],
+				otherParam:{"otherParam":"zTreeAsyncTest"},
+				dataFilter: filter
+			},
+			view: {expandSpeed:"",
+				addHoverDom: addHoverDom,
+				removeHoverDom: removeHoverDom,
+				selectedMulti: false
+			},
+			edit: {
+				enable: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeRemove: beforeRemove,
+				beforeRename: beforeRename
+			}
+		};
+
+		function filter(treeId, parentNode, childNodes) {
+			if (!childNodes) return null;
+			for (var i=0, l=childNodes.length; i<l; i++) {
+				childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');
+			}
+			return childNodes;
+		}
+		function beforeRemove(treeId, treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.selectNode(treeNode);
+			return confirm("确认删除 节点 -- " + treeNode.name + " 吗？");
+		}		
+		function beforeRename(treeId, treeNode, newName) {
+			if (newName.length == 0) {
+				alert("节点名称不能为空.");
+				return false;
+			}
+			return true;
+		}
+
+		var newCount = 1;
+		function addHoverDom(treeId, treeNode) {
+			var sObj = $("#" + treeNode.tId + "_span");
+			if (treeNode.editNameFlag || $("#addBtn_"+treeNode.tId).length>0) return;
+			var addStr = "<span class='button add' id='addBtn_" + treeNode.tId
+				+ "' title='add node' onfocus='this.blur();'></span>";
+			sObj.after(addStr);
+			var btn = $("#addBtn_"+treeNode.tId);
+			if (btn) btn.bind("click", function(){
+				var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+				zTree.addNodes(treeNode, {id:(100 + newCount), pId:treeNode.id, name:"new node" + (newCount++)});
+				return false;
+			});
+		};
+		function removeHoverDom(treeId, treeNode) {
+			$("#addBtn_"+treeNode.tId).unbind().remove();
+		};
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li span.button.add {margin-left:2px; margin-right: -1px; background-position:-144px 0; vertical-align:top; *vertical-align:middle}
+	</style>
+</HEAD>
+
+<BODY>
+<h1>异步加载 & 编辑功能 共存</h1>
+<h6>[ 文件路径: exedit/async_edit.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、异步加载 & 编辑功能 共存说明</h2>
+				<ul class="list">
+				<li>1)、此 Demo 是基于 "高级 增 / 删 / 改 节点" 修改的，并且开放了拖拽功能，可与其进行对比</li>
+				<li>2)、只需要同时开启编辑模式和异步加载模式即可实现共存</li>
+				<li class="highlight_red">3)、zTree 完善了异步加载模式下的编辑功能，对于未加载子节点的父节点，增加子节点时，会首先进行异步加载。</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li class="highlight_red">1)、使用 编辑功能，请参考 "拖拽节点基本控制" 和 "基本 增 / 删 / 改 节点" Demo 中关于 setting 的配置要求</li>
+				<li class="highlight_red">2)、使用 异步加载功能，请参考 "异步加载 节点数据" Demo 中关于 setting 的配置要求</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>两种模式共存，对数据无特殊要求，请分别参考 "异步加载 节点数据" & "拖拽 节点 基本控制" & "基本 增 / 删 / 改 节点" 中的相关说明</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/drag.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/drag.html
new file mode 100644
index 00000000..a19da79e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/drag.html	
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - drag & drop</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			edit: {
+				enable: true,
+				showRemoveBtn: false,
+				showRenameBtn: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeDrag: beforeDrag,
+				beforeDrop: beforeDrop
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"随意拖拽 1", open:true},
+			{ id:11, pId:1, name:"随意拖拽 1-1"},
+			{ id:12, pId:1, name:"随意拖拽 1-2", open:true},
+			{ id:121, pId:12, name:"随意拖拽 1-2-1"},
+			{ id:122, pId:12, name:"随意拖拽 1-2-2"},
+			{ id:123, pId:12, name:"随意拖拽 1-2-3"},
+			{ id:13, pId:1, name:"禁止拖拽 1-3", open:true, drag:false},
+			{ id:131, pId:13, name:"禁止拖拽 1-3-1", drag:false},
+			{ id:132, pId:13, name:"禁止拖拽 1-3-2", drag:false},
+			{ id:133, pId:13, name:"随意拖拽 1-3-3"},
+			{ id:2, pId:0, name:"随意拖拽 2", open:true},
+			{ id:21, pId:2, name:"随意拖拽 2-1"},
+			{ id:22, pId:2, name:"禁止拖拽到我身上 2-2", open:true, drop:false},
+			{ id:221, pId:22, name:"随意拖拽 2-2-1"},
+			{ id:222, pId:22, name:"随意拖拽 2-2-2"},
+			{ id:223, pId:22, name:"随意拖拽 2-2-3"},
+			{ id:23, pId:2, name:"随意拖拽 2-3"}
+		];
+
+		function beforeDrag(treeId, treeNodes) {
+			for (var i=0,l=treeNodes.length; i<l; i++) {
+				if (treeNodes[i].drag === false) {
+					return false;
+				}
+			}
+			return true;
+		}
+		function beforeDrop(treeId, treeNodes, targetNode, moveType) {
+			return targetNode ? targetNode.drop !== false : true;
+		}
+		
+		function setCheck() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			isCopy = $("#copy").attr("checked"),
+			isMove = $("#move").attr("checked"),
+			prev = $("#prev").attr("checked"),
+			inner = $("#inner").attr("checked"),
+			next = $("#next").attr("checked");
+			zTree.setting.edit.drag.isCopy = isCopy;
+			zTree.setting.edit.drag.isMove = isMove;
+			showCode(1, ['setting.edit.drag.isCopy = ' + isCopy, 'setting.edit.drag.isMove = ' + isMove]);
+
+			zTree.setting.edit.drag.prev = prev;
+			zTree.setting.edit.drag.inner = inner;
+			zTree.setting.edit.drag.next = next;
+			showCode(2, ['setting.edit.drag.prev = ' + prev, 'setting.edit.drag.inner = ' + inner, 'setting.edit.drag.next = ' + next]);
+		}
+		function showCode(id, str) {
+			var code = $("#code" + id);
+			code.empty();
+			for (var i=0, l=str.length; i<l; i++) {
+				code.append("<li>"+str[i]+"</li>");
+			}
+		}
+		
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			setCheck();
+			$("#copy").bind("change", setCheck);
+			$("#move").bind("change", setCheck);
+			$("#prev").bind("change", setCheck);
+			$("#inner").bind("change", setCheck);
+			$("#next").bind("change", setCheck);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>拖拽节点基本控制</h1>
+<h6>[ 文件路径: exedit/drag.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>此 Demo 仅从功能上演示实现拖拽的基本方法和配置参数</li>
+				<li class="highlight_red">1)、使用 拖拽功能，必须设置 setting.edit 中的各个属性，详细请参见 API 文档中的相关内容</li>
+				<li class="highlight_red">2)、使用 拖拽功能的事件回调函数，必须设置 setting.callback.beforeDrag / onDrag / beforeDrop / onDrop 等属性，详细请参见 API 文档中的相关内容</li>
+				<li><p>基本拖拽设置：<br/>
+						<input type="checkbox" id="copy" class="checkbox first" checked /><span>允许复制</span>
+						<input type="checkbox" id="move" class="checkbox " checked /><span>允许移动</span><br/>
+						<ul id="code1" class="log" style="height:42px;"></ul></p>
+				</li>
+				<li><p>拖拽相对位置设置：<br/>
+						<input type="checkbox" id="prev" class="checkbox first" checked /><span>prev</span>
+						<input type="checkbox" id="inner" class="checkbox " checked /><span>inner</span>
+						<input type="checkbox" id="next" class="checkbox " checked /><span>next</span><br/>
+						<ul id="code2" class="log" style="height:65px;"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/drag_fun.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/drag_fun.html
new file mode 100644
index 00000000..963068de
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/drag_fun.html	
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - copyNode / moveNode</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				selectedMulti: false
+			},
+			edit: {
+				enable: true,
+				showRemoveBtn: false,
+				showRenameBtn: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeDrag: beforeDrag,
+				beforeClick: beforeClick
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"父节点 1", open:true},
+			{ id:11, pId:1, name:"叶子节点 1-1"},
+			{ id:12, pId:1, name:"叶子节点 1-2"},
+			{ id:13, pId:1, name:"叶子节点 1-3"},
+			{ id:2, pId:0, name:"父节点 2", open:true},
+			{ id:21, pId:2, name:"叶子节点 2-1"},
+			{ id:22, pId:2, name:"叶子节点 2-2"},
+			{ id:23, pId:2, name:"叶子节点 2-3"},
+			{ id:3, pId:0, name:"父节点 3", open:true },
+			{ id:31, pId:3, name:"叶子节点 3-1"},
+			{ id:32, pId:3, name:"叶子节点 3-2"},
+			{ id:33, pId:3, name:"叶子节点 3-3"}
+		];
+
+		function fontCss(treeNode) {
+			var aObj = $("#" + treeNode.tId + "_a");
+			aObj.removeClass("copy").removeClass("cut");
+			if (treeNode === curSrcNode) {
+				if (curType == "copy") {
+					aObj.addClass(curType);
+				} else {
+					aObj.addClass(curType);
+				}			
+			}
+		}
+
+		function beforeDrag(treeId, treeNodes) {
+			return false;
+		}
+
+		function beforeClick(treeId, treeNode) {
+			return !treeNode.isCur;
+		}
+
+		var curSrcNode, curType;
+		function setCurSrcNode(treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			if (curSrcNode) {
+				delete curSrcNode.isCur;
+				var tmpNode = curSrcNode;
+				curSrcNode = null;
+				fontCss(tmpNode);
+			}
+			curSrcNode = treeNode;
+			if (!treeNode) return;
+
+			curSrcNode.isCur = true;			
+			zTree.cancelSelectedNode();
+			fontCss(curSrcNode);
+		}
+		function copy(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("请先选择一个节点");
+				return;
+			}
+			curType = "copy";
+			setCurSrcNode(nodes[0]);
+		}
+		function cut(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("请先选择一个节点");
+				return;
+			}
+			curType = "cut";
+			setCurSrcNode(nodes[0]);
+		}
+		function paste(e) {
+			if (!curSrcNode) {
+				alert("请先选择一个节点进行 复制 / 剪切");
+				return;
+			}
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes(),
+			targetNode = nodes.length>0? nodes[0]:null;
+			if (curSrcNode === targetNode) {
+				alert("不能移动，源节点 与 目标节点相同");
+				return;
+			} else if (curType === "cut" && ((!!targetNode && curSrcNode.parentTId === targetNode.tId) || (!targetNode && !curSrcNode.parentTId))) {
+				alert("不能移动，源节点 已经存在于 目标节点中");
+				return;
+			} else if (curType === "copy") {
+				targetNode = zTree.copyNode(targetNode, curSrcNode, "inner");
+			} else if (curType === "cut") {
+				targetNode = zTree.moveNode(targetNode, curSrcNode, "inner");
+				if (!targetNode) {
+					alert("剪切失败，源节点是目标节点的父节点");
+				}
+				targetNode = curSrcNode;
+			}
+			setCurSrcNode();
+			delete targetNode.isCur;
+			zTree.selectNode(targetNode);
+		}
+		
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#copy").bind("click", copy);
+			$("#cut").bind("click", cut);
+			$("#paste").bind("click", paste);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li a.copy{padding-top:0; background-color:#316AC5; color:white; border:1px #316AC5 solid;}
+.ztree li a.cut{padding-top:0; background-color:silver; color:#111; border:1px #316AC5 dotted;}
+	</style>
+</HEAD>
+
+<BODY>
+<h1>用 zTree 方法 移动 / 复制节点</h1>
+<h6>[ 文件路径: exedit/drag_fun.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、copyNode / moveNode 方法操作说明</h2>
+				<ul class="list">
+				<li>利用 copyNode / moveNode 方法也可以实现 复制 / 移动 节点的目的，这里简单演示使用方法</li>
+				<li><p>对节点进行 复制 / 剪切，试试看：<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="copy" href="#" title="复制" onclick="return false;">复制</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="cut" href="#" title="剪切" onclick="return false;">剪切</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="paste" href="#" title="粘贴" onclick="return false;">粘贴</a> ]</p>
+				<li class="highlight_red">使用 zTreeObj.copyNode / moveNode 方法，详细请参见 API 文档中的相关内容</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>同 "拖拽 节点 基本控制"</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>同 "拖拽 节点 基本控制"</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/drag_super.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/drag_super.html
new file mode 100644
index 00000000..668746f7
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/drag_super.html	
@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - beforeDrag / onDrag / beforeDrop / onDrop</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			edit: {
+				drag: {
+					autoExpandTrigger: true,
+					prev: dropPrev,
+					inner: dropInner,
+					next: dropNext
+				},
+				enable: true,
+				showRemoveBtn: false,
+				showRenameBtn: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeDrag: beforeDrag,
+				beforeDrop: beforeDrop,
+				beforeDragOpen: beforeDragOpen,
+				onDrag: onDrag,
+				onDrop: onDrop,
+				onExpand: onExpand
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"随意拖拽 1", open:true},
+			{ id:11, pId:1, name:"随意拖拽 1-1"},
+			{ id:12, pId:1, name:"随意拖拽 1-2"},
+			{ id:121, pId:12, name:"随意拖拽 1-2-1"},
+			{ id:122, pId:12, name:"随意拖拽 1-2-2"},
+			{ id:123, pId:12, name:"随意拖拽 1-2-3"},
+			{ id:13, pId:1, name:"禁止拖拽 1-3", open:true, drag:false},
+			{ id:131, pId:13, name:"禁止拖拽 1-3-1", drag:false},
+			{ id:132, pId:13, name:"禁止拖拽 1-3-2", drag:false},
+			{ id:132, pId:13, name:"禁止拖拽 1-3-3", drag:false},
+			{ id:2, pId:0, name:"禁止子节点移走 2", open:true, childOuter:false},
+			{ id:21, pId:2, name:"我不想成为父节点 2-1", dropInner:false},
+			{ id:22, pId:2, name:"我不要成为根节点 2-2", dropRoot:false},
+			{ id:23, pId:2, name:"拖拽试试看 2-3"},
+			{ id:3, pId:0, name:"禁止子节点排序/增加 3", open:true, childOrder:false, dropInner:false},
+			{ id:31, pId:3, name:"随意拖拽 3-1"},
+			{ id:32, pId:3, name:"随意拖拽 3-2"},
+			{ id:33, pId:3, name:"随意拖拽 3-3"}
+		];
+
+		function dropPrev(treeId, nodes, targetNode) {
+			var pNode = targetNode.getParentNode();
+			if (pNode && pNode.dropInner === false) {
+				return false;
+			} else {
+				for (var i=0,l=curDragNodes.length; i<l; i++) {
+					var curPNode = curDragNodes[i].getParentNode();
+					if (curPNode && curPNode !== targetNode.getParentNode() && curPNode.childOuter === false) {
+						return false;
+					}
+				}
+			}
+			return true;
+		}
+		function dropInner(treeId, nodes, targetNode) {
+			if (targetNode && targetNode.dropInner === false) {
+				return false;
+			} else {
+				for (var i=0,l=curDragNodes.length; i<l; i++) {
+					if (!targetNode && curDragNodes[i].dropRoot === false) {
+						return false;
+					} else if (curDragNodes[i].parentTId && curDragNodes[i].getParentNode() !== targetNode && curDragNodes[i].getParentNode().childOuter === false) {
+						return false;
+					}
+				}
+			}
+			return true;
+		}
+		function dropNext(treeId, nodes, targetNode) {
+			var pNode = targetNode.getParentNode();
+			if (pNode && pNode.dropInner === false) {
+				return false;
+			} else {
+				for (var i=0,l=curDragNodes.length; i<l; i++) {
+					var curPNode = curDragNodes[i].getParentNode();
+					if (curPNode && curPNode !== targetNode.getParentNode() && curPNode.childOuter === false) {
+						return false;
+					}
+				}
+			}
+			return true;
+		}
+
+		var log, className = "dark", curDragNodes, autoExpandNode;
+		function beforeDrag(treeId, treeNodes) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeDrag ]&nbsp;&nbsp;&nbsp;&nbsp; drag: " + treeNodes.length + " nodes." );
+			for (var i=0,l=treeNodes.length; i<l; i++) {
+				if (treeNodes[i].drag === false) {
+					curDragNodes = null;
+					return false;
+				} else if (treeNodes[i].parentTId && treeNodes[i].getParentNode().childDrag === false) {
+					curDragNodes = null;
+					return false;
+				}
+			}
+			curDragNodes = treeNodes;
+			return true;
+		}
+		function beforeDragOpen(treeId, treeNode) {
+			autoExpandNode = treeNode;
+			return true;
+		}
+		function beforeDrop(treeId, treeNodes, targetNode, moveType, isCopy) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeDrop ]&nbsp;&nbsp;&nbsp;&nbsp; moveType:" + moveType);
+			showLog("target: " + (targetNode ? targetNode.name : "root") + "  -- is "+ (isCopy==null? "cancel" : isCopy ? "copy" : "move"));
+			return true;
+		}
+		function onDrag(event, treeId, treeNodes) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" onDrag ]&nbsp;&nbsp;&nbsp;&nbsp; drag: " + treeNodes.length + " nodes." );
+		}
+		function onDrop(event, treeId, treeNodes, targetNode, moveType, isCopy) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" onDrop ]&nbsp;&nbsp;&nbsp;&nbsp; moveType:" + moveType);
+			showLog("target: " + (targetNode ? targetNode.name : "root") + "  -- is "+ (isCopy==null? "cancel" : isCopy ? "copy" : "move"))
+		}
+		function onExpand(event, treeId, treeNode) {
+			if (treeNode === autoExpandNode) {
+				className = (className === "dark" ? "":"dark");
+				showLog("[ "+getTime()+" onExpand ]&nbsp;&nbsp;&nbsp;&nbsp;" + treeNode.name);
+			}
+		}
+
+		function showLog(str) {
+			if (!log) log = $("#log");
+			log.append("<li class='"+className+"'>"+str+"</li>");
+			if(log.children("li").length > 8) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds(),
+			ms=now.getMilliseconds();
+			return (h+":"+m+":"+s+ " " +ms);
+		}
+
+		function setTrigger() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.setting.edit.drag.autoExpandTrigger = $("#callbackTrigger").attr("checked");
+		}
+		
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#callbackTrigger").bind("change", {}, setTrigger);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>拖拽节点高级控制</h1>
+<h6>[ 文件路径: exedit/drag_super.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、beforeDrag / onDrag<br/>&nbsp;&nbsp;beforeDrop / onDrop 事件回调函数控制</h2>
+				<ul class="list">
+				<li>此 Demo 演示合理利用配置参数实现更加灵活、更加合理的拖拽规则，操作时可以对比"基本控制"的例子</li>
+				<li>此 Demo 默认 允许复制 / 移动</li>
+				<li class="highlight_red">此 Demo 中拖拽相对位置设置为 function，可以根据节点动态设定，从而可以放弃使用 beforeDrop 回调函数，拖拽时的效果会更好</li>
+				<li><p><span class="highlight_red">在对这些灵活的配置熟悉以后，相信你能够做出更加合理的拖拽规则！</span><br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="callbackTrigger" checked /> 拖拽节点时自动展开父节点是否触发 callback<br/>
+					drag / drop log:<br/>
+					<ul id="log" class="log"></ul></p></li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>同 "拖拽 节点 基本控制"</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>同 "拖拽 节点 基本控制"</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/edit.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/edit.html
new file mode 100644
index 00000000..ed787d76
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/edit.html	
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - edit</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			edit: {
+				enable: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeDrag: beforeDrag
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"父节点 1", open:true},
+			{ id:11, pId:1, name:"叶子节点 1-1"},
+			{ id:12, pId:1, name:"叶子节点 1-2"},
+			{ id:13, pId:1, name:"叶子节点 1-3"},
+			{ id:2, pId:0, name:"父节点 2", open:true},
+			{ id:21, pId:2, name:"叶子节点 2-1"},
+			{ id:22, pId:2, name:"叶子节点 2-2"},
+			{ id:23, pId:2, name:"叶子节点 2-3"},
+			{ id:3, pId:0, name:"父节点 3", open:true},
+			{ id:31, pId:3, name:"叶子节点 3-1"},
+			{ id:32, pId:3, name:"叶子节点 3-2"},
+			{ id:33, pId:3, name:"叶子节点 3-3"}
+		];
+
+		function beforeDrag(treeId, treeNodes) {
+			return false;
+		}
+		
+		function setEdit() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			remove = $("#remove").attr("checked"),
+			rename = $("#rename").attr("checked"),
+			removeTitle = $.trim($("#removeTitle").get(0).value),
+			renameTitle = $.trim($("#renameTitle").get(0).value);
+			zTree.setting.edit.showRemoveBtn = remove;
+			zTree.setting.edit.showRenameBtn = rename;
+			zTree.setting.edit.removeTitle = removeTitle;
+			zTree.setting.edit.renameTitle = renameTitle;
+			showCode(['setting.edit.showRemoveBtn = ' + remove, 'setting.edit.showRenameBtn = ' + rename,
+				'setting.edit.removeTitle = "' + removeTitle +'"', 'setting.edit.renameTitle = "' + renameTitle + '"']);
+		}
+		function showCode(str) {
+			var code = $("#code");
+			code.empty();
+			for (var i=0, l=str.length; i<l; i++) {
+				code.append("<li>"+str[i]+"</li>");
+			}
+		}
+		
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			setEdit();
+			$("#remove").bind("change", setEdit);
+			$("#rename").bind("change", setEdit);
+			$("#removeTitle").bind("propertychange", setEdit)
+			.bind("input", setEdit);
+			$("#renameTitle").bind("propertychange", setEdit)
+			.bind("input", setEdit);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>基本 增 / 删 / 改 节点</h1>
+<h6>[ 文件路径: exedit/edit.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>此 Demo 仅从功能上演示编辑节点的基本方法和配置参数</li>
+				<li class="highlight_red">1)、使用 编辑功能，必须设置 setting.edit 中的各个属性，详细请参见 API 文档中的相关内容</li>
+				<li class="highlight_red">2)、使用 编辑功能的事件回调函数，必须设置 setting.callback.beforeRemove / onRemove / beforeRename / onRename 等属性，详细请参见 API 文档中的相关内容</li>
+				<li class="highlight_red">3)、zTree 不提供默认的增加按钮，如需实现请利用自定义控件的方法 addHoverDom / removeHoverDom ，详细请参见 API 文档中的相关内容；另外也可以参考 "高级 增 / 删 / 改 节点" 的 Demo</li>
+				<li><p>基本编辑按钮设置：<br/>
+						<input type="checkbox" id="remove" class="checkbox first" checked /><span>显示删除按钮</span>
+						<input type="checkbox" id="rename" class="checkbox " checked /><span>显示编辑按钮</span><br/>
+						remove 按钮的 title: <input type="text" id="removeTitle" value="remove" /><br/>
+						rename 按钮的 title: <input type="text" id="renameTitle" value="rename" />
+						<ul id="code" class="log" style="height:85px;"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/edit_fun.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/edit_fun.html
new file mode 100644
index 00000000..6201683c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/edit_fun.html	
@@ -0,0 +1,194 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - addNodes / editName / removeNode / removeChildNodes</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				selectedMulti: false
+			},
+			edit: {
+				enable: true,
+				showRemoveBtn: false,
+				showRenameBtn: false
+			},
+			data: {
+				keep: {
+					parent:true,
+					leaf:true
+				},
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeDrag: beforeDrag,
+				beforeRemove: beforeRemove,
+				beforeRename: beforeRename,
+				onRemove: onRemove
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"父节点 1", open:true},
+			{ id:11, pId:1, name:"叶子节点 1-1"},
+			{ id:12, pId:1, name:"叶子节点 1-2"},
+			{ id:13, pId:1, name:"叶子节点 1-3"},
+			{ id:2, pId:0, name:"父节点 2", open:true},
+			{ id:21, pId:2, name:"叶子节点 2-1"},
+			{ id:22, pId:2, name:"叶子节点 2-2"},
+			{ id:23, pId:2, name:"叶子节点 2-3"},
+			{ id:3, pId:0, name:"父节点 3", open:true},
+			{ id:31, pId:3, name:"叶子节点 3-1"},
+			{ id:32, pId:3, name:"叶子节点 3-2"},
+			{ id:33, pId:3, name:"叶子节点 3-3"}
+		];
+		var log, className = "dark";
+		function beforeDrag(treeId, treeNodes) {
+			return false;
+		}
+		function beforeRemove(treeId, treeNode) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeRemove ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name);
+			return confirm("确认删除 节点 -- " + treeNode.name + " 吗？");
+		}
+		function onRemove(e, treeId, treeNode) {
+			showLog("[ "+getTime()+" onRemove ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name);
+		}
+		function beforeRename(treeId, treeNode, newName) {
+			if (newName.length == 0) {
+				alert("节点名称不能为空.");
+				var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+				setTimeout(function(){zTree.editName(treeNode)}, 10);
+				return false;
+			}
+			return true;
+		}
+		function showLog(str) {
+			if (!log) log = $("#log");
+			log.append("<li class='"+className+"'>"+str+"</li>");
+			if(log.children("li").length > 8) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds(),
+			ms=now.getMilliseconds();
+			return (h+":"+m+":"+s+ " " +ms);
+		}
+
+		var newCount = 1;
+		function add(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			isParent = e.data.isParent,
+			nodes = zTree.getSelectedNodes(),
+			treeNode = nodes[0];
+			if (treeNode) {
+				treeNode = zTree.addNodes(treeNode, {id:(100 + newCount), pId:treeNode.id, isParent:isParent, name:"new node" + (newCount++)});
+			} else {
+				treeNode = zTree.addNodes(null, {id:(100 + newCount), pId:0, isParent:isParent, name:"new node" + (newCount++)});
+			}
+			if (treeNode) {
+				zTree.editName(treeNode[0]);
+			} else {
+				alert("叶子节点被锁定，无法增加子节点");
+			}
+		};
+		function edit() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes(),
+			treeNode = nodes[0];
+			if (nodes.length == 0) {
+				alert("请先选择一个节点");
+				return;
+			}
+			zTree.editName(treeNode);
+		};
+		function remove(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes(),
+			treeNode = nodes[0];
+			if (nodes.length == 0) {
+				alert("请先选择一个节点");
+				return;
+			}
+			var callbackFlag = $("#callbackTrigger").attr("checked");
+			zTree.removeNode(treeNode, callbackFlag);
+		};
+		function clearChildren(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes(),
+			treeNode = nodes[0];
+			if (nodes.length == 0 || !nodes[0].isParent) {
+				alert("请先选择一个父节点");
+				return;
+			}
+			zTree.removeChildNodes(treeNode);
+		};
+		
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#addParent").bind("click", {isParent:true}, add);
+			$("#addLeaf").bind("click", {isParent:false}, add);
+			$("#edit").bind("click", edit);
+			$("#remove").bind("click", remove);
+			$("#clearChildren").bind("click", clearChildren);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>用 zTree 方法 增 / 删 / 改 节点</h1>
+<h6>[ 文件路径: exedit/edit_fun.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、addNodes / editName / removeNode / removeChildNodes 方法操作说明</h2>
+				<ul class="list">
+				<li>利用 addNodes / editName / removeNode / removeChildNodes 方法也可以实现 增 / 删 / 改 节点的目的，这里简单演示使用方法</li>
+				<li>cancelEditName 方法仅仅是在节点进入名称编辑状态时有效，请在必要时使用，Demo 不进行此方法的演示</li>
+				<li class="highlight_red">利用 setting.data.keep.parent / leaf 属性 实现了父节点、叶子节点的状态锁定</li>
+				<li><p>对节点进行 增 / 删 / 改，试试看：<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="callbackTrigger" checked /> removeNode 方法是否触发 callback<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="addParent" href="#" title="增加父节点" onclick="return false;">增加父节点</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="addLeaf" href="#" title="增加叶子节点" onclick="return false;">增加叶子节点</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="edit" href="#" title="编辑名称" onclick="return false;">编辑名称</a> ]<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="remove" href="#" title="删除节点" onclick="return false;">删除节点</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="clearChildren" href="#" title="清空子节点" onclick="return false;">清空子节点</a> ]<br/>
+					remove log:<br/>
+					<ul id="log" class="log"></ul></p>
+				</li>
+				<li class="highlight_red">使用 zTreeObj.addNodes / cancelEditName / editName / removeNode / removeChildNodes 方法，详细请参见 API 文档中的相关内容</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>同 "基本 增 / 删 / 改 节点"</li>
+				<li class="highlight_red">保持 父 / 叶子 节点状态，需要设置 setting.data.keep.parent / leaf 属性，详细请参见 API 文档中的相关内容</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>同 "基本 增 / 删 / 改 节点"</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/edit_super.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/edit_super.html
new file mode 100644
index 00000000..fb56de22
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/edit_super.html	
@@ -0,0 +1,183 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - beforeEditName / beforeRemove / onRemove / beforeRename / onRename</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				addHoverDom: addHoverDom,
+				removeHoverDom: removeHoverDom,
+				selectedMulti: false
+			},
+			edit: {
+				enable: true,
+				editNameSelectAll: true,
+				showRemoveBtn: showRemoveBtn,
+				showRenameBtn: showRenameBtn
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeDrag: beforeDrag,
+				beforeEditName: beforeEditName,
+				beforeRemove: beforeRemove,
+				beforeRename: beforeRename,
+				onRemove: onRemove,
+				onRename: onRename
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"父节点 1", open:true},
+			{ id:11, pId:1, name:"叶子节点 1-1"},
+			{ id:12, pId:1, name:"叶子节点 1-2"},
+			{ id:13, pId:1, name:"叶子节点 1-3"},
+			{ id:2, pId:0, name:"父节点 2", open:true},
+			{ id:21, pId:2, name:"叶子节点 2-1"},
+			{ id:22, pId:2, name:"叶子节点 2-2"},
+			{ id:23, pId:2, name:"叶子节点 2-3"},
+			{ id:3, pId:0, name:"父节点 3", open:true},
+			{ id:31, pId:3, name:"叶子节点 3-1"},
+			{ id:32, pId:3, name:"叶子节点 3-2"},
+			{ id:33, pId:3, name:"叶子节点 3-3"}
+		];
+		var log, className = "dark";
+		function beforeDrag(treeId, treeNodes) {
+			return false;
+		}
+		function beforeEditName(treeId, treeNode) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeEditName ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name);
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.selectNode(treeNode);
+			return confirm("进入节点 -- " + treeNode.name + " 的编辑状态吗？");
+		}
+		function beforeRemove(treeId, treeNode) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeRemove ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name);
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.selectNode(treeNode);
+			return confirm("确认删除 节点 -- " + treeNode.name + " 吗？");
+		}
+		function onRemove(e, treeId, treeNode) {
+			showLog("[ "+getTime()+" onRemove ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name);
+		}
+		function beforeRename(treeId, treeNode, newName, isCancel) {
+			className = (className === "dark" ? "":"dark");
+			showLog((isCancel ? "<span style='color:red'>":"") + "[ "+getTime()+" beforeRename ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name + (isCancel ? "</span>":""));
+			if (newName.length == 0) {
+				alert("节点名称不能为空.");
+				var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+				setTimeout(function(){zTree.editName(treeNode)}, 10);
+				return false;
+			}
+			return true;
+		}
+		function onRename(e, treeId, treeNode, isCancel) {
+			showLog((isCancel ? "<span style='color:red'>":"") + "[ "+getTime()+" onRename ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name + (isCancel ? "</span>":""));
+		}
+		function showRemoveBtn(treeId, treeNode) {
+			return !treeNode.isFirstNode;
+		}
+		function showRenameBtn(treeId, treeNode) {
+			return !treeNode.isLastNode;
+		}
+		function showLog(str) {
+			if (!log) log = $("#log");
+			log.append("<li class='"+className+"'>"+str+"</li>");
+			if(log.children("li").length > 8) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds(),
+			ms=now.getMilliseconds();
+			return (h+":"+m+":"+s+ " " +ms);
+		}
+
+		var newCount = 1;
+		function addHoverDom(treeId, treeNode) {
+			var sObj = $("#" + treeNode.tId + "_span");
+			if (treeNode.editNameFlag || $("#addBtn_"+treeNode.tId).length>0) return;
+			var addStr = "<span class='button add' id='addBtn_" + treeNode.tId
+				+ "' title='add node' onfocus='this.blur();'></span>";
+			sObj.after(addStr);
+			var btn = $("#addBtn_"+treeNode.tId);
+			if (btn) btn.bind("click", function(){
+				var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+				zTree.addNodes(treeNode, {id:(100 + newCount), pId:treeNode.id, name:"new node" + (newCount++)});
+				return false;
+			});
+		};
+		function removeHoverDom(treeId, treeNode) {
+			$("#addBtn_"+treeNode.tId).unbind().remove();
+		};
+		function selectAll() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.setting.edit.editNameSelectAll =  $("#selectAll").attr("checked");
+		}
+		
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#selectAll").bind("click", selectAll);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li span.button.add {margin-left:2px; margin-right: -1px; background-position:-144px 0; vertical-align:top; *vertical-align:middle}
+	</style>
+</HEAD>
+
+<BODY>
+<h1>高级 增 / 删 / 改 节点</h1>
+<h6>[ 文件路径: exedit/edit_super.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、beforeEditName<br/>&nbsp;&nbsp;beforeRemove / onRemove<br/>&nbsp;&nbsp;beforeRename / onRename 事件回调函数控制</h2>
+				<ul class="list">
+				<li>此 Demo 演示合理利用自定义控件、事件回调函数配合以增强用户体验，操作时可以对比"基本 增 / 删 / 改 节点"的 Demo</li>
+				<li>此 Demo 实现增加节点按钮</li>
+				<li>此 Demo 实现删除节点时进行确认</li>
+				<li>此 Demo 利用 showRenameBtn 对 isLastNode = true 的节点不显示编辑按钮 </li>
+				<li>此 Demo 利用 showRemoveBtn 对 isFirstNode = true 的节点不显示删除按钮 </li>
+				<li class="highlight_red">可以利用 beforeEditName 触发自定义的编辑操作</li>
+				<li><p><span class="highlight_red">在对这些灵活的配置熟悉以后，相信你能够做出更加合理的编辑界面！</span><br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="selectAll" checked /> 编辑名称时是否全选 text<br/>
+					remove / rename log:&nbsp;&nbsp;<span style="color:red">红色</span> 表示取消编辑操作 (v3.5.13+)<br/>
+					<ul id="log" class="log"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>同 "基本 增 / 删 / 改 节点"</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>同 "基本 增 / 删 / 改 节点"</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/multiTree.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/multiTree.html
new file mode 100644
index 00000000..a4736a2a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exedit/multiTree.html	
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - multiTree</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			edit: {
+				enable: true,
+				showRemoveBtn: false,
+				showRenameBtn: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeDrag: beforeDrag,
+				beforeDrop: beforeDrop
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"父节点 1", open:true},
+			{ id:11, pId:1, name:"叶子节点 1-1"},
+			{ id:12, pId:1, name:"叶子节点 1-2"},
+			{ id:13, pId:1, name:"叶子节点 1-3"},
+			{ id:2, pId:0, name:"父节点 2", open:true},
+			{ id:21, pId:2, name:"叶子节点 2-1"},
+			{ id:22, pId:2, name:"叶子节点 2-2"},
+			{ id:23, pId:2, name:"叶子节点 2-3"},
+			{ id:3, pId:0, name:"父节点 3", open:true},
+			{ id:31, pId:3, name:"叶子节点 3-1"},
+			{ id:32, pId:3, name:"叶子节点 3-2"},
+			{ id:33, pId:3, name:"叶子节点 3-3"}
+		];
+
+		function beforeDrag(treeId, treeNodes) {
+			for (var i=0,l=treeNodes.length; i<l; i++) {
+				if (treeNodes[i].drag === false) {
+					return false;
+				}
+			}
+			return true;
+		}
+		function beforeDrop(treeId, treeNodes, targetNode, moveType) {
+			return targetNode ? targetNode.drop !== false : true;
+		}
+		
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$.fn.zTree.init($("#treeDemo2"), setting);
+			
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>多棵树之间 的 数据交互</h1>
+<h6>[ 文件路径: exedit/multiTree.html ]</h6>
+<div class="content_wrap">
+	<div>
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>zTree 对于多棵树之间拖拽的操作非常简单，只需要创建两棵可拖拽的树即可，同时可根据 各种事件回调函数 以及 zTree 的方法配合实现较复杂的操作规则，这里只是基本演示。</li>
+				<li class="highlight_red">关于配置信息请参考拖拽、编辑等 Demo 的详细说明</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul id="treeDemo2" class="ztree"></ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exhide/checkbox.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exhide/checkbox.html
new file mode 100644
index 00000000..bf730818
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exhide/checkbox.html	
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Hide With Checkbox Mode</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+<!--<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<script type="text/javascript" src="../../../js/jquery.ztree.exhide-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true
+			},
+			data: {
+				key: {
+					title: "title"
+				},
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				onCheck: onCheck
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"父节点1", title:"", checked:true, open:true},
+			{ id:11, pId:1, name:"父节点11", title:"", checked:true},
+			{ id:111, pId:11, name:"叶子节点111", title:"", checked:true, isHidden:true},
+			{ id:112, pId:11, name:"叶子节点112", title:""},
+			{ id:113, pId:11, name:"叶子节点113", title:""},
+			{ id:12, pId:1, name:"父节点12", title:"", isHidden:true},
+			{ id:121, pId:12, name:"叶子节点121", title:""},
+			{ id:122, pId:12, name:"叶子节点122", title:"", isHidden:true},
+			{ id:123, pId:12, name:"叶子节点123", title:""},
+			{ id:2, pId:0, name:"父节点2", title:""},
+			{ id:21, pId:2, name:"父节点21", title:"", isHidden:true},
+			{ id:211, pId:21, name:"叶子节点211", title:""},
+			{ id:212, pId:21, name:"叶子节点212", title:""},
+			{ id:213, pId:21, name:"叶子节点213", title:""},
+			{ id:22, pId:2, name:"父节点22", title:""},
+			{ id:221, pId:22, name:"叶子节点221", title:""},
+			{ id:222, pId:22, name:"叶子节点222", title:""},
+			{ id:223, pId:22, name:"叶子节点223", title:""}
+		];
+
+		function onCheck(e, treeId, treeNode) {
+			count();
+		}
+
+		function setTitle(node) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			var nodes = node ? [node]:zTree.transformToArray(zTree.getNodes());
+			for (var i=0, l=nodes.length; i<l; i++) {
+				var n = nodes[i];
+				n.title = "[" + n.id + "] isFirstNode = " + n.isFirstNode + ", isLastNode = " + n.isLastNode;
+				zTree.updateNode(n);
+			}
+		}
+		function count() {
+			function isForceHidden(node) {
+				if (!node.parentTId) return false;
+				var p = node.getParentNode();
+				return !!p.isHidden ? true : isForceHidden(p);
+			}
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			checkCount = zTree.getCheckedNodes(true).length,
+			nocheckCount = zTree.getCheckedNodes(false).length,
+			hiddenNodes = zTree.getNodesByParam("isHidden", true),
+			hiddenCount = hiddenNodes.length;
+
+			for (var i=0, j=hiddenNodes.length; i<j; i++) {
+				var n = hiddenNodes[i];
+				if (isForceHidden(n)) {
+					hiddenCount -= 1;
+				} else if (n.isParent) {
+					hiddenCount += zTree.transformToArray(n.children).length;
+				}
+			}
+
+			$("#isHiddenCount").text(hiddenNodes.length);
+			$("#hiddenCount").text(hiddenCount);
+			$("#checkCount").text(checkCount);
+			$("#nocheckCount").text(nocheckCount);
+		}
+		function showNodes() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getNodesByParam("isHidden", true);
+			zTree.showNodes(nodes);
+			setTitle();
+			count();
+		}
+		function hideNodes() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("请至少选择一个节点");
+				return;
+			}
+			zTree.hideNodes(nodes);
+			setTitle();
+			count();
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#hideNodesBtn").bind("click", {type:"rename"}, hideNodes);
+			$("#showNodesBtn").bind("click", {type:"icon"}, showNodes);
+			setTitle();
+			count();
+		});
+		//-->
+	</SCRIPT>
+ </HEAD>
+
+<BODY>
+<h1>配合 checkbox 的隐藏</h1>
+<h6>[ 文件路径: exhide/checkbox.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>使用隐藏功能，无需设置任何参数</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li class="highlight_red">初始化时，设置 treeNode.isHidden = true; 可以让节点隐藏</li>
+				<li><p>隐藏、显示节点，看看树的变化：<br/><br/>
+					试试看：[ <a id="hideNodesBtn" href="#" onclick="return false;">隐藏选中的节点</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="showNodesBtn" href="#" onclick="return false;">显示全部被隐藏的节点</a> ]<br/><br/>
+					<ul id="log" class="log" style="height:125px;">
+						<li>isHidden = true 的节点共 <span id="isHiddenCount" class="highlight_red"></span> 个</li>
+						<li>被隐藏的节点共 <span id="hiddenCount" class="highlight_red"></span> 个</li>
+						<li>当前被勾选的节点共 <span id="checkCount" class="highlight_red"></span> 个</li>
+						<li>当前未被勾选的节点共 <span id="nocheckCount" class="highlight_red"></span> 个</li>
+						<li>隐藏节点后，可以看看仍显示节点的 isFirstNode 和 isLastNode 属性</li>
+					</ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、其他说明</h2>
+				<ul class="list">
+				<li>隐藏节点操作，会影响 isFirstNode 和 isLastNode 属性，但是对于 getPreNode() 和 getNextNode() 方法无影响</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exhide/common.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exhide/common.html
new file mode 100644
index 00000000..600d1c03
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exhide/common.html	
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Hide Ordinary Node</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+<!--<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<script type="text/javascript" src="../../../js/jquery.ztree.exhide-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			data: {
+				key: {
+					title: "title"
+				},
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"父节点1", title:"", open:true},
+			{ id:11, pId:1, name:"父节点11", title:""},
+			{ id:111, pId:11, name:"叶子节点111", title:"", isHidden:true},
+			{ id:112, pId:11, name:"叶子节点112", title:""},
+			{ id:113, pId:11, name:"叶子节点113", title:""},
+			{ id:12, pId:1, name:"父节点12", title:"", isHidden:true},
+			{ id:121, pId:12, name:"叶子节点121", title:""},
+			{ id:122, pId:12, name:"叶子节点122", title:"", isHidden:true},
+			{ id:123, pId:12, name:"叶子节点123", title:""},
+			{ id:2, pId:0, name:"父节点2", title:""},
+			{ id:21, pId:2, name:"父节点21", title:"", isHidden:true},
+			{ id:211, pId:21, name:"叶子节点211", title:""},
+			{ id:212, pId:21, name:"叶子节点212", title:""},
+			{ id:213, pId:21, name:"叶子节点213", title:""},
+			{ id:22, pId:2, name:"父节点22", title:""},
+			{ id:221, pId:22, name:"叶子节点221", title:""},
+			{ id:222, pId:22, name:"叶子节点222", title:""},
+			{ id:223, pId:22, name:"叶子节点223", title:""}
+		];
+		function setTitle(node) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			var nodes = node ? [node]:zTree.transformToArray(zTree.getNodes());
+			for (var i=0, l=nodes.length; i<l; i++) {
+				var n = nodes[i];
+				n.title = "[" + n.id + "] isFirstNode = " + n.isFirstNode + ", isLastNode = " + n.isLastNode;
+				zTree.updateNode(n);
+			}
+		}
+		function count() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			hiddenCount = zTree.getNodesByParam("isHidden", true).length;
+			$("#hiddenCount").text(hiddenCount);
+		}
+		function showNodes() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getNodesByParam("isHidden", true);
+			zTree.showNodes(nodes);
+			setTitle();
+			count();
+		}
+		function hideNodes() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("请至少选择一个节点");
+				return;
+			}
+			zTree.hideNodes(nodes);
+			setTitle();
+			count();
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#hideNodesBtn").bind("click", {type:"rename"}, hideNodes);
+			$("#showNodesBtn").bind("click", {type:"icon"}, showNodes);
+			setTitle();
+			count();
+		});
+		//-->
+	</SCRIPT>
+ </HEAD>
+
+<BODY>
+<h1>隐藏普通节点</h1>
+<h6>[ 文件路径: exhide/common.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>使用此功能，无需设置任何参数</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li class="highlight_red">初始化时，设置 treeNode.isHidden = true; 可以让节点隐藏</li>
+				<li><p>隐藏、显示节点，看看树的变化：<br/><br/>
+					试试看：[ <a id="hideNodesBtn" href="#" onclick="return false;">隐藏选中的节点</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="showNodesBtn" href="#" onclick="return false;">显示全部被隐藏的节点</a> ]<br/><br/>
+					<ul id="log" class="log" style="height:65px;">
+						<li>isHidden = true 的节点共 <span id="hiddenCount" class="highlight_red"></span> 个</li>
+						<li>隐藏节点后，可以看看仍显示节点的 isFirstNode 和 isLastNode 属性</li>
+					</ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、其他说明</h2>
+				<ul class="list">
+				<li>隐藏节点操作，会影响 isFirstNode 和 isLastNode 属性，但是对于 getPreNode() 和 getNextNode() 方法无影响</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exhide/radio.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exhide/radio.html
new file mode 100644
index 00000000..5273b73a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/exhide/radio.html	
@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Hide With Radio Mode</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+<!--<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<script type="text/javascript" src="../../../js/jquery.ztree.exhide-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true,
+				chkStyle: "radio"
+			},
+			data: {
+				key: {
+					title: "title"
+				},
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				onCheck: onCheck
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"父节点1", title:"", checked:true, open:true},
+			{ id:11, pId:1, name:"父节点11", title:"", checked:true},
+			{ id:111, pId:11, name:"叶子节点111", title:"", checked:true, isHidden:true},
+			{ id:112, pId:11, name:"叶子节点112", title:""},
+			{ id:113, pId:11, name:"叶子节点113", title:""},
+			{ id:12, pId:1, name:"父节点12", title:"", isHidden:true},
+			{ id:121, pId:12, name:"叶子节点121", title:""},
+			{ id:122, pId:12, name:"叶子节点122", title:"", isHidden:true},
+			{ id:123, pId:12, name:"叶子节点123", title:""},
+			{ id:2, pId:0, name:"父节点2", title:""},
+			{ id:21, pId:2, name:"父节点21", title:"", isHidden:true},
+			{ id:211, pId:21, name:"叶子节点211", title:""},
+			{ id:212, pId:21, name:"叶子节点212", title:""},
+			{ id:213, pId:21, name:"叶子节点213", title:""},
+			{ id:22, pId:2, name:"父节点22", title:""},
+			{ id:221, pId:22, name:"叶子节点221", title:""},
+			{ id:222, pId:22, name:"叶子节点222", title:""},
+			{ id:223, pId:22, name:"叶子节点223", title:""}
+		];
+
+		function onCheck(e, treeId, treeNode) {
+			count();
+		}
+
+		function setTitle(node) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			var nodes = node ? [node]:zTree.transformToArray(zTree.getNodes());
+			for (var i=0, l=nodes.length; i<l; i++) {
+				var n = nodes[i];
+				n.title = "[" + n.id + "] isFirstNode = " + n.isFirstNode + ", isLastNode = " + n.isLastNode;
+				zTree.updateNode(n);
+			}
+		}
+		function count() {
+			function isForceHidden(node) {
+				if (!node.parentTId) return false;
+				var p = node.getParentNode();
+				return !!p.isHidden ? true : isForceHidden(p);
+			}
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			checkCount = zTree.getCheckedNodes(true).length,
+			nocheckCount = zTree.getCheckedNodes(false).length,
+			hiddenNodes = zTree.getNodesByParam("isHidden", true),
+			hiddenCount = hiddenNodes.length;
+
+			for (var i=0, j=hiddenNodes.length; i<j; i++) {
+				var n = hiddenNodes[i];
+				if (isForceHidden(n)) {
+					hiddenCount -= 1;
+				} else if (n.isParent) {
+					hiddenCount += zTree.transformToArray(n.children).length;
+				}
+			}
+
+			$("#isHiddenCount").text(hiddenNodes.length);
+			$("#hiddenCount").text(hiddenCount);
+			$("#checkCount").text(checkCount);
+			$("#nocheckCount").text(nocheckCount);
+		}
+		function showNodes() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getNodesByParam("isHidden", true);
+			zTree.showNodes(nodes);
+			setTitle();
+			count();
+		}
+		function hideNodes() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("请至少选择一个节点");
+				return;
+			}
+			zTree.hideNodes(nodes);
+			setTitle();
+			count();
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#hideNodesBtn").bind("click", {type:"rename"}, hideNodes);
+			$("#showNodesBtn").bind("click", {type:"icon"}, showNodes);
+			setTitle();
+			count();
+		});
+		//-->
+	</SCRIPT>
+ </HEAD>
+
+<BODY>
+<h1>配合 radio 的隐藏</h1>
+<h6>[ 文件路径: exhide/radio.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>使用隐藏功能，无需设置任何参数</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li class="highlight_red">初始化时，设置 treeNode.isHidden = true; 可以让节点隐藏</li>
+				<li><p>隐藏、显示节点，看看树的变化：<br/><br/>
+					试试看：[ <a id="hideNodesBtn" href="#" onclick="return false;">隐藏选中的节点</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="showNodesBtn" href="#" onclick="return false;">显示全部被隐藏的节点</a> ]<br/><br/>
+					<ul id="log" class="log" style="height:125px;">
+						<li>isHidden = true 的节点共 <span id="isHiddenCount" class="highlight_red"></span> 个</li>
+						<li>被隐藏的节点共 <span id="hiddenCount" class="highlight_red"></span> 个</li>
+						<li>当前被勾选的节点共 <span id="checkCount" class="highlight_red"></span> 个</li>
+						<li>当前未被勾选的节点共 <span id="nocheckCount" class="highlight_red"></span> 个</li>
+						<li>隐藏节点后，可以看看仍显示节点的 isFirstNode 和 isLastNode 属性</li>
+					</ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、其他说明</h2>
+				<ul class="list">
+				<li>隐藏节点操作，会影响 isFirstNode 和 isLastNode 属性，但是对于 getPreNode() 和 getNextNode() 方法无影响</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/index.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/index.html
new file mode 100644
index 00000000..551eebcd
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/index.html	
@@ -0,0 +1,157 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<HTML>
+ <HEAD>
+  <TITLE> ZTREE DEMO </TITLE>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <link rel="stylesheet" href="../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+  <style>
+	body {
+	background-color: white;
+	margin:0; padding:0;
+	text-align: center;
+	}
+	div, p, table, th, td {
+		list-style:none;
+		margin:0; padding:0;
+		color:#333; font-size:12px;
+		font-family:dotum, Verdana, Arial, Helvetica, AppleGothic, sans-serif;
+	}
+	#testIframe {margin-left: 10px;}
+  </style>
+<script type="text/javascript" src="../../js/jquery-1.4.4.min.js"></script>
+<script type="text/javascript" src="../../js/jquery.ztree.core-3.5.js"></script>
+  <SCRIPT type="text/javascript" >
+  <!--
+	var zTree;
+	var demoIframe;
+
+	var setting = {
+		view: {
+			dblClickExpand: false,
+			showLine: true,
+			selectedMulti: false
+		},
+		data: {
+			simpleData: {
+				enable:true,
+				idKey: "id",
+				pIdKey: "pId",
+				rootPId: ""
+			}
+		},
+		callback: {
+			beforeClick: function(treeId, treeNode) {
+				var zTree = $.fn.zTree.getZTreeObj("tree");
+				if (treeNode.isParent) {
+					zTree.expandNode(treeNode);
+					return false;
+				} else {
+					demoIframe.attr("src",treeNode.file + ".html");
+					return true;
+				}
+			}
+		}
+	};
+
+	var zNodes =[
+		{id:1, pId:0, name:"[core] 基本功能 演示", open:true},
+		{id:101, pId:1, name:"最简单的树 --  标准 JSON 数据", file:"core/standardData"},
+		{id:102, pId:1, name:"最简单的树 --  简单 JSON 数据", file:"core/simpleData"},
+		{id:103, pId:1, name:"不显示 连接线", file:"core/noline"},
+		{id:104, pId:1, name:"不显示 节点 图标", file:"core/noicon"},
+		{id:105, pId:1, name:"自定义图标 --  icon 属性", file:"core/custom_icon"},
+		{id:106, pId:1, name:"自定义图标 --  iconSkin 属性", file:"core/custom_iconSkin"},
+		{id:107, pId:1, name:"自定义字体", file:"core/custom_font"},
+		{id:115, pId:1, name:"超链接演示", file:"core/url"},
+		{id:108, pId:1, name:"异步加载 节点数据", file:"core/async"},
+		{id:109, pId:1, name:"用 zTree 方法 异步加载 节点数据", file:"core/async_fun"},
+		{id:110, pId:1, name:"用 zTree 方法 更新 节点数据", file:"core/update_fun"},
+		{id:111, pId:1, name:"单击 节点 控制", file:"core/click"},
+		{id:112, pId:1, name:"展开 / 折叠 父节点 控制", file:"core/expand"},
+		{id:113, pId:1, name:"根据 参数 查找 节点", file:"core/searchNodes"},
+		{id:114, pId:1, name:"其他 鼠标 事件监听", file:"core/otherMouse"},
+
+		{id:2, pId:0, name:"[excheck] 复/单选框功能 演示", open:false},
+		{id:201, pId:2, name:"Checkbox 勾选操作", file:"excheck/checkbox"},
+		{id:206, pId:2, name:"Checkbox nocheck 演示", file:"excheck/checkbox_nocheck"},
+		{id:207, pId:2, name:"Checkbox chkDisabled 演示", file:"excheck/checkbox_chkDisabled"},
+		{id:208, pId:2, name:"Checkbox halfCheck 演示", file:"excheck/checkbox_halfCheck"},
+		{id:202, pId:2, name:"Checkbox 勾选统计", file:"excheck/checkbox_count"},
+		{id:203, pId:2, name:"用 zTree 方法 勾选 Checkbox", file:"excheck/checkbox_fun"},
+		{id:204, pId:2, name:"Radio 勾选操作", file:"excheck/radio"},
+		{id:209, pId:2, name:"Radio nocheck 演示", file:"excheck/radio_nocheck"},
+		{id:210, pId:2, name:"Radio chkDisabled 演示", file:"excheck/radio_chkDisabled"},
+		{id:211, pId:2, name:"Radio halfCheck 演示", file:"excheck/radio_halfCheck"},
+		{id:205, pId:2, name:"用 zTree 方法 勾选 Radio", file:"excheck/radio_fun"},
+
+		{id:3, pId:0, name:"[exedit] 编辑功能 演示", open:false},
+		{id:301, pId:3, name:"拖拽 节点 基本控制", file:"exedit/drag"},
+		{id:302, pId:3, name:"拖拽 节点 高级控制", file:"exedit/drag_super"},
+		{id:303, pId:3, name:"用 zTree 方法 移动 / 复制 节点", file:"exedit/drag_fun"},
+		{id:304, pId:3, name:"基本 增 / 删 / 改 节点", file:"exedit/edit"},
+		{id:305, pId:3, name:"高级 增 / 删 / 改 节点", file:"exedit/edit_super"},
+		{id:306, pId:3, name:"用 zTree 方法 增 / 删 / 改 节点", file:"exedit/edit_fun"},
+		{id:307, pId:3, name:"异步加载 & 编辑功能 共存", file:"exedit/async_edit"},
+		{id:308, pId:3, name:"多棵树之间 的 数据交互", file:"exedit/multiTree"},
+
+		{id:4, pId:0, name:"大数据量 演示", open:false},
+		{id:401, pId:4, name:"一次性加载大数据量", file:"bigdata/common"},
+		{id:402, pId:4, name:"分批异步加载大数据量", file:"bigdata/diy_async"},
+		{id:403, pId:4, name:"分批异步加载大数据量", file:"bigdata/page"},
+
+		{id:5, pId:0, name:"组合功能 演示", open:false},
+		{id:501, pId:5, name:"冻结根节点", file:"super/oneroot"},
+		{id:502, pId:5, name:"单击展开/折叠节点", file:"super/oneclick"},
+		{id:503, pId:5, name:"保持展开单一路径", file:"super/singlepath"},
+		{id:504, pId:5, name:"添加 自定义控件", file:"super/diydom"},
+		{id:505, pId:5, name:"checkbox / radio 共存", file:"super/checkbox_radio"},
+		{id:506, pId:5, name:"左侧菜单", file:"super/left_menu"},
+		{id:513, pId:5, name:"OutLook 样式的左侧菜单", file:"super/left_menuForOutLook"},
+		{id:507, pId:5, name:"下拉菜单", file:"super/select_menu"},
+		{id:509, pId:5, name:"带 checkbox 的多选下拉菜单", file:"super/select_menu_checkbox"},
+		{id:510, pId:5, name:"带 radio 的单选下拉菜单", file:"super/select_menu_radio"},
+		{id:508, pId:5, name:"右键菜单 的 实现", file:"super/rightClickMenu"},
+		{id:511, pId:5, name:"与其他 DOM 拖拽互动", file:"super/dragWithOther"},
+		{id:512, pId:5, name:"异步加载模式下全部展开", file:"super/asyncForAll"},
+
+		{id:6, pId:0, name:"其他扩展功能 演示", open:false},
+		{id:601, pId:6, name:"隐藏普通节点", file:"exhide/common"},
+		{id:602, pId:6, name:"配合 checkbox 的隐藏", file:"exhide/checkbox"},
+		{id:603, pId:6, name:"配合 radio 的隐藏", file:"exhide/radio"}
+	];
+
+	$(document).ready(function(){
+		var t = $("#tree");
+		t = $.fn.zTree.init(t, setting, zNodes);
+		demoIframe = $("#testIframe");
+		demoIframe.bind("load", loadReady);
+		var zTree = $.fn.zTree.getZTreeObj("tree");
+		zTree.selectNode(zTree.getNodeByParam("id", 101));
+
+	});
+
+	function loadReady() {
+		var bodyH = demoIframe.contents().find("body").get(0).scrollHeight,
+		htmlH = demoIframe.contents().find("html").get(0).scrollHeight,
+		maxH = Math.max(bodyH, htmlH), minH = Math.min(bodyH, htmlH),
+		h = demoIframe.height() >= maxH ? minH:maxH ;
+		if (h < 530) h = 530;
+		demoIframe.height(h);
+	}
+
+  //-->
+  </SCRIPT>
+ </HEAD>
+
+<BODY>
+<TABLE border=0 height=600px align=left>
+	<TR>
+		<TD width=260px align=left valign=top style="BORDER-RIGHT: #999999 1px dashed">
+			<ul id="tree" class="ztree" style="width:260px; overflow:auto;"></ul>
+		</TD>
+		<TD width=770px align=left valign=top><IFRAME ID="testIframe" Name="testIframe" FRAMEBORDER=0 SCROLLING=AUTO width=100%  height=600px SRC="core/standardData.html"></IFRAME></TD>
+	</TR>
+</TABLE>
+
+</BODY>
+</HTML>
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/asyncForAll.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/asyncForAll.html
new file mode 100644
index 00000000..8a38d986
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/asyncForAll.html	
@@ -0,0 +1,191 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - async for All</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var demoMsg = {
+			async:"正在进行异步加载，请等一会儿再点击...",
+			expandAllOver: "全部展开完毕",
+			asyncAllOver: "后台异步加载完毕",
+			asyncAll: "已经异步加载完毕，不再重新加载",
+			expandAll: "已经异步加载完毕，使用 expandAll 方法"
+		}
+		var setting = {
+			async: {
+				enable: true,
+				url:"../asyncData/getNodes.php",
+				autoParam:["id", "name=n", "level=lv"],
+				otherParam:{"otherParam":"zTreeAsyncTest"},
+				dataFilter: filter,
+				type: "get"
+			},
+			callback: {
+				beforeAsync: beforeAsync,
+				onAsyncSuccess: onAsyncSuccess,
+				onAsyncError: onAsyncError
+			}
+		};
+
+		function filter(treeId, parentNode, childNodes) {
+			if (!childNodes) return null;
+			for (var i=0, l=childNodes.length; i<l; i++) {
+				childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');
+			}
+			return childNodes;
+		}
+
+		function beforeAsync() {
+			curAsyncCount++;
+		}
+		
+		function onAsyncSuccess(event, treeId, treeNode, msg) {
+			curAsyncCount--;
+			if (curStatus == "expand") {
+				expandNodes(treeNode.children);
+			} else if (curStatus == "async") {
+				asyncNodes(treeNode.children);
+			}
+
+			if (curAsyncCount <= 0) {
+				if (curStatus != "init" && curStatus != "") {
+					$("#demoMsg").text((curStatus == "expand") ? demoMsg.expandAllOver : demoMsg.asyncAllOver);
+					asyncForAll = true;
+				}
+				curStatus = "";
+			}
+		}
+
+		function onAsyncError(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) {
+			curAsyncCount--;
+
+			if (curAsyncCount <= 0) {
+				curStatus = "";
+				if (treeNode!=null) asyncForAll = true;
+			}
+		}
+
+		var curStatus = "init", curAsyncCount = 0, asyncForAll = false,
+		goAsync = false;
+		function expandAll() {
+			if (!check()) {
+				return;
+			}
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			if (asyncForAll) {
+				$("#demoMsg").text(demoMsg.expandAll);
+				zTree.expandAll(true);
+			} else {
+				expandNodes(zTree.getNodes());
+				if (!goAsync) {
+					$("#demoMsg").text(demoMsg.expandAll);
+					curStatus = "";
+				}
+			}
+		}
+		function expandNodes(nodes) {
+			if (!nodes) return;
+			curStatus = "expand";
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			for (var i=0, l=nodes.length; i<l; i++) {
+				zTree.expandNode(nodes[i], true, false, false);
+				if (nodes[i].isParent && nodes[i].zAsync) {
+					expandNodes(nodes[i].children);
+				} else {
+					goAsync = true;
+				}
+			}
+		}
+
+		function asyncAll() {
+			if (!check()) {
+				return;
+			}
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			if (asyncForAll) {
+				$("#demoMsg").text(demoMsg.asyncAll);
+			} else {
+				asyncNodes(zTree.getNodes());
+				if (!goAsync) {
+					$("#demoMsg").text(demoMsg.asyncAll);
+					curStatus = "";
+				}
+			}
+		}
+		function asyncNodes(nodes) {
+			if (!nodes) return;
+			curStatus = "async";
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			for (var i=0, l=nodes.length; i<l; i++) {
+				if (nodes[i].isParent && nodes[i].zAsync) {
+					asyncNodes(nodes[i].children);
+				} else {
+					goAsync = true;
+					zTree.reAsyncChildNodes(nodes[i], "refresh", true);
+				}
+			}
+		}
+
+		function reset() {
+			if (!check()) {
+				return;
+			}
+			asyncForAll = false;
+			goAsync = false;
+			$("#demoMsg").text("");
+			$.fn.zTree.init($("#treeDemo"), setting);
+		}
+
+		function check() {
+			if (curAsyncCount > 0) {
+				$("#demoMsg").text(demoMsg.async);
+				return false;
+			}
+			return true;
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting);
+			$("#expandAllBtn").bind("click", expandAll);
+			$("#asyncAllBtn").bind("click", asyncAll);
+			$("#resetBtn").bind("click", reset);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>异步加载模式下全部展开</h1>
+<h6>[ 文件路径: super/asyncForAll.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>实现方法说明</h2>
+				<ul class="list">
+				<li>利用 onAsyncSuccess / onAsyncError 回调函数 和 reAsyncChildNodes 或 expandNode 方法可以实现全部功能。</li>
+				<li class="highlight_red">如果父节点数量很大，请注意利用延时进行控制，避免异步进程过多。</li>
+				<li class="highlight_red">建议：演示时请利用调试工具查看 network 的 ajax 加载过程。</li>
+				<li>演示操作
+					<br/><br/>
+				[ <a id="expandAllBtn" href="#" onclick="return false;">全部展开</a> ] &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+				[ <a id="asyncAllBtn" href="#" onclick="return false;">后台自动全部加载</a> ]<br/><br/>
+				[ <a id="resetBtn" href="#" onclick="return false;">Reset zTree</a> ]<br/><br/>
+				<p class="highlight_red" id="demoMsg"></p>
+				</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/checkbox_radio.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/checkbox_radio.html
new file mode 100644
index 00000000..66a3b035
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/checkbox_radio.html	
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - checkbox & radio</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var IDMark_A = "_a";
+		var setting = {
+			view: {
+				addDiyDom: addDiyDom
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"父节点 1", open:true},
+			{ id:11, pId:1, name:"叶子节点 1-1"},
+			{ id:12, pId:1, name:"叶子节点 1-2"},
+			{ id:13, pId:1, name:"叶子节点 1-3"},
+			{ id:2, pId:0, name:"父节点 2", open:true},
+			{ id:21, pId:2, name:"叶子节点 2-1"},
+			{ id:22, pId:2, name:"叶子节点 2-2"},
+			{ id:23, pId:2, name:"叶子节点 2-3"},
+			{ id:3, pId:0, name:"父节点 3", open:true},
+			{ id:31, pId:3, name:"叶子节点 3-1"},
+			{ id:32, pId:3, name:"叶子节点 3-2"},
+			{ id:33, pId:3, name:"叶子节点 3-3"}
+		];
+
+		function addDiyDom(treeId, treeNode) {
+			var aObj = $("#" + treeNode.tId + IDMark_A);
+			if (treeNode.level == 0) {
+				var editStr = "<input type='checkbox' class='checkboxBtn' id='checkbox_" +treeNode.id+ "' onfocus='this.blur();'></input>";
+				aObj.before(editStr);
+				var btn = $("#checkbox_"+treeNode.id);
+			if (btn) btn.bind("change", function() {checkAccessories(treeNode, btn);});
+			} else if (treeNode.level == 1) {
+				var editStr = "<input type='radio' class='radioBtn' id='radio_" +treeNode.id+ "' name='radio_"+treeNode.getParentNode().id+"' onfocus='this.blur();'></input>";
+				aObj.before(editStr);
+				var btn = $("#radio_"+treeNode.id);
+				if (btn) btn.bind("click", function() {checkBrand(treeNode, btn);});
+			}
+		}
+
+		function checkAccessories(treeNode, btn) {
+			var checkedRadio = getCheckedRadio("radio_"+treeNode.id);
+			if (btn.attr("checked")) {
+				if (!checkedRadio) {
+					$("#radio_" + treeNode.children[0].id).attr("checked", true);
+				}
+			} else {
+				checkedRadio.attr("checked", false);
+			}
+		}
+
+		function checkBrand(treeNode, btn) {
+			if (btn.attr("checked")) {
+				var pObj = $("#checkbox_" + treeNode.getParentNode().id);
+				if (!pObj.attr("checked")) {
+					pObj.attr("checked", true);
+				}
+			}
+		}
+
+		function getCheckedRadio(radioName) {
+			var r = document.getElementsByName(radioName);
+			for(var i=0; i<r.length; i++)    {
+				if(r[i].checked)    {
+					return $(r[i]);
+				}
+			}
+			return null;
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+	  .radioBtn {height: 16px;vertical-align: middle;}
+	  .checkboxBtn {vertical-align: middle;margin-right: 2px;}
+	  </style>
+ </HEAD>
+
+<BODY>
+<h1>checkbox / radio 共存</h1>
+<h6>[ 文件路径: super/checkbox_radio.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>实现方法说明</h2>
+				<ul class="list">
+				<li>zTree 默认的 checkbox 和 radio 是无法共存的，但可以利用 自定义控件 的功能实现此需求，具体需求可以参考 "添加 自定义控件" 的详细说明</li>
+				<li class="highlight_red">对于 checkbox / radio 的联动规则，请根据需求制定自己的规则</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/diydom.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/diydom.html
new file mode 100644
index 00000000..1980ff9f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/diydom.html	
@@ -0,0 +1,177 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - addHoverDom / removeHoverDom / addDiyDom</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+
+		var IDMark_Switch = "_switch",
+		IDMark_Icon = "_ico",
+		IDMark_Span = "_span",
+		IDMark_Input = "_input",
+		IDMark_Check = "_check",
+		IDMark_Edit = "_edit",
+		IDMark_Remove = "_remove",
+		IDMark_Ul = "_ul",
+		IDMark_A = "_a";
+		
+		var setting = {
+			view: {
+				addHoverDom: addHoverDom,
+				removeHoverDom: removeHoverDom,
+				addDiyDom: addDiyDom
+			}
+		};
+
+		var zNodes =[
+			{id:1, name:"hover事件显示控件", open:true,
+				children:[
+					   {id:11, name:"按钮1"},
+					   {id:12, name:"按钮2"},
+					   {id:13, name:"下拉框"},
+					   {id:141, name:"文本1"},
+					   {id:142, name:"文本2"},
+					   {id:15, name:"超链接"}
+
+				]},
+			{id:2, name:"始终显示控件", open:true,
+				children:[
+					   {id:21, name:"按钮1"},
+					   {id:22, name:"按钮2"},
+					   {id:23, name:"下拉框"},
+					   {id:24, name:"文本"},
+					   {id:25, name:"超链接"}
+				]}
+	 	];
+
+		function addHoverDom(treeId, treeNode) {
+			if (treeNode.parentNode && treeNode.parentNode.id!=1) return;
+			var aObj = $("#" + treeNode.tId + IDMark_A);
+			if (treeNode.id == 11) {
+				if ($("#diyBtn_"+treeNode.id).length>0) return;
+				var editStr = "<span id='diyBtn_space_" +treeNode.id+ "' >&nbsp;</span><span class='button icon03' id='diyBtn_" +treeNode.id+ "' title='"+treeNode.name+"' onfocus='this.blur();'></span>";
+				aObj.append(editStr);
+				var btn = $("#diyBtn_"+treeNode.id);
+				if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+			} else if (treeNode.id == 12) {
+				if ($("#diyBtn_"+treeNode.id).length>0) return;
+				var editStr = "<span class='button icon04' id='diyBtn_" +treeNode.id+ "' title='"+treeNode.name+"' onfocus='this.blur();'></span>";
+				aObj.after(editStr);
+				var btn = $("#diyBtn_"+treeNode.id);
+				if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+			} else if (treeNode.id == 13) {
+				if ($("#diyBtn_"+treeNode.id).length>0) return;
+				var editStr = "<span id='diyBtn_space_" +treeNode.id+ "' >&nbsp;</span><select class='selDemo ' id='diyBtn_" +treeNode.id+ "'><option value=1>1</option><option value=2>2</option><option value=3>3</option></select>";
+				aObj.after(editStr);
+				var btn = $("#diyBtn_"+treeNode.id);
+				if (btn) btn.bind("change", function(){alert("diy Select value="+btn.attr("value")+" for " + treeNode.name);});
+			} else if (treeNode.id == 141) {
+				if ($("#diyBtn_"+treeNode.id).length>0) return;
+				var editStr = "<span class='test' id='diyBtn_" +treeNode.id+ "'>Text Demo...</span>";
+				aObj.append(editStr);
+			} else if (treeNode.id == 142) {
+				if ($("#diyBtn_"+treeNode.id).length>0) return;
+				var editStr = "<span id='diyBtn_" +treeNode.id+ "'>Text Demo...</span>";
+				aObj.after(editStr);
+			} else if (treeNode.id == 15) {
+				if ($("#diyBtn1_"+treeNode.id).length>0) return;
+				if ($("#diyBtn2_"+treeNode.id).length>0) return;
+				var editStr = "<a id='diyBtn1_" +treeNode.id+ "' onclick='alert(1);return false;' style='margin:0 0 0 5px;'>链接1</a>" +
+					"<a id='diyBtn2_" +treeNode.id+ "' onclick='alert(2);return false;' style='margin:0 0 0 5px;'>链接2</a>";
+				aObj.append(editStr);
+			}
+		}
+
+		function removeHoverDom(treeId, treeNode) {
+			if (treeNode.parentTId && treeNode.getParentNode().id!=1) return;
+			if (treeNode.id == 15) {
+				$("#diyBtn1_"+treeNode.id).unbind().remove();
+				$("#diyBtn2_"+treeNode.id).unbind().remove();
+			} else {
+				$("#diyBtn_"+treeNode.id).unbind().remove();
+				$("#diyBtn_space_" +treeNode.id).unbind().remove();
+			}
+		}
+
+		function addDiyDom(treeId, treeNode) {
+			if (treeNode.parentNode && treeNode.parentNode.id!=2) return;
+			var aObj = $("#" + treeNode.tId + IDMark_A);
+			if (treeNode.id == 21) {
+				var editStr = "<span class='demoIcon' id='diyBtn_" +treeNode.id+ "' title='"+treeNode.name+"' onfocus='this.blur();'><span class='button icon01'></span></span>";
+				aObj.append(editStr);
+				var btn = $("#diyBtn_"+treeNode.id);
+				if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+			} else if (treeNode.id == 22) {
+				var editStr = "<span class='demoIcon' id='diyBtn_" +treeNode.id+ "' title='"+treeNode.name+"' onfocus='this.blur();'><span class='button icon02'></span></span>";
+				aObj.after(editStr);
+				var btn = $("#diyBtn_"+treeNode.id);
+				if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+			} else if (treeNode.id == 23) {
+				var editStr = "<select class='selDemo' id='diyBtn_" +treeNode.id+ "'><option value=1>1</option><option value=2>2</option><option value=3>3</option></select>";
+				aObj.after(editStr);
+				var btn = $("#diyBtn_"+treeNode.id);
+				if (btn) btn.bind("change", function(){alert("diy Select value="+btn.attr("value")+" for " + treeNode.name);});
+			} else if (treeNode.id == 24) {
+				var editStr = "<span id='diyBtn_" +treeNode.id+ "'>Text Demo...</span>";
+				aObj.after(editStr);
+			} else if (treeNode.id == 25) {
+				var editStr = "<a id='diyBtn1_" +treeNode.id+ "' onclick='alert(1);return false;'>链接1</a>" +
+					"<a id='diyBtn2_" +treeNode.id+ "' onclick='alert(2);return false;'>链接2</a>";
+				aObj.after(editStr);
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li span.demoIcon{padding:0 2px 0 10px;}
+.ztree li span.button.icon01{margin:0; background: url(../../../css/zTreeStyle/img/diy/3.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon02{margin:0; background: url(../../../css/zTreeStyle/img/diy/4.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon03{margin:0; background: url(../../../css/zTreeStyle/img/diy/5.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon04{margin:0; background: url(../../../css/zTreeStyle/img/diy/6.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon05{margin:0; background: url(../../../css/zTreeStyle/img/diy/7.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon06{margin:0; background: url(../../../css/zTreeStyle/img/diy/8.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>添加自定义控件</h1>
+<h6>[ 文件路径: super/diydom.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1、实现方法说明</h2>
+				<ul class="list">
+				<li>利用 setting.view.addHoverDom / removeHoverDom / addDiyDom 这几个参数的配置可以很容易的实现自定义控件的功能</li>
+				<li class="highlight_red">添加自定义控件，请务必掌握 zTree 节点对象的命名规则，以保证正常添加 DOM 控件</li>
+				<li class="highlight_red">如果添加标准的 select / checkbox / radio 等，请注意适当调整 zTree 的布局 css，保证 zTree 能正常显示</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2、setting 配置信息说明</h2>
+				<ul class="list">
+				<li>使用 setting.view.addHoverDom / removeHoverDom / addDiyDom 属性，详细请参见 API 文档中的相关内容</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、treeNode 节点数据说明</h2>
+				<ul class="list">
+				<li>对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/dragWithOther.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/dragWithOther.html
new file mode 100644
index 00000000..04a5b7c4
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/dragWithOther.html	
@@ -0,0 +1,235 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - drag with other DOM</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>-->
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var MoveTest = {
+			errorMsg: "放错了...请选择正确的类别！",
+			curTarget: null,
+			curTmpTarget: null,
+			noSel: function() {
+				try {
+					window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
+				} catch(e){}
+			},
+			dragTree2Dom: function(treeId, treeNodes) {
+				return !treeNodes[0].isParent;
+			},
+			prevTree: function(treeId, treeNodes, targetNode) {
+				return !targetNode.isParent && targetNode.parentTId == treeNodes[0].parentTId;
+			},
+			nextTree: function(treeId, treeNodes, targetNode) {
+				return !targetNode.isParent && targetNode.parentTId == treeNodes[0].parentTId;
+			},
+			innerTree: function(treeId, treeNodes, targetNode) {
+				return targetNode!=null && targetNode.isParent && targetNode.tId == treeNodes[0].parentTId;
+			},
+			dropTree2Dom: function(e, treeId, treeNodes, targetNode, moveType) {
+				var domId = "dom_" + treeNodes[0].getParentNode().id;
+				if (moveType == null && (domId == e.target.id || $(e.target).parents("#" + domId).length > 0)) {
+					var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+					zTree.removeNode(treeNodes[0]);
+
+					var newDom = $("span[domId=" + treeNodes[0].id + "]");
+					if (newDom.length > 0) {
+						newDom.removeClass("domBtn_Disabled");
+						newDom.addClass("domBtn");
+					} else {
+						$("#" + domId).append("<span class='domBtn' domId='" + treeNodes[0].id + "'>" + treeNodes[0].name + "</span>");
+					}
+					MoveTest.updateType();
+				} else if ( $(e.target).parents(".domBtnDiv").length > 0) {
+					alert(MoveTest.errorMsg);
+				}
+			},
+			dom2Tree: function(e, treeId, treeNode) {
+				var target = MoveTest.curTarget, tmpTarget = MoveTest.curTmpTarget;
+				if (!target) return;
+				var zTree = $.fn.zTree.getZTreeObj("treeDemo"), parentNode;
+				if (treeNode != null && treeNode.isParent && "dom_" + treeNode.id == target.parent().attr("id")) {
+					parentNode = treeNode;
+				} else if (treeNode != null && !treeNode.isParent && "dom_" + treeNode.getParentNode().id == target.parent().attr("id")) {
+					parentNode = treeNode.getParentNode();
+				}
+
+				if (tmpTarget) tmpTarget.remove();
+				if (!!parentNode) {
+					var nodes = zTree.addNodes(parentNode, {id:target.attr("domId"), name: target.text()});
+					zTree.selectNode(nodes[0]);
+				} else {
+					target.removeClass("domBtn_Disabled");
+					target.addClass("domBtn");
+					alert(MoveTest.errorMsg);
+				}
+				MoveTest.updateType();
+				MoveTest.curTarget = null;
+				MoveTest.curTmpTarget = null;
+			},
+			updateType: function() {
+				var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+				nodes = zTree.getNodes();
+				for (var i=0, l=nodes.length; i<l; i++) {
+					var num = nodes[i].children ? nodes[i].children.length : 0;
+					nodes[i].name = nodes[i].name.replace(/ \(.*\)/gi, "") + " (" + num + ")";
+					zTree.updateNode(nodes[i]);
+				}
+			},
+			bindDom: function() {
+				$(".domBtnDiv").bind("mousedown", MoveTest.bindMouseDown);
+			},
+			bindMouseDown: function(e) {
+				var target = e.target;
+				if (target!=null && target.className=="domBtn") {
+					var doc = $(document), target = $(target),
+					docScrollTop = doc.scrollTop(),
+					docScrollLeft = doc.scrollLeft();
+					target.addClass("domBtn_Disabled");
+					target.removeClass("domBtn");
+					curDom = $("<span class='dom_tmp domBtn'>" + target.text() + "</span>");
+					curDom.appendTo("body");
+
+					curDom.css({
+						"top": (e.clientY + docScrollTop + 3) + "px",
+						"left": (e.clientX + docScrollLeft + 3) + "px"
+					});
+					MoveTest.curTarget = target;
+					MoveTest.curTmpTarget = curDom;
+
+					doc.bind("mousemove", MoveTest.bindMouseMove);
+					doc.bind("mouseup", MoveTest.bindMouseUp);
+					doc.bind("selectstart", MoveTest.docSelect);
+				}
+				if(e.preventDefault) {
+					e.preventDefault();
+				}
+			},
+			bindMouseMove: function(e) {
+				MoveTest.noSel();
+				var doc = $(document), 
+				docScrollTop = doc.scrollTop(),
+				docScrollLeft = doc.scrollLeft(),
+				tmpTarget = MoveTest.curTmpTarget;
+				if (tmpTarget) {
+					tmpTarget.css({
+						"top": (e.clientY + docScrollTop + 3) + "px",
+						"left": (e.clientX + docScrollLeft + 3) + "px"
+					});
+				}
+				return false;
+			},
+			bindMouseUp: function(e) {
+				var doc = $(document);
+				doc.unbind("mousemove", MoveTest.bindMouseMove);
+				doc.unbind("mouseup", MoveTest.bindMouseUp);
+				doc.unbind("selectstart", MoveTest.docSelect);
+
+				var target = MoveTest.curTarget, tmpTarget = MoveTest.curTmpTarget;
+				if (tmpTarget) tmpTarget.remove();
+
+				if ($(e.target).parents("#treeDemo").length == 0) {
+					if (target) {
+						target.removeClass("domBtn_Disabled");
+						target.addClass("domBtn");
+					}
+					MoveTest.curTarget = null;
+					MoveTest.curTmpTarget = null;
+				}
+			},
+			bindSelect: function() {
+				return false;
+			}
+		};
+
+		var setting = {
+			edit: {
+				enable: true,
+				showRemoveBtn: false,
+				showRenameBtn: false,
+				drag: {
+					prev: MoveTest.prevTree,
+					next: MoveTest.nextTree,
+					inner: MoveTest.innerTree
+				}
+			},
+			data: {
+				keep: {
+					parent: true,
+					leaf: true
+				},
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeDrag: MoveTest.dragTree2Dom,
+				onDrop: MoveTest.dropTree2Dom,
+				onMouseUp: MoveTest.dom2Tree
+			},
+			view: {
+				selectedMulti: false
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"植物", isParent: true, open:true},
+			{ id:2, pId:0, name:"动物", isParent: true, open:true},
+			{ id:20, pId:2, name:"大象"},
+			{ id:29, pId:2, name:"鲨鱼"},
+			{ id:10, pId:1, name:"大白菜"},
+			{ id:19, pId:1, name:"西红柿"}
+		];
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			MoveTest.updateType();
+			MoveTest.bindDom();
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.dom_line {margin:2px;border-bottom:1px gray dotted;height:1px}
+.domBtnDiv {display:block;padding:2px;border:1px gray dotted;background-color:powderblue}
+.categoryDiv {display:inline-block; width:335px}
+.domBtn {display:inline-block;cursor:pointer;padding:2px;margin:2px 10px;border:1px gray solid;background-color:#FFE6B0}
+.domBtn_Disabled {display:inline-block;cursor:default;padding:2px;margin:2px 10px;border:1px gray solid;background-color:#DFDFDF;color:#999999}
+.dom_tmp {position:absolute;font-size:12px;}
+	</style>
+</HEAD>
+
+<BODY>
+<h1>与其他 DOM 拖拽互动</h1>
+<h6>[ 文件路径: super/dragWithOther.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>实现方法说明</h2>
+				<ul class="list">
+				<li>zTree v3.2 版本修正了 onDrag/onDrop 中的 event 对象，因此可以较容易的控制将节点拖拽到其他 DOM </li>
+				<li class="highlight_red">将其他 DOM 拖拽到 zTree 需要自己制作相关的拖拽代码</li>
+				<li class="highlight_red">这仅仅是一个最简单的演示，如果需要更炫的效果，需要制作更复杂的代码</li>
+				</ul>
+			</li>
+			<li class="title"><h2>请拖拽下面内容到 树节点上</h2>
+				<div class="domBtnDiv">
+					<div id="dom_1" class="categoryDiv"><span class="domBtn" domId="11">大树</span><span class="domBtn" domId="12">小草</span><span class="domBtn" domId="13">花朵</span></div>
+					<div class="dom_line"></div>
+					<div id="dom_2" class="categoryDiv"><span class="domBtn" domId="21">老虎</span><span class="domBtn" domId="22">狗熊</span><span class="domBtn" domId="23">狮子</span></div>
+				</div>
+				<span class="highlight_red">也可以把二级节点拖拽到以上图层 </span>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/left_menu.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/left_menu.html
new file mode 100644
index 00000000..4b9941a2
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/left_menu.html	
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - left_menu</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var curMenu = null, zTree_Menu = null;
+		var setting = {
+			view: {
+				showLine: true,
+				selectedMulti: false,
+				dblClickExpand: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				onNodeCreated: this.onNodeCreated,
+				beforeClick: this.beforeClick,
+				onClick: this.onClick
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"主菜单 1", open:true},
+			{ id:11, pId:1, name:"子菜单 1-1"},
+			{ id:111, pId:11, name:"叶子节点 1-1-1"},
+			{ id:112, pId:11, name:"叶子节点 1-1-2"},
+			{ id:113, pId:11, name:"叶子节点 1-1-3"},
+			{ id:114, pId:11, name:"叶子节点 1-1-4"},
+			{ id:12, pId:1, name:"子菜单 1-2"},
+			{ id:121, pId:12, name:"叶子节点 1-2-1"},
+			{ id:122, pId:12, name:"叶子节点 1-2-2"},
+			{ id:123, pId:12, name:"叶子节点 1-2-3"},
+			{ id:124, pId:12, name:"叶子节点 1-2-4"},
+			{ id:2, pId:0, name:"主菜单 2"},
+			{ id:21, pId:2, name:"子菜单 2-1"},
+			{ id:211, pId:21, name:"叶子节点 2-1-1"},
+			{ id:212, pId:21, name:"叶子节点 2-1-2"},
+			{ id:213, pId:21, name:"叶子节点 2-1-3"},
+			{ id:214, pId:21, name:"叶子节点 2-1-4"},
+			{ id:22, pId:2, name:"子菜单 2-2"},
+			{ id:221, pId:22, name:"叶子节点 2-2-1"},
+			{ id:222, pId:22, name:"叶子节点 2-2-2"},
+			{ id:223, pId:22, name:"叶子节点 2-2-3"},
+			{ id:224, pId:22, name:"叶子节点 2-2-4"},
+			{ id:3, pId:0, name:"主菜单 3"},
+			{ id:31, pId:3, name:"子菜单 3-1"},
+			{ id:311, pId:31, name:"叶子节点 3-1-1"},
+			{ id:312, pId:31, name:"叶子节点 3-1-2"},
+			{ id:313, pId:31, name:"叶子节点 3-1-3"},
+			{ id:314, pId:31, name:"叶子节点 3-1-4"},
+			{ id:32, pId:3, name:"子菜单 3-2"},
+			{ id:321, pId:32, name:"叶子节点 3-2-1"},
+			{ id:322, pId:32, name:"叶子节点 3-2-2"},
+			{ id:323, pId:32, name:"叶子节点 3-2-3"},
+			{ id:324, pId:32, name:"叶子节点 3-2-4"}			
+		];
+
+		function beforeClick(treeId, node) {
+			if (node.isParent) {
+				if (node.level === 0) {
+					var pNode = curMenu;
+					while (pNode && pNode.level !==0) {
+						pNode = pNode.getParentNode();
+					}
+					if (pNode !== node) {
+						var a = $("#" + pNode.tId + "_a");
+						a.removeClass("cur");
+						zTree_Menu.expandNode(pNode, false);
+					}
+					a = $("#" + node.tId + "_a");
+					a.addClass("cur");
+
+					var isOpen = false;
+					for (var i=0,l=node.children.length; i<l; i++) {
+						if(node.children[i].open) {
+							isOpen = true;
+							break;
+						}
+					}
+					if (isOpen) {
+						zTree_Menu.expandNode(node, true);
+						curMenu = node;
+					} else {
+						zTree_Menu.expandNode(node.children[0].isParent?node.children[0]:node, true);
+						curMenu = node.children[0];
+					}
+				} else {
+					zTree_Menu.expandNode(node);
+				}
+			}
+			return !node.isParent;
+		}
+		function onClick(e, treeId, node) {
+			alert("Do what you want to do!");
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			zTree_Menu = $.fn.zTree.getZTreeObj("treeDemo");
+			curMenu = zTree_Menu.getNodes()[0].children[0].children[0];
+			zTree_Menu.selectNode(curMenu);
+			var a = $("#" + zTree_Menu.getNodes()[0].tId + "_a");
+			a.addClass("cur");
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li a.level0 {width:200px;height: 20px; text-align: center; display:block; background-color: #0B61A4; border:1px silver solid;}
+.ztree li a.level0.cur {background-color: #66A3D2; }
+.ztree li a.level0 span {display: block; color: white; padding-top:3px; font-size:12px; font-weight: bold;word-spacing: 2px;}
+.ztree li a.level0 span.button {	float:right; margin-left: 10px; visibility: visible;display:none;}
+.ztree li span.button.switch.level0 {display:none;}
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>左侧菜单</h1>
+<h6>[ 文件路径: super/left_menu.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>实现方法说明</h2>
+				<ul class="list">
+				<li>在 “Demo 演示”中的左侧菜单就是用 zTree 实现的，主要是靠 css 样式负责排版，利用 setting 中的配置进行功能制作，本 Demo 对实现 左侧菜单进行简单的介绍，你也可以通过查看 “Demo 演示”页面的源码深入了解。</li>
+				<li class="highlight_red">1、关于 css 完全可以根据自己的需要进行个性化调整，例如：此 Demo 的菜单样式 就 与 “Demo 演示”页面的不一样，仅供对比参考</li>
+				<li class="highlight_red">2、主要用到的配置有：<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;setting.view.showIcon / showLine / selectedMulti / dblClickExpand<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;setting.callback.onNodeCreated / beforeClick / onClick
+				</li>
+				<li>3、是否需要限制单一路径展开，完全由你的需求而定，实现代码可参考 "保持展开单一路径"</li>
+				<li>4、其他辅助规则，请根据实际情况自行编写</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/left_menuForOutLook.gif b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/left_menuForOutLook.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c252f0f831be3f4672142caf7cb148e14eeb466b
GIT binary patch
literal 216
zcmZ?wbhEHbRAW$M*v!H3_3PKl%F3Reo=uxJH8nLodh{qiKR+!k?f?J(4A_9;PZmZ7
z1`Y-tkR-?q29{QVlb);hTD(5H`+tH)UrMIZ5l4o32mBZg9(}d@s?gnw+SAwB_!k`h
zeY0bKEZ6dsa~ylqzO)Ehth}+N?DX5J{SP)QPq2{Sk~MMLt2f^=pS#l8Y_s7vuerhf
z$#-&UGaDppGuq^s+1VMTYMEP_EBjKr>q;ihm|QcnhOvCg?3j+ErOTGDkQHRG1^`@{
BRUH5T

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/left_menuForOutLook.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/left_menuForOutLook.html
new file mode 100644
index 00000000..bf6eb30c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/left_menuForOutLook.html	
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - left_menu for Outlook</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var curMenu = null, zTree_Menu = null;
+		var setting = {
+			view: {
+				showLine: false,
+				showIcon: false,
+				selectedMulti: false,
+				dblClickExpand: false,
+				addDiyDom: addDiyDom
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeClick: beforeClick
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"文件夹", open:true},
+			{ id:11, pId:1, name:"收件箱"},
+			{ id:111, pId:11, name:"收件箱1"},
+			{ id:112, pId:111, name:"收件箱2"},
+			{ id:113, pId:112, name:"收件箱3"},
+			{ id:114, pId:113, name:"收件箱4"},
+			{ id:12, pId:1, name:"垃圾邮件"},
+			{ id:13, pId:1, name:"草稿"},
+			{ id:14, pId:1, name:"已发送邮件"},
+			{ id:15, pId:1, name:"已删除邮件"},
+			{ id:3, pId:0, name:"快速视图"},
+			{ id:31, pId:3, name:"文档"},
+			{ id:32, pId:3, name:"照片"}
+		];
+
+		function addDiyDom(treeId, treeNode) {
+			var spaceWidth = 5;
+			var switchObj = $("#" + treeNode.tId + "_switch"),
+			icoObj = $("#" + treeNode.tId + "_ico");
+			switchObj.remove();
+			icoObj.before(switchObj);
+
+			if (treeNode.level > 1) {
+				var spaceStr = "<span style='display: inline-block;width:" + (spaceWidth * treeNode.level)+ "px'></span>";
+				switchObj.before(spaceStr);
+			}
+		}
+
+		function beforeClick(treeId, treeNode) {
+			if (treeNode.level == 0 ) {
+				var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+				zTree.expandNode(treeNode);
+				return false;
+			}
+			return true;
+		}
+
+		$(document).ready(function(){
+			var treeObj = $("#treeDemo");
+			$.fn.zTree.init(treeObj, setting, zNodes);
+			zTree_Menu = $.fn.zTree.getZTreeObj("treeDemo");
+			curMenu = zTree_Menu.getNodes()[0].children[0].children[0];
+			zTree_Menu.selectNode(curMenu);
+
+			treeObj.hover(function () {
+				if (!treeObj.hasClass("showIcon")) {
+					treeObj.addClass("showIcon");
+				}
+			}, function() {
+				treeObj.removeClass("showIcon");
+			});
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree * {font-size: 10pt;font-family:"Microsoft Yahei",Verdana,Simsun,"Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial}
+.ztree li ul{ margin:0; padding:0}
+.ztree li {line-height:30px;}
+.ztree li a {width:200px;height:30px;padding-top: 0px;}
+.ztree li a:hover {text-decoration:none; background-color: #E7E7E7;}
+.ztree li a span.button.switch {visibility:hidden}
+.ztree.showIcon li a span.button.switch {visibility:visible}
+.ztree li a.curSelectedNode {background-color:#D4D4D4;border:0;height:30px;}
+.ztree li span {line-height:30px;}
+.ztree li span.button {margin-top: -7px;}
+.ztree li span.button.switch {width: 16px;height: 16px;}
+
+.ztree li a.level0 span {font-size: 150%;font-weight: bold;}
+.ztree li span.button {background-image:url("./left_menuForOutLook.png"); *background-image:url("./left_menuForOutLook.gif")}
+.ztree li span.button.switch.level0 {width: 20px; height:20px}
+.ztree li span.button.switch.level1 {width: 20px; height:20px}
+.ztree li span.button.noline_open {background-position: 0 0;}
+.ztree li span.button.noline_close {background-position: -18px 0;}
+.ztree li span.button.noline_open.level0 {background-position: 0 -18px;}
+.ztree li span.button.noline_close.level0 {background-position: -18px -18px;}
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>OutLook 样式的左侧菜单</h1>
+<h6>[ 文件路径: super/left_menuForOutLook.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>实现方法说明</h2>
+				<ul class="list">
+				<li>帮朋友用 zTree 实现了一个貌似 Outlook.com 的菜单，特拿出来分享给大家</li>
+				<li class="highlight_red">1、请注意本页面源码中的 css 部分</li>
+				<li class="highlight_red">2、请查看源码中 js 的使用，特别是利用 addDiyDom 回调将 展开按钮 转移到 &lt;a&gt; 标签内</li>
+				<li class="highlight_red">3、利用添加 zTree 的 class 实现展开按钮的隐藏、显示</li>
+				<li>4、其他辅助规则，请根据实际情况自行编写</li>
+				<li>5、当前规则说明:<br/>
+				&nbsp;&nbsp;单击根节点可以展开、折叠;<br/>
+				&nbsp;&nbsp;非根节点只有点击 箭头 图标才可以展开、折叠;<br/>
+				</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/left_menuForOutLook.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/left_menuForOutLook.png
new file mode 100644
index 0000000000000000000000000000000000000000..36e8acfa3b6cb44f8aa25a339c2fdeb799c108df
GIT binary patch
literal 421
zcmV;W0b2fvP)<h;3K|Lk000e1NJLTq001Tc001Tk1^@s6s6FYf0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzM@d9MRCwC#mcb3eFbqZ0s`qvTHXs|o
z2yD?S8^8!$yG2LH2<-@LP$npj6eKHh6DJUage_T-s`~e(b{tphx~gBaO27n6zzSR6
z_Y*98@EQCFzS!r(Fp%#z0U-m+=_P=y12-V36WJ_`ac~C1QC0_p4o;x+p`3WCEe>Wz
za9s|VFMy%u%#2cSX{jWBz4B_Ls5Ok;;ndBs+K8C{*N-`1KAb85wIqX~V{C)<2eLDA
zp`^hIn1BhGfbr%q?K*x7{&3B8+Gyt6o!<#fjBjcX<h(bbYpq4ISTL3vdko_W(xH(h
z0QW#}Iu$Gyh*P6V!BJqLK)+s8DY$xLK%@exB37AjH<X=`3r6kg8ar7DW;b|7**T@m
z{65^}gHWsu*35cP--L>RVYvG@p~wbHbYUy7d!za5ocfeYT)_So>?yzikFK{^(}AmD
P00000NkvXXu0mjfHrBKf

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/oneclick.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/oneclick.html
new file mode 100644
index 00000000..93e32a40
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/oneclick.html	
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - one click</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				dblClickExpand: false,
+				showLine: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				onClick: onClick
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"根 Root", open:true},
+			{ id:11, pId:1, name:"父节点 1-1", open:true},
+			{ id:111, pId:11, name:"叶子节点 1-1-1"},
+			{ id:112, pId:11, name:"叶子节点 1-1-2"},
+			{ id:113, pId:11, name:"叶子节点 1-1-3"},
+			{ id:114, pId:11, name:"叶子节点 1-1-4"},
+			{ id:12, pId:1, name:"父节点 1-2", open:true},
+			{ id:121, pId:12, name:"叶子节点 1-2-1"},
+			{ id:122, pId:12, name:"叶子节点 1-2-2"},
+			{ id:123, pId:12, name:"叶子节点 1-2-3"},
+			{ id:124, pId:12, name:"叶子节点 1-2-4"},
+			{ id:13, pId:1, name:"父节点 1-3", open:true},
+			{ id:131, pId:13, name:"叶子节点 1-3-1"},
+			{ id:132, pId:13, name:"叶子节点 1-3-2"},
+			{ id:133, pId:13, name:"叶子节点 1-3-3"},
+			{ id:134, pId:13, name:"叶子节点 1-3-4"}
+		];
+
+		function onClick(e,treeId, treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.expandNode(treeNode);
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li button.switch {visibility:hidden; width:1px;}
+.ztree li button.switch.roots_docu {visibility:visible; width:16px;}
+.ztree li button.switch.center_docu {visibility:visible; width:16px;}
+.ztree li button.switch.bottom_docu {visibility:visible; width:16px;}
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>单击展开/折叠节点</h1>
+<h6>[ 文件路径: super/oneclick.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>实现方法说明</h2>
+				<ul class="list">
+				<li>zTree 默认不提供单击展开节点的功能，但可以利用 onClick 事件回调函数轻松实现此功能</li>
+				<li class="highlight_red">为了避免与双击功能冲突，建议关闭双击展开节点的功能，请设置 setting.view.dblClickExpand = false </li>
+				<li class="highlight_red">可以将所有的 +/- 开关隐藏，请查看本页面源码，查看 css 设置 </li>
+				<li class="highlight_red">由于 +/- 开关与 节点连接线是配套的，所以如果不显示 +/- 开关的话，那么请设置 setting.view.showLine = false 隐藏连接线 </li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/oneroot.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/oneroot.html
new file mode 100644
index 00000000..6624e7bb
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/oneroot.html	
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - one root</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				dblClickExpand: dblClickExpand
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"根 Root", open:true},
+			{ id:11, pId:1, name:"父节点 1-1", open:true},
+			{ id:111, pId:11, name:"叶子节点 1-1-1"},
+			{ id:112, pId:11, name:"叶子节点 1-1-2"},
+			{ id:113, pId:11, name:"叶子节点 1-1-3"},
+			{ id:114, pId:11, name:"叶子节点 1-1-4"},
+			{ id:12, pId:1, name:"父节点 1-2", open:true},
+			{ id:121, pId:12, name:"叶子节点 1-2-1"},
+			{ id:122, pId:12, name:"叶子节点 1-2-2"},
+			{ id:123, pId:12, name:"叶子节点 1-2-3"},
+			{ id:124, pId:12, name:"叶子节点 1-2-4"},
+			{ id:13, pId:1, name:"父节点 1-3", open:true},
+			{ id:131, pId:13, name:"叶子节点 1-3-1"},
+			{ id:132, pId:13, name:"叶子节点 1-3-2"},
+			{ id:133, pId:13, name:"叶子节点 1-3-3"},
+			{ id:134, pId:13, name:"叶子节点 1-3-4"}
+		];
+
+		function dblClickExpand(treeId, treeNode) {
+			return treeNode.level > 0;
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li span.button.switch.level0 {visibility:hidden; width:1px;}
+.ztree li ul.level0 {padding:0; background:none;}
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>冻结根节点</h1>
+<h6>[ 文件路径: super/oneroot.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>实现方法说明</h2>
+				<ul class="list">
+				<li>对于这种只有一个根节点，且不显示 +/- 开关的需求，需要利用 css、setting 配合使用</li>
+				<li class="highlight_red">zTree v3.x 可以针对指定的 level，进行样式设定，请查看本页面源码，查看 css 设置</li>
+				<li class="highlight_red">设置 setting.view.dblClickExpand 指向 Function，可以只针对根节点关闭双击展开的操作</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/rightClickMenu.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/rightClickMenu.html
new file mode 100644
index 00000000..9e5b4045
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/rightClickMenu.html	
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - select menu</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				dblClickExpand: false
+			},
+			check: {
+				enable: true
+			},
+			callback: {
+				onRightClick: OnRightClick
+			}
+		};
+
+		var zNodes =[
+			{id:1, name:"无右键菜单 1", open:true, noR:true,
+				children:[
+					   {id:11, name:"节点 1-1", noR:true},
+					   {id:12, name:"节点 1-2", noR:true}
+
+				]},
+			{id:2, name:"右键操作 2", open:true,
+				children:[
+					   {id:21, name:"节点 2-1"},
+					   {id:22, name:"节点 2-2"},
+					   {id:23, name:"节点 2-3"},
+					   {id:24, name:"节点 2-4"}
+				]},
+			{id:3, name:"右键操作 3", open:true,
+				children:[
+					   {id:31, name:"节点 3-1"},
+					   {id:32, name:"节点 3-2"},
+					   {id:33, name:"节点 3-3"},
+					   {id:34, name:"节点 3-4"}
+				]}
+  	 	];
+
+		function OnRightClick(event, treeId, treeNode) {
+			if (!treeNode && event.target.tagName.toLowerCase() != "button" && $(event.target).parents("a").length == 0) {
+				zTree.cancelSelectedNode();
+				showRMenu("root", event.clientX, event.clientY);
+			} else if (treeNode && !treeNode.noR) {
+				zTree.selectNode(treeNode);
+				showRMenu("node", event.clientX, event.clientY);
+			}
+		}
+
+		function showRMenu(type, x, y) {
+			$("#rMenu ul").show();
+			if (type=="root") {
+				$("#m_del").hide();
+				$("#m_check").hide();
+				$("#m_unCheck").hide();
+			} else {
+				$("#m_del").show();
+				$("#m_check").show();
+				$("#m_unCheck").show();
+			}
+			rMenu.css({"top":y+"px", "left":x+"px", "visibility":"visible"});
+
+			$("body").bind("mousedown", onBodyMouseDown);
+		}
+		function hideRMenu() {
+			if (rMenu) rMenu.css({"visibility": "hidden"});
+			$("body").unbind("mousedown", onBodyMouseDown);
+		}
+		function onBodyMouseDown(event){
+			if (!(event.target.id == "rMenu" || $(event.target).parents("#rMenu").length>0)) {
+				rMenu.css({"visibility" : "hidden"});
+			}
+		}
+		var addCount = 1;
+		function addTreeNode() {
+			hideRMenu();
+			var newNode = { name:"增加" + (addCount++)};
+			if (zTree.getSelectedNodes()[0]) {
+				newNode.checked = zTree.getSelectedNodes()[0].checked;
+				zTree.addNodes(zTree.getSelectedNodes()[0], newNode);
+			} else {
+				zTree.addNodes(null, newNode);
+			}
+		}
+		function removeTreeNode() {
+			hideRMenu();
+			var nodes = zTree.getSelectedNodes();
+			if (nodes && nodes.length>0) {
+				if (nodes[0].children && nodes[0].children.length > 0) {
+					var msg = "要删除的节点是父节点，如果删除将连同子节点一起删掉。\n\n请确认！";
+					if (confirm(msg)==true){
+						zTree.removeNode(nodes[0]);
+					}
+				} else {
+					zTree.removeNode(nodes[0]);
+				}
+			}
+		}
+		function checkTreeNode(checked) {
+			var nodes = zTree.getSelectedNodes();
+			if (nodes && nodes.length>0) {
+				zTree.checkNode(nodes[0], checked, true);
+			}
+			hideRMenu();
+		}
+		function resetTree() {
+			hideRMenu();
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		}
+
+		var zTree, rMenu;
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			rMenu = $("#rMenu");
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+div#rMenu {position:absolute; visibility:hidden; top:0; background-color: #555;text-align: left;padding: 2px;}
+div#rMenu ul li{
+	margin: 1px 0;
+	padding: 0 5px;
+	cursor: pointer;
+	list-style: none outside none;
+	background-color: #DFDFDF;
+}
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>右键菜单的实现</h1>
+<h6>[ 文件路径: super/rightClickMenu.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>实现方法说明</h2>
+				<ul class="list">
+				<li>利用 beforeRightClick / onRightClick 事件回调函数简单实现的右键菜单</li>
+				<li class="highlight_red">Demo 中的菜单比较简陋，你完全可以配合其他自定义样式的菜单图层混合使用</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+<div id="rMenu">
+	<ul>
+		<li id="m_add" onclick="addTreeNode();">增加节点</li>
+		<li id="m_del" onclick="removeTreeNode();">删除节点</li>
+		<li id="m_check" onclick="checkTreeNode(true);">Check节点</li>
+		<li id="m_unCheck" onclick="checkTreeNode(false);">unCheck节点</li>
+		<li id="m_reset" onclick="resetTree();">恢复zTree</li>
+	</ul>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/select_menu.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/select_menu.html
new file mode 100644
index 00000000..67787c66
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/select_menu.html	
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - select menu</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				dblClickExpand: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeClick: beforeClick,
+				onClick: onClick
+			}
+		};
+
+		var zNodes =[
+			{id:1, pId:0, name:"北京"},
+			{id:2, pId:0, name:"天津"},
+			{id:3, pId:0, name:"上海"},
+			{id:6, pId:0, name:"重庆"},
+			{id:4, pId:0, name:"河北省", open:true},
+			{id:41, pId:4, name:"石家庄"},
+			{id:42, pId:4, name:"保定"},
+			{id:43, pId:4, name:"邯郸"},
+			{id:44, pId:4, name:"承德"},
+			{id:5, pId:0, name:"广东省", open:true},
+			{id:51, pId:5, name:"广州"},
+			{id:52, pId:5, name:"深圳"},
+			{id:53, pId:5, name:"东莞"},
+			{id:54, pId:5, name:"佛山"},
+			{id:6, pId:0, name:"福建省", open:true},
+			{id:61, pId:6, name:"福州"},
+			{id:62, pId:6, name:"厦门"},
+			{id:63, pId:6, name:"泉州"},
+			{id:64, pId:6, name:"三明"}
+		 ];
+
+		function beforeClick(treeId, treeNode) {
+			var check = (treeNode && !treeNode.isParent);
+			if (!check) alert("只能选择城市...");
+			return check;
+		}
+		
+		function onClick(e, treeId, treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes(),
+			v = "";
+			nodes.sort(function compare(a,b){return a.id-b.id;});
+			for (var i=0, l=nodes.length; i<l; i++) {
+				v += nodes[i].name + ",";
+			}
+			if (v.length > 0 ) v = v.substring(0, v.length-1);
+			var cityObj = $("#citySel");
+			cityObj.attr("value", v);
+		}
+
+		function showMenu() {
+			var cityObj = $("#citySel");
+			var cityOffset = $("#citySel").offset();
+			$("#menuContent").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast");
+
+			$("body").bind("mousedown", onBodyDown);
+		}
+		function hideMenu() {
+			$("#menuContent").fadeOut("fast");
+			$("body").unbind("mousedown", onBodyDown);
+		}
+		function onBodyDown(event) {
+			if (!(event.target.id == "menuBtn" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) {
+				hideMenu();
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>下拉菜单</h1>
+<h6>[ 文件路径: super/select_menu.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul class="list">
+			<li class="title">&nbsp;&nbsp;<span class="highlight_red">选择城市时，按下 Ctrl 键可以进行多选</span></li>
+			<li class="title">&nbsp;&nbsp;城市：<input id="citySel" type="text" readonly value="" style="width:120px;"/>
+		&nbsp;<a id="menuBtn" href="#" onclick="showMenu(); return false;">选择</a></li>
+		</ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>实现方法说明</h2>
+				<ul class="list">
+				<li>用 zTree 实现这种下拉菜单，应该说是比较容易的，你只需要控制 zTree 所在容器的隐藏/显示，以及位置即可。</li>
+				<li class="highlight_red">zTree v3.x 实现了多点选中功能，因此对于需要多选的下拉菜单也易如反掌。</li>
+				<li class="highlight_red">利用 setting 的各项配置参数，完全可以满足大部分的功能需求。</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+
+<div id="menuContent" class="menuContent" style="display:none; position: absolute;">
+	<ul id="treeDemo" class="ztree" style="margin-top:0; width:160px;"></ul>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/select_menu_checkbox.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/select_menu_checkbox.html
new file mode 100644
index 00000000..529b01dd
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/select_menu_checkbox.html	
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - checkbox select menu</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+<!--	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true,
+				chkboxType: {"Y":"", "N":""}
+			},
+			view: {
+				dblClickExpand: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeClick: beforeClick,
+				onCheck: onCheck
+			}
+		};
+
+		var zNodes =[
+			{id:1, pId:0, name:"北京"},
+			{id:2, pId:0, name:"天津"},
+			{id:3, pId:0, name:"上海"},
+			{id:6, pId:0, name:"重庆"},
+			{id:4, pId:0, name:"河北省", open:true, nocheck:true},
+			{id:41, pId:4, name:"石家庄"},
+			{id:42, pId:4, name:"保定"},
+			{id:43, pId:4, name:"邯郸"},
+			{id:44, pId:4, name:"承德"},
+			{id:5, pId:0, name:"广东省", open:true, nocheck:true},
+			{id:51, pId:5, name:"广州"},
+			{id:52, pId:5, name:"深圳"},
+			{id:53, pId:5, name:"东莞"},
+			{id:54, pId:5, name:"佛山"},
+			{id:6, pId:0, name:"福建省", open:true, nocheck:true},
+			{id:61, pId:6, name:"福州"},
+			{id:62, pId:6, name:"厦门"},
+			{id:63, pId:6, name:"泉州"},
+			{id:64, pId:6, name:"三明"}
+		 ];
+
+		function beforeClick(treeId, treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.checkNode(treeNode, !treeNode.checked, null, true);
+			return false;
+		}
+		
+		function onCheck(e, treeId, treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getCheckedNodes(true),
+			v = "";
+			for (var i=0, l=nodes.length; i<l; i++) {
+				v += nodes[i].name + ",";
+			}
+			if (v.length > 0 ) v = v.substring(0, v.length-1);
+			var cityObj = $("#citySel");
+			cityObj.attr("value", v);
+		}
+
+		function showMenu() {
+			var cityObj = $("#citySel");
+			var cityOffset = $("#citySel").offset();
+			$("#menuContent").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast");
+
+			$("body").bind("mousedown", onBodyDown);
+		}
+		function hideMenu() {
+			$("#menuContent").fadeOut("fast");
+			$("body").unbind("mousedown", onBodyDown);
+		}
+		function onBodyDown(event) {
+			if (!(event.target.id == "menuBtn" || event.target.id == "citySel" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) {
+				hideMenu();
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>带 checkbox 的多选下拉菜单  -- zTree</h1>
+<h6>[ 文件路径: super/select_menu_checkbox.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul class="list">
+			<li class="title">&nbsp;&nbsp;<span class="highlight_red">勾选 checkbox 或者 点击节点 进行选择</span></li>
+			<li class="title">&nbsp;&nbsp;Test: <input id="citySel" type="text" readonly value="" style="width:120px;" onclick="showMenu();" />
+		&nbsp;<a id="menuBtn" href="#" onclick="showMenu(); return false;">select</a></li>
+		</ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>实现方法说明</h2>
+				<ul class="list">
+				<li>用 checkbox 也可以轻松实现多选的下拉菜单</li>
+				<li>此 Demo 主要用于 和 其他下拉菜单进行对比</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+
+<div id="menuContent" class="menuContent" style="display:none; position: absolute;">
+	<ul id="treeDemo" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/select_menu_radio.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/select_menu_radio.html
new file mode 100644
index 00000000..cc1d4395
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/select_menu_radio.html	
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - radio select menu</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+<!--	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true,
+				chkStyle: "radio",
+				radioType: "all"
+			},
+			view: {
+				dblClickExpand: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				onClick: onClick,
+				onCheck: onCheck
+			}
+		};
+
+		var zNodes =[
+			{id:1, pId:0, name:"北京"},
+			{id:2, pId:0, name:"天津"},
+			{id:3, pId:0, name:"上海"},
+			{id:6, pId:0, name:"重庆"},
+			{id:4, pId:0, name:"河北省", open:true, nocheck:true},
+			{id:41, pId:4, name:"石家庄"},
+			{id:42, pId:4, name:"保定"},
+			{id:43, pId:4, name:"邯郸"},
+			{id:44, pId:4, name:"承德"},
+			{id:5, pId:0, name:"广东省", open:true, nocheck:true},
+			{id:51, pId:5, name:"广州"},
+			{id:52, pId:5, name:"深圳"},
+			{id:53, pId:5, name:"东莞"},
+			{id:54, pId:5, name:"佛山"},
+			{id:6, pId:0, name:"福建省", open:true, nocheck:true},
+			{id:61, pId:6, name:"福州"},
+			{id:62, pId:6, name:"厦门"},
+			{id:63, pId:6, name:"泉州"},
+			{id:64, pId:6, name:"三明"}
+		 ];
+
+		function onClick(e, treeId, treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.checkNode(treeNode, !treeNode.checked, null, true);
+			return false;
+		}
+
+		function onCheck(e, treeId, treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getCheckedNodes(true),
+			v = "";
+			for (var i=0, l=nodes.length; i<l; i++) {
+				v += nodes[i].name + ",";
+			}
+			if (v.length > 0 ) v = v.substring(0, v.length-1);
+			var cityObj = $("#citySel");
+			cityObj.attr("value", v);
+		}
+
+		function showMenu() {
+			var cityObj = $("#citySel");
+			var cityOffset = $("#citySel").offset();
+			$("#menuContent").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast");
+
+			$("body").bind("mousedown", onBodyDown);
+		}
+		function hideMenu() {
+			$("#menuContent").fadeOut("fast");
+			$("body").unbind("mousedown", onBodyDown);
+		}
+		function onBodyDown(event) {
+			if (!(event.target.id == "menuBtn" || event.target.id == "citySel" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) {
+				hideMenu();
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>带 radio 的单选下拉菜单  -- zTree</h1>
+<h6>[ 文件路径: super/select_menu_radio.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul class="list">
+			<li class="title">&nbsp;&nbsp;<span class="highlight_red">勾选 radio 或者 点击节点 进行选择</span></li>
+			<li class="title">&nbsp;&nbsp;Test: <input id="citySel" type="text" readonly value="" style="width:120px;" onclick="showMenu();" />
+		&nbsp;<a id="menuBtn" href="#" onclick="showMenu(); return false;">select</a></li>
+		</ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>实现方法说明</h2>
+				<ul class="list">
+				<li>用 radio 也可以轻松实现单选的下拉菜单</li>
+				<li>单选其实没有必要使用 radio, 此 Demo 主要用于 和 其他下拉菜单进行对比</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+
+<div id="menuContent" class="menuContent" style="display:none; position: absolute;">
+	<ul id="treeDemo" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/singlepath.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/singlepath.html
new file mode 100644
index 00000000..90efb649
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/cn/super/singlepath.html	
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - single path</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				dblClickExpand: false,
+				showLine: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeExpand: beforeExpand,
+				onExpand: onExpand,
+				onClick: onClick
+			}
+		};
+		
+		function createNodes(maxNodesNumInLevel, maxLevel, curLevel, curPId) {
+			if (maxNodesNumInLevel<5) {
+				maxNodesNumInLevel = 5;
+			}
+			var nodes = [], num = 0;
+			while(num<3) {
+				num = parseInt(Math.random()*1024)%maxNodesNumInLevel+1;
+			}
+			for (var i=0; i<num; i++) {
+				var id = curPId ? curPId + "-" + i : "" + i, isParent = (parseInt(Math.random()*9999)%3!=0),
+				node = {id: id, pId : curPId, name : "N" + id};
+				nodes.push(node);
+				if (isParent && curLevel<maxLevel) {
+					nodes = nodes.concat(createNodes(maxNodesNumInLevel, maxLevel, curLevel+1, id));
+				}
+			}
+			return nodes;
+		}
+		var zNodes =createNodes(5, 5, 0);
+
+		var curExpandNode = null;
+		function beforeExpand(treeId, treeNode) {
+			var pNode = curExpandNode ? curExpandNode.getParentNode():null;
+			var treeNodeP = treeNode.parentTId ? treeNode.getParentNode():null;
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			for(var i=0, l=!treeNodeP ? 0:treeNodeP.children.length; i<l; i++ ) {
+				if (treeNode !== treeNodeP.children[i]) {
+					zTree.expandNode(treeNodeP.children[i], false);
+				}
+			}
+			while (pNode) {
+				if (pNode === treeNode) {
+					break;
+				}
+				pNode = pNode.getParentNode();
+			}
+			if (!pNode) {
+				singlePath(treeNode);
+			}
+
+		}
+		function singlePath(newNode) {
+			if (newNode === curExpandNode) return;
+			if (curExpandNode && curExpandNode.open==true) {
+				var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+				if (newNode.parentTId === curExpandNode.parentTId) {
+					zTree.expandNode(curExpandNode, false);
+				} else {
+					var newParents = [];
+					while (newNode) {
+						newNode = newNode.getParentNode();
+						if (newNode === curExpandNode) {
+							newParents = null;
+							break;
+						} else if (newNode) {
+							newParents.push(newNode);
+						}
+					}
+					if (newParents!=null) {
+						var oldNode = curExpandNode;
+						var oldParents = [];
+						while (oldNode) {
+							oldNode = oldNode.getParentNode();
+							if (oldNode) {
+								oldParents.push(oldNode);
+							}
+						}
+						if (newParents.length>0) {
+							zTree.expandNode(oldParents[Math.abs(oldParents.length-newParents.length)-1], false);
+						} else {
+							zTree.expandNode(oldParents[oldParents.length-1], false);
+						}
+					}
+				}
+			}
+			curExpandNode = newNode;
+		}
+
+		function onExpand(event, treeId, treeNode) {
+			curExpandNode = treeNode;
+		}
+
+		function onClick(e,treeId, treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.expandNode(treeNode, null, null, null, true);
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li button.switch {visibility:hidden; width:1px;}
+.ztree li button.switch.roots_docu {visibility:visible; width:16px;}
+.ztree li button.switch.center_docu {visibility:visible; width:16px;}
+.ztree li button.switch.bottom_docu {visibility:visible; width:16px;}
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>保持展开单一路径</h1>
+<h6>[ 文件路径: super/singlepath.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>实现方法说明</h2>
+				<ul class="list">
+				<li>此 Demo 是在 "单击展开/折叠节点" 基础上改造而来，树节点保持始终只展开一条路径。</li>
+				<li class="highlight_red">利用 setting.callback.beforeExpand / onExpand 事件回调函数实现展开规则</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/asyncData/getNodes.php b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/asyncData/getNodes.php
new file mode 100644
index 00000000..3294d9a1
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/asyncData/getNodes.php	
@@ -0,0 +1,38 @@
+<?php ?>
+[<?php
+$pId = "0";
+$pName = "";
+$pLevel = "";
+$pCheck = "";
+if(array_key_exists( 'id',$_REQUEST)) {
+	$pId=$_REQUEST['id'];
+}
+if(array_key_exists( 'lv',$_REQUEST)) {
+	$pLevel=$_REQUEST['lv'];
+}
+if(array_key_exists('n',$_REQUEST)) {
+	$pName=$_REQUEST['n'];
+}
+if(array_key_exists('chk',$_REQUEST)) {
+	$pCheck=$_REQUEST['chk'];
+}
+if ($pId==null || $pId=="") $pId = "0";
+if ($pLevel==null || $pLevel=="") $pLevel = "0";
+if ($pName==null) $pName = "";
+else $pName = $pName.".";
+
+//for ($i=1; $i<9999; $i++) {
+//	for ($j=1; $j<999; $j++) {
+//
+//	}
+//}
+
+for ($i=1; $i<5; $i++) {
+	$nId = $pId.$i;
+	$nName = $pName."n".$i;
+	echo "{ id:'".$nId."',	name:'".$nName."',	isParent:".(( $pLevel < "2" && ($i%2)!=0)?"true":"false").($pCheck==""?"":((($pLevel < "2" && ($i%2)!=0)?", halfCheck:true":"").($i==3?", checked:true":"")))."}";
+	if ($i<4) {
+		echo ",";
+	}
+}
+?>]
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/asyncData/getNodesForBigData.php b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/asyncData/getNodesForBigData.php
new file mode 100644
index 00000000..91d002e1
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/asyncData/getNodesForBigData.php	
@@ -0,0 +1,24 @@
+<?php ?>
+[<?php
+$pId = "-1";
+if(array_key_exists( 'id',$_REQUEST)) {
+	$pId=$_REQUEST['id'];
+}
+$pCount = "10";
+if(array_key_exists( 'count',$_REQUEST)) {
+	$pCount=$_REQUEST['count'];
+}
+if ($pId==null || $pId=="") $pId = "0";
+if ($pCount==null || $pCount=="") $pCount = "10";
+
+$max = (int)$pCount;
+for ($i=1; $i<=$max; $i++) {
+	$nId = $pId."_".$i;
+	$nName = "tree".$nId;
+	echo "{ id:'".$nId."',	name:'".$nName."'}";
+	if ($i<$max) {
+		echo ",";
+	}
+	
+}
+?>]
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/bigdata/common.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/bigdata/common.html
new file mode 100644
index 00000000..6e1728da
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/bigdata/common.html	
@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - big data common</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				onNodeCreated: onNodeCreated
+			}
+		};
+
+		var dataMaker = function(count) {
+			var nodes = [], pId = -1,
+			min = 10, max = 90, level = 0, curLevel = [], prevLevel = [], levelCount,
+			i = 0,j,k,l,m;
+
+			while (i<count) {
+				if (level == 0) {
+					pId = -1;
+					levelCount = Math.round(Math.random() * max) + min;
+					for (j=0; j<levelCount && i<count; j++, i++) {
+						var n = {id:i, pId:pId, name:"Big-" +i};
+						nodes.push(n);
+						curLevel.push(n);
+					}
+				} else {
+					for (l=0, m=prevLevel.length; l<m && i<count; l++) {
+						pId = prevLevel[l].id;
+						levelCount = Math.round(Math.random() * max) + min;
+						for (j=0; j<levelCount && i<count; j++, i++) {
+							var n = {id:i, pId:pId, name:"Big-" +i};
+							nodes.push(n);
+							curLevel.push(n);
+						}
+					}
+				}
+				prevLevel = curLevel;
+				curLevel = [];
+				level++;
+			}
+			return nodes;
+		}
+
+		var ruler = {
+			doc: null,
+			ruler: null,
+			cursor: null,
+			minCount: 5000,
+			count: 5000,
+			stepCount:500,
+			minWidth: 30,
+			maxWidth: 215,
+			init: function() {
+				ruler.doc = $(document);
+				ruler.ruler = $("#ruler");
+				ruler.cursor = $("#cursor");
+				if (ruler.ruler) {
+					ruler.ruler.bind("mousedown", ruler.onMouseDown);
+					
+				}
+			},
+			onMouseDown: function(e) {
+				ruler.drawRuler(e, true);
+				ruler.doc.bind("mousemove", ruler.onMouseMove);
+				ruler.doc.bind("mouseup", ruler.onMouseUp);
+				ruler.doc.bind("selectstart", ruler.onSelect);
+				$("body").css("cursor", "pointer");
+			},
+			onMouseMove: function(e) {
+				ruler.drawRuler(e);
+				return false;
+			},
+			onMouseUp: function(e) {
+				$("body").css("cursor", "auto");
+				ruler.doc.unbind("mousemove", ruler.onMouseMove);
+				ruler.doc.unbind("mouseup", ruler.onMouseUp);
+				ruler.doc.unbind("selectstart", ruler.onSelect);
+				ruler.drawRuler(e);
+			},
+			onSelect: function (e) {
+				return false;
+			},
+			getCount: function(end) {
+				var start = ruler.ruler.offset().left+1;
+				var c = Math.max((end - start), ruler.minWidth);
+				c = Math.min(c, ruler.maxWidth);
+				return {width:c, count:(c - ruler.minWidth)*ruler.stepCount + ruler.minCount};
+			},
+			drawRuler: function(e, animate) {
+				var c = ruler.getCount(e.clientX);
+				ruler.cursor.stop();
+				if ($.browser.msie || !animate) {
+					ruler.cursor.css({width:c.width});
+				} else {
+					ruler.cursor.animate({width:c.width}, {duration: "fast",easing: "swing", complete:null});
+				}
+				ruler.count = c.count;
+				ruler.cursor.text(c.count);
+			}
+		}
+		var showNodeCount = 0;
+		function onNodeCreated(event, treeId, treeNode) {
+			showNodeCount++;
+		}
+
+		function createTree () {
+			var zNodes = dataMaker(ruler.count);
+			showNodeCount = 0;
+			$("#treeDemo").empty();
+			setting.check.enable = $("#showChk").attr("checked");
+			var time1 = new Date();
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			var time2 = new Date();
+
+			alert(" " + zNodes.length + " nodes are initialized, " + showNodeCount + " nodes generate the DOM object."
+				+ "\n\n Initialization zTree total time: " + (time2.getTime() - time1.getTime()) + " ms");
+		}
+
+
+		$(document).ready(function(){
+			ruler.init("ruler");
+			$("#createTree").bind("click", createTree);
+
+		});
+		//-->
+	</SCRIPT>
+ </HEAD>
+
+<BODY>
+<h1>One-time Large Data Loading</h1>
+<h6>[ File Path: bigdata/common.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul>
+		<li><span>Adjust the total number of nodes to the test load speed: </span>
+			<div id="ruler" class="ruler" title="can drag to adjust the number of nodes">
+				<div id="cursor" class="cursor">5000</div>
+			</div>
+			<div style="width:220px; text-align: center;">
+				<span>checkbox</span><input type="checkbox" id="showChk" title="whether to display checkbox" class="checkbox first" />&nbsp;&nbsp;&nbsp;&nbsp;
+				[ <a id="createTree" href="#" title="Initialize zTree" onclick="return false;">Initialize zTree</a> ]
+			</div>
+		</li>
+		</ul>
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of large data load</h2>
+				<ul class="list">
+				<li>1) zTree v3.x optimized for one-time large data loading capacity, using a lazy loading technique, which does not expand the node does not create child nodes of the DOM.</li>
+				<li class="highlight_red">2) If a maximum of 100 nodes each, but a total number of several thousand or even tens of thousands of nodes, and the parent node is collapsed by default to optimize the most obvious effect, very fast.</li>
+				<li class="highlight_red">3) For the next level there are thousands of sub-node case, the optimization of lazy loading is invalid, proposal to consider asynchronous page loading.</li>
+				<li class="highlight_red">4) if you set the data to all the parent nodes are expanded, the optimization  of lazy loading is invalid, proposal to not expand all parent node when you initialize zTree.</li>
+				<li>5) set the display checkbox / radio will affect some of the performance.</li>
+				<li>6) DOM generated using addDiyDom function will affect the speed, the number of nodes determines the number of impact situations.</li>
+				<li>7) Using 'onNodeCreated' callback function to manipulate nodes object will affect the speed, the degree of influence determined by the number of nodes.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li>No special configuration.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>No special requirements on the node data, the user can add custom attributes.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/bigdata/diy_async.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/bigdata/diy_async.html
new file mode 100644
index 00000000..13e43aa3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/bigdata/diy_async.html	
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - big data async</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			async: {
+				enable: true,
+				url: getUrl
+			},
+			check: {
+				enable: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			view: {
+				expandSpeed: ""
+			},
+			callback: {
+				beforeExpand: beforeExpand,
+				onAsyncSuccess: onAsyncSuccess,
+				onAsyncError: onAsyncError
+			}
+		};
+
+		var zNodes =[
+			{name:"500 nodes", id:"1", count:500, times:1, isParent:true},
+			{name:"1000 nodes", id:"2", count:1000, times:1, isParent:true},
+			{name:"2000 nodes", id:"3", count:2000, times:1, isParent:true}
+		];
+
+		var log, className = "dark",
+		startTime = 0, endTime = 0, perCount = 100, perTime = 100;
+		function getUrl(treeId, treeNode) {
+			var curCount = (treeNode.children) ? treeNode.children.length : 0;
+			var getCount = (curCount + perCount) > treeNode.count ? (treeNode.count - curCount) : perCount;
+			var param = "id="+treeNode.id+"_"+(treeNode.times++) +"&count="+getCount;
+			return "../asyncData/getNodesForBigData.php?" + param;
+		}
+		function beforeExpand(treeId, treeNode) {
+			if (!treeNode.isAjaxing) {
+				startTime = new Date();
+				treeNode.times = 1;
+				ajaxGetNodes(treeNode, "refresh");
+				return true;
+			} else {
+				alert("Downloading data, Please wait to expand node...");
+				return false;
+			}
+		}
+		function onAsyncSuccess(event, treeId, treeNode, msg) {
+			if (!msg || msg.length == 0) {
+				return;
+			}
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			totalCount = treeNode.count;
+			if (treeNode.children.length < totalCount) {
+				setTimeout(function() {ajaxGetNodes(treeNode);}, perTime);
+			} else {
+				treeNode.icon = "";
+				zTree.updateNode(treeNode);
+				zTree.selectNode(treeNode.children[0]);
+				endTime = new Date();
+				var usedTime = (endTime.getTime() - startTime.getTime())/1000;
+				className = (className === "dark" ? "":"dark");
+				showLog("[ "+getTime()+" ]&nbsp;&nbsp;treeNode:" + treeNode.name );
+				showLog("Child node has finished loading, a total of "+ (treeNode.times-1) +" times the asynchronous load, elapsed time: "+ usedTime + " seconds ");
+			}
+		}
+		function onAsyncError(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			alert("ajax error...");
+			treeNode.icon = "";
+			zTree.updateNode(treeNode);
+		}
+		function ajaxGetNodes(treeNode, reloadType) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			if (reloadType == "refresh") {
+				treeNode.icon = "../../../css/zTreeStyle/img/loading.gif";
+				zTree.updateNode(treeNode);
+			}
+			zTree.reAsyncChildNodes(treeNode, reloadType, true);
+		}
+		function showLog(str) {
+			if (!log) log = $("#log");
+			log.append("<li class='"+className+"'>"+str+"</li>");
+			if(log.children("li").length > 4) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds(),
+			ms=now.getMilliseconds();
+			return (h+":"+m+":"+s+ " " +ms);
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+
+		});
+		//-->
+	</SCRIPT>
+ </HEAD>
+
+<BODY>
+<h1>Loading Data in Batches</h1>
+<h6>[ File Path: bigdata/diy_async.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul>
+			<li class="highlight_red">&nbsp;&nbsp;&nbsp;&nbsp;Demo for testing load data in batches, each node needs to re-start to load.</li>
+		</ul>
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of large data load</h2>
+				<ul class="list">
+				<li>1) If has nodes for as many as thousands in one level, lazy loading is invalid, this demo shows how to load data in batches.</li>
+				<li class="highlight_red">2) This method applies to thousands of nodes must all display needs.</li>
+				<li class="highlight_red">3) This method doesn't solve the problem of slow loading, it will only make the final result appear more slowly, but can be limited to avoid browser suspended animation, and more nodes displayed slower.</li>
+				<li>4) For at least several thousand nodes in one level case, another solution is to: pagination loading.<br/>
+					async load log:<br/>
+					<ul id="log" class="log" style="height:85px"></ul></li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li>Need to set the parameters in setting.async</li>
+				<li>Advised to turn off animation effects: setting.view.expandSpeed = "";</li>
+				<li>No other special configuration, the user can set their own requirements.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>No special requirements on the node data, the user can add custom attributes.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/bigdata/page.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/bigdata/page.html
new file mode 100644
index 00000000..f8a4963f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/bigdata/page.html	
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - big data page</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			async: {
+				enable: true,
+				url: getUrl
+			},
+			check: {
+				enable: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			view: {
+				addDiyDom: addDiyDom
+			},
+			callback: {
+				beforeExpand: beforeExpand,
+				onAsyncSuccess: onAsyncSuccess,
+				onAsyncError: onAsyncError
+			}
+		};
+
+		var zNodes =[
+			{name:"page test", t:"Please click the paging buttons.", id:"1", count:2000, page:0, pageSize:100, isParent:true}
+		];
+		var curPage = 0;
+		function getUrl(treeId, treeNode) {
+			var param = "id="+ treeNode.id +"_"+treeNode.page +"&count="+treeNode.pageSize,
+			aObj = $("#" + treeNode.tId + "_a");
+			aObj.attr("title", "Page " + treeNode.page + " / " + treeNode.maxPage + "")
+			return "../asyncData/getNodesForBigData.php?" + param;
+		}
+		function goPage(treeNode, page) {
+			treeNode.page = page;
+			if (treeNode.page<1) treeNode.page = 1;
+			if (treeNode.page>treeNode.maxPage) treeNode.page = treeNode.maxPage;
+			if (curPage == treeNode.page) return;
+			curPage = treeNode.page;
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.reAsyncChildNodes(treeNode, "refresh");
+		}
+		function beforeExpand(treeId, treeNode) {
+			if (treeNode.page == 0) treeNode.page = 1;
+			return !treeNode.isAjaxing;
+		}
+		function onAsyncSuccess(event, treeId, treeNode, msg) {
+			
+		}
+		function onAsyncError(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			alert("ajax error...");
+			treeNode.icon = "";
+			zTree.updateNode(treeNode);
+		}
+		function addDiyDom(treeId, treeNode) {
+			if (treeNode.level>0) return;
+			var aObj = $("#" + treeNode.tId + "_a");
+			if ($("#addBtn_"+treeNode.id).length>0) return;
+			var addStr = "<span class='button lastPage' id='lastBtn_" + treeNode.id
+				+ "' title='last page' onfocus='this.blur();'></span><span class='button nextPage' id='nextBtn_" + treeNode.id
+				+ "' title='next page' onfocus='this.blur();'></span><span class='button prevPage' id='prevBtn_" + treeNode.id
+				+ "' title='prev page' onfocus='this.blur();'></span><span class='button firstPage' id='firstBtn_" + treeNode.id
+				+ "' title='first page' onfocus='this.blur();'></span>";
+			aObj.after(addStr);
+			var first = $("#firstBtn_"+treeNode.id);
+			var prev = $("#prevBtn_"+treeNode.id);
+			var next = $("#nextBtn_"+treeNode.id);
+			var last = $("#lastBtn_"+treeNode.id);
+			treeNode.maxPage = Math.round(treeNode.count/treeNode.pageSize - .5) + (treeNode.count%treeNode.pageSize == 0 ? 0:1);
+			first.bind("click", function(){
+				if (!treeNode.isAjaxing) {
+					goPage(treeNode, 1);
+				}
+			});
+			last.bind("click", function(){
+				if (!treeNode.isAjaxing) {
+					goPage(treeNode, treeNode.maxPage);
+				}
+			});
+			prev.bind("click", function(){
+				if (!treeNode.isAjaxing) {
+					goPage(treeNode, treeNode.page-1);
+				}
+			});
+			next.bind("click", function(){
+				if (!treeNode.isAjaxing) {
+					goPage(treeNode, treeNode.page+1);
+				}
+			});
+		};
+		
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li span.button.firstPage {float:right; margin-left:2px; margin-right: 0; background-position:-144px -16px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.prevPage {float:right; margin-left:2px; margin-right: 0; background-position:-144px -48px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.nextPage {float:right; margin-left:2px; margin-right: 0; background-position:-144px -64px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.lastPage {float:right; margin-left:2px; margin-right: 0; background-position:-144px -32px; vertical-align:top; *vertical-align:middle}
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>Loading Data By Pagination</h1>
+<h6>[ File Path: bigdata/page.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of large data load</h2>
+				<ul class="list">
+				<li>1) Pagination can be an effective solution to the large number of child nodes of the situation.</li>
+				<li>2) Using custom method to display the pagination button.</li>
+				<li class="highlight_red">3) Pagination lead to the association  of checkbox can not be achieved, only correction after show each page . Because of the time limitation, Demo does not deal with association of checkbox.</li>
+				<li class="highlight_red">4) The use of pagination, you can only get the current page node data from zTree. You can save the data after each page loading as the cache, according to the demand to determine the specific methods.</li>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li>Need to set the parameters in setting.async</li>
+				<li>No other special configuration, the user can set their own requirements.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>No special requirements on the node data, the user can add custom attributes.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/async.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/async.html
new file mode 100644
index 00000000..9668fe66
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/async.html	
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Async</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			async: {
+				enable: true,
+				url:"../asyncData/getNodes.php",
+				autoParam:["id", "name=n", "level=lv"],
+				otherParam:{"otherParam":"zTreeAsyncTest"},
+				dataFilter: filter
+			}
+		};
+
+		function filter(treeId, parentNode, childNodes) {
+			if (!childNodes) return null;
+			for (var i=0, l=childNodes.length; i<l; i++) {
+				childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');
+			}
+			return childNodes;
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Dynamic Tree with Ajax</h1>
+<h6>[ File Path: core/async.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li class="highlight_red">For create dynamic tree with ajax,  you need to set attributes in setting.async, see the API documentation for more related contents.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>Dynamic tree with ajax doesn't need to make special treeNode node data, if use simple JSON data model, please set the attributes in setting.data.simple.</li>
+				<li>If ajax only to return node data in single level, you don't need to use simple JSON data model.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、Other explanation</h2>
+				<ul class="list">
+				<li class="highlight_red">Monitoring autoParam and otherParam use firebug or the developer tools in browser.</li>
+				<li class="highlight_red">This Demo only loading 4 level nodes (level = 3).</li>
+				<li class="highlight_red">This Demo use 'dataFilter' to modify the name of the node.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/async_fun.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/async_fun.html
new file mode 100644
index 00000000..37aea062
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/async_fun.html	
@@ -0,0 +1,144 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - reAsyncChildNodes</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				selectedMulti: false
+			},
+			async: {
+				enable: true,
+				url:"../asyncData/getNodes.php",
+				autoParam:["id", "name=n", "level=lv"],
+				otherParam:{"otherParam":"zTreeAsyncTest"},
+				dataFilter: filter
+			},
+			callback: {
+				beforeClick: beforeClick,
+				beforeAsync: beforeAsync,
+				onAsyncError: onAsyncError,
+				onAsyncSuccess: onAsyncSuccess
+			}
+		};
+
+		function filter(treeId, parentNode, childNodes) {
+			if (!childNodes) return null;
+			for (var i=0, l=childNodes.length; i<l; i++) {
+				childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');
+			}
+			return childNodes;
+		}
+		function beforeClick(treeId, treeNode) {
+			if (!treeNode.isParent) {
+				alert("Please select one parent node...");
+				return false;
+			} else {
+				return true;
+			}
+		}
+		var log, className = "dark";
+		function beforeAsync(treeId, treeNode) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeAsync ]&nbsp;&nbsp;&nbsp;&nbsp;" + ((!!treeNode && !!treeNode.name) ? treeNode.name : "root") );
+			return true;
+		}
+		function onAsyncError(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) {
+			showLog("[ "+getTime()+" onAsyncError ]&nbsp;&nbsp;&nbsp;&nbsp;" + ((!!treeNode && !!treeNode.name) ? treeNode.name : "root") );
+		}
+		function onAsyncSuccess(event, treeId, treeNode, msg) {
+			showLog("[ "+getTime()+" onAsyncSuccess ]&nbsp;&nbsp;&nbsp;&nbsp;" + ((!!treeNode && !!treeNode.name) ? treeNode.name : "root") );
+		}
+
+		function showLog(str) {
+			if (!log) log = $("#log");
+			log.append("<li class='"+className+"'>"+str+"</li>");
+			if(log.children("li").length > 8) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds(),
+			ms=now.getMilliseconds();
+			return (h+":"+m+":"+s+ " " +ms);
+		}
+		
+		function refreshNode(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			type = e.data.type,
+			silent = e.data.silent,
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("Please select one parent node at first...");
+			}
+			for (var i=0, l=nodes.length; i<l; i++) {
+				zTree.reAsyncChildNodes(nodes[i], type, silent);
+				if (!silent) zTree.selectNode(nodes[i]);
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting);
+			$("#refreshNode").bind("click", {type:"refresh", silent:false}, refreshNode);
+			$("#refreshNodeSilent").bind("click", {type:"refresh", silent:true}, refreshNode);
+			$("#addNode").bind("click", {type:"add", silent:false}, refreshNode);
+			$("#addNodeSilent").bind("click", {type:"add", silent:true}, refreshNode);
+		});
+		//-->
+	</SCRIPT>
+
+</HEAD>
+
+<BODY>
+<h1>Dynamic Tree - zTree methods</h1>
+<h6>[ File Path: core/async_fun.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of reAsyncChildNodes</h2>
+				<ul class="list">
+				<li class="highlight_red">How to use zTreeObj.reAsyncChildNodes method,  please see the API documentation.</li>
+				<li><p>This Demo can only select one parent node<br/>
+					Try: [ <a id="refreshNode" href="#" onclick="return false;">reload</a> ]&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="addNode" href="#" onclick="return false;">append</a> ]</p>
+				</li>
+				<li><p><span class="highlight_red">'isSilent' parameter is only for the collapsed state of the parent node.</span><br/>
+					Try: [ <a id="refreshNodeSilent" href="#" onclick="return false;">Quietly reloaded</a> ]&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="addNodeSilent" href="#" onclick="return false;">Quietly append</a> ]<br/>
+					async log:<br/>
+					<ul id="log" class="log"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li class="highlight_red">For useing reAsyncChildNodes method,  you need to set attributes in setting.async, see the API documentation for more related contents.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>Same as 'Dynamic Tree with Ajax'</li>
+				</ul>
+			</li>
+			<li class="title"><h2>4、Other explanation</h2>
+				<ul class="list">
+				<li>Same as 'Dynamic Tree with Ajax'</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/click.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/click.html
new file mode 100644
index 00000000..4f0fa80e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/click.html	
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - beforeClick / onClick</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			data: {
+				key: {
+					title:"t"
+				},
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeClick: beforeClick,
+				onClick: onClick
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"ordinary parent", t:"I am ordinary, just click on me", open:true},
+			{ id:11, pId:1, name:"leaf node 1-1", t:"I am ordinary, just click on me"},
+			{ id:12, pId:1, name:"leaf node 1-2", t:"I am ordinary, just click on me"},
+			{ id:13, pId:1, name:"leaf node 1-3", t:"I am ordinary, just click on me"},
+			{ id:2, pId:0, name:"strong parent", t:"You can click on me, but you can not click on the sub-node!", open:true},
+			{ id:21, pId:2, name:"leaf node 2-1", t:"You can't click on me..", click:false},
+			{ id:22, pId:2, name:"leaf node 2-2", t:"You can't click on me..", click:false},
+			{ id:23, pId:2, name:"leaf node 2-3", t:"You can't click on me..", click:false},
+			{ id:3, pId:0, name:"weak parent", t:"You can't click on me, but you can click on the sub-node!", open:true, click:false },
+			{ id:31, pId:3, name:"leaf node 3-1", t:"please click on me.."},
+			{ id:32, pId:3, name:"leaf node 3-2", t:"please click on me.."},
+			{ id:33, pId:3, name:"leaf node 3-3", t:"please click on me.."}
+		];
+
+		var log, className = "dark";
+		function beforeClick(treeId, treeNode, clickFlag) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeClick ]&nbsp;&nbsp;" + treeNode.name );
+			return (treeNode.click != false);
+		}
+		function onClick(event, treeId, treeNode, clickFlag) {
+			showLog("[ "+getTime()+" onClick ]&nbsp;&nbsp;clickFlag = " + clickFlag + " (" + (clickFlag===1 ? "single selected": (clickFlag===0 ? "<b>cancel selected</b>" : "<b>multi selected</b>")) + ")");
+		}		
+		function showLog(str) {
+			if (!log) log = $("#log");
+			log.append("<li class='"+className+"'>"+str+"</li>");
+			if(log.children("li").length > 8) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds();
+			return (h+":"+m+":"+s);
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Control of Click Node</h1>
+<h6>[ File Path: core/click.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, 'beforeClick / onClick' callback function</h2>
+				<ul class="list">
+				<li>Use 'beforeClick / onClick' callback function can be achieved with the click on the various functions. This simple demo shows how to monitor the click event.</li>
+				<li><p><span class="highlight_red">Try pressing the <b>Ctrl</b> key for multi-node selection and deselection.</span><br/>
+					click log:<br/>
+					<ul id="log" class="log"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li class="highlight_red">You need to set attributes about setting.callback.beforeClick and setting.callback.onClick, see the API documentation for more related contents.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>No special requirements on the node data, the user can add custom attributes.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/custom_font.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/custom_font.html
new file mode 100644
index 00000000..e00253b2
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/custom_font.html	
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Custom Font</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				fontCss: getFont,
+				nameIsHTML: true
+			}
+		};
+
+		var zNodes =[
+			{ name:"Bold", font:{'font-weight':'bold'} },
+			{ name:"Italic", font:{'font-style':'italic'}},
+			{ name:"Background-color", font:{'background-color':'black', 'color':'white'}},
+			{ name:"Red Font", font:{'color':'red'}},
+			{ name:"Blue Font", font:{'color':'blue'}},
+			{ name:"<span style='color:blue;margin-right:0px;'>view</span>.<span style='color:red;margin-right:0px;'>nameIsHTML</span>"},
+			{ name:"zTree Default"}
+		];
+
+		function getFont(treeId, node) {
+			return node.font ? node.font : {};
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Custom Fonts</h1>
+<h6>[ File Path: core/custom_font.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li class="highlight_red">1. For display custom fonts,  you need to set setting.view.fontCss attribute, see the API documentation for more related contents.</li>
+				<li class="highlight_red">2. If you need the node name support the HTML, please set the 'setting.view.nameIsHTML' attribute, see the API documentation for more related contents.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>Set the font does not require to special node data , but if used to differentiate between different types of nodes, the corresponding data can set custom attributes.</li>
+				<li>The css style of data stored in the nodes within this demo</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/custom_icon.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/custom_icon.html
new file mode 100644
index 00000000..17084e57
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/custom_icon.html	
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Custom Icon </TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"Custom Icon 01", open:true, iconOpen:"../../../css/zTreeStyle/img/diy/1_open.png", iconClose:"../../../css/zTreeStyle/img/diy/1_close.png"},
+			{ id:11, pId:1, name:"leaf node 01", icon:"../../../css/zTreeStyle/img/diy/2.png"},
+			{ id:12, pId:1, name:"leaf node 02", icon:"../../../css/zTreeStyle/img/diy/3.png"},
+			{ id:13, pId:1, name:"leaf node 03", icon:"../../../css/zTreeStyle/img/diy/5.png"},
+			{ id:2, pId:0, name:"Custom Icon 02", open:true, icon:"../../../css/zTreeStyle/img/diy/4.png"},
+			{ id:21, pId:2, name:"leaf node 01", icon:"../../../css/zTreeStyle/img/diy/6.png"},
+			{ id:22, pId:2, name:"leaf node 02", icon:"../../../css/zTreeStyle/img/diy/7.png"},
+			{ id:23, pId:2, name:"leaf node 03", icon:"../../../css/zTreeStyle/img/diy/8.png"},
+			{ id:3, pId:0, name:"no Custom Icon", open:true },
+			{ id:31, pId:3, name:"leaf node 01"},
+			{ id:32, pId:3, name:"leaf node 02"},
+			{ id:33, pId:3, name:"leaf node 03"}
+
+		];
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Custom Icon - icon</h1>
+<h6>[ File Path: core/custom_icon.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li>Custom icon does not require special configuration setting.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>Use node data’s icon / iconOpen / iconClose attribute show custom icon.</li>
+				<li class="highlight_red">See the API documentation for more related contents.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、Other explanation</h2>
+				<ul class="list">
+				<li class="highlight_red">Because of the time limitation, demo uses png images, if you need transparent images in IE6 browser, make a gif image, or use a special 'css filter' on ie6 browser.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/custom_iconSkin.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/custom_iconSkin.html
new file mode 100644
index 00000000..3e099300
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/custom_iconSkin.html	
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Custom Icon Skin </TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"Custom Icon 01", open:true, iconSkin:"pIcon01"},
+			{ id:11, pId:1, name:"leaf node 01", iconSkin:"icon01"},
+			{ id:12, pId:1, name:"leaf node 02", iconSkin:"icon02"},
+			{ id:13, pId:1, name:"leaf node 03", iconSkin:"icon03"},
+			{ id:2, pId:0, name:"Custom Icon 02", open:true, iconSkin:"pIcon02"},
+			{ id:21, pId:2, name:"leaf node 01", iconSkin:"icon04"},
+			{ id:22, pId:2, name:"leaf node 02", iconSkin:"icon05"},
+			{ id:23, pId:2, name:"leaf node 03", iconSkin:"icon06"},
+			{ id:3, pId:0, name:"no Custom Icon", open:true },
+			{ id:31, pId:3, name:"leaf node 01"},
+			{ id:32, pId:3, name:"leaf node 02"},
+			{ id:33, pId:3, name:"leaf node 03"}
+
+		];
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li span.button.pIcon01_ico_open{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/1_open.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.pIcon01_ico_close{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/1_close.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.pIcon02_ico_open, .ztree li span.button.pIcon02_ico_close{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/2.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon01_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/3.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon02_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/4.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon03_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/5.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon04_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/6.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon05_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/7.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon06_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/8.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+	</style>
+</HEAD>
+
+<BODY>
+<h1>Custom Icon - iconSkin</h1>
+<h6>[ File Path: core/custom_iconSkin.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li>Custom icon does not require special configuration setting.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>Use the node data iconSkin attributes and  css show custom icon.</li>
+				<li class="highlight_red">See the API documentation for more related contents.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、Other explanation</h2>
+				<ul class="list">
+				<li class="highlight_red">Because of the time limitation, demo uses png images, if you need transparent images in IE6 browser, make a gif image, or use a special 'css filter' on ie6 browser.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/expand.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/expand.html
new file mode 100644
index 00000000..ca604741
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/expand.html	
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - beforeExpand / onExpand && beforeCollapse / onCollapse</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				selectedMulti: false
+			},
+			data: {
+				key: {
+					title:"t"
+				},
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeClick: beforeClick,
+				beforeCollapse: beforeCollapse,
+				beforeExpand: beforeExpand,
+				onCollapse: onCollapse,
+				onExpand: onExpand
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"ordinary parent 1", t:"I am ordinary, just expand or collapse on me", open:false},
+			{ id:11, pId:1, name:"leaf node 1-1", t:"..."},
+			{ id:12, pId:1, name:"ordinary parent 2", t:"I am ordinary, just expand or collapse on me", open:false},
+			{ id:121, pId:12, name:"parent node - 121", t:"...", open:true},
+			{ id:1211, pId:121, name:"parent node - 1211", t:"...", open:false},
+			{ id:1212, pId:1211, name:"leaf node - 1212", t:"..."},
+			{ id:1213, pId:121, name:"parent node - 1213", t:"...", open:false},
+			{ id:1214, pId:1213, name:"leaf node - 1214", t:"..."},
+			{ id:123, pId:12, name:"leaf node 2-3", t:"..."},
+			{ id:13, pId:1, name:"leaf node  1-3", t:"..."},
+			{ id:2, pId:0, name:"can't collapse me", t:"can't collapse me...Unless you use expandAll method.", open:true, collapse:false},
+			{ id:21, pId:2, name:"leaf node 2-1", t:"You can't collapse my parent"},
+			{ id:22, pId:2, name:"leaf node 2-2", t:"You can't collapse my parent"},
+			{ id:23, pId:2, name:"leaf node 2-3", t:"You can't collapse my parent"},
+			{ id:3, pId:0, name:"can't expand me", t:"can't expand me...Unless you use expandAll method.", open:false, expand:false},
+			{ id:31, pId:3, name:"leaf node 3-1", t:"OMG, you can see me!! Do you use the expandAll method?"},
+			{ id:32, pId:3, name:"leaf node 3-2", t:"OMG, you can see me!! Do you use the expandAll method?"},
+			{ id:33, pId:3, name:"leaf node 3-3", t:"OMG, you can see me!! Do you use the expandAll method?"},
+			{ id:4, pId:0, name:"empty parent 1", t:"I have nothing...", isParent:true, open:false}
+		];
+
+		var log, className = "dark";
+		function beforeClick(treeId, treeNode) {
+			if (treeNode.isParent) {
+				return true;
+			} else {
+				alert("This Demo is used to test the parent node expand / collapse...\n\nGo to click parent node... ");
+				return false;
+			}
+		}
+		function beforeCollapse(treeId, treeNode) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeCollapse ]&nbsp;&nbsp;&nbsp;&nbsp;" + treeNode.name );
+			return (treeNode.collapse !== false);
+		}
+		function onCollapse(event, treeId, treeNode) {
+			showLog("[ "+getTime()+" onCollapse ]&nbsp;&nbsp;&nbsp;&nbsp;" + treeNode.name);
+		}		
+		function beforeExpand(treeId, treeNode) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeExpand ]&nbsp;&nbsp;&nbsp;&nbsp;" + treeNode.name );
+			return (treeNode.expand !== false);
+		}
+		function onExpand(event, treeId, treeNode) {
+			showLog("[ "+getTime()+" onExpand ]&nbsp;&nbsp;&nbsp;&nbsp;" + treeNode.name);
+		}
+		function showLog(str) {
+			if (!log) log = $("#log");
+			log.append("<li class='"+className+"'>"+str+"</li>");
+			if(log.children("li").length > 8) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds(),
+			ms=now.getMilliseconds();
+			return (h+":"+m+":"+s+ " " +ms);
+		}
+
+		function expandNode(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			type = e.data.type,
+			nodes = zTree.getSelectedNodes();
+			if (type.indexOf("All")<0 && nodes.length == 0) {
+				alert("Please select one parent node at first...");
+			}
+
+			if (type == "expandAll") {
+				zTree.expandAll(true);
+			} else if (type == "collapseAll") {
+				zTree.expandAll(false);
+			} else {
+				var callbackFlag = $("#callbackTrigger").attr("checked");
+				for (var i=0, l=nodes.length; i<l; i++) {
+					zTree.setting.view.fontCss = {};
+					if (type == "expand") {
+						zTree.expandNode(nodes[i], true, null, null, callbackFlag);
+					} else if (type == "collapse") {
+						zTree.expandNode(nodes[i], false, null, null, callbackFlag);
+					} else if (type == "toggle") {
+						zTree.expandNode(nodes[i], null, null, null, callbackFlag);
+					} else if (type == "expandSon") {
+						zTree.expandNode(nodes[i], true, true, null, callbackFlag);
+					} else if (type == "collapseSon") {
+						zTree.expandNode(nodes[i], false, true, null, callbackFlag);
+					}
+				}
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#expandBtn").bind("click", {type:"expand"}, expandNode);
+			$("#collapseBtn").bind("click", {type:"collapse"}, expandNode);
+			$("#toggleBtn").bind("click", {type:"toggle"}, expandNode);
+			$("#expandSonBtn").bind("click", {type:"expandSon"}, expandNode);
+			$("#collapseSonBtn").bind("click", {type:"collapseSon"}, expandNode);
+			$("#expandAllBtn").bind("click", {type:"expandAll"}, expandNode);
+			$("#collapseAllBtn").bind("click", {type:"collapseAll"}, expandNode);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Control of Expand Node</h1>
+<h6>[ File Path: core/expand.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, 'beforeCollapse / onCollapse'<br/>&nbsp;&nbsp;'beforeExpand / onExpand' callback function</h2>
+				<ul class="list">
+				<li>Use 'beforeCollapse / onCollapse' and 'beforeExpand / onExpand' callback function can control whether to allow expand or collapse the parent node
+					. This simple demo shows how to monitor the collapse and expand event.</li>
+				<li><p>Try: <br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="callbackTrigger" checked /> Whether trigger the callback when execution expandNode() method.<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;Single Node --[ <a id="expandBtn" href="#" title="expand..." onclick="return false;">expand</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="collapseBtn" href="#" title="collapse..." onclick="return false;">collapse</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="toggleBtn" href="#" title="what do you want?..." onclick="return false;">toggle</a> ]<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;Single Node (including child) --[ <a id="expandSonBtn" href="#" title="expand (including child)..." onclick="return false;">expand</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="collapseSonBtn" href="#" title="collapse (including child)..." onclick="return false;">collapse</a> ]<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;All Nodes --[ <a id="expandAllBtn" href="#" title="expand All!!" onclick="return false;">expand All</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="collapseAllBtn" href="#" title="collapse All!!" onclick="return false;">collapse All</a> ]</p>
+				<li><p><span class="highlight_red">How to use zTreeObj.updateNode method,  please see the API documentation.</span><br/>
+					collapse / expand log:<br/>
+					<ul id="log" class="log"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li class="highlight_red">Set attributes about 'setting.callback.beforeCollapse / onCollapse / beforeExpand / onExpand', please see the API documentation for more related contents.</li>
+				<li class="highlight_red">If you need to adjust the expand / collapse animation effects, please see the API documentation about setting.view.expandSpeed.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>No special requirements on the node data, the user can add custom attributes.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/noicon.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/noicon.html
new file mode 100644
index 00000000..19a66648
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/noicon.html	
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - noIcon </TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				showIcon: showIconForTree
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"pNode 1", open:true},
+			{ id:11, pId:1, name:"pNode 11"},
+			{ id:111, pId:11, name:"leaf node 111"},
+			{ id:112, pId:11, name:"leaf node 112"},
+			{ id:113, pId:11, name:"leaf node 113"},
+			{ id:114, pId:11, name:"leaf node 114"},
+			{ id:12, pId:1, name:"pNode 12"},
+			{ id:121, pId:12, name:"leaf node 121"},
+			{ id:122, pId:12, name:"leaf node 122"},
+			{ id:123, pId:12, name:"leaf node 123"},
+			{ id:124, pId:12, name:"leaf node 124"},
+			{ id:13, pId:1, name:"pNode 13 - no child", isParent:true},
+			{ id:2, pId:0, name:"pNode 2"},
+			{ id:21, pId:2, name:"pNode 21", open:true},
+			{ id:211, pId:21, name:"leaf node 211"},
+			{ id:212, pId:21, name:"leaf node 212"},
+			{ id:213, pId:21, name:"leaf node 213"},
+			{ id:214, pId:21, name:"leaf node 214"},
+			{ id:22, pId:2, name:"pNode 22"},
+			{ id:221, pId:22, name:"leaf node 221"},
+			{ id:222, pId:22, name:"leaf node 222"},
+			{ id:223, pId:22, name:"leaf node 223"},
+			{ id:224, pId:22, name:"leaf node 224"},
+			{ id:23, pId:2, name:"pNode 23"},
+			{ id:231, pId:23, name:"leaf node 231"},
+			{ id:232, pId:23, name:"leaf node 232"},
+			{ id:233, pId:23, name:"leaf node 233"},
+			{ id:234, pId:23, name:"leaf node 234"},
+			{ id:3, pId:0, name:"pNode 3 - no child", isParent:true}
+		];
+
+		function showIconForTree(treeId, treeNode) {
+			return !treeNode.isParent;
+		};
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+
+</HEAD>
+
+<BODY>
+<h1>Don't Show Icon</h1>
+<h6>[ File Path: core/noicon.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li>This Demo using Function set to the parent node does not display the icon.</li>
+				<li class="highlight_red">Whether to display the icon, you need to set setting.view.showIcon attribute, see the API documentation for more related contents.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>TreeNode data does not require special settings. If you need some node display icon, and some nodes are not displayed, you can add special attributes to the node data for identification.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/noline.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/noline.html
new file mode 100644
index 00000000..d61792f7
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/noline.html	
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - noLine </TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				showLine: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"pNode 1", open:true},
+			{ id:11, pId:1, name:"pNode 11"},
+			{ id:111, pId:11, name:"leaf node 111"},
+			{ id:112, pId:11, name:"leaf node 112"},
+			{ id:113, pId:11, name:"leaf node 113"},
+			{ id:114, pId:11, name:"leaf node 114"},
+			{ id:12, pId:1, name:"pNode 12"},
+			{ id:121, pId:12, name:"leaf node 121"},
+			{ id:122, pId:12, name:"leaf node 122"},
+			{ id:123, pId:12, name:"leaf node 123"},
+			{ id:124, pId:12, name:"leaf node 124"},
+			{ id:13, pId:1, name:"pNode 13 - no child", isParent:true},
+			{ id:2, pId:0, name:"pNode 2"},
+			{ id:21, pId:2, name:"pNode 21", open:true},
+			{ id:211, pId:21, name:"leaf node 211"},
+			{ id:212, pId:21, name:"leaf node 212"},
+			{ id:213, pId:21, name:"leaf node 213"},
+			{ id:214, pId:21, name:"leaf node 214"},
+			{ id:22, pId:2, name:"pNode 22"},
+			{ id:221, pId:22, name:"leaf node 221"},
+			{ id:222, pId:22, name:"leaf node 222"},
+			{ id:223, pId:22, name:"leaf node 223"},
+			{ id:224, pId:22, name:"leaf node 224"},
+			{ id:23, pId:2, name:"pNode 23"},
+			{ id:231, pId:23, name:"leaf node 231"},
+			{ id:232, pId:23, name:"leaf node 232"},
+			{ id:233, pId:23, name:"leaf node 233"},
+			{ id:234, pId:23, name:"leaf node 234"},
+			{ id:3, pId:0, name:"pNode 3 - no child", isParent:true}
+		];
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+
+</HEAD>
+
+<BODY>
+<h1>Don't Show Line</h1>
+<h6>[ File Path: core/noline.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li class="highlight_red">Whether to display the line, you need to set setting.view.showLine attribute, see the API documentation for more related contents.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>TreeNode data does not require special settings</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/otherMouse.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/otherMouse.html
new file mode 100644
index 00000000..0e18a0c7
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/otherMouse.html	
@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Other Mouse Event</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			data: {
+				key: {
+					title:"t"
+				},
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeMouseDown: beforeMouseDown,
+				beforeMouseUp: beforeMouseUp,
+				beforeRightClick: beforeRightClick,
+				onMouseDown: onMouseDown,
+				onMouseUp: onMouseUp,
+				onRightClick: onRightClick
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"Can't rClick 0", t:"Try RightClick", open:true, right:false},
+			{ id:11, pId:1, name:"Can't rClick 1", t:"Try RightClick", right:false},
+			{ id:12, pId:1, name:"Can't rClick 2", t:"Try RightClick", right:false},
+			{ id:13, pId:1, name:"Can't rClick 3", t:"Try RightClick", right:false},
+			{ id:2, pId:0, name:"Can't msDown 0", t:"Try MouseDown", open:true, down:false},
+			{ id:21, pId:2, name:"Can't msDown 1", t:"Try MouseDown", down:false},
+			{ id:22, pId:2, name:"Can't msDown 2", t:"Try MouseDown", down:false},
+			{ id:23, pId:2, name:"Can't msDown 3", t:"Try MouseDown", down:false},
+			{ id:3, pId:0, name:"Can't msUp 0", t:"Try MouseUp", open:true, up:false},
+			{ id:31, pId:3, name:"Can't msUp 1", t:"Try MouseUp", up:false},
+			{ id:32, pId:3, name:"Can't msUp 2", t:"Try MouseUp", up:false},
+			{ id:33, pId:3, name:"Can't msUp 3", t:"Try MouseUp", up:false}
+		];
+
+		var log, className = {down:"dark", up:"dark", right:"dark"};
+		function beforeMouseDown(treeId, treeNode) {
+			className.down = (className.down === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeMouseDown ]&nbsp;&nbsp;" + (treeNode?treeNode.name:"root"), "down" );
+			return (!treeNode || treeNode.down != false);
+		}
+		function onMouseDown(event, treeId, treeNode) {
+			showLog("[ "+getTime()+" onMouseDown ]&nbsp;&nbsp;" + (treeNode?treeNode.name:"root"), "down" );
+		}
+		function beforeMouseUp(treeId, treeNode) {
+			className.up = (className.up === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeMouseUp ]&nbsp;&nbsp;" + (treeNode?treeNode.name:"root"), "up" );
+			return (!treeNode || treeNode.up != false);
+		}
+		function onMouseUp(event, treeId, treeNode) {
+			showLog("[ "+getTime()+" onMouseUp ]&nbsp;&nbsp;" + (treeNode?treeNode.name:"root"), "up" );
+		}
+		function beforeRightClick(treeId, treeNode) {
+			className.right = (className.right === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeRightClick ]&nbsp;&nbsp;" + (treeNode?treeNode.name:"root"), "right" );
+			return (!treeNode || treeNode.right != false);
+		}
+		function onRightClick(event, treeId, treeNode) {
+			showLog("[ "+getTime()+" onRightClick ]&nbsp;&nbsp;" + (treeNode?treeNode.name:"root"), "right" );
+		}
+		function showLog(str, logType) {
+			log = $("#log" + "_" + logType);
+			log.append("<li class='"+className[logType]+"'>"+str+"</li>");
+			if(log.children("li").length > 2) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds(),
+			ms=now.getMilliseconds();
+			return (h+":"+m+":"+s+ " " +ms);
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Other Mouse Events for zTree</h1>
+<h6>[ File Path: core/otherMouse.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, 'beforeMousedown / onMousedown / beforeMouseup / onMouseup / beforeRightClick / onRightClick' callback function</h2>
+				<ul class="list">
+				<li>zTree provide these types of mouse event callbacks, in order to facilitate the user to extend the functionality. And doesn't affect zTree normal function, This simple demo shows how to monitor the mousedown/mouseup/rightClick event.</li>
+				<li><p><span class="highlight_red">Try clicking with the mouse on the zTree (left or right),  by the way to see log.</span><br/>
+					mousedown event log:<br/>
+					<ul id="log_down" class="log small"></ul>
+					mouseup event log:<br/>
+					<ul id="log_up" class="log small"></ul>
+					rightClick event log:<br/>
+					<ul id="log_right" class="log small"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li class="highlight_red">Set attributes about 'setting.callback.beforeMousedown / onMousedown / beforeMouseup / onMouseup / beforeRightClick / onRightClick', please see the API documentation for more related contents.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>No special requirements on the node data, the user can add custom attributes.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/searchNodes.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/searchNodes.html
new file mode 100644
index 00000000..1d0695aa
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/searchNodes.html	
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - getNodeByParam / getNodesByParam / getNodesByParamFuzzy</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			data: {
+				key: {
+					title: "t"
+				},
+				simpleData: {
+					enable: true
+				}
+			},
+			view: {
+				fontCss: getFontCss
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"search node demo 1", t:"id=1", open:true},
+			{ id:11, pId:1, name:"can search 'name'", t:"id=11"},
+			{ id:12, pId:1, name:"can search 'level'", t:"id=12"},
+			{ id:13, pId:1, name:"can search 'id'", t:"id=13"},
+			{ id:14, pId:1, name:"can search other attr", t:"id=14"},
+			{ id:2, pId:0, name:"search node demo 2", t:"id=2", open:true},
+			{ id:21, pId:2, name:"can search single node", t:"id=21"},
+			{ id:22, pId:2, name:"can search nodes array", t:"id=22"},
+			{ id:23, pId:2, name:"search me", t:"id=23"},
+			{ id:3, pId:0, name:"search node demo 3", t:"id=3", open:true },
+			{ id:31, pId:3, name:"My id is : 31", t:"id=31"},
+			{ id:32, pId:31, name:"My id is : 32", t:"id=32"},
+			{ id:33, pId:32, name:"My id is : 33", t:"id=33"}
+		];
+
+		function focusKey(e) {
+			if (key.hasClass("empty")) {
+				key.removeClass("empty");
+			}
+		}
+		function blurKey(e) {
+			if (key.get(0).value === "") {
+				key.addClass("empty");
+			}
+		}
+		var lastValue = "", nodeList = [], fontCss = {};
+		function clickRadio(e) {
+			lastValue = "";
+			searchNode(e);
+		}
+		function searchNode(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			if (!$("#getNodesByFilter").attr("checked")) {
+				var value = $.trim(key.get(0).value);
+				var keyType = "";
+				if ($("#name").attr("checked")) {
+					keyType = "name";
+				} else if ($("#level").attr("checked")) {
+					keyType = "level";
+					value = parseInt(value);
+				} else if ($("#id").attr("checked")) {
+					keyType = "id";
+					value = parseInt(value);
+				}
+				if (key.hasClass("empty")) {
+					value = "";
+				}
+				if (lastValue === value) return;
+				lastValue = value;
+				if (value === "") return;
+				updateNodes(false);
+
+				if ($("#getNodeByParam").attr("checked")) {
+					var node = zTree.getNodeByParam(keyType, value);
+					if (node === null) {
+						nodeList = [];
+					} else {
+						nodeList = [node];
+					}
+				} else if ($("#getNodesByParam").attr("checked")) {
+					nodeList = zTree.getNodesByParam(keyType, value);
+				} else if ($("#getNodesByParamFuzzy").attr("checked")) {
+					nodeList = zTree.getNodesByParamFuzzy(keyType, value);
+				}
+			} else {
+				updateNodes(false);
+				nodeList = zTree.getNodesByFilter(filter);
+			}
+			updateNodes(true);
+
+		}
+		function updateNodes(highlight) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			for( var i=0, l=nodeList.length; i<l; i++) {
+				nodeList[i].highlight = highlight;
+				zTree.updateNode(nodeList[i]);
+			}
+		}
+		function getFontCss(treeId, treeNode) {
+			return (!!treeNode.highlight) ? {color:"#A60000", "font-weight":"bold"} : {color:"#333", "font-weight":"normal"};
+		}
+		function filter(node) {
+			return !node.isParent && node.isFirstNode;
+		}
+
+		var key;
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			key = $("#key");
+			key.bind("focus", focusKey)
+			.bind("blur", blurKey)
+			.bind("propertychange", searchNode)
+			.bind("input", searchNode);
+			$("#name").bind("change", clickRadio);
+			$("#level").bind("change", clickRadio);
+			$("#id").bind("change", clickRadio);
+			$("#getNodeByParam").bind("change", clickRadio);
+			$("#getNodesByParam").bind("change", clickRadio);
+			$("#getNodesByParamFuzzy").bind("change", clickRadio);
+			$("#getNodesByFilter").bind("change", clickRadio);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Search Nodes</h1>
+<h6>[ File Path: core/searchNodes.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of getNodeByParam / getNodesByParam / getNodesByParamFuzzy</h2>
+				<ul class="list">
+				<li class="highlight_red">How to use ’zTreeObj.getNodeByParam / getNodesByParam / getNodesByParamFuzzy / getNodeByTId‘ method,  please see the API documentation.</li>
+				<li><p>Try to search: <br/>
+						attribute( value ): <input type="text" id="key" value="" class="empty" /><br/>
+						attribute( key ): <input type="radio" id="name" name="keyType" class="radio first" checked /><span>name (string)</span><br/>
+						<input type="radio" id="level" name="keyType" class="radio" style="margin-left:68px;" /><span>level (number) ... root node's level is 0</span><br/>
+						<input type="radio" id="id" name="keyType" class="radio" style="margin-left:68px;" /><span>id (number)</span><br/>
+						method: <input type="radio" id="getNodeByParam" name="funType" class="radio first" /><span>getNodeByParam</span><br/>
+						<input type="radio" id="getNodesByParam" name="funType" class="radio" style="margin-left:36px;" /><span>getNodesByParam</span><br/>
+						<input type="radio" id="getNodesByParamFuzzy" name="funType" class="radio" style="margin-left:36px;" checked /><span>getNodesByParamFuzzy (only string)</span><br/>
+						<input type="radio" id="getNodesByFilter" name="funType" class="radio" style="margin-left:36px;" /><span>getNodesByFilter (see source: function filter)</span><br/>
+					</p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li>Do not need to set the setting.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li class="highlight_red">Note: Please ensure that the incoming value type is  the same as  type of attribute.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/simpleData.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/simpleData.html
new file mode 100644
index 00000000..bf07831e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/simpleData.html	
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Simple Data</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"pNode 1", open:true},
+			{ id:11, pId:1, name:"pNode 11"},
+			{ id:111, pId:11, name:"leaf node 111"},
+			{ id:112, pId:11, name:"leaf node 112"},
+			{ id:113, pId:11, name:"leaf node 113"},
+			{ id:114, pId:11, name:"leaf node 114"},
+			{ id:12, pId:1, name:"pNode 12"},
+			{ id:121, pId:12, name:"leaf node 121"},
+			{ id:122, pId:12, name:"leaf node 122"},
+			{ id:123, pId:12, name:"leaf node 123"},
+			{ id:124, pId:12, name:"leaf node 124"},
+			{ id:13, pId:1, name:"pNode 13 - no child", isParent:true},
+			{ id:2, pId:0, name:"pNode 2"},
+			{ id:21, pId:2, name:"pNode 21", open:true},
+			{ id:211, pId:21, name:"leaf node 211"},
+			{ id:212, pId:21, name:"leaf node 212"},
+			{ id:213, pId:21, name:"leaf node 213"},
+			{ id:214, pId:21, name:"leaf node 214"},
+			{ id:22, pId:2, name:"pNode 22"},
+			{ id:221, pId:22, name:"leaf node 221"},
+			{ id:222, pId:22, name:"leaf node 222"},
+			{ id:223, pId:22, name:"leaf node 223"},
+			{ id:224, pId:22, name:"leaf node 224"},
+			{ id:23, pId:2, name:"pNode 23"},
+			{ id:231, pId:23, name:"leaf node 231"},
+			{ id:232, pId:23, name:"leaf node 232"},
+			{ id:233, pId:23, name:"leaf node 233"},
+			{ id:234, pId:23, name:"leaf node 234"},
+			{ id:3, pId:0, name:"pNode 3 - no child", isParent:true}
+		];
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+ </HEAD>
+
+<BODY>
+<h1>Simple JSON Data</h1>
+<h6>[ File Path: core/simpleData.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li class="highlight_red">Must set setting.data.simple attributes,  see the API documentation for more related contents.</li>
+				<li>The setting.view in API documentation is associated with the display of the zTree.</li>
+				<li>To change the 'name', 'children', 'title' attribute, please refer to the API documentation about 'setting.data.key'.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li class="highlight_red">Id / pId that include parent-child relationship between nodes is needed if you use Simple model of the JSON data, and other attributes please refer to the instructions within setting.data.simple.
+				<div><pre xmlns=""><code>For example:
+var nodes = [
+	{id:1, pId:0, name: "pNode 01"},
+	{id:11, pId:1, name: "child 01"},
+	{id:12, pId:1, name: "child 02"}
+];</code></pre></div></li>
+				<li>To set nodes expanded by default, set treeNode.open attribute.</li>
+				<li>To get parent node which has no child node, set treeNode.isParent attribute.</li>
+				<li>Please refer to the API documentation "treeNode data details" to view other attributes description.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、Other explanation</h2>
+				<ul class="list">
+				<li>The simple JSON data model has been used almost everywhere, which can be learned easily.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/standardData.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/standardData.html
new file mode 100644
index 00000000..909a63b0
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/standardData.html	
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Standard Data </TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {	};
+
+		var zNodes =[
+			{ name:"pNode 01", open:true,
+				children: [
+					{ name:"pNode 11",
+						children: [
+							{ name:"leaf node 111"},
+							{ name:"leaf node 112"},
+							{ name:"leaf node 113"},
+							{ name:"leaf node 114"}
+						]},
+					{ name:"pNode 12",
+						children: [
+							{ name:"leaf node 121"},
+							{ name:"leaf node 122"},
+							{ name:"leaf node 123"},
+							{ name:"leaf node 124"}
+						]},
+					{ name:"pNode 13 - no child", isParent:true}
+				]},
+			{ name:"pNode 02",
+				children: [
+					{ name:"pNode 21", open:true,
+						children: [
+							{ name:"leaf node 211"},
+							{ name:"leaf node 212"},
+							{ name:"leaf node 213"},
+							{ name:"leaf node 214"}
+						]},
+					{ name:"pNode 22",
+						children: [
+							{ name:"leaf node 221"},
+							{ name:"leaf node 222"},
+							{ name:"leaf node 223"},
+							{ name:"leaf node 224"}
+						]},
+					{ name:"pNode 23",
+						children: [
+							{ name:"leaf node 231"},
+							{ name:"leaf node 232"},
+							{ name:"leaf node 233"},
+							{ name:"leaf node 234"}
+						]}
+				]},
+			{ name:"pNode 3 - no child", isParent:true}
+
+		];
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Standard JSON Data</h1>
+<h6>[ File Path: core/standardData.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li class="highlight_red">No extrally setting needed for basic functions.</li>
+				<li>The setting.view in API documentation is associated with the display of the zTree.</li>
+				<li>To change the 'name', 'children', 'title' attribute, please refer to the API documentation about 'setting.data.key'.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li class="highlight_red">Need to use nested JSON data that include parent-child relationship between nodes
+					<div><pre xmlns=""><code>For example:
+var nodes = [
+	{name: "pNode 01", children: [
+		{name: "child 01"},
+		{name: "child 02"}
+	]}
+];</code></pre></div>
+				</li>
+				<li>To set nodes expanded by default, set treeNode.open attribute.</li>
+				<li>No child nodes of parent node, set treeNode.isParent attribute.</li>
+				<li>Please refer to the API documentation "treeNode data details" to view other attributes description.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/update_fun.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/update_fun.html
new file mode 100644
index 00000000..0909a34c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/update_fun.html	
@@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - updateNode</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				selectedMulti: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"pNode 01", open:true},
+			{ id:11, pId:1, name:"leaf node 01"},
+			{ id:12, pId:1, name:"leaf node 02"},
+			{ id:13, pId:1, name:"leaf node 03"},
+			{ id:2, pId:0, name:"pNode 02", open:true},
+			{ id:21, pId:2, name:"leaf node 01"},
+			{ id:22, pId:2, name:"leaf node 02"},
+			{ id:23, pId:2, name:"leaf node 03"},
+			{ id:3, pId:0, name:"pNode 03", open:true },
+			{ id:31, pId:3, name:"leaf node 01"},
+			{ id:32, pId:3, name:"leaf node 02"},
+			{ id:33, pId:3, name:"leaf node 03"}
+		];
+
+		var nameCount = 0, iconCount = 1, color = [0, 0, 0];
+		function updateNode(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			type = e.data.type,
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("Please select one node...");
+			}
+			for (var i=0, l=nodes.length; i<l; i++) {
+				zTree.setting.view.fontCss = {};
+				if (type == "rename") {
+					nodes[i].name = nodes[i].name.replace(/_[\d]*$/g, "") + "_" + (nameCount++);
+				} else if (type == "icon") {
+					if (iconCount > 8) {
+						nodes[i].iconSkin = null;
+						iconCount = 1;
+					} else if (nodes[i].isParent) {
+						nodes[i].iconSkin = nodes[i].iconSkin ? null : "pIcon01";
+					} else {
+						nodes[i].iconSkin = "icon0" + (iconCount++);
+					}
+				} else if (type == "color") {
+					color = [0, 0, 0];
+					var r1 = Math.round(Math.random()*3 - 0.5);
+					color[r1] = 15;
+					var r2 = Math.round(Math.random()*3 - 0.5);
+					while (r2 === r1) {
+						r2 = Math.round(Math.random()*3 - 0.5);
+					}
+					color[r2] = Math.round(Math.random()*16-0.5);
+					zTree.setting.view.fontCss["color"] = "#"+color[0].toString(16)+color[1].toString(16)+color[2].toString(16);
+				} else if (type == "font") {
+					var style = $("#" + nodes[i].tId + "_a").css("font-style") ;
+					style = (style=="italic" ? "normal" : "italic");
+					zTree.setting.view.fontCss["font-style"] = style;
+				}
+				zTree.updateNode(nodes[i]);
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#rename").bind("click", {type:"rename"}, updateNode);
+			$("#changeIcon").bind("click", {type:"icon"}, updateNode);
+			$("#changeColor").bind("click", {type:"color"}, updateNode);
+			$("#changeFont").bind("click", {type:"font"}, updateNode);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li span.button.pIcon01_ico_open{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/1_open.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.pIcon01_ico_close{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/1_close.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon01_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/2.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon02_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/3.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon03_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/4.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon04_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/5.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon05_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/6.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon06_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/7.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon07_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/8.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon08_ico_docu{margin-right:2px; background: url(../../../css/zTreeStyle/img/diy/9.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+	</style>
+</HEAD>
+
+<BODY>
+<h1>Update Node - zTree methods</h1>
+<h6>[ File Path: core/update_fun.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of updateNode</h2>
+				<ul class="list">
+				<li class="highlight_red">How to use zTreeObj.updateNode method,  please see the API documentation.</li>
+				<li><p>This Demo can only select one parent node<br/>
+					Try: [ <a id="rename" href="#" onclick="return false;">Change Name</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="changeIcon" href="#" onclick="return false;">Change Icon</a> ]<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="changeColor" href="#" onclick="return false;">Change Color</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="changeFont" href="#" onclick="return false;">Change Italic Font</a> ]</p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li>Do not need to set the setting.</li>
+				<li class="highlight_red">You can modify the node style with setting.view.fontCss.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li class="highlight_red">In the API documentation has detail description about the 'zTreeObj.updateNode method'.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>4、Other explanation</h2>
+				<ul class="list">
+				<li>This demo only made ​by the core js, so does not include the checkbox update.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/url.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/url.html
new file mode 100644
index 00000000..788b03f1
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/core/url.html	
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - url</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"zTree Home", url:"http://www.baby666.cn", target:"_blank"},
+			{ id:2, pId:0, name:"zTree in Google", url:"http://code.google.com/p/jquerytree/", target:"_blank"},
+			{ id:3, pId:0, name:"zTree in Iteye", url:"http://ztreeapi.iteye.com/", target:"_blank"},
+			{ id:4, pId:0, name:"Nothing...", url:"", target:"_blank", click:"alert('I can not jump...');"}
+		];
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+ </HEAD>
+
+<BODY>
+<h1>Hyperlinks Demo</h1>
+<h6>[ File Path: core/url.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li>No extrally setting needed for basic functions.</li>
+				<li class="highlight_red">If you need flexible control of hyperlinks to jump, please use the 'onClick' callback. See the API documentation for more related contents.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li class="highlight_red">1. the 'url' attribute is used to save the hyperlink's path.</li>
+				<li class="highlight_red">2. the 'target' attribute is used to save the hyperlink's target.</li>
+				<li class="highlight_red">3. the 'click' attribute is used to save the hyperlink's 'onclick' attribute.</li>
+				<li>Please refer to the API documentation "treeNode data details" to view other attributes description.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox.html
new file mode 100644
index 00000000..f2a1408a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox.html	
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - checkbox</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"can check 1", open:true},
+			{ id:11, pId:1, name:"can check 1-1", open:true},
+			{ id:111, pId:11, name:"can check 1-1-1"},
+			{ id:112, pId:11, name:"can check 1-1-2"},
+			{ id:12, pId:1, name:"can check 1-2", open:true},
+			{ id:121, pId:12, name:"can check 1-2-1"},
+			{ id:122, pId:12, name:"can check 1-2-2"},
+			{ id:2, pId:0, name:"can check 2", checked:true, open:true},
+			{ id:21, pId:2, name:"can check 2-1"},
+			{ id:22, pId:2, name:"can check 2-2", open:true},
+			{ id:221, pId:22, name:"can check 2-2-1", checked:true},
+			{ id:222, pId:22, name:"can check 2-2-2"},
+			{ id:23, pId:2, name:"can check 2-3"}
+		];
+
+		var code;
+
+		function setCheck() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			py = $("#py").attr("checked")? "p":"",
+			sy = $("#sy").attr("checked")? "s":"",
+			pn = $("#pn").attr("checked")? "p":"",
+			sn = $("#sn").attr("checked")? "s":"",
+			type = { "Y":py + sy, "N":pn + sn};
+			zTree.setting.check.chkboxType = type;
+			showCode('setting.check.chkboxType = { "Y" : "' + type.Y + '", "N" : "' + type.N + '" };');
+		}
+		function showCode(str) {
+			if (!code) code = $("#code");
+			code.empty();
+			code.append("<li>"+str+"</li>");
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			setCheck();
+			$("#py").bind("change", setCheck);
+			$("#sy").bind("change", setCheck);
+			$("#pn").bind("change", setCheck);
+			$("#sn").bind("change", setCheck);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Checkbox Operation</h1>
+<h6>[ File Path: excheck/checkbox.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li class="highlight_red">Must set setting.check attributes, see the API documentation for more related contents.</li>
+				<li><p>Linkage relationship between parent and child nodes:<br/>
+						check: <input type="checkbox" id="py" class="checkbox first" checked /><span>affect the parent</span>
+						<input type="checkbox" id="sy" class="checkbox first" checked /><span>affect the child</span><br/>
+						uncheck: <input type="checkbox" id="pn" class="checkbox first" checked /><span>affect the parent</span>
+						<input type="checkbox" id="sn" class="checkbox first" checked /><span>affect the child</span><br/>
+						<ul id="code" class="log" style="height:20px;"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li class="highlight_red">1), If you need to initialize the node is checked, please set treeNode.checked attribute. See the API documentation for more related contents.</li>
+				<li class="highlight_red">2), If you need to initialize the node's checkbox is disabled, please set treeNode.chkDisabled attribute. See the API documentation for more related contents and 'chkDisabled Demo'.</li>
+				<li class="highlight_red">3), If you need to initialize the node don't show checkbox, please set treeNode.nocheck attribute. See the API documentation for more related contents and 'nocheck Demo'.</li>
+				<li class="highlight_red">4), If you need to change 'checked' to other attribute, please set setting.data.key.checked attribute. See the API documentation for more related contents.</li>
+				<li>5), By the way, please see the API documentation for 'treeNode.checkedOld / getCheckStatus / check_Child_State / check_Focus'.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_chkDisabled.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_chkDisabled.html
new file mode 100644
index 00000000..1296e13b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_chkDisabled.html	
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Checkbox chkDisabled</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true,
+				chkDisabledInherit: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"can check 1", open:true},
+			{ id:11, pId:1, name:"can check 1-1", open:true},
+			{ id:111, pId:11, name:"disabled 1-1-1", chkDisabled:true},
+			{ id:112, pId:11, name:"can check 1-1-2"},
+			{ id:12, pId:1, name:"disabled 1-2", chkDisabled:true, checked:true, open:true},
+			{ id:121, pId:12, name:"disabled 1-2-1", checked:true},
+			{ id:122, pId:12, name:"disabled 1-2-2"},
+			{ id:2, pId:0, name:"can check 2", checked:true, open:true},
+			{ id:21, pId:2, name:"can check 2-1"},
+			{ id:22, pId:2, name:"can check 2-2", open:true},
+			{ id:221, pId:22, name:"can check 2-2-1", checked:true},
+			{ id:222, pId:22, name:"can check 2-2-2"},
+			{ id:23, pId:2, name:"can check 2-3"}
+		];
+
+		function disabledNode(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			disabled = e.data.disabled,
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("Please select one node at first...");
+			}
+			if (disabled) {
+				inheritParent = $("#py").attr("checked");
+				inheritChildren = $("#sy").attr("checked");
+			} else {
+				inheritParent = $("#pn").attr("checked");
+				inheritChildren = $("#sn").attr("checked");
+			}
+
+			for (var i=0, l=nodes.length; i<l; i++) {
+				zTree.setChkDisabled(nodes[i], disabled, inheritParent, inheritChildren);
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#disabledTrue").bind("click", {disabled: true}, disabledNode);
+			$("#disabledFalse").bind("click", {disabled: false}, disabledNode);
+
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Checkbox chkDisabled Demo</h1>
+<h6>[ File Path: excheck/checkbox_chkDisabled.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of 'setChkDisabled' method</h2>
+				<ul class="list">
+				<li>'setChkDisabled' method can set the node's checkbox / radio to be disabled or abled. See the API documentation for more related contents.</li>
+				<li><p>Try:<br/>
+					disabled: <input type="checkbox" id="py" class="checkbox first" /><span>affect the parent</span>
+					<input type="checkbox" id="sy" class="checkbox first" checked /><span>affect the child</span><br/>
+					unDisabled: <input type="checkbox" id="pn" class="checkbox first" checked /><span>affect the parent</span>
+					<input type="checkbox" id="sn" class="checkbox first" checked /><span>affect the child</span><br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="disabledTrue" href="#" title="set checkbox to be disabled." onclick="return false;">be disabled</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="disabledFalse" href="#" title="set checkbox to be abled." onclick="return false;">be abled</a> ]</p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li>This Demo only shows how use the ‘chkDisabled’ attribute, detailed configuration information, please refer to 'Checkbox Operation'</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li class="highlight_red">1), If you need to initialize the node's checkbox is disabled, please set treeNode.chkDisabled attribute. See the API documentation for more related contents.</li>
+				<li>2), By the way, please see the 'Checkbox Operation' Demo.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_count.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_count.html
new file mode 100644
index 00000000..ae443905
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_count.html	
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - getChangeCheckedNodes / getCheckedNodes</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				selectedMulti: false
+			},
+			check: {
+				enable: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				onCheck: onCheck
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"can check 1", open:true},
+			{ id:11, pId:1, name:"can check 1-1"},
+			{ id:12, pId:1, name:"can check  1-2", open:true},
+			{ id:121, pId:12, name:"can check 1-2-1", checked:true},
+			{ id:122, pId:12, name:"can check 1-2-2"},
+			{ id:123, pId:12, name:"can check 1-2-3"},
+			{ id:13, pId:1, name:"can check 1-3"},
+			{ id:2, pId:0, name:"can check 2", open:true},
+			{ id:21, pId:2, name:"can check 2-1"},
+			{ id:22, pId:2, name:"can check 2-2", open:true},
+			{ id:221, pId:22, name:"can check 2-2-1", checked:true},
+			{ id:222, pId:22, name:"can check 2-2-2"},
+			{ id:223, pId:22, name:"can check 2-2-3"},
+			{ id:23, pId:2, name:"can check 2-3", checked:true}
+		];
+
+		var clearFlag = false;
+		function onCheck(e, treeId, treeNode) {
+			count();
+			if (clearFlag) {
+				clearCheckedOldNodes();
+			}
+		}
+		function clearCheckedOldNodes() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getChangeCheckedNodes();
+			for (var i=0, l=nodes.length; i<l; i++) {
+				nodes[i].checkedOld = nodes[i].checked;
+			}
+		}
+		function count() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			checkCount = zTree.getCheckedNodes(true).length,
+			nocheckCount = zTree.getCheckedNodes(false).length,
+			changeCount = zTree.getChangeCheckedNodes().length;
+			$("#checkCount").text(checkCount);
+			$("#nocheckCount").text(nocheckCount);
+			$("#changeCount").text(changeCount);
+
+		}
+		function createTree() {
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			count();
+			clearFlag = $("#last").attr("checked");
+		}
+
+		$(document).ready(function(){
+			createTree();			
+			$("#init").bind("change", createTree);
+			$("#last").bind("change", createTree);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Statistics Checkbox is Checked</h1>
+<h6>[ File Path: excheck/checkbox_count.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of getChangeCheckedNodes / getCheckedNodes</h2>
+				<ul class="list">
+				<li class="highlight_red">How to use zTreeObj.getChangeCheckedNodes / getCheckedNodes method,  please see the API documentation.</li>
+				<li><p>Check the checkbox, observe the number of changes:<br/>
+					<ul id="log" class="log" style="height:130px;">
+						<li>Total check node: <span id="checkCount" class="highlight_red"></span></li>
+						<li>Total uncheck node: <span id="nocheckCount" class="highlight_red"></span></li>
+						<li>Modify the state of checkbox: <br/>
+							<input type="radio" id="init" name="stateType" class="radio first" checked style="margin-left:68px;"/><span>Compared with zTree initialization</span><br/>
+							<input type="radio" id="last" name="stateType" class="radio first" style="margin-left:68px;"/><span>Compared with the last check</span></li>
+						<li>Total change the checkbox state of node: <span id="changeCount" class="highlight_red"></span></li>
+					</ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li>Same as 'Checkbox Operation'</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>Same as 'Checkbox Operation'</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_fun.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_fun.html
new file mode 100644
index 00000000..0562fe64
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_fun.html	
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - beforeCheck / onCheck</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				selectedMulti: false
+			},
+			check: {
+				enable: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeCheck: beforeCheck,
+				onCheck: onCheck
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"can check 1", open:true},
+			{ id:11, pId:1, name:"can check 1-1"},
+			{ id:12, pId:1, name:"can check 1-2", open:true},
+			{ id:121, pId:12, name:"can check 1-2-1"},
+			{ id:122, pId:12, name:"can check 1-2-2"},
+			{ id:2, pId:0, name:"can't check 2", open:true, doCheck:false},
+			{ id:21, pId:2, name:"can't check 2-1", doCheck:false},
+			{ id:22, pId:2, name:"can't check 2-2", checked:true, open:true, doCheck:false},
+			{ id:221, pId:22, name:"can't chk 2-2-1", doCheck:false},
+			{ id:222, pId:22, name:"can't chk 2-2-2", checked:true, doCheck:false},
+			{ id:23, pId:2, name:"can't check 2-3", doCheck:false}
+		];
+		
+		var code, log, className = "dark";
+		function beforeCheck(treeId, treeNode) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeCheck ]&nbsp;&nbsp;&nbsp;&nbsp;" + treeNode.name );
+			return (treeNode.doCheck !== false);
+		}
+		function onCheck(e, treeId, treeNode) {
+			showLog("[ "+getTime()+" onCheck ]&nbsp;&nbsp;&nbsp;&nbsp;" + treeNode.name );
+		}		
+		function showLog(str) {
+			if (!log) log = $("#log");
+			log.append("<li class='"+className+"'>"+str+"</li>");
+			if(log.children("li").length > 6) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds(),
+			ms=now.getMilliseconds();
+			return (h+":"+m+":"+s+ " " +ms);
+		}
+
+		function checkNode(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			type = e.data.type,
+			nodes = zTree.getSelectedNodes();
+			if (type.indexOf("All")<0 && nodes.length == 0) {
+				alert("Please select one node at first...");
+			}
+
+			if (type == "checkAllTrue") {
+				zTree.checkAllNodes(true);
+			} else if (type == "checkAllFalse") {
+				zTree.checkAllNodes(false);
+			} else {
+				var callbackFlag = $("#callbackTrigger").attr("checked");
+				for (var i=0, l=nodes.length; i<l; i++) {
+					if (type == "checkTrue") {
+						zTree.checkNode(nodes[i], true, false, callbackFlag);
+					} else if (type == "checkFalse") {
+						zTree.checkNode(nodes[i], false, false, callbackFlag);
+					} else if (type == "toggle") {
+						zTree.checkNode(nodes[i], null, false, callbackFlag);
+					}else if (type == "checkTruePS") {
+						zTree.checkNode(nodes[i], true, true, callbackFlag);
+					} else if (type == "checkFalsePS") {
+						zTree.checkNode(nodes[i], false, true, callbackFlag);
+					} else if (type == "togglePS") {
+						zTree.checkNode(nodes[i], null, true, callbackFlag);
+					}
+				}
+			}
+		}
+
+		function setAutoTrigger(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.setting.check.autoCheckTrigger = $("#autoCallbackTrigger").attr("checked");
+			$("#autoCheckTriggerValue").html(zTree.setting.check.autoCheckTrigger ? "true" : "false");
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#checkTrue").bind("click", {type:"checkTrue"}, checkNode);
+			$("#checkFalse").bind("click", {type:"checkFalse"}, checkNode);
+			$("#toggle").bind("click", {type:"toggle"}, checkNode);
+			$("#checkTruePS").bind("click", {type:"checkTruePS"}, checkNode);
+			$("#checkFalsePS").bind("click", {type:"checkFalsePS"}, checkNode);
+			$("#togglePS").bind("click", {type:"togglePS"}, checkNode);
+			$("#checkAllTrue").bind("click", {type:"checkAllTrue"}, checkNode);
+			$("#checkAllFalse").bind("click", {type:"checkAllFalse"}, checkNode);
+
+			$("#autoCallbackTrigger").bind("change", {}, setAutoTrigger);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Checkbox - zTree methods</h1>
+<h6>[ File Path: excheck/checkbox_fun.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, 'beforeCheck / onCheck' callback function</h2>
+				<ul class="list">
+				<li>Use 'beforeCheck / onCheck' callback function can control whether to allow changes to the node check state. This simple demo shows how to monitor the check event.</li>
+				<li><p>By the way also demonstrates how to use the 'checkNode / checkAllNodes' method triggers 'beforeCheck / onCheck' callback, Try: <br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="autoCallbackTrigger" /> setting.check.autoCheckTrigger: <span id="autoCheckTriggerValue">false</span><br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="callbackTrigger" checked /> Whether trigger the callback when execution checkNode() method. <br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;Node --[ <a id="checkTrue" href="#" title="check..." onclick="return false;">check</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="checkFalse" href="#" title="uncheck..." onclick="return false;">uncheck</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="toggle" href="#" title="toggle..." onclick="return false;">toggle</a> ]<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;Node (relationships) --[ <a id="checkTruePS" href="#" title="check(relationships)..." onclick="return false;">check</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="checkFalsePS" href="#" title="uncheck(maintain relationships)..." onclick="return false;">uncheck</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="togglePS" href="#" title="toggle..." onclick="return false;">toggle</a> ]<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;All Nodes --[ <a id="checkAllTrue" href="#" title="check All!!" onclick="return false;">check</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="checkAllFalse" href="#" title="uncheck All!!" onclick="return false;">uncheck</a> ]</p>
+				</li>
+				<li><p><span class="highlight_red">How to use 'zTreeObj.checkNode / checkAllNodes' method,  please see the API documentation.</span><br/>
+					beforeCheck / onCheck log:<br/>
+					<ul id="log" class="log" style="height:130px;"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li>Same as 'Checkbox Operation'</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>Same as 'Checkbox Operation'</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_halfCheck.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_halfCheck.html
new file mode 100644
index 00000000..368cd5a9
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_halfCheck.html	
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Checkbox halfCheck</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			async: {
+				enable: true,
+				url:"../asyncData/getNodes.php",
+				autoParam:["id", "name=n", "level=lv"],
+				otherParam:{"chk":"chk"},
+				dataFilter: dataFilter
+			},
+			check: {
+				enable: true,
+				autoCheckTrigger: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				onCheck: onCheck,
+				onAsyncSuccess: onAsyncSuccess
+			}
+		};
+
+		function dataFilter(treeId, parentNode, childNodes) {
+			if (parentNode.checkedEx === true) {
+				for(var i=0, l=childNodes.length; i<l; i++) {
+					childNodes[i].checked = parentNode.checked;
+					childNodes[i].halfCheck = false;
+					childNodes[i].checkedEx = true;
+				}
+			}
+			return childNodes;
+		}
+		function onCheck(event, treeId, treeNode) {
+			cancelHalf(treeNode)
+			treeNode.checkedEx = true;
+		}
+		function onAsyncSuccess(event, treeId, treeNode, msg) {
+			cancelHalf(treeNode);
+		}
+		function cancelHalf(treeNode) {
+			if (treeNode.checkedEx) return;
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			treeNode.halfCheck = false;
+			zTree.updateNode(treeNode);			
+		}
+
+		var zNodes =[
+			{ id:1, pId:0, name:"half 1", halfCheck:true, isParent:true},
+			{ id:2, pId:0, name:"half 2", halfCheck:true, checked:true, isParent:true},
+			{ id:3, pId:0, name:"no half 3", checked:true, isParent:true}
+		];
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Checkbox halfCheck Demo</h1>
+<h6>[ File Path: excheck/checkbox_halfCheck.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of Demo</h2>
+				<ul class="list">
+				<li>This demo implements the check operation of the dynamic tree</li>
+				<li class="highlight_red">1). After loaded child nodes, the parent node's 'halfCheck' attribute will be invalid immediately.</li>
+				<li class="highlight_red">2). If you check the parent node, so will effect the child nodes's check status.</li>
+				<li class="highlight_red">3). If you check the parent node, it's child node's 'halfCheck' attribute will be invalid.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li>Half-checked functional don't need to configure any parameter. But it is accessibility, can not used alone. So please configure the parameters which you need.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li class="highlight_red">1), Please set treeNode.halfCheck attribute, before zTree initialize. See the API documentation for more related contents.</li>
+				<li>2), By the way, please see the 'Checkbox Operation' Demo.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_nocheck.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_nocheck.html
new file mode 100644
index 00000000..8a20b842
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/checkbox_nocheck.html	
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - no checkbox</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true,
+				nocheckInherit: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"can check 1", open:true},
+			{ id:11, pId:1, name:"can check 1-1", open:true},
+			{ id:111, pId:11, name:"no checkbox 1-1-1", nocheck:true},
+			{ id:112, pId:11, name:"can check 1-1-2"},
+			{ id:12, pId:1, name:"no checkbox 1-2", nocheck:true, open:true},
+			{ id:121, pId:12, name:"no checkbox 1-2-1"},
+			{ id:122, pId:12, name:"no checkbox 1-2-2"},
+			{ id:2, pId:0, name:"can check 2", checked:true, open:true},
+			{ id:21, pId:2, name:"can check 2-1"},
+			{ id:22, pId:2, name:"can check 2-2", open:true},
+			{ id:221, pId:22, name:"can check 2-2-1", checked:true},
+			{ id:222, pId:22, name:"can check 2-2-2"},
+			{ id:23, pId:2, name:"can check 2-3"}
+		];
+		function nocheckNode(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nocheck = e.data.nocheck,
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("Please select one node at first...");
+			}
+
+			for (var i=0, l=nodes.length; i<l; i++) {
+				nodes[i].nocheck = nocheck;
+				zTree.updateNode(nodes[i]);
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#nocheckTrue").bind("click", {nocheck: true}, nocheckNode);
+			$("#nocheckFalse").bind("click", {nocheck: false}, nocheckNode);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Checkbox nocheck Demo</h1>
+<h6>[ File Path: excheck/checkbox_nocheck.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li>This Demo only shows how use the ‘nocheck’ attribute, detailed configuration information, please refer to 'Checkbox Operation'</li>
+				<li class="highlight_red">setting.check.nocheckInherit can set the child nodes to automatically inherit the parent node's 'nocheck' attribute. See the API documentation for more related contents.</li>
+				<li><p>Try:<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="nocheckTrue" href="#" title="set checkbox to be hidden." onclick="return false;">hide checkbox</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="nocheckFalse" href="#" title="set checkbox to be show." onclick="return false;">show checkbox</a> ]
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li class="highlight_red">1), If you need to initialize the node don't show checkbox, please set treeNode.nocheck attribute. See the API documentation for more related contents.</li>
+				<li>2), By the way, please see the 'Checkbox Operation' Demo.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio.html
new file mode 100644
index 00000000..f21c5bca
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio.html	
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - radio</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true,
+				chkStyle: "radio",
+				radioType: "level"
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"can check 1", open:true},
+			{ id:11, pId:1, name:"can check 1-1", open:true},
+			{ id:111, pId:11, name:"can check 1-1-1"},
+			{ id:112, pId:11, name:"can check 1-1-2"},
+			{ id:12, pId:1, name:"can check 1-2", open:true},
+			{ id:121, pId:12, name:"can check 1-2-1"},
+			{ id:122, pId:12, name:"can check 1-2-2"},
+			{ id:2, pId:0, name:"can check 2", checked:true, open:true},
+			{ id:21, pId:2, name:"can check 2-1"},
+			{ id:22, pId:2, name:"can check 2-2", open:true},
+			{ id:221, pId:22, name:"can check 2-2-1", checked:true},
+			{ id:222, pId:22, name:"can check 2-2-2"},
+			{ id:23, pId:2, name:"can check 2-3"}
+		];
+		
+		var code;		
+		function setCheck() {
+			var type = $("#level").attr("checked")? "level":"all";
+			setting.check.radioType = type;
+			showCode('setting.check.radioType = "' + type + '";');
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		}
+		function showCode(str) {
+			if (!code) code = $("#code");
+			code.empty();
+			code.append("<li>"+str+"</li>");
+		}
+		
+		$(document).ready(function(){
+			setCheck();			
+			$("#level").bind("change", setCheck);
+			$("#all").bind("change", setCheck);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Radio Operation</h1>
+<h6>[ File Path: excheck/radio.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li class="highlight_red">Must set setting.check attributes, see the API documentation for more related contents.</li>
+				<li><p>group range of radio: <br/><input type="radio" id="level" class="radio first" name="radioGroup" checked /><span>within the same level</span>
+						<input type="radio" id="all" class="radio" name="radioGroup"/><span>within the whole tree</span><br/>
+						<ul id="code" class="log" style="height:20px;"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li class="highlight_red">1), If you need to initialize the node is checked, please set treeNode.checked attribute. See the API documentation for more related contents.</li>
+				<li class="highlight_red">2), If you need to initialize the node don't show radio, please set treeNode.nocheck attribute. See the API documentation for more related contents.</li>
+				<li class="highlight_red">3), If you need to change 'checked' to other attribute, please set setting.data.key.checked attribute. See the API documentation for more related contents.</li>
+				<li>4), By the way, please see the API documentation for 'treeNode.checkedOld / getCheckStatus / check_Child_State / check_Focus'.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio_chkDisabled.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio_chkDisabled.html
new file mode 100644
index 00000000..08282d75
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio_chkDisabled.html	
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Radio chkDisabled</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true,
+				chkStyle: "radio",
+				radioType: "level"
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"can check 1", open:true},
+			{ id:11, pId:1, name:"can check 1-1", open:true},
+			{ id:111, pId:11, name:"disabled 1-1-1", chkDisabled:true, checked:true},
+			{ id:112, pId:11, name:"can check 1-1-2"},
+			{ id:12, pId:1, name:"disabled 1-2", chkDisabled:true, open:true},
+			{ id:121, pId:12, name:"disabled 1-2-1", checked:true},
+			{ id:122, pId:12, name:"disabled 1-2-2"},
+			{ id:2, pId:0, name:"can check 2", checked:true, open:true},
+			{ id:21, pId:2, name:"can check 2-1"},
+			{ id:22, pId:2, name:"can check 2-2", open:true},
+			{ id:221, pId:22, name:"can check 2-2-1", checked:true},
+			{ id:222, pId:22, name:"can check 2-2-2"},
+			{ id:23, pId:2, name:"can check 2-3"}
+		];
+		
+		function disabledNode(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			disabled = e.data.disabled,
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("Please select one node at first...");
+			}
+
+			for (var i=0, l=nodes.length; i<l; i++) {
+				zTree.setChkDisabled(nodes[i], disabled);
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#disabledTrue").bind("click", {disabled: true}, disabledNode);
+			$("#disabledFalse").bind("click", {disabled: false}, disabledNode);
+
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Radio chkDisabled Demo</h1>
+<h6>[ File Path: excheck/radio_chkDisabled.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of 'setChkDisabled' method</h2>
+				<ul class="list">
+				<li>'setChkDisabled' method can set the node's checkbox / radio to be disabled or abled. See the API documentation for more related contents.</li>
+				<li><p>Try:<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="disabledTrue" href="#" title="set checkbox to be disabled." onclick="return false;">be disabled</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="disabledFalse" href="#" title="set checkbox to be abled." onclick="return false;">be abled</a> ]</p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li>This Demo only shows how use the ‘nocheck’ attribute, detailed configuration information, please refer to 'Radio Operation'</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li class="highlight_red">1), If you need to initialize the node don't show radio, please set treeNode.chkDisabled attribute. See the API documentation for more related contents.</li>
+				<li>2), By the way, please see the 'Radio Operation' Demo.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio_fun.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio_fun.html
new file mode 100644
index 00000000..9a32fc3d
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio_fun.html	
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - beforeCheck / onCheck</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				selectedMulti: false
+			},
+			check: {
+				enable: true,
+				chkStyle: "radio",
+				radioType: "level"
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeCheck: beforeCheck,
+				onCheck: onCheck
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"can check 1", open:true},
+			{ id:11, pId:1, name:"no radio 1-1", nocheck:true},
+			{ id:12, pId:1, name:"can check 1-2", open:true},
+			{ id:121, pId:12, name:"can check 1-2-1"},
+			{ id:122, pId:12, name:"can check 1-2-2"},
+			{ id:123, pId:12, name:"no radio 1-2-3", nocheck:true},
+			{ id:13, pId:1, name:"can check 1-3"},
+			{ id:2, pId:0, name:"can't check 2", open:true, doCheck:false},
+			{ id:21, pId:2, name:"can't check 2-1", doCheck:false},
+			{ id:22, pId:2, name:"can't check 2-2", checked:true, open:true, doCheck:false},
+			{ id:221, pId:22, name:"can't chk 2-2-1", doCheck:false},
+			{ id:222, pId:22, name:"can't chk 2-2-2", checked:true, doCheck:false},
+			{ id:223, pId:22, name:"can't chk 2-2-3", doCheck:false},
+			{ id:23, pId:2, name:"can't check 2-3", doCheck:false}
+		];
+		
+		var code, log, className = "dark";
+		function beforeCheck(treeId, treeNode) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeCheck ]&nbsp;&nbsp;&nbsp;&nbsp;" + treeNode.name );
+			return (treeNode.doCheck !== false);
+		}
+		function onCheck(e, treeId, treeNode) {
+			showLog("[ "+getTime()+" onCheck ]&nbsp;&nbsp;&nbsp;&nbsp;" + treeNode.name );
+		}		
+		function showLog(str) {
+			if (!log) log = $("#log");
+			log.append("<li class='"+className+"'>"+str+"</li>");
+			if(log.children("li").length > 6) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds(),
+			ms=now.getMilliseconds();
+			return (h+":"+m+":"+s+ " " +ms);
+		}
+
+		function checkNode(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			type = e.data.type,
+			nodes = zTree.getSelectedNodes();
+			if (type.indexOf("All")<0 && nodes.length == 0) {
+				alert("Please select one node at first...");
+			}
+
+			if (type == "checkAllTrue") {
+				zTree.checkAllNodes(true);
+			} else if (type == "checkAllFalse") {
+				zTree.checkAllNodes(false);
+			} else {
+				var callbackFlag = $("#callbackTrigger").attr("checked");
+				for (var i=0, l=nodes.length; i<l; i++) {
+					if (type == "checkTrue") {
+						zTree.checkNode(nodes[i], true, null, callbackFlag);
+					} else if (type == "checkFalse") {
+						zTree.checkNode(nodes[i], false, null, callbackFlag);
+					}else if (type == "checkTruePS") {
+						zTree.checkNode(nodes[i], true, true, callbackFlag);
+					} else if (type == "checkFalsePS") {
+						zTree.checkNode(nodes[i], false, true, callbackFlag);
+					}
+				}
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#checkTrue").bind("click", {type:"checkTrue"}, checkNode);
+			$("#checkFalse").bind("click", {type:"checkFalse"}, checkNode);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Radio - zTree methods</h1>
+<h6>[ File Path: excheck/radio_fun.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, 'beforeCheck / onCheck' callback function</h2>
+				<ul class="list">
+				<li>Use 'beforeCheck / onCheck' callback function can control whether to allow changes to the node check state. This simple demo shows how to monitor the check event.</li>
+				<li><p>By the way also demonstrates how to use the 'checkNode' method triggers 'beforeCheck / onCheck' callback, Try: <br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="callbackTrigger" checked /> Whether trigger the callback when execution checkNode() method.<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="checkTrue" href="#" title="check..." onclick="return false;">check</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="checkFalse" href="#" title="uncheck..." onclick="return false;">uncheck</a> ]</p>
+				<li><p><span class="highlight_red">How to use 'zTreeObj.checkNode' method,  please see the API documentation.</span><br/>
+					beforeCheck / onCheck log:<br/>
+					<ul id="log" class="log" style="height:130px;"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li>Same as 'Radio Operation'</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>Same as 'Radio Operation'</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio_halfCheck.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio_halfCheck.html
new file mode 100644
index 00000000..932e8376
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio_halfCheck.html	
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Radio halfCheck</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			async: {
+				enable: true,
+				url:"../asyncData/getNodes.php",
+				autoParam:["id", "name=n", "level=lv"],
+				otherParam:{"chk":"chk"}
+			},
+			check: {
+				enable: true,
+				autoCheckTrigger: true,
+				chkStyle: "radio",
+				radioType: "level"
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				onAsyncSuccess: onAsyncSuccess
+			}
+		};
+
+		function onAsyncSuccess(event, treeId, treeNode, msg) {
+			cancelHalf(treeNode);
+		}
+		function cancelHalf(treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			treeNode.halfCheck = false;
+			zTree.updateNode(treeNode);			
+		}
+
+		var zNodes =[
+			{ id:1, pId:0, name:"half 1", halfCheck:true, isParent:true},
+			{ id:2, pId:0, name:"half 2", halfCheck:true, checked:true, isParent:true},
+			{ id:3, pId:0, name:"no half 3", isParent:true}
+		];
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Radio halfCheck Demo</h1>
+<h6>[ File Path: excheck/radio_halfCheck.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of Demo</h2>
+				<ul class="list">
+				<li>This demo implements the check operation of the dynamic tree</li>
+				<li class="highlight_red">1). After loaded child nodes, the parent node's 'halfCheck' attribute will be invalid immediately.</li>
+				<li class="highlight_red">2). If you check the parent node, will not effect the child nodes's check status.</li>
+				<li class="highlight_red">3). If you check the parent node, it's child node's 'halfCheck' attribute will still be valid.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li>Half-checked functional don't need to configure any parameter. But it is accessibility, can not used alone. So please configure the parameters which you need.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li class="highlight_red">1), Please set treeNode.halfCheck attribute, before zTree initialize. See the API documentation for more related contents.</li>
+				<li>2), By the way, please see the 'Radio Operation' Demo.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio_nocheck.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio_nocheck.html
new file mode 100644
index 00000000..e9e3b48b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/excheck/radio_nocheck.html	
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - no radio</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<!--
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true,
+				chkStyle: "radio",
+				radioType: "level"
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"can check 1", open:true},
+			{ id:11, pId:1, name:"can check 1-1", open:true},
+			{ id:111, pId:11, name:"no radio 1-1-1", nocheck:true},
+			{ id:112, pId:11, name:"can check 1-1-2"},
+			{ id:12, pId:1, name:"no radio 1-2", nocheck:true, open:true},
+			{ id:121, pId:12, name:"no radio 1-2-1"},
+			{ id:122, pId:12, name:"no radio 1-2-2"},
+			{ id:2, pId:0, name:"can check 2", checked:true, open:true},
+			{ id:21, pId:2, name:"can check 2-1"},
+			{ id:22, pId:2, name:"can check 2-2", open:true},
+			{ id:221, pId:22, name:"can check 2-2-1", checked:true},
+			{ id:222, pId:22, name:"can check 2-2-2"},
+			{ id:23, pId:2, name:"can check 2-3"}
+		];
+		
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Radio nocheck Demo</h1>
+<h6>[ File Path: excheck/radio_nocheck.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li>This Demo only shows how use the ‘nocheck’ attribute, detailed configuration information, please refer to 'Radio Operation'</li>
+				<li class="highlight_red">setting.check.nocheckInherit can set the child nodes to automatically inherit the parent node's 'nocheck' attribute. See the API documentation for more related contents.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li class="highlight_red">1), If you need to initialize the node don't show radio, please set treeNode.nocheck attribute. See the API documentation for more related contents.</li>
+				<li>2), By the way, please see the 'Radio Operation' Demo.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/async_edit.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/async_edit.html
new file mode 100644
index 00000000..26c6db9d
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/async_edit.html	
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - async & edit</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			async: {
+				enable: true,
+				url:"../asyncData/getNodes.php",
+				autoParam:["id", "name=n", "level=lv"],
+				otherParam:{"otherParam":"zTreeAsyncTest"},
+				dataFilter: filter
+			},
+			view: {expandSpeed:"",
+				addHoverDom: addHoverDom,
+				removeHoverDom: removeHoverDom,
+				selectedMulti: false
+			},
+			edit: {
+				enable: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeRemove: beforeRemove,
+				beforeRename: beforeRename
+			}
+		};
+
+		function filter(treeId, parentNode, childNodes) {
+			if (!childNodes) return null;
+			for (var i=0, l=childNodes.length; i<l; i++) {
+				childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');
+			}
+			return childNodes;
+		}
+		function beforeRemove(treeId, treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.selectNode(treeNode);
+			return confirm("Confirm delete node '" + treeNode.name + "' it?");
+		}		
+		function beforeRename(treeId, treeNode, newName) {
+			if (newName.length == 0) {
+				alert("Node name can not be empty.");
+				return false;
+			}
+			return true;
+		}
+
+		var newCount = 1;
+		function addHoverDom(treeId, treeNode) {
+			var sObj = $("#" + treeNode.tId + "_span");
+			if (treeNode.editNameFlag || $("#addBtn_"+treeNode.tId).length>0) return;
+			var addStr = "<span class='button add' id='addBtn_" + treeNode.tId
+				+ "' title='add node' onfocus='this.blur();'></span>";
+			sObj.after(addStr);
+			var btn = $("#addBtn_"+treeNode.tId);
+			if (btn) btn.bind("click", function(){
+				var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+				zTree.addNodes(treeNode, {id:(100 + newCount), pId:treeNode.id, name:"new node" + (newCount++)});
+				return false;
+			});
+		};
+		function removeHoverDom(treeId, treeNode) {
+			$("#addBtn_"+treeNode.tId).unbind().remove();
+		};
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li span.button.add {margin-left:2px; margin-right: -1px; background-position:-144px 0; vertical-align:top; *vertical-align:middle}
+	</style>
+</HEAD>
+
+<BODY>
+<h1>Editing Dynamic Tree</h1>
+<h6>[ File Path: exedit/async_edit.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of editing dynamic tree</h2>
+				<ul class="list">
+				<li>1) This Demo is based on the "Advanced Edit Nodes" to modify, and open to drag and drop functionality, can be compared with that demo.</li>
+				<li>2) At the same time set the editing mode and dynamic mode can be achieved editing dynamic tree.</li>
+				<li class="highlight_red">3) zTree improved editing capabilities in dynamic mode, if the parent node hasn‘t loaded the child nodes, it will first load the child nodes before it add child node.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li class="highlight_red">1) Use editing features, please refer to "Normal Drag Node Operation" & "Basic Edit Nodes" demo of the instructions.</li>
+				<li class="highlight_red">2) Use dynamic loading, please refer to "Dynamic Tree with Ajax" demo of the instructions.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>No special requirements on the node data, please refer to "Dynamic Tree with Ajax" & "Normal Drag Node Operation" & "Basic Edit Nodes" demo of the instructions</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/drag.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/drag.html
new file mode 100644
index 00000000..30aff420
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/drag.html	
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - drag & drop</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			edit: {
+				enable: true,
+				showRemoveBtn: false,
+				showRenameBtn: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeDrag: beforeDrag,
+				beforeDrop: beforeDrop
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"can drag 1", open:true},
+			{ id:11, pId:1, name:"can drag 1-1"},
+			{ id:12, pId:1, name:"can drag 1-2", open:true},
+			{ id:121, pId:12, name:"can drag 1-2-1"},
+			{ id:122, pId:12, name:"can drag 1-2-2"},
+			{ id:123, pId:12, name:"can drag 1-2-3"},
+			{ id:13, pId:1, name:"can't drag 1-3", open:true, drag:false},
+			{ id:131, pId:13, name:"can't drag 1-3-1", drag:false},
+			{ id:132, pId:13, name:"can't drag 1-3-2", drag:false},
+			{ id:133, pId:13, name:"can drag 1-3-3"},
+			{ id:2, pId:0, name:"can drag 2", open:true},
+			{ id:21, pId:2, name:"can drag 2-1"},
+			{ id:22, pId:2, name:"can't drop 2-2", open:true, drop:false},
+			{ id:221, pId:22, name:"can drag 2-2-1"},
+			{ id:222, pId:22, name:"can drag 2-2-2"},
+			{ id:223, pId:22, name:"can drag 2-2-3"},
+			{ id:23, pId:2, name:"can drag 2-3"}
+		];
+
+		function beforeDrag(treeId, treeNodes) {
+			for (var i=0,l=treeNodes.length; i<l; i++) {
+				if (treeNodes[i].drag === false) {
+					return false;
+				}
+			}
+			return true;
+		}
+		function beforeDrop(treeId, treeNodes, targetNode, moveType) {
+			return targetNode ? targetNode.drop !== false : true;
+		}
+
+		function setCheck() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			isCopy = $("#copy").attr("checked"),
+			isMove = $("#move").attr("checked"),
+			prev = $("#prev").attr("checked"),
+			inner = $("#inner").attr("checked"),
+			next = $("#next").attr("checked");
+			zTree.setting.edit.drag.isCopy = isCopy;
+			zTree.setting.edit.drag.isMove = isMove;
+			showCode(1, ['setting.edit.drag.isCopy = ' + isCopy, 'setting.edit.drag.isMove = ' + isMove]);
+
+			zTree.setting.edit.drag.prev = prev;
+			zTree.setting.edit.drag.inner = inner;
+			zTree.setting.edit.drag.next = next;
+			showCode(2, ['setting.edit.drag.prev = ' + prev, 'setting.edit.drag.inner = ' + inner, 'setting.edit.drag.next = ' + next]);
+		}
+		function showCode(id, str) {
+			var code = $("#code" + id);
+			code.empty();
+			for (var i=0, l=str.length; i<l; i++) {
+				code.append("<li>"+str[i]+"</li>");
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			setCheck();
+			$("#copy").bind("change", setCheck);
+			$("#move").bind("change", setCheck);
+			$("#prev").bind("change", setCheck);
+			$("#inner").bind("change", setCheck);
+			$("#next").bind("change", setCheck);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Normal Drag Node Operation</h1>
+<h6>[ File Path: exedit/drag.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li>This Demo only shows how to drag & drop nodes using the basic method and configure parameters.</li>
+				<li class="highlight_red">1) Must set 'setting.edit' attributes, see the API documentation for more related contents.</li>
+				<li class="highlight_red">2) If you want to use drag & drop callback, muse to set 'setting.callback.beforeDrag / onDrag / beforeDrop / onDrop' attributes, see the API documentation for more related contents.</li>
+				<li><p>Basic settings:<br/>
+						<input type="checkbox" id="copy" class="checkbox first" checked /><span>can Copy</span>
+						<input type="checkbox" id="move" class="checkbox " checked /><span>can Move</span><br/>
+						<ul id="code1" class="log" style="height:42px;"></ul></p>
+				</li>
+				<li><p>Position settings:<br/>
+						<input type="checkbox" id="prev" class="checkbox first" checked /><span>prev</span>
+						<input type="checkbox" id="inner" class="checkbox " checked /><span>inner</span>
+						<input type="checkbox" id="next" class="checkbox " checked /><span>next</span><br/>
+						<ul id="code2" class="log" style="height:65px;"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>No special requirements on the node data, the user can add custom attributes.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/drag_fun.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/drag_fun.html
new file mode 100644
index 00000000..1215ba28
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/drag_fun.html	
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - copyNode / moveNode</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				selectedMulti: false
+			},
+			edit: {
+				enable: true,
+				showRemoveBtn: false,
+				showRenameBtn: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeDrag: beforeDrag,
+				beforeClick: beforeClick
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"parent node 1", open:true},
+			{ id:11, pId:1, name:"leaf node 1-1"},
+			{ id:12, pId:1, name:"leaf node 1-2"},
+			{ id:13, pId:1, name:"leaf node 1-3"},
+			{ id:2, pId:0, name:"parent node 2", open:true},
+			{ id:21, pId:2, name:"leaf node 2-1"},
+			{ id:22, pId:2, name:"leaf node 2-2"},
+			{ id:23, pId:2, name:"leaf node 2-3"},
+			{ id:3, pId:0, name:"parent node 3", open:true },
+			{ id:31, pId:3, name:"leaf node 3-1"},
+			{ id:32, pId:3, name:"leaf node 3-2"},
+			{ id:33, pId:3, name:"leaf node 3-3"}
+		];
+
+		function fontCss(treeNode) {
+			var aObj = $("#" + treeNode.tId + "_a");
+			aObj.removeClass("copy").removeClass("cut");
+			if (treeNode === curSrcNode) {
+				if (curType == "copy") {
+					aObj.addClass(curType);
+				} else {
+					aObj.addClass(curType);
+				}			
+			}
+		}
+
+		function beforeDrag(treeId, treeNodes) {
+			return false;
+		}
+
+		function beforeClick(treeId, treeNode) {
+			return !treeNode.isCur;
+		}
+
+		var curSrcNode, curType;
+		function setCurSrcNode(treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			if (curSrcNode) {
+				delete curSrcNode.isCur;
+				var tmpNode = curSrcNode;
+				curSrcNode = null;
+				fontCss(tmpNode);
+			}
+			curSrcNode = treeNode;
+			if (!treeNode) return;
+
+			curSrcNode.isCur = true;			
+			zTree.cancelSelectedNode();
+			fontCss(curSrcNode);
+		}
+		function copy(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("Please select one node at first...");
+				return;
+			}
+			curType = "copy";
+			setCurSrcNode(nodes[0]);
+		}
+		function cut(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("Please select one node at first...");
+				return;
+			}
+			curType = "cut";
+			setCurSrcNode(nodes[0]);
+		}
+		function paste(e) {
+			if (!curSrcNode) {
+				alert("Please select one node to copy or cut at first...");
+				return;
+			}
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes(),
+			targetNode = nodes.length>0? nodes[0]:null;
+			if (curSrcNode === targetNode) {
+				alert("Can't move, the same source node and destination node.");
+				return;
+			} else if (curType === "cut" && ((!!targetNode && curSrcNode.parentTId === targetNode.tId) || (!targetNode && !curSrcNode.parentTId))) {
+				alert("Can't move, source node is the target node's child.");
+				return;
+			} else if (curType === "copy") {
+				targetNode = zTree.copyNode(targetNode, curSrcNode, "inner");
+			} else if (curType === "cut") {
+				targetNode = zTree.moveNode(targetNode, curSrcNode, "inner");
+				if (!targetNode) {
+					alert("Cutting failure, source node is the target node's parent.");
+				}
+				targetNode = curSrcNode;
+			}
+			setCurSrcNode();
+			delete targetNode.isCur;
+			zTree.selectNode(targetNode);
+		}
+		
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#copy").bind("click", copy);
+			$("#cut").bind("click", cut);
+			$("#paste").bind("click", paste);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li a.copy{padding-top:0; background-color:#316AC5; color:white; border:1px #316AC5 solid;}
+.ztree li a.cut{padding-top:0; background-color:silver; color:#111; border:1px #316AC5 dotted;}
+	</style>
+</HEAD>
+
+<BODY>
+<h1>Move / Copy - zTree methods</h1>
+<h6>[ File Path: exedit/drag_fun.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of 'copyNode / moveNode' method</h2>
+				<ul class="list">
+				<li>Use 'copyNode / moveNode' method can also be achieved copy / move nodes.</li>
+				<li><p>Try to copy or cut node:<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="copy" href="#" title="copy" onclick="return false;">copy</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="cut" href="#" title="cut" onclick="return false;">cut</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="paste" href="#" title="paste" onclick="return false;">paste</a> ]</p>
+				<li class="highlight_red">How to use 'zTreeObj.copyNode / moveNode' method,  please see the API documentation.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li>Same as 'Normal Drag Node Operation'</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>Same as 'Normal Drag Node Operation'</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/drag_super.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/drag_super.html
new file mode 100644
index 00000000..559f1ffe
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/drag_super.html	
@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - beforeDrag / onDrag / beforeDrop / onDrop</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			edit: {
+				drag: {
+					autoExpandTrigger: true,
+					prev: dropPrev,
+					inner: dropInner,
+					next: dropNext
+				},
+				enable: true,
+				showRemoveBtn: false,
+				showRenameBtn: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeDrag: beforeDrag,
+				beforeDrop: beforeDrop,
+				beforeDragOpen: beforeDragOpen,
+				onDrag: onDrag,
+				onDrop: onDrop,
+				onExpand: onExpand
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"can drag 1", open:true},
+			{ id:11, pId:1, name:"can drag 1-1"},
+			{ id:12, pId:1, name:"can drag 1-2"},
+			{ id:121, pId:12, name:"can drag 1-2-1"},
+			{ id:122, pId:12, name:"can drag 1-2-2"},
+			{ id:123, pId:12, name:"can drag 1-2-3"},
+			{ id:13, pId:1, name:"can't drag 1-3", open:true, drag:false},
+			{ id:131, pId:13, name:"can't drag 1-3-1", drag:false},
+			{ id:132, pId:13, name:"can't drag 1-3-2", drag:false},
+			{ id:132, pId:13, name:"can't drag 1-3-3", drag:false},
+			{ id:2, pId:0, name:"can't drag my child out 2", open:true, childOuter:false},
+			{ id:21, pId:2, name:"can't be parent  2-1", dropInner:false},
+			{ id:22, pId:2, name:"can't be root 2-2", dropRoot:false},
+			{ id:23, pId:2, name:"try to drag me 2-3"},
+			{ id:3, pId:0, name:"can't add/sort my child 3", open:true, childOrder:false, dropInner:false},
+			{ id:31, pId:3, name:"can drag 3-1"},
+			{ id:32, pId:3, name:"can drag 3-2"},
+			{ id:33, pId:3, name:"can drag 3-3"}
+		];
+
+		function dropPrev(treeId, nodes, targetNode) {
+			var pNode = targetNode.getParentNode();
+			if (pNode && pNode.dropInner === false) {
+				return false;
+			} else {
+				for (var i=0,l=curDragNodes.length; i<l; i++) {
+					var curPNode = curDragNodes[i].getParentNode();
+					if (curPNode && curPNode !== targetNode.getParentNode() && curPNode.childOuter === false) {
+						return false;
+					}
+				}
+			}
+			return true;
+		}
+		function dropInner(treeId, nodes, targetNode) {
+			if (targetNode && targetNode.dropInner === false) {
+				return false;
+			} else {
+				for (var i=0,l=curDragNodes.length; i<l; i++) {
+					if (!targetNode && curDragNodes[i].dropRoot === false) {
+						return false;
+					} else if (curDragNodes[i].parentTId && curDragNodes[i].getParentNode() !== targetNode && curDragNodes[i].getParentNode().childOuter === false) {
+						return false;
+					}
+				}
+			}
+			return true;
+		}
+		function dropNext(treeId, nodes, targetNode) {
+			var pNode = targetNode.getParentNode();
+			if (pNode && pNode.dropInner === false) {
+				return false;
+			} else {
+				for (var i=0,l=curDragNodes.length; i<l; i++) {
+					var curPNode = curDragNodes[i].getParentNode();
+					if (curPNode && curPNode !== targetNode.getParentNode() && curPNode.childOuter === false) {
+						return false;
+					}
+				}
+			}
+			return true;
+		}
+
+		var log, className = "dark", curDragNodes, autoExpandNode;
+		function beforeDrag(treeId, treeNodes) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeDrag ]&nbsp;&nbsp;&nbsp;&nbsp; drag: " + treeNodes.length + " nodes." );
+			for (var i=0,l=treeNodes.length; i<l; i++) {
+				if (treeNodes[i].drag === false) {
+					curDragNodes = null;
+					return false;
+				} else if (treeNodes[i].parentTId && treeNodes[i].getParentNode().childDrag === false) {
+					curDragNodes = null;
+					return false;
+				}
+			}
+			curDragNodes = treeNodes;
+			return true;
+		}
+		function beforeDragOpen(treeId, treeNode) {
+			autoExpandNode = treeNode;
+			return true;
+		}
+		function beforeDrop(treeId, treeNodes, targetNode, moveType, isCopy) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeDrop ]&nbsp;&nbsp;&nbsp;&nbsp; moveType:" + moveType);
+			showLog("target: " + (targetNode ? targetNode.name : "root") + "  -- is "+ (isCopy==null? "cancel" : isCopy ? "copy" : "move"));
+			return true;
+		}
+		function onDrag(event, treeId, treeNodes) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" onDrag ]&nbsp;&nbsp;&nbsp;&nbsp; drag: " + treeNodes.length + " nodes." );
+		}
+		function onDrop(event, treeId, treeNodes, targetNode, moveType, isCopy) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" onDrop ]&nbsp;&nbsp;&nbsp;&nbsp; moveType:" + moveType);
+			showLog("target: " + (targetNode ? targetNode.name : "root") + "  -- is "+ (isCopy==null? "cancel" : isCopy ? "copy" : "move"))
+		}
+		function onExpand(event, treeId, treeNode) {
+			if (treeNode === autoExpandNode) {
+				className = (className === "dark" ? "":"dark");
+				showLog("[ "+getTime()+" onExpand ]&nbsp;&nbsp;&nbsp;&nbsp;" + treeNode.name);
+			}
+		}
+
+		function showLog(str) {
+			if (!log) log = $("#log");
+			log.append("<li class='"+className+"'>"+str+"</li>");
+			if(log.children("li").length > 8) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds(),
+			ms=now.getMilliseconds();
+			return (h+":"+m+":"+s+ " " +ms);
+		}
+
+		function setTrigger() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.setting.edit.drag.autoExpandTrigger = $("#callbackTrigger").attr("checked");
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#callbackTrigger").bind("change", {}, setTrigger);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Advanced Drag Node Operation</h1>
+<h6>[ File Path: exedit/drag_super.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, 'beforeDrag / onDrag'<br/>&nbsp;&nbsp;'beforeDrop / onDrop' callback function</h2>
+				<ul class="list">
+				<li>This Demo shows the configuration parameters to achieve a more flexible use of drag and drop rules, the operation can be compared with "Normal Drag Node Operation" example.</li>
+				<li>This Demo default allows copy & move.</li>
+				<li class="highlight_red">This Demo set 'setting.edit.drag.prev / inner / next'  as 'function', you can dynamically set according to the node, which can not use beforeDrop callback function, the effect of drag and drop will be better.</li>
+				<li><p><span class="highlight_red">After be familiar with these configurations, I think you can design a more flexible and rational rules!</span><br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="callbackTrigger" checked /> 拖拽节点时自动展开父节点是否触发 callback<br/>
+					drag / drop log:<br/>
+					<ul id="log" class="log"></ul></p></li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li>Same as 'Normal Drag Node Operation'</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>Same as 'Normal Drag Node Operation'</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/edit.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/edit.html
new file mode 100644
index 00000000..fd60f054
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/edit.html	
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - edit</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			edit: {
+				enable: true
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeDrag: beforeDrag
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"parent node 1", open:true},
+			{ id:11, pId:1, name:"leaf node 1-1"},
+			{ id:12, pId:1, name:"leaf node 1-2"},
+			{ id:13, pId:1, name:"leaf node 1-3"},
+			{ id:2, pId:0, name:"parent node 2", open:true},
+			{ id:21, pId:2, name:"leaf node 2-1"},
+			{ id:22, pId:2, name:"leaf node 2-2"},
+			{ id:23, pId:2, name:"leaf node 2-3"},
+			{ id:3, pId:0, name:"parent node 3", open:true },
+			{ id:31, pId:3, name:"leaf node 3-1"},
+			{ id:32, pId:3, name:"leaf node 3-2"},
+			{ id:33, pId:3, name:"leaf node 3-3"}
+		];
+
+		function beforeDrag(treeId, treeNodes) {
+			return false;
+		}
+		
+		function setEdit() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			remove = $("#remove").attr("checked"),
+			rename = $("#rename").attr("checked"),
+			removeTitle = $.trim($("#removeTitle").get(0).value),
+			renameTitle = $.trim($("#renameTitle").get(0).value);
+			zTree.setting.edit.showRemoveBtn = remove;
+			zTree.setting.edit.showRenameBtn = rename;
+			zTree.setting.edit.removeTitle = removeTitle;
+			zTree.setting.edit.renameTitle = renameTitle;
+			showCode(['setting.edit.showRemoveBtn = ' + remove, 'setting.edit.showRenameBtn = ' + rename,
+				'setting.edit.removeTitle = "' + removeTitle +'"', 'setting.edit.renameTitle = "' + renameTitle + '"']);
+		}
+		function showCode(str) {
+			var code = $("#code");
+			code.empty();
+			for (var i=0, l=str.length; i<l; i++) {
+				code.append("<li>"+str[i]+"</li>");
+			}
+		}
+		
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			setEdit();
+			$("#remove").bind("change", setEdit);
+			$("#rename").bind("change", setEdit);
+			$("#removeTitle").bind("propertychange", setEdit)
+			.bind("input", setEdit);
+			$("#renameTitle").bind("propertychange", setEdit)
+			.bind("input", setEdit);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Basic Edit Nodes</h1>
+<h6>[ File Path: exedit/edit.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li>This Demo only shows how to edit nodes using the basic method and configure parameters.</li>
+				<li class="highlight_red">1) Must set 'setting.edit' attributes, see the API documentation for more related contents.</li>
+				<li class="highlight_red">2) If you want to use remove / rename callback, muse to set 'setting.callback.beforeRemove / onRemove / beforeRename / onRename' attributes, see the API documentation for more related contents.</li>
+				<li class="highlight_red">3) zTree do not provide buttons for add nodes, please use the custom control methods 'addHoverDom / removeHoverDom' to achieve added functionality, see the API documentation for more related contents. Another way, you can see the demo named 'Advanced Edit Nodes'.</li>
+				<li><p>Edit button setting:<br/>
+						<input type="checkbox" id="remove" class="checkbox first" checked /><span>show remove button</span>
+						<input type="checkbox" id="rename" class="checkbox " checked /><span>show edit button</span><br/>
+						title for remove: <input type="text" id="removeTitle" value="remove" /><br/>
+						title for rename: <input type="text" id="renameTitle" value="rename" />
+						<ul id="code" class="log" style="height:85px;"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>No special requirements on the node data, the user can add custom attributes.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/edit_fun.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/edit_fun.html
new file mode 100644
index 00000000..09c471ea
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/edit_fun.html	
@@ -0,0 +1,194 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - addNodes / editName / removeNode / removeChildNodes</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				selectedMulti: false
+			},
+			edit: {
+				enable: true,
+				showRemoveBtn: false,
+				showRenameBtn: false
+			},
+			data: {
+				keep: {
+					parent:true,
+					leaf:true
+				},
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeDrag: beforeDrag,
+				beforeRemove: beforeRemove,
+				beforeRename: beforeRename,
+				onRemove: onRemove
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"parent node 1", open:true},
+			{ id:11, pId:1, name:"leaf node 1-1"},
+			{ id:12, pId:1, name:"leaf node 1-2"},
+			{ id:13, pId:1, name:"leaf node 1-3"},
+			{ id:2, pId:0, name:"parent node 2", open:true},
+			{ id:21, pId:2, name:"leaf node 2-1"},
+			{ id:22, pId:2, name:"leaf node 2-2"},
+			{ id:23, pId:2, name:"leaf node 2-3"},
+			{ id:3, pId:0, name:"parent node 3", open:true },
+			{ id:31, pId:3, name:"leaf node 3-1"},
+			{ id:32, pId:3, name:"leaf node 3-2"},
+			{ id:33, pId:3, name:"leaf node 3-3"}
+		];
+		var log, className = "dark";
+		function beforeDrag(treeId, treeNodes) {
+			return false;
+		}
+		function beforeRemove(treeId, treeNode) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeRemove ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name);
+			return confirm("Confirm delete node '" + treeNode.name + "' it?");
+		}
+		function onRemove(e, treeId, treeNode) {
+			showLog("[ "+getTime()+" onRemove ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name);
+		}
+		function beforeRename(treeId, treeNode, newName) {
+			if (newName.length == 0) {
+				alert("Node name can not be empty.");
+				var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+				setTimeout(function(){zTree.editName(treeNode)}, 10);
+				return false;
+			}
+			return true;
+		}
+		function showLog(str) {
+			if (!log) log = $("#log");
+			log.append("<li class='"+className+"'>"+str+"</li>");
+			if(log.children("li").length > 8) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds(),
+			ms=now.getMilliseconds();
+			return (h+":"+m+":"+s+ " " +ms);
+		}
+		
+		var newCount = 1;
+		function add(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			isParent = e.data.isParent,
+			nodes = zTree.getSelectedNodes(),
+			treeNode = nodes[0];
+			if (treeNode) {
+				treeNode = zTree.addNodes(treeNode, {id:(100 + newCount), pId:treeNode.id, isParent:isParent, name:"new node" + (newCount++)});
+			} else {
+				treeNode = zTree.addNodes(null, {id:(100 + newCount), pId:0, isParent:isParent, name:"new node" + (newCount++)});
+			}
+			if (treeNode) {
+				zTree.editName(treeNode[0]);
+			} else {
+				alert("Leaf node is locked and can not add child node.");
+			}
+		};
+		function edit() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes(),
+			treeNode = nodes[0];
+			if (nodes.length == 0) {
+				alert("Please select one node at first...");
+				return;
+			}
+			zTree.editName(treeNode);
+		};
+		function remove(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes(),
+			treeNode = nodes[0];
+			if (nodes.length == 0) {
+				alert("Please select one node at first...");
+				return;
+			}
+			var callbackFlag = $("#callbackTrigger").attr("checked");
+			zTree.removeNode(treeNode, callbackFlag);
+		};
+		function clearChildren(e) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes(),
+			treeNode = nodes[0];
+			if (nodes.length == 0 || !nodes[0].isParent) {
+				alert("Please select one parent node at first...");
+				return;
+			}
+			zTree.removeChildNodes(treeNode);
+		};
+		
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#addParent").bind("click", {isParent:true}, add);
+			$("#addLeaf").bind("click", {isParent:false}, add);
+			$("#edit").bind("click", edit);
+			$("#remove").bind("click", remove);
+			$("#clearChildren").bind("click", clearChildren);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Edit Nodes - zTree methods</h1>
+<h6>[ File Path: exedit/edit_fun.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of 'addNodes / editName / removeNode / removeChildNodes' method</h2>
+				<ul class="list">
+				<li>Use 'addNodes / editName / removeNode / removeChildNodes' method can also be achieved copy / move nodes.</li>
+				<li>Method 'cancelEditName' is effective, only when edit the node name. Please use it when necessary, this demo doesn't show how to use the method.</li>
+				<li class="highlight_red">Use setting.data.keep.parent / leaf attribute, you can lock the parent node and leaf node.</li>
+				<li><p>Try to edit node:<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="callbackTrigger" checked /> Whether trigger the callback when execution removeNode() method.<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="addParent" href="#" title="add parent node" onclick="return false;">add parent node</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="addLeaf" href="#" title="add leaf node" onclick="return false;">add leaf node</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="edit" href="#" title="edit name" onclick="return false;">edit name</a> ]<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="remove" href="#" title="remove node" onclick="return false;">remove node</a> ]
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="clearChildren" href="#" title="make child nodes to empty" onclick="return false;">make child nodes to empty</a> ]<br/>
+					remove log:<br/>
+					<ul id="log" class="log"></ul></p>
+				</li>
+				<li class="highlight_red">How to use 'zTreeObj.addNodes / cancelEditName / editName / removeNode / removeChildNodes' method,  please see the API documentation.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li>Same as 'Basic Edit Nodes'</li>
+				<li class="highlight_red">Lock the parent / leaf node status, need to set setting.data.keep.parent / leaf attribute, see the API documentation for more related contents</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>Same as 'Basic Edit Nodes'</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/edit_super.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/edit_super.html
new file mode 100644
index 00000000..c00286db
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/edit_super.html	
@@ -0,0 +1,183 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - beforeEditName / beforeRemove / onRemove / beforeRename / onRename</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				addHoverDom: addHoverDom,
+				removeHoverDom: removeHoverDom,
+				selectedMulti: false
+			},
+			edit: {
+				enable: true,
+				editNameSelectAll: true,
+				showRemoveBtn: showRemoveBtn,
+				showRenameBtn: showRenameBtn
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeDrag: beforeDrag,
+				beforeEditName: beforeEditName,
+				beforeRemove: beforeRemove,
+				beforeRename: beforeRename,
+				onRemove: onRemove,
+				onRename: onRename
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"parent node 1", open:true},
+			{ id:11, pId:1, name:"leaf node 1-1"},
+			{ id:12, pId:1, name:"leaf node 1-2"},
+			{ id:13, pId:1, name:"leaf node 1-3"},
+			{ id:2, pId:0, name:"parent node 2", open:true},
+			{ id:21, pId:2, name:"leaf node 2-1"},
+			{ id:22, pId:2, name:"leaf node 2-2"},
+			{ id:23, pId:2, name:"leaf node 2-3"},
+			{ id:3, pId:0, name:"parent node 3", open:true },
+			{ id:31, pId:3, name:"leaf node 3-1"},
+			{ id:32, pId:3, name:"leaf node 3-2"},
+			{ id:33, pId:3, name:"leaf node 3-3"}
+		];
+		var log, className = "dark";
+		function beforeDrag(treeId, treeNodes) {
+			return false;
+		}
+		function beforeEditName(treeId, treeNode) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeEditName ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name);
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.selectNode(treeNode);
+			return confirm("Start node '" + treeNode.name + "' editorial status?");
+		}
+		function beforeRemove(treeId, treeNode) {
+			className = (className === "dark" ? "":"dark");
+			showLog("[ "+getTime()+" beforeRemove ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name);
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.selectNode(treeNode);
+			return confirm("Confirm delete node '" + treeNode.name + "' it?");
+		}
+		function onRemove(e, treeId, treeNode) {
+			showLog("[ "+getTime()+" onRemove ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name);
+		}
+		function beforeRename(treeId, treeNode, newName, isCancel) {
+			className = (className === "dark" ? "":"dark");
+			showLog((isCancel ? "<span style='color:red'>":"") + "[ "+getTime()+" beforeRename ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name + (isCancel ? "</span>":""));
+			if (newName.length == 0) {
+				alert("Node name can not be empty.");
+				var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+				setTimeout(function(){zTree.editName(treeNode)}, 10);
+				return false;
+			}
+			return true;
+		}
+		function onRename(e, treeId, treeNode, isCancel) {
+			showLog((isCancel ? "<span style='color:red'>":"") + "[ "+getTime()+" onRename ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name + (isCancel ? "</span>":""));
+		}
+		function showRemoveBtn(treeId, treeNode) {
+			return !treeNode.isFirstNode;
+		}
+		function showRenameBtn(treeId, treeNode) {
+			return !treeNode.isLastNode;
+		}
+		function showLog(str) {
+			if (!log) log = $("#log");
+			log.append("<li class='"+className+"'>"+str+"</li>");
+			if(log.children("li").length > 8) {
+				log.get(0).removeChild(log.children("li")[0]);
+			}
+		}
+		function getTime() {
+			var now= new Date(),
+			h=now.getHours(),
+			m=now.getMinutes(),
+			s=now.getSeconds(),
+			ms=now.getMilliseconds();
+			return (h+":"+m+":"+s+ " " +ms);
+		}
+
+		var newCount = 1;
+		function addHoverDom(treeId, treeNode) {
+			var sObj = $("#" + treeNode.tId + "_span");
+			if (treeNode.editNameFlag || $("#addBtn_"+treeNode.tId).length>0) return;
+			var addStr = "<span class='button add' id='addBtn_" + treeNode.tId
+				+ "' title='add node' onfocus='this.blur();'></span>";
+			sObj.after(addStr);
+			var btn = $("#addBtn_"+treeNode.tId);
+			if (btn) btn.bind("click", function(){
+				var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+				zTree.addNodes(treeNode, {id:(100 + newCount), pId:treeNode.id, name:"new node" + (newCount++)});
+				return false;
+			});
+		};
+		function removeHoverDom(treeId, treeNode) {
+			$("#addBtn_"+treeNode.tId).unbind().remove();
+		};
+		function selectAll() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.setting.edit.editNameSelectAll =  $("#selectAll").attr("checked");
+		}
+		
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#selectAll").bind("click", selectAll);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li span.button.add {margin-left:2px; margin-right: -1px; background-position:-144px 0; vertical-align:top; *vertical-align:middle}
+	</style>
+</HEAD>
+
+<BODY>
+<h1>Advanced Edit Nodes</h1>
+<h6>[ File Path: exedit/edit_super.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, 'beforeDrag / onDrag'<br/>&nbsp;&nbsp;'beforeEditName'<br/>&nbsp;&nbsp;'beforeRemove / onRemove'<br/>&nbsp;&nbsp;'beforeRename / onRename' callback function</h2>
+				<ul class="list">
+				<li>This demo shows the use of custom controls, the callback function to enhance the user experience, the operation can be compared with "Basic Edit Nodes" example.</li>
+				<li>This demo achieve the Add nodes button.</li>
+				<li>This demo achieve the confirmation when deleting node.</li>
+				<li>This demo use the 'showRenameBtn' to hide the rename button, when the treeNode's isLastNode = true</li>
+				<li>This demo use the 'showRemoveBtn' to hide the delete button, when the treeNode's isFirstNode = true</li>
+				<li class="highlight_red">Can use 'beforeEditName' callback trigger custom editing.</li>
+				<li><p><span class="highlight_red">After be familiar with these configurations, I think you can design a more flexible and rational rules!</span><br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="selectAll" checked /> Whether select all text, when edit node's name.<br/>
+					remove / rename log:&nbsp;&nbsp;<span style="color:red">RED</span> is cancel edit (v3.5.13+)<br/>
+					<ul id="log" class="log"></ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li>Same as 'Basic Edit Nodes'</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>Same as 'Basic Edit Nodes'</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/multiTree.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/multiTree.html
new file mode 100644
index 00000000..b078f1b7
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exedit/multiTree.html	
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - multiTree</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			edit: {
+				enable: true,
+				showRemoveBtn: false,
+				showRenameBtn: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeDrag: beforeDrag,
+				beforeDrop: beforeDrop
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"parent node 1", open:true},
+			{ id:11, pId:1, name:"leaf node 1-1"},
+			{ id:12, pId:1, name:"leaf node 1-2"},
+			{ id:13, pId:1, name:"leaf node 1-3"},
+			{ id:2, pId:0, name:"parent node 2", open:true},
+			{ id:21, pId:2, name:"leaf node 2-1"},
+			{ id:22, pId:2, name:"leaf node 2-2"},
+			{ id:23, pId:2, name:"leaf node 2-3"},
+			{ id:3, pId:0, name:"parent node 3", open:true },
+			{ id:31, pId:3, name:"leaf node 3-1"},
+			{ id:32, pId:3, name:"leaf node 3-2"},
+			{ id:33, pId:3, name:"leaf node 3-3"}
+		];
+
+		function beforeDrag(treeId, treeNodes) {
+			for (var i=0,l=treeNodes.length; i<l; i++) {
+				if (treeNodes[i].drag === false) {
+					return false;
+				}
+			}
+			return true;
+		}
+		function beforeDrop(treeId, treeNodes, targetNode, moveType) {
+			return targetNode ? targetNode.drop !== false : true;
+		}
+		
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$.fn.zTree.init($("#treeDemo2"), setting);
+			
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Multiple Trees</h1>
+<h6>[ File Path: exedit/multiTree.html ]</h6>
+<div class="content_wrap">
+	<div>
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li>zTree enables drag and drop nodes between multiple trees, only need to create two draggable tree can be. And you can use the callback function and zTree method achieve a more complex operating rules, here is only the basic demo.</li>
+				<li class="highlight_red">On the 'setting' configuration information please refer to drag and drop, edit, etc. demo's instructions</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>No special requirements on the node data, the user can add custom attributes.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul id="treeDemo2" class="ztree"></ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exhide/checkbox.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exhide/checkbox.html
new file mode 100644
index 00000000..759701ac
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exhide/checkbox.html	
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Hide With Checkbox Mode</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+<!--<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<script type="text/javascript" src="../../../js/jquery.ztree.exhide-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true
+			},
+			data: {
+				key: {
+					title: "title"
+				},
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				onCheck: onCheck
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"pNode 1", title:"", checked:true, open:true},
+			{ id:11, pId:1, name:"pNode 11", title:"", checked:true},
+			{ id:111, pId:11, name:"leaf node 111", title:"", checked:true, isHidden:true},
+			{ id:112, pId:11, name:"leaf node 112", title:""},
+			{ id:113, pId:11, name:"leaf node 113", title:""},
+			{ id:12, pId:1, name:"pNode 12", title:"", isHidden:true},
+			{ id:121, pId:12, name:"leaf node 121", title:""},
+			{ id:122, pId:12, name:"leaf node 122", title:"", isHidden:true},
+			{ id:123, pId:12, name:"leaf node 123", title:""},
+			{ id:2, pId:0, name:"pNode 2", title:""},
+			{ id:21, pId:2, name:"pNode 21", title:"", isHidden:true},
+			{ id:211, pId:21, name:"leaf node 211", title:""},
+			{ id:212, pId:21, name:"leaf node 212", title:""},
+			{ id:213, pId:21, name:"leaf node 213", title:""},
+			{ id:22, pId:2, name:"pNode 22", title:""},
+			{ id:221, pId:22, name:"leaf node 221", title:""},
+			{ id:222, pId:22, name:"leaf node 222", title:""},
+			{ id:223, pId:22, name:"leaf node 223", title:""}
+		];
+
+		function onCheck(e, treeId, treeNode) {
+			count();
+		}
+
+		function setTitle(node) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			var nodes = node ? [node]:zTree.transformToArray(zTree.getNodes());
+			for (var i=0, l=nodes.length; i<l; i++) {
+				var n = nodes[i];
+				n.title = "[" + n.id + "] isFirstNode = " + n.isFirstNode + ", isLastNode = " + n.isLastNode;
+				zTree.updateNode(n);
+			}
+		}
+		function count() {
+			function isForceHidden(node) {
+				if (!node.parentTId) return false;
+				var p = node.getParentNode();
+				return !!p.isHidden ? true : isForceHidden(p);
+			}
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			checkCount = zTree.getCheckedNodes(true).length,
+			nocheckCount = zTree.getCheckedNodes(false).length,
+			hiddenNodes = zTree.getNodesByParam("isHidden", true),
+			hiddenCount = hiddenNodes.length;
+
+			for (var i=0, j=hiddenNodes.length; i<j; i++) {
+				var n = hiddenNodes[i];
+				if (isForceHidden(n)) {
+					hiddenCount -= 1;
+				} else if (n.isParent) {
+					hiddenCount += zTree.transformToArray(n.children).length;
+				}
+			}
+
+			$("#isHiddenCount").text(hiddenNodes.length);
+			$("#hiddenCount").text(hiddenCount);
+			$("#checkCount").text(checkCount);
+			$("#nocheckCount").text(nocheckCount);
+		}
+		function showNodes() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getNodesByParam("isHidden", true);
+			zTree.showNodes(nodes);
+			setTitle();
+			count();
+		}
+		function hideNodes() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("Please select one node at least.");
+				return;
+			}
+			zTree.hideNodes(nodes);
+			setTitle();
+			count();
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#hideNodesBtn").bind("click", {type:"rename"}, hideNodes);
+			$("#showNodesBtn").bind("click", {type:"icon"}, showNodes);
+			setTitle();
+			count();
+		});
+		//-->
+	</SCRIPT>
+ </HEAD>
+
+<BODY>
+<h1>Hide With Checkbox Mode</h1>
+<h6>[ File Path: exhide/checkbox.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li>Use the freature which to hide nodes, you don't need to set any attributes.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li class="highlight_red">Before you init zTree, set treeNode.isHidden = true, and you can hide the node.</li>
+				<li><p>Hide or show the nodes:<br/>
+					Try: [ <a id="hideNodesBtn" href="#" onclick="return false;">Hide the nodes which be selected</a> ]<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="showNodesBtn" href="#" onclick="return false;">Show all of the nodes which be hidden</a> ]<br/>
+					<ul id="log" class="log" style="height:125px;">
+						<li>Total nodes which 'isHidden' attribute is true: <span id="isHiddenCount" class="highlight_red"></span></li>
+						<li>Total hidden nodes: <span id="hiddenCount" class="highlight_red"></span></li>
+						<li>Total check nodes: <span id="checkCount" class="highlight_red"></span>
+							&nbsp;&nbsp;Total uncheck nodes: <span id="nocheckCount" class="highlight_red"></span></li>
+						<li>After hide nodes, you can see the 'isFirstNode' and 'isLastNode' attributes on the nodes which still be shown.</li>
+					</ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、Other explanation</h2>
+				<ul class="list">
+				<li>Hide nodes will effect the 'isFirstNode' and 'isLastNode' attributes, but will not effect the 'getPreNode()' and 'getNextNode()' method.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exhide/common.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exhide/common.html
new file mode 100644
index 00000000..9d660a90
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exhide/common.html	
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Hide Ordinary Node</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+<!--<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<script type="text/javascript" src="../../../js/jquery.ztree.exhide-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			data: {
+				key: {
+					title: "title"
+				},
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"pNode 1", title:"", open:true},
+			{ id:11, pId:1, name:"pNode 11", title:""},
+			{ id:111, pId:11, name:"leaf node  111", title:"", isHidden:true},
+			{ id:112, pId:11, name:"leaf node  112", title:""},
+			{ id:113, pId:11, name:"leaf node  113", title:""},
+			{ id:12, pId:1, name:"pNode 12", title:"", isHidden:true},
+			{ id:121, pId:12, name:"leaf node  121", title:""},
+			{ id:122, pId:12, name:"leaf node  122", title:"", isHidden:true},
+			{ id:123, pId:12, name:"leaf node  123", title:""},
+			{ id:2, pId:0, name:"pNode 2", title:""},
+			{ id:21, pId:2, name:"pNode 21", title:"", isHidden:true},
+			{ id:211, pId:21, name:"leaf node  211", title:""},
+			{ id:212, pId:21, name:"leaf node  212", title:""},
+			{ id:213, pId:21, name:"leaf node  213", title:""},
+			{ id:22, pId:2, name:"pNode 22", title:""},
+			{ id:221, pId:22, name:"leaf node  221", title:""},
+			{ id:222, pId:22, name:"leaf node  222", title:""},
+			{ id:223, pId:22, name:"leaf node  223", title:""}
+		];
+		function setTitle(node) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			var nodes = node ? [node]:zTree.transformToArray(zTree.getNodes());
+			for (var i=0, l=nodes.length; i<l; i++) {
+				var n = nodes[i];
+				n.title = "[" + n.id + "] isFirstNode = " + n.isFirstNode + ", isLastNode = " + n.isLastNode;
+				zTree.updateNode(n);
+			}
+		}
+		function count() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			hiddenCount = zTree.getNodesByParam("isHidden", true).length;
+			$("#hiddenCount").text(hiddenCount);
+		}
+		function showNodes() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getNodesByParam("isHidden", true);
+			zTree.showNodes(nodes);
+			setTitle();
+			count();
+		}
+		function hideNodes() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("Please select one node at least.");
+				return;
+			}
+			zTree.hideNodes(nodes);
+			setTitle();
+			count();
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#hideNodesBtn").bind("click", {type:"rename"}, hideNodes);
+			$("#showNodesBtn").bind("click", {type:"icon"}, showNodes);
+			setTitle();
+			count();
+		});
+		//-->
+	</SCRIPT>
+ </HEAD>
+
+<BODY>
+<h1>Hide Ordinary Node</h1>
+<h6>[ File Path: exhide/common.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li>Use this freature, you don't need to set any attributes.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li class="highlight_red">Before you init zTree, set treeNode.isHidden = true, and you can hide the node.</li>
+				<li><p>Hide or show the nodes:<br/><br/>
+					Try: [ <a id="hideNodesBtn" href="#" onclick="return false;">Hide the nodes which be selected</a> ]<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="showNodesBtn" href="#" onclick="return false;">Show all of the nodes which be hidden</a> ]<br/><br/>
+					<ul id="log" class="log" style="height:65px;">
+						<li>Total hidden nodes ('isHidden' is true): <span id="hiddenCount" class="highlight_red"></span> 个</li>
+						<li>After hide nodes, you can see the 'isFirstNode' and 'isLastNode' attributes on the nodes which still be shown.</li>
+					</ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、Other explanation</h2>
+				<ul class="list">
+				<li>Hide nodes will effect the 'isFirstNode' and 'isLastNode' attributes, but will not effect the 'getPreNode()' and 'getNextNode()' method.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exhide/radio.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exhide/radio.html
new file mode 100644
index 00000000..639d69c2
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/exhide/radio.html	
@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - Hide With Radio Mode</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+<!--<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<script type="text/javascript" src="../../../js/jquery.ztree.exhide-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true,
+				chkStyle: "radio"
+			},
+			data: {
+				key: {
+					title: "title"
+				},
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				onCheck: onCheck
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"pNode 1", title:"", checked:true, open:true},
+			{ id:11, pId:1, name:"pNode 11", title:"", checked:true},
+			{ id:111, pId:11, name:"leaf node 111", title:"", checked:true, isHidden:true},
+			{ id:112, pId:11, name:"leaf node 112", title:""},
+			{ id:113, pId:11, name:"leaf node 113", title:""},
+			{ id:12, pId:1, name:"pNode 12", title:"", isHidden:true},
+			{ id:121, pId:12, name:"leaf node 121", title:""},
+			{ id:122, pId:12, name:"leaf node 122", title:"", isHidden:true},
+			{ id:123, pId:12, name:"leaf node 123", title:""},
+			{ id:2, pId:0, name:"pNode 2", title:""},
+			{ id:21, pId:2, name:"pNode 21", title:"", isHidden:true},
+			{ id:211, pId:21, name:"leaf node 211", title:""},
+			{ id:212, pId:21, name:"leaf node 212", title:""},
+			{ id:213, pId:21, name:"leaf node 213", title:""},
+			{ id:22, pId:2, name:"pNode 22", title:""},
+			{ id:221, pId:22, name:"leaf node 221", title:""},
+			{ id:222, pId:22, name:"leaf node 222", title:""},
+			{ id:223, pId:22, name:"leaf node 223", title:""}
+		];
+
+		function onCheck(e, treeId, treeNode) {
+			count();
+		}
+
+		function setTitle(node) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			var nodes = node ? [node]:zTree.transformToArray(zTree.getNodes());
+			for (var i=0, l=nodes.length; i<l; i++) {
+				var n = nodes[i];
+				n.title = "[" + n.id + "] isFirstNode = " + n.isFirstNode + ", isLastNode = " + n.isLastNode;
+				zTree.updateNode(n);
+			}
+		}
+		function count() {
+			function isForceHidden(node) {
+				if (!node.parentTId) return false;
+				var p = node.getParentNode();
+				return !!p.isHidden ? true : isForceHidden(p);
+			}
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			checkCount = zTree.getCheckedNodes(true).length,
+			nocheckCount = zTree.getCheckedNodes(false).length,
+			hiddenNodes = zTree.getNodesByParam("isHidden", true),
+			hiddenCount = hiddenNodes.length;
+
+			for (var i=0, j=hiddenNodes.length; i<j; i++) {
+				var n = hiddenNodes[i];
+				if (isForceHidden(n)) {
+					hiddenCount -= 1;
+				} else if (n.isParent) {
+					hiddenCount += zTree.transformToArray(n.children).length;
+				}
+			}
+
+			$("#isHiddenCount").text(hiddenNodes.length);
+			$("#hiddenCount").text(hiddenCount);
+			$("#checkCount").text(checkCount);
+			$("#nocheckCount").text(nocheckCount);
+		}
+		function showNodes() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getNodesByParam("isHidden", true);
+			zTree.showNodes(nodes);
+			setTitle();
+			count();
+		}
+		function hideNodes() {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes();
+			if (nodes.length == 0) {
+				alert("Please select one node at least.");
+				return;
+			}
+			zTree.hideNodes(nodes);
+			setTitle();
+			count();
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			$("#hideNodesBtn").bind("click", {type:"rename"}, hideNodes);
+			$("#showNodesBtn").bind("click", {type:"icon"}, showNodes);
+			setTitle();
+			count();
+		});
+		//-->
+	</SCRIPT>
+ </HEAD>
+
+<BODY>
+<h1>Hide With Radio Mode</h1>
+<h6>[ File Path: exhide/radio.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of setting</h2>
+				<ul class="list">
+				<li>Use the freature which to hide nodes, you don't need to set any attributes.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of treeNode</h2>
+				<ul class="list">
+				<li class="highlight_red">Before you init zTree, set treeNode.isHidden = true, and you can hide the node.</li>
+				<li><p>Hide or show the nodes:<br/>
+					Try: [ <a id="hideNodesBtn" href="#" onclick="return false;">Hide the nodes which be selected</a> ]<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;[ <a id="showNodesBtn" href="#" onclick="return false;">Show all of the nodes which be hidden</a> ]<br/>
+					<ul id="log" class="log" style="height:125px;">
+						<li>Total nodes which 'isHidden' attribute is true: <span id="isHiddenCount" class="highlight_red"></span></li>
+						<li>Total hidden nodes: <span id="hiddenCount" class="highlight_red"></span></li>
+						<li>Total check nodes: <span id="checkCount" class="highlight_red"></span>
+							&nbsp;&nbsp;Total uncheck nodes: <span id="nocheckCount" class="highlight_red"></span></li>
+						<li>After hide nodes, you can see the 'isFirstNode' and 'isLastNode' attributes on the nodes which still be shown.</li>
+					</ul></p>
+				</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3、Other explanation</h2>
+				<ul class="list">
+				<li>Hide nodes will effect the 'isFirstNode' and 'isLastNode' attributes, but will not effect the 'getPreNode()' and 'getNextNode()' method.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/index.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/index.html
new file mode 100644
index 00000000..1d10fddb
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/index.html	
@@ -0,0 +1,157 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<HTML>
+ <HEAD>
+  <TITLE> ZTREE DEMO </TITLE>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <link rel="stylesheet" href="../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+  <style>
+	body {
+	background-color: white;
+	margin:0; padding:0;
+	text-align: center;
+	}
+	div, p, table, th, td {
+		list-style:none; 
+		margin:0; padding:0; 
+		color:#333; font-size:12px; 
+		font-family:dotum, Verdana, Arial, Helvetica, AppleGothic, sans-serif;
+	}
+	#testIframe {margin-left: 10px;}
+  </style>
+<script type="text/javascript" src="../../js/jquery-1.4.4.min.js"></script>
+<script type="text/javascript" src="../../js/jquery.ztree.core-3.5.js"></script>
+  <SCRIPT type="text/javascript" >
+  <!--
+	var zTree;
+	var demoIframe;
+
+	var setting = {
+		view: {
+			dblClickExpand: false,
+			showLine: true,
+			selectedMulti: false
+		},
+		data: {
+			simpleData: {
+				enable:true,
+				idKey: "id",
+				pIdKey: "pId",
+				rootPId: ""
+			}
+		},
+		callback: {
+			beforeClick: function(treeId, treeNode) {
+				var zTree = $.fn.zTree.getZTreeObj("tree");
+				if (treeNode.isParent) {
+					zTree.expandNode(treeNode);
+					return false;
+				} else {
+					demoIframe.attr("src",treeNode.file + ".html");
+					return true;
+				}
+			}
+		}
+	};
+
+	var zNodes = [
+		{id:1, pId:0, name:"[core] Basic Functions", open:false},
+		{id:101, pId:1, name:"Standard JSON Data", file:"core/standardData"},
+		{id:102, pId:1, name:"Simple JSON Data", file:"core/simpleData"},
+		{id:103, pId:1, name:"Don't Show Line", file:"core/noline"},
+		{id:104, pId:1, name:"Don't Show Icon", file:"core/noicon"},
+		{id:105, pId:1, name:"Custom Icon - icon", file:"core/custom_icon"},
+		{id:106, pId:1, name:"Custom Icon - iconSkin", file:"core/custom_iconSkin"},
+		{id:107, pId:1, name:"Custom Fonts", file:"core/custom_font"},
+		{id:115, pId:1, name:"Hyperlinks Demo", file:"core/url"},
+		{id:108, pId:1, name:"Dynamic Tree with Ajax", file:"core/async"},
+		{id:109, pId:1, name:"Dynamic Tree - zTree methods", file:"core/async_fun"},
+		{id:110, pId:1, name:"Update Node - zTree methods", file:"core/update_fun"},
+		{id:111, pId:1, name:"Control of Click Node", file:"core/click"},
+		{id:112, pId:1, name:"Control of Expand Node", file:"core/expand"},
+		{id:113, pId:1, name:"Search Nodes", file:"core/searchNodes"},
+		{id:114, pId:1, name:"Other Mouse Events for zTree", file:"core/otherMouse"},
+
+		{id:2, pId:0, name:"[excheck] Checkbox & Radio", open:false},
+		{id:201, pId:2, name:"Checkbox Operation", file:"excheck/checkbox"},
+		{id:206, pId:2, name:"Checkbox nocheck Demo", file:"excheck/checkbox_nocheck"},
+		{id:207, pId:2, name:"Checkbox chkDisabled Demo", file:"excheck/checkbox_chkDisabled"},
+		{id:208, pId:2, name:"Checkbox halfCheck Demo", file:"excheck/checkbox_halfCheck"},
+		{id:202, pId:2, name:"Statistics Checkbox is Checked", file:"excheck/checkbox_count"},
+		{id:203, pId:2, name:"Checkbox - zTree methods", file:"excheck/checkbox_fun"},
+		{id:204, pId:2, name:"Radio Operation", file:"excheck/radio"},
+		{id:209, pId:2, name:"Radio nocheck Demo", file:"excheck/radio_nocheck"},
+		{id:210, pId:2, name:"Radio chkDisabled Demo", file:"excheck/radio_chkDisabled"},
+		{id:211, pId:2, name:"Radio halfCheck Demo", file:"excheck/radio_halfCheck"},
+		{id:205, pId:2, name:"Radio - zTree methods", file:"excheck/radio_fun"},
+
+		{id:3, pId:0, name:"[exedit] Editing", open:false},
+		{id:301, pId:3, name:"Normal Drag Node Operation", file:"exedit/drag"},
+		{id:302, pId:3, name:"Advanced Drag Node Operation", file:"exedit/drag_super"},
+		{id:303, pId:3, name:"Move / Copy - zTree methods", file:"exedit/drag_fun"},
+		{id:304, pId:3, name:"Basic Edit Nodes", file:"exedit/edit"},
+		{id:305, pId:3, name:"Advanced Edit Nodes", file:"exedit/edit_super"},
+		{id:306, pId:3, name:"Edit Nodes - zTree methods", file:"exedit/edit_fun"},
+		{id:307, pId:3, name:"Editing Dynamic Tree", file:"exedit/async_edit"},
+		{id:308, pId:3, name:"Multiple Trees", file:"exedit/multiTree"},
+
+		{id:4, pId:0, name:"Large Amount of Data Loading", open:false},
+		{id:401, pId:4, name:"One-time Large Data Loading", file:"bigdata/common"},
+		{id:402, pId:4, name:"Loading Data in Batches", file:"bigdata/diy_async"},
+		{id:403, pId:4, name:"Loading Data By Pagination", file:"bigdata/page"},
+
+		{id:5, pId:0, name:"Multi-functional", open:false},
+		{id:501, pId:5, name:"Freeze the Root Node", file:"super/oneroot"},
+		{id:502, pId:5, name:"Click to Expand Node", file:"super/oneclick"},
+		{id:503, pId:5, name:"Keep Single Path", file:"super/singlepath"},
+		{id:504, pId:5, name:"Adding Custom DOM", file:"super/diydom"},
+		{id:505, pId:5, name:"Checkbox / Radio Coexistence", file:"super/checkbox_radio"},
+		{id:506, pId:5, name:"Left Menu", file:"super/left_menu"},
+		{id:513, pId:5, name:"Left Menu Like OutLook Style", file:"super/left_menuForOutLook"},
+		{id:507, pId:5, name:"Drop-down Menu", file:"super/select_menu"},
+		{id:509, pId:5, name:"Drop-down Menu with checkbox", file:"super/select_menu_checkbox"},
+		{id:510, pId:5, name:"Drop-down Menu with radio", file:"super/select_menu_radio"},
+		{id:508, pId:5, name:"Right-click Menu", file:"super/rightClickMenu"},
+		{id:511, pId:5, name:"Drag With Other DOMs", file:"super/dragWithOther"},
+		{id:512, pId:5, name:"Expand All Nodes with Async", file:"super/asyncForAll"},
+
+		{id:6, pId:0, name:"Other Extension Package", open:false},
+		{id:601, pId:6, name:"hide ordinary node", file:"exhide/common"},
+		{id:602, pId:6, name:"hide with checkbox mode", file:"exhide/checkbox"},
+		{id:603, pId:6, name:"hide with radio mode", file:"exhide/radio"}
+	];
+
+	$(document).ready(function(){
+		var t = $("#tree");
+		t = $.fn.zTree.init(t, setting, zNodes);
+		demoIframe = $("#testIframe");
+		demoIframe.bind("load", loadReady);
+		var zTree = $.fn.zTree.getZTreeObj("tree");
+		zTree.selectNode(zTree.getNodeByParam("id", 101));
+	
+	});
+
+	function loadReady() {
+		var bodyH = demoIframe.contents().find("body").get(0).scrollHeight,
+		htmlH = demoIframe.contents().find("html").get(0).scrollHeight,
+		maxH = Math.max(bodyH, htmlH), minH = Math.min(bodyH, htmlH),
+		h = demoIframe.height() >= maxH ? minH:maxH ;
+		if (h < 530) h = 530;
+		demoIframe.height(h);
+	}
+
+  //-->
+  </SCRIPT>
+ </HEAD>
+
+<BODY>
+<TABLE border=0 height=600px align=left>
+	<TR>
+		<TD width=260px align=left valign=top style="BORDER-RIGHT: #999999 1px dashed">
+			<ul id="tree" class="ztree" style="width:260px; overflow:auto;"></ul>
+		</TD>
+		<TD width=770px align=left valign=top><IFRAME ID="testIframe" Name="testIframe" FRAMEBORDER=0 SCROLLING=AUTO width=100%  height=600px SRC="core/standardData.html"></IFRAME></TD>
+	</TR>
+</TABLE>
+
+ </BODY>
+</HTML>
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/asyncForAll.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/asyncForAll.html
new file mode 100644
index 00000000..eea4a9bc
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/asyncForAll.html	
@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - async for All</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var demoMsg = {
+			async: "Loading asynchronous, please wait a moment and then click...",
+			expandAllOver: "Expansion Completed.",
+			asyncAllOver: "Asynchronously loading Completed.",
+			asyncAll: "Asynchronously loading Completed, no need to reload it again.",
+			expandAll: "Asynchronously loading completed, please use expandAll method."
+		}
+
+		var setting = {
+			async: {
+				enable: true,
+				url:"../asyncData/getNodes.php",
+				autoParam:["id", "name=n", "level=lv"],
+				otherParam:{"otherParam":"zTreeAsyncTest"},
+				dataFilter: filter,
+				type: "get"
+			},
+			callback: {
+				beforeAsync: beforeAsync,
+				onAsyncSuccess: onAsyncSuccess,
+				onAsyncError: onAsyncError
+			}
+		};
+
+		function filter(treeId, parentNode, childNodes) {
+			if (!childNodes) return null;
+			for (var i=0, l=childNodes.length; i<l; i++) {
+				childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');
+			}
+			return childNodes;
+		}
+
+		function beforeAsync() {
+			curAsyncCount++;
+		}
+		
+		function onAsyncSuccess(event, treeId, treeNode, msg) {
+			curAsyncCount--;
+			if (curStatus == "expand") {
+				expandNodes(treeNode.children);
+			} else if (curStatus == "async") {
+				asyncNodes(treeNode.children);
+			}
+
+			if (curAsyncCount <= 0) {
+				if (curStatus != "init" && curStatus != "") {
+					$("#demoMsg").text((curStatus == "expand") ? demoMsg.expandAllOver : demoMsg.asyncAllOver);
+					asyncForAll = true;
+				}
+				curStatus = "";
+			}
+		}
+
+		function onAsyncError(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) {
+			curAsyncCount--;
+
+			if (curAsyncCount <= 0) {
+				curStatus = "";
+				if (treeNode!=null) asyncForAll = true;
+			}
+		}
+
+		var curStatus = "init", curAsyncCount = 0, asyncForAll = false,
+		goAsync = false;
+		function expandAll() {
+			if (!check()) {
+				return;
+			}
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			if (asyncForAll) {
+				$("#demoMsg").text(demoMsg.expandAll);
+				zTree.expandAll(true);
+			} else {
+				expandNodes(zTree.getNodes());
+				if (!goAsync) {
+					$("#demoMsg").text(demoMsg.expandAll);
+					curStatus = "";
+				}
+			}
+		}
+		function expandNodes(nodes) {
+			if (!nodes) return;
+			curStatus = "expand";
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			for (var i=0, l=nodes.length; i<l; i++) {
+				zTree.expandNode(nodes[i], true, false, false);
+				if (nodes[i].isParent && nodes[i].zAsync) {
+					expandNodes(nodes[i].children);
+				} else {
+					goAsync = true;
+				}
+			}
+		}
+
+		function asyncAll() {
+			if (!check()) {
+				return;
+			}
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			if (asyncForAll) {
+				$("#demoMsg").text(demoMsg.asyncAll);
+			} else {
+				asyncNodes(zTree.getNodes());
+				if (!goAsync) {
+					$("#demoMsg").text(demoMsg.asyncAll);
+					curStatus = "";
+				}
+			}
+		}
+		function asyncNodes(nodes) {
+			if (!nodes) return;
+			curStatus = "async";
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			for (var i=0, l=nodes.length; i<l; i++) {
+				if (nodes[i].isParent && nodes[i].zAsync) {
+					asyncNodes(nodes[i].children);
+				} else {
+					goAsync = true;
+					zTree.reAsyncChildNodes(nodes[i], "refresh", true);
+				}
+			}
+		}
+
+		function reset() {
+			if (!check()) {
+				return;
+			}
+			asyncForAll = false;
+			goAsync = false;
+			$("#demoMsg").text("");
+			$.fn.zTree.init($("#treeDemo"), setting);
+		}
+
+		function check() {
+			if (curAsyncCount > 0) {
+				$("#demoMsg").text(demoMsg.async);
+				return false;
+			}
+			return true;
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting);
+			$("#expandAllBtn").bind("click", expandAll);
+			$("#asyncAllBtn").bind("click", asyncAll);
+			$("#resetBtn").bind("click", reset);
+		});
+		//-->
+	</SCRIPT>
+</HEAD>
+
+<BODY>
+<h1>Expand All Nodes with Async</h1>
+<h6>[ File Path: super/asyncForAll.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>Explanation of implementation method</h2>
+				<ul class="list">
+				<li>Using 'onAsyncSuccess' / 'onAsyncError' callback and 'reAsyncChildNodes' or 'expandNode' method, you will achieve all functionalities.</li>
+				<li class="highlight_red">Note: If there are large amount parent nodes, please use delay to avoid excessive asynchronous process.</li>
+				<li class="highlight_red">Recommendation: please use the debugging tools to view the ajax loading process with network.</li>
+				<li>Demonstrate operation
+					<br/><br/>
+				[ <a id="expandAllBtn" href="#" onclick="return false;">Expand All Nodes</a> ] &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+				[ <a id="asyncAllBtn" href="#" onclick="return false;">Load all nodes (don't expand)</a> ]<br/><br/>
+				[ <a id="resetBtn" href="#" onclick="return false;">Reset zTree</a> ]<br/><br/>
+				<p class="highlight_red" id="demoMsg"></p>
+				</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/checkbox_radio.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/checkbox_radio.html
new file mode 100644
index 00000000..87ce15d6
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/checkbox_radio.html	
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - checkbox & radio</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var IDMark_A = "_a";
+		var setting = {
+			view: {
+				addDiyDom: addDiyDom
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"parent node 1", open:true},
+			{ id:11, pId:1, name:"leaf node 1-1"},
+			{ id:12, pId:1, name:"leaf node 1-2"},
+			{ id:13, pId:1, name:"leaf node 1-3"},
+			{ id:2, pId:0, name:"parent node 2", open:true},
+			{ id:21, pId:2, name:"leaf node 2-1"},
+			{ id:22, pId:2, name:"leaf node 2-2"},
+			{ id:23, pId:2, name:"leaf node 2-3"},
+			{ id:3, pId:0, name:"parent node 3", open:true },
+			{ id:31, pId:3, name:"leaf node 3-1"},
+			{ id:32, pId:3, name:"leaf node 3-2"},
+			{ id:33, pId:3, name:"leaf node 3-3"}
+		];
+
+		function addDiyDom(treeId, treeNode) {
+			var aObj = $("#" + treeNode.tId + IDMark_A);
+			if (treeNode.level == 0) {
+				var editStr = "<input type='checkbox' class='checkboxBtn' id='checkbox_" +treeNode.id+ "' onfocus='this.blur();'></input>";
+				aObj.before(editStr);
+				var btn = $("#checkbox_"+treeNode.id);
+			if (btn) btn.bind("change", function() {checkAccessories(treeNode, btn);});
+			} else if (treeNode.level == 1) {
+				var editStr = "<input type='radio' class='radioBtn' id='radio_" +treeNode.id+ "' name='radio_"+treeNode.getParentNode().id+"' onfocus='this.blur();'></input>";
+				aObj.before(editStr);
+				var btn = $("#radio_"+treeNode.id);
+				if (btn) btn.bind("click", function() {checkBrand(treeNode, btn);});
+			}
+		}
+
+		function checkAccessories(treeNode, btn) {
+			var checkedRadio = getCheckedRadio("radio_"+treeNode.id);
+			if (btn.attr("checked")) {
+				if (!checkedRadio) {
+					$("#radio_" + treeNode.children[0].id).attr("checked", true);
+				}
+			} else {
+				checkedRadio.attr("checked", false);
+			}
+		}
+
+		function checkBrand(treeNode, btn) {
+			if (btn.attr("checked")) {
+				var pObj = $("#checkbox_" + treeNode.getParentNode().id);
+				if (!pObj.attr("checked")) {
+					pObj.attr("checked", true);
+				}
+			}
+		}
+
+		function getCheckedRadio(radioName) {
+			var r = document.getElementsByName(radioName);
+			for(var i=0; i<r.length; i++)    {
+				if(r[i].checked)    {
+					return $(r[i]);
+				}
+			}
+			return null;
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+	  .radioBtn {height: 16px;vertical-align: middle;}
+	  .checkboxBtn {vertical-align: middle;margin-right: 2px;}
+	  </style>
+ </HEAD>
+
+<BODY>
+<h1>Checkbox / Radio Coexistence</h1>
+<h6>[ File Path: super/checkbox_radio.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>Explanation of implementation method</h2>
+				<ul class="list">
+				<li>zTree default checkbox and radio can not coexist, but can be used the custom DOM features to achieve this requirement, refer to the "Adding Custom DOM".</li>
+				<li class="highlight_red">For checkbox / radio association rules of the parent nodes and child nodes, according to the needs to develop its own rules.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/diydom.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/diydom.html
new file mode 100644
index 00000000..07649d2f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/diydom.html	
@@ -0,0 +1,177 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - addHoverDom / removeHoverDom / addDiyDom</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+
+		var IDMark_Switch = "_switch",
+		IDMark_Icon = "_ico",
+		IDMark_Span = "_span",
+		IDMark_Input = "_input",
+		IDMark_Check = "_check",
+		IDMark_Edit = "_edit",
+		IDMark_Remove = "_remove",
+		IDMark_Ul = "_ul",
+		IDMark_A = "_a";
+		
+		var setting = {
+			view: {
+				addHoverDom: addHoverDom,
+				removeHoverDom: removeHoverDom,
+				addDiyDom: addDiyDom
+			}
+		};
+
+		var zNodes =[
+			{id:1, name:"Hover DOM", open:true,
+				children:[
+					   {id:11, name:"button 1-1"},
+					   {id:12, name:"button 1-2"},
+					   {id:13, name:"select box 1-3"},
+					   {id:141, name:"text 1-4-1"},
+					   {id:142, name:"text 1-4-2"},
+					   {id:15, name:"hyperlinks 1-5"}
+
+				]},
+			{id:2, name:"General DOM", open:true,
+				children:[
+					   {id:21, name:"button 2-1"},
+					   {id:22, name:"button 2-2"},
+					   {id:23, name:"select box 2-3"},
+					   {id:24, name:"text 2-4"},
+					   {id:25, name:"hyperlinks 2-5"}
+				]}
+	 	];
+
+		function addHoverDom(treeId, treeNode) {
+			if (treeNode.parentNode && treeNode.parentNode.id!=1) return;
+			var aObj = $("#" + treeNode.tId + IDMark_A);
+			if (treeNode.id == 11) {
+				if ($("#diyBtn_"+treeNode.id).length>0) return;
+				var editStr = "<span id='diyBtn_space_" +treeNode.id+ "' >&nbsp;</span><span class='button icon03' id='diyBtn_" +treeNode.id+ "' title='"+treeNode.name+"' onfocus='this.blur();'></span>";
+				aObj.append(editStr);
+				var btn = $("#diyBtn_"+treeNode.id);
+				if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+			} else if (treeNode.id == 12) {
+				if ($("#diyBtn_"+treeNode.id).length>0) return;
+				var editStr = "<span class='button icon04' id='diyBtn_" +treeNode.id+ "' title='"+treeNode.name+"' onfocus='this.blur();'></span>";
+				aObj.after(editStr);
+				var btn = $("#diyBtn_"+treeNode.id);
+				if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+			} else if (treeNode.id == 13) {
+				if ($("#diyBtn_"+treeNode.id).length>0) return;
+				var editStr = "<span id='diyBtn_space_" +treeNode.id+ "' >&nbsp;</span><select class='selDemo ' id='diyBtn_" +treeNode.id+ "'><option value=1>1</option><option value=2>2</option><option value=3>3</option></select>";
+				aObj.after(editStr);
+				var btn = $("#diyBtn_"+treeNode.id);
+				if (btn) btn.bind("change", function(){alert("diy Select value="+btn.attr("value")+" for " + treeNode.name);});
+			} else if (treeNode.id == 141) {
+				if ($("#diyBtn_"+treeNode.id).length>0) return;
+				var editStr = "<span class='test' id='diyBtn_" +treeNode.id+ "'>Text Demo...</span>";
+				aObj.append(editStr);
+			} else if (treeNode.id == 142) {
+				if ($("#diyBtn_"+treeNode.id).length>0) return;
+				var editStr = "<span id='diyBtn_" +treeNode.id+ "'>Text Demo...</span>";
+				aObj.after(editStr);
+			} else if (treeNode.id == 15) {
+				if ($("#diyBtn1_"+treeNode.id).length>0) return;
+				if ($("#diyBtn2_"+treeNode.id).length>0) return;
+				var editStr = "<a id='diyBtn1_" +treeNode.id+ "' onclick='alert(1);return false;' style='margin:0 0 0 5px;'>link_1</a>" +
+					"<a id='diyBtn2_" +treeNode.id+ "' onclick='alert(2);return false;' style='margin:0 0 0 5px;'>link_2</a>";
+				aObj.append(editStr);
+			}
+		}
+
+		function removeHoverDom(treeId, treeNode) {
+			if (treeNode.parentTId && treeNode.getParentNode().id!=1) return;
+			if (treeNode.id == 15) {
+				$("#diyBtn1_"+treeNode.id).unbind().remove();
+				$("#diyBtn2_"+treeNode.id).unbind().remove();
+			} else {
+				$("#diyBtn_"+treeNode.id).unbind().remove();
+				$("#diyBtn_space_" +treeNode.id).unbind().remove();
+			}
+		}
+
+		function addDiyDom(treeId, treeNode) {
+			if (treeNode.parentNode && treeNode.parentNode.id!=2) return;
+			var aObj = $("#" + treeNode.tId + IDMark_A);
+			if (treeNode.id == 21) {
+				var editStr = "<span class='demoIcon' id='diyBtn_" +treeNode.id+ "' title='"+treeNode.name+"' onfocus='this.blur();'><span class='button icon01'></span></span>";
+				aObj.append(editStr);
+				var btn = $("#diyBtn_"+treeNode.id);
+				if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+			} else if (treeNode.id == 22) {
+				var editStr = "<span class='demoIcon' id='diyBtn_" +treeNode.id+ "' title='"+treeNode.name+"' onfocus='this.blur();'><span class='button icon02'></span></span>";
+				aObj.after(editStr);
+				var btn = $("#diyBtn_"+treeNode.id);
+				if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+			} else if (treeNode.id == 23) {
+				var editStr = "<select class='selDemo' id='diyBtn_" +treeNode.id+ "'><option value=1>1</option><option value=2>2</option><option value=3>3</option></select>";
+				aObj.after(editStr);
+				var btn = $("#diyBtn_"+treeNode.id);
+				if (btn) btn.bind("change", function(){alert("diy Select value="+btn.attr("value")+" for " + treeNode.name);});
+			} else if (treeNode.id == 24) {
+				var editStr = "<span id='diyBtn_" +treeNode.id+ "'>Text Demo...</span>";
+				aObj.after(editStr);
+			} else if (treeNode.id == 25) {
+				var editStr = "<a id='diyBtn1_" +treeNode.id+ "' onclick='alert(1);return false;'>链接1</a>" +
+					"<a id='diyBtn2_" +treeNode.id+ "' onclick='alert(2);return false;'>链接2</a>";
+				aObj.after(editStr);
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li span.demoIcon{padding:0 2px 0 10px;}
+.ztree li span.button.icon01{margin:0; background: url(../../../css/zTreeStyle/img/diy/3.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon02{margin:0; background: url(../../../css/zTreeStyle/img/diy/4.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon03{margin:0; background: url(../../../css/zTreeStyle/img/diy/5.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon04{margin:0; background: url(../../../css/zTreeStyle/img/diy/6.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon05{margin:0; background: url(../../../css/zTreeStyle/img/diy/7.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.icon06{margin:0; background: url(../../../css/zTreeStyle/img/diy/8.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>Adding Custom DOM</h1>
+<h6>[ File Path: super/diydom.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>1, Explanation of implementation method</h2>
+				<ul class="list">
+				<li>Use 'setting.view.addHoverDom / removeHoverDom / addDiyDom' attributes can easily display custom DOM.</li>
+				<li class="highlight_red">Adding custom DOM, is important to understand zTree node object naming rules to ensure the normal controls add DOM.</li>
+				<li class="highlight_red">If you add the browser's default ’select / checkbox / radio‘ DOM, please adjust the css, to ensure correctly display zTree.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>2, Explanation of setting</h2>
+				<ul class="list">
+				<li>Set 'setting.view.addHoverDom / removeHoverDom / addDiyDom' attributes, see the API documentation for more related contents.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>3, Explanation of treeNode</h2>
+				<ul class="list">
+				<li>No special requirements on the node data, the user can add custom attributes.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/dragWithOther.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/dragWithOther.html
new file mode 100644
index 00000000..31426c3c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/dragWithOther.html	
@@ -0,0 +1,234 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - drag with other DOM</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>-->
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var MoveTest = {
+			errorMsg: "Error!...Please drag it to the correct category!",
+			curTarget: null,
+			curTmpTarget: null,
+			noSel: function() {
+				try {
+					window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
+				} catch(e){}
+			},
+			dragTree2Dom: function(treeId, treeNodes) {
+				return !treeNodes[0].isParent;
+			},
+			prevTree: function(treeId, treeNodes, targetNode) {
+				return !targetNode.isParent && targetNode.parentTId == treeNodes[0].parentTId;
+			},
+			nextTree: function(treeId, treeNodes, targetNode) {
+				return !targetNode.isParent && targetNode.parentTId == treeNodes[0].parentTId;
+			},
+			innerTree: function(treeId, treeNodes, targetNode) {
+				return targetNode!=null && targetNode.isParent && targetNode.tId == treeNodes[0].parentTId;
+			},
+			dropTree2Dom: function(e, treeId, treeNodes, targetNode, moveType) {
+				var domId = "dom_" + treeNodes[0].getParentNode().id;
+				if (moveType == null && (domId == e.target.id || $(e.target).parents("#" + domId).length > 0)) {
+					var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+					zTree.removeNode(treeNodes[0]);
+
+					var newDom = $("span[domId=" + treeNodes[0].id + "]");
+					if (newDom.length > 0) {
+						newDom.removeClass("domBtn_Disabled");
+						newDom.addClass("domBtn");
+					} else {
+						$("#" + domId).append("<span class='domBtn' domId='" + treeNodes[0].id + "'>" + treeNodes[0].name + "</span>");
+					}
+					MoveTest.updateType();
+				} else if ( $(e.target).parents(".domBtnDiv").length > 0) {
+					alert(MoveTest.errorMsg);
+				}
+			},
+			dom2Tree: function(e, treeId, treeNode) {
+				var target = MoveTest.curTarget, tmpTarget = MoveTest.curTmpTarget;
+				if (!target) return;
+				var zTree = $.fn.zTree.getZTreeObj("treeDemo"), parentNode;
+				if (treeNode != null && treeNode.isParent && "dom_" + treeNode.id == target.parent().attr("id")) {
+					parentNode = treeNode;
+				} else if (treeNode != null && !treeNode.isParent && "dom_" + treeNode.getParentNode().id == target.parent().attr("id")) {
+					parentNode = treeNode.getParentNode();
+				}
+
+				if (tmpTarget) tmpTarget.remove();
+				if (!!parentNode) {
+					var nodes = zTree.addNodes(parentNode, {id:target.attr("domId"), name: target.text()});
+					zTree.selectNode(nodes[0]);
+				} else {
+					target.removeClass("domBtn_Disabled");
+					target.addClass("domBtn");
+					alert(MoveTest.errorMsg);
+				}
+				MoveTest.curTarget = null;
+				MoveTest.curTmpTarget = null;
+			},
+			updateType: function() {
+				var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+				nodes = zTree.getNodes();
+				for (var i=0, l=nodes.length; i<l; i++) {
+					var num = nodes[i].children ? nodes[i].children.length : 0;
+					nodes[i].name = nodes[i].name.replace(/ \(.*\)/gi, "") + " (" + num + ")";
+					zTree.updateNode(nodes[i]);
+				}
+			},
+			bindDom: function() {
+				$(".domBtnDiv").bind("mousedown", MoveTest.bindMouseDown);
+			},
+			bindMouseDown: function(e) {
+				var target = e.target;
+				if (target!=null && target.className=="domBtn") {
+					var doc = $(document), target = $(target),
+					docScrollTop = doc.scrollTop(),
+					docScrollLeft = doc.scrollLeft();
+					target.addClass("domBtn_Disabled");
+					target.removeClass("domBtn");
+					curDom = $("<span class='dom_tmp domBtn'>" + target.text() + "</span>");
+					curDom.appendTo("body");
+
+					curDom.css({
+						"top": (e.clientY + docScrollTop + 3) + "px",
+						"left": (e.clientX + docScrollLeft + 3) + "px"
+					});
+					MoveTest.curTarget = target;
+					MoveTest.curTmpTarget = curDom;
+
+					doc.bind("mousemove", MoveTest.bindMouseMove);
+					doc.bind("mouseup", MoveTest.bindMouseUp);
+					doc.bind("selectstart", MoveTest.docSelect);
+				}
+				if(e.preventDefault) {
+					e.preventDefault();
+				}
+			},
+			bindMouseMove: function(e) {
+				MoveTest.noSel();
+				var doc = $(document), 
+				docScrollTop = doc.scrollTop(),
+				docScrollLeft = doc.scrollLeft(),
+				tmpTarget = MoveTest.curTmpTarget;
+				if (tmpTarget) {
+					tmpTarget.css({
+						"top": (e.clientY + docScrollTop + 3) + "px",
+						"left": (e.clientX + docScrollLeft + 3) + "px"
+					});
+				}
+				return false;
+			},
+			bindMouseUp: function(e) {
+				var doc = $(document);
+				doc.unbind("mousemove", MoveTest.bindMouseMove);
+				doc.unbind("mouseup", MoveTest.bindMouseUp);
+				doc.unbind("selectstart", MoveTest.docSelect);
+
+				var target = MoveTest.curTarget, tmpTarget = MoveTest.curTmpTarget;
+				if (tmpTarget) tmpTarget.remove();
+
+				if ($(e.target).parents("#treeDemo").length == 0) {
+					if (target) {
+						target.removeClass("domBtn_Disabled");
+						target.addClass("domBtn");
+					}
+					MoveTest.curTarget = null;
+					MoveTest.curTmpTarget = null;
+				}
+			},
+			bindSelect: function() {
+				return false;
+			}
+		};
+
+		var setting = {
+			edit: {
+				enable: true,
+				showRemoveBtn: false,
+				showRenameBtn: false,
+				drag: {
+					prev: MoveTest.prevTree,
+					next: MoveTest.nextTree,
+					inner: MoveTest.innerTree
+				}
+			},
+			data: {
+				keep: {
+					parent: true,
+					leaf: true
+				},
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeDrag: MoveTest.dragTree2Dom,
+				onDrop: MoveTest.dropTree2Dom,
+				onMouseUp: MoveTest.dom2Tree
+			},
+			view: {
+				selectedMulti: false
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"PLANT", isParent: true, open:true},
+			{ id:2, pId:0, name:"ANIMAL", isParent: true, open:true},
+			{ id:20, pId:2, name:"Elephant"},
+			{ id:29, pId:2, name:"Shark"},
+			{ id:10, pId:1, name:"Cabbage"},
+			{ id:19, pId:1, name:"Tomato"}
+		];
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			MoveTest.updateType();
+			MoveTest.bindDom();
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.dom_line {margin:2px;border-bottom:1px gray dotted;height:1px}
+.domBtnDiv {display:block;padding:2px;border:1px gray dotted;background-color:powderblue}
+.categoryDiv {display:inline-block; width:335px}
+.domBtn {display:inline-block;cursor:pointer;padding:2px;margin:2px 10px;border:1px gray solid;background-color:#FFE6B0}
+.domBtn_Disabled {display:inline-block;cursor:default;padding:2px;margin:2px 10px;border:1px gray solid;background-color:#DFDFDF;color:#999999}
+.dom_tmp {position:absolute;font-size:12px;}
+	</style>
+</HEAD>
+
+<BODY>
+<h1>Drag With Other DOMs</h1>
+<h6>[ File Path: super/dragWithOther.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>Explanation of implementation method</h2>
+				<ul class="list">
+				<li>zTree v3.2 modified the event object in onDrag/onDrop, thus the nodes can be draged to other DOMs easily.</li>
+				<li class="highlight_red">To drag other DOMS to zTree, you need to build the drag codes by yourself.</li>
+				<li class="highlight_red">This is just a simple Demo. If you need more features, please build more complicated codes.</li>
+				</ul>
+			</li>
+			<li class="title"><h2>Please drag and drop the following content to the tree node</h2>
+				<div class="domBtnDiv">
+					<div id="dom_1" class="categoryDiv"><span class="domBtn" domId="11">Tree</span><span class="domBtn" domId="12">Grass</span><span class="domBtn" domId="13">Flower</span></div>
+					<div class="dom_line"></div>
+					<div id="dom_2" class="categoryDiv"><span class="domBtn" domId="21">Tiger</span><span class="domBtn" domId="22">Bear</span><span class="domBtn" domId="23">Lion</span></div>
+				</div>
+				<span class="highlight_red">You can drag the nodes of level 2 to the above layer.</span>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/left_menu.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/left_menu.html
new file mode 100644
index 00000000..7dfe588d
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/left_menu.html	
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - left_menu</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var curMenu = null, zTree_Menu = null;
+		var setting = {
+			view: {
+				showLine: true,
+				selectedMulti: false,
+				dblClickExpand: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				onNodeCreated: this.onNodeCreated,
+				beforeClick: this.beforeClick,
+				onClick: this.onClick
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"Main Menu 1", open:true},
+			{ id:11, pId:1, name:"Sub Menu 1-1"},
+			{ id:111, pId:11, name:"Leaf Node 1-1-1"},
+			{ id:112, pId:11, name:"Leaf Node 1-1-2"},
+			{ id:113, pId:11, name:"Leaf Node 1-1-3"},
+			{ id:114, pId:11, name:"Leaf Node 1-1-4"},
+			{ id:12, pId:1, name:"Sub Menu 1-2"},
+			{ id:121, pId:12, name:"Leaf Node 1-2-1"},
+			{ id:122, pId:12, name:"Leaf Node 1-2-2"},
+			{ id:123, pId:12, name:"Leaf Node 1-2-3"},
+			{ id:124, pId:12, name:"Leaf Node 1-2-4"},
+			{ id:2, pId:0, name:"Main Menu 2"},
+			{ id:21, pId:2, name:"Sub Menu 2-1"},
+			{ id:211, pId:21, name:"Leaf Node 2-1-1"},
+			{ id:212, pId:21, name:"Leaf Node 2-1-2"},
+			{ id:213, pId:21, name:"Leaf Node 2-1-3"},
+			{ id:214, pId:21, name:"Leaf Node 2-1-4"},
+			{ id:22, pId:2, name:"Sub Menu 2-2"},
+			{ id:221, pId:22, name:"Leaf Node 2-2-1"},
+			{ id:222, pId:22, name:"Leaf Node 2-2-2"},
+			{ id:223, pId:22, name:"Leaf Node 2-2-3"},
+			{ id:224, pId:22, name:"Leaf Node 2-2-4"},
+			{ id:3, pId:0, name:"Main Menu 3"},
+			{ id:31, pId:3, name:"Sub Menu 3-1"},
+			{ id:311, pId:31, name:"Leaf Node 3-1-1"},
+			{ id:312, pId:31, name:"Leaf Node 3-1-2"},
+			{ id:313, pId:31, name:"Leaf Node 3-1-3"},
+			{ id:314, pId:31, name:"Leaf Node 3-1-4"},
+			{ id:32, pId:3, name:"Sub Menu 3-2"},
+			{ id:321, pId:32, name:"Leaf Node 3-2-1"},
+			{ id:322, pId:32, name:"Leaf Node 3-2-2"},
+			{ id:323, pId:32, name:"Leaf Node 3-2-3"},
+			{ id:324, pId:32, name:"Leaf Node 3-2-4"}
+		];
+
+		function beforeClick(treeId, node) {
+			if (node.isParent) {
+				if (node.level === 0) {
+					var pNode = curMenu;
+					while (pNode && pNode.level !==0) {
+						pNode = pNode.getParentNode();
+					}
+					if (pNode !== node) {
+						var a = $("#" + pNode.tId + "_a");
+						a.removeClass("cur");
+						zTree_Menu.expandNode(pNode, false);
+					}
+					a = $("#" + node.tId + "_a");
+					a.addClass("cur");
+
+					var isOpen = false;
+					for (var i=0,l=node.children.length; i<l; i++) {
+						if(node.children[i].open) {
+							isOpen = true;
+							break;
+						}
+					}
+					if (isOpen) {
+						zTree_Menu.expandNode(node, true);
+						curMenu = node;
+					} else {
+						zTree_Menu.expandNode(node.children[0].isParent?node.children[0]:node, true);
+						curMenu = node.children[0];
+					}
+				} else {
+					zTree_Menu.expandNode(node);
+				}
+			}
+			return !node.isParent;
+		}
+		function onClick(e, treeId, node) {
+			alert("Do what you want to do!");
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			zTree_Menu = $.fn.zTree.getZTreeObj("treeDemo");
+			curMenu = zTree_Menu.getNodes()[0].children[0].children[0];
+			zTree_Menu.selectNode(curMenu);
+			var a = $("#" + zTree_Menu.getNodes()[0].tId + "_a");
+			a.addClass("cur");
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li a.level0 {width:200px;height: 20px; text-align: center; display:block; background-color: #0B61A4; border:1px silver solid;}
+.ztree li a.level0.cur {background-color: #66A3D2; }
+.ztree li a.level0 span {display: block; color: white; padding-top:3px; font-size:12px; font-weight: bold;word-spacing: 2px;}
+.ztree li a.level0 span.button {	float:right; margin-left: 10px; visibility: visible;display:none;}
+.ztree li span.button.switch.level0 {display:none;}
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>Left Menu</h1>
+<h6>[ File Path: super/left_menu.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>Explanation of implementation method</h2>
+				<ul class="list">
+				<li>The menu in the Demo's Web page is to use zTree to achieve, is to use css set interface, use the configuration 'setting' to achieve features, this demo achieve a simple example of the left menu, you can view the source code of Demo's Web Page for in-depth study.</li>
+				<li class="highlight_red">1. According to your needs to modify the css, for example: the menu style on this Demo and Demo's Web page not the same.</li>
+				<li class="highlight_red">2. Main configuration:<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;setting.view.showIcon / showLine / selectedMulti / dblClickExpand<br/>
+					&nbsp;&nbsp;&nbsp;&nbsp;setting.callback.onNodeCreated / beforeClick / onClick
+				</li>
+				<li>3. If need to keep single path, please refer to the source code of "Keep Single Path" Demo.</li>
+				<li>4. Other auxiliary rules, please write code based on your needs.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/left_menuForOutLook.gif b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/left_menuForOutLook.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c252f0f831be3f4672142caf7cb148e14eeb466b
GIT binary patch
literal 216
zcmZ?wbhEHbRAW$M*v!H3_3PKl%F3Reo=uxJH8nLodh{qiKR+!k?f?J(4A_9;PZmZ7
z1`Y-tkR-?q29{QVlb);hTD(5H`+tH)UrMIZ5l4o32mBZg9(}d@s?gnw+SAwB_!k`h
zeY0bKEZ6dsa~ylqzO)Ehth}+N?DX5J{SP)QPq2{Sk~MMLt2f^=pS#l8Y_s7vuerhf
z$#-&UGaDppGuq^s+1VMTYMEP_EBjKr>q;ihm|QcnhOvCg?3j+ErOTGDkQHRG1^`@{
BRUH5T

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/left_menuForOutLook.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/left_menuForOutLook.html
new file mode 100644
index 00000000..8f7ddff0
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/left_menuForOutLook.html	
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - left_menu for Outlook</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var curMenu = null, zTree_Menu = null;
+		var setting = {
+			view: {
+				showLine: false,
+				showIcon: false,
+				selectedMulti: false,
+				dblClickExpand: false,
+				addDiyDom: addDiyDom
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeClick: beforeClick
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"Folders", open:true},
+			{ id:11, pId:1, name:"Inbox"},
+			{ id:111, pId:11, name:"Inbox1"},
+			{ id:112, pId:111, name:"Inbox2"},
+			{ id:113, pId:112, name:"Inbox3"},
+			{ id:114, pId:113, name:"Inbox4"},
+			{ id:12, pId:1, name:"Junk"},
+			{ id:13, pId:1, name:"Drafts"},
+			{ id:14, pId:1, name:"Sent"},
+			{ id:15, pId:1, name:"Deleted"},
+			{ id:3, pId:0, name:"Quick views"},
+			{ id:31, pId:3, name:"Documents"},
+			{ id:32, pId:3, name:"Photos"}
+		];
+
+		function addDiyDom(treeId, treeNode) {
+			var spaceWidth = 5;
+			var switchObj = $("#" + treeNode.tId + "_switch"),
+			icoObj = $("#" + treeNode.tId + "_ico");
+			switchObj.remove();
+			icoObj.before(switchObj);
+
+			if (treeNode.level > 1) {
+				var spaceStr = "<span style='display: inline-block;width:" + (spaceWidth * treeNode.level)+ "px'></span>";
+				switchObj.before(spaceStr);
+			}
+		}
+
+		function beforeClick(treeId, treeNode) {
+			if (treeNode.level == 0 ) {
+				var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+				zTree.expandNode(treeNode);
+				return false;
+			}
+			return true;
+		}
+
+		$(document).ready(function(){
+			var treeObj = $("#treeDemo");
+			$.fn.zTree.init(treeObj, setting, zNodes);
+			zTree_Menu = $.fn.zTree.getZTreeObj("treeDemo");
+			curMenu = zTree_Menu.getNodes()[0].children[0].children[0];
+			zTree_Menu.selectNode(curMenu);
+
+			treeObj.hover(function () {
+				if (!treeObj.hasClass("showIcon")) {
+					treeObj.addClass("showIcon");
+				}
+			}, function() {
+				treeObj.removeClass("showIcon");
+			});
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree * {font-size: 10pt;font-family:"Microsoft Yahei",Verdana,Simsun,"Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial}
+.ztree li ul{ margin:0; padding:0}
+.ztree li {line-height:30px;}
+.ztree li a {width:200px;height:30px;padding-top: 0px;}
+.ztree li a:hover {text-decoration:none; background-color: #E7E7E7;}
+.ztree li a span.button.switch {visibility:hidden}
+.ztree.showIcon li a span.button.switch {visibility:visible}
+.ztree li a.curSelectedNode {background-color:#D4D4D4;border:0;height:30px;}
+.ztree li span {line-height:30px;}
+.ztree li span.button {margin-top: -7px;}
+.ztree li span.button.switch {width: 16px;height: 16px;}
+
+.ztree li a.level0 span {font-size: 150%;font-weight: bold;}
+.ztree li span.button {background-image:url("./left_menuForOutLook.png"); *background-image:url("./left_menuForOutLook.gif")}
+.ztree li span.button.switch.level0 {width: 20px; height:20px}
+.ztree li span.button.switch.level1 {width: 20px; height:20px}
+.ztree li span.button.noline_open {background-position: 0 0;}
+.ztree li span.button.noline_close {background-position: -18px 0;}
+.ztree li span.button.noline_open.level0 {background-position: 0 -18px;}
+.ztree li span.button.noline_close.level0 {background-position: -18px -18px;}
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>Left Menu Like OutLook Style</h1>
+<h6>[ File Path: super/left_menuForOutLook.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>Explanation of implementation method</h2>
+				<ul class="list">
+				<li>I make one left menu which resembles outlook.com, so share to everyone.</li>
+				<li class="highlight_red">1. Please note that the css code of the source of this page.</li>
+				<li class="highlight_red">2. Please note that the javascript code of the source of this page, especially the switch button is moved into the &lt;a&gt; tag  when 'addDiyDom' callback be called</li>
+				<li class="highlight_red">3. Use the method of add zTree class name to implement the switch button be hidden or showing.</li>
+				<li>4. Other auxiliary rules, please write code based on your needs.</li>
+				<li>5. The current rule description:<br/>
+				&nbsp;&nbsp;Click the root node can control the parent node be expanded or collapsed;<br/>
+				&nbsp;&nbsp;The parent nodes without root only are only clicked the arrow icon can control be expanded or  collapsed;br/>
+				</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/left_menuForOutLook.png b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/left_menuForOutLook.png
new file mode 100644
index 0000000000000000000000000000000000000000..36e8acfa3b6cb44f8aa25a339c2fdeb799c108df
GIT binary patch
literal 421
zcmV;W0b2fvP)<h;3K|Lk000e1NJLTq001Tc001Tk1^@s6s6FYf0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzM@d9MRCwC#mcb3eFbqZ0s`qvTHXs|o
z2yD?S8^8!$yG2LH2<-@LP$npj6eKHh6DJUage_T-s`~e(b{tphx~gBaO27n6zzSR6
z_Y*98@EQCFzS!r(Fp%#z0U-m+=_P=y12-V36WJ_`ac~C1QC0_p4o;x+p`3WCEe>Wz
za9s|VFMy%u%#2cSX{jWBz4B_Ls5Ok;;ndBs+K8C{*N-`1KAb85wIqX~V{C)<2eLDA
zp`^hIn1BhGfbr%q?K*x7{&3B8+Gyt6o!<#fjBjcX<h(bbYpq4ISTL3vdko_W(xH(h
z0QW#}Iu$Gyh*P6V!BJqLK)+s8DY$xLK%@exB37AjH<X=`3r6kg8ar7DW;b|7**T@m
z{65^}gHWsu*35cP--L>RVYvG@p~wbHbYUy7d!za5ocfeYT)_So>?yzikFK{^(}AmD
P00000NkvXXu0mjfHrBKf

literal 0
HcmV?d00001

diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/oneclick.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/oneclick.html
new file mode 100644
index 00000000..9679ec33
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/oneclick.html	
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - one click</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				dblClickExpand: false,
+				showLine: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				onClick: onClick
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"Root", open:true},
+			{ id:11, pId:1, name:"Parent Node 1-1", open:true},
+			{ id:111, pId:11, name:"Leaf Node 1-1-1"},
+			{ id:112, pId:11, name:"Leaf Node 1-1-2"},
+			{ id:113, pId:11, name:"Leaf Node 1-1-3"},
+			{ id:114, pId:11, name:"Leaf Node 1-1-4"},
+			{ id:12, pId:1, name:"Parent Node 1-2", open:true},
+			{ id:121, pId:12, name:"Leaf Node 1-2-1"},
+			{ id:122, pId:12, name:"Leaf Node 1-2-2"},
+			{ id:123, pId:12, name:"Leaf Node 1-2-3"},
+			{ id:124, pId:12, name:"Leaf Node 1-2-4"},
+			{ id:13, pId:1, name:"Parent Node 1-3", open:true},
+			{ id:131, pId:13, name:"Leaf Node 1-3-1"},
+			{ id:132, pId:13, name:"Leaf Node 1-3-2"},
+			{ id:133, pId:13, name:"Leaf Node 1-3-3"},
+			{ id:134, pId:13, name:"Leaf Node 1-3-4"}
+		];
+
+		function onClick(e,treeId, treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.expandNode(treeNode);
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li button.switch {visibility:hidden; width:1px;}
+.ztree li button.switch.roots_docu {visibility:visible; width:16px;}
+.ztree li button.switch.center_docu {visibility:visible; width:16px;}
+.ztree li button.switch.bottom_docu {visibility:visible; width:16px;}
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>Click to Expand Node</h1>
+<h6>[ File Path: super/oneclick.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>Explanation of implementation method</h2>
+				<ul class="list">
+				<li>zTree not provide a default click to expand node feature, but can use the onClick callback functions to easily implement this feature.</li>
+				<li class="highlight_red">In order to avoid conflict with the double-clicking, I recommended to turn off double-clicking expand node function, please set setting.view.dblClickExpand = false</li>
+				<li class="highlight_red">You can hide all the +/- switch, please see the page source, see the css.</li>
+				<li class="highlight_red">If you do not show + / - switch, then please set 'setting.view.showLine = false' to hide line.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/oneroot.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/oneroot.html
new file mode 100644
index 00000000..9d7eb53b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/oneroot.html	
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - one root</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				dblClickExpand: dblClickExpand
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			}
+		};
+
+		var zNodes =[
+			{ id:1, pId:0, name:"Root", open:true},
+			{ id:11, pId:1, name:"Parent Node 1-1", open:true},
+			{ id:111, pId:11, name:"Leaf Node 1-1-1"},
+			{ id:112, pId:11, name:"Leaf Node 1-1-2"},
+			{ id:113, pId:11, name:"Leaf Node 1-1-3"},
+			{ id:114, pId:11, name:"Leaf Node 1-1-4"},
+			{ id:12, pId:1, name:"Parent Node 1-2", open:true},
+			{ id:121, pId:12, name:"Leaf Node 1-2-1"},
+			{ id:122, pId:12, name:"Leaf Node 1-2-2"},
+			{ id:123, pId:12, name:"Leaf Node 1-2-3"},
+			{ id:124, pId:12, name:"Leaf Node 1-2-4"},
+			{ id:13, pId:1, name:"Parent Node 1-3", open:true},
+			{ id:131, pId:13, name:"Leaf Node 1-3-1"},
+			{ id:132, pId:13, name:"Leaf Node 1-3-2"},
+			{ id:133, pId:13, name:"Leaf Node 1-3-3"},
+			{ id:134, pId:13, name:"Leaf Node 1-3-4"}
+		];
+
+		function dblClickExpand(treeId, treeNode) {
+			return treeNode.level > 0;
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li span.button.switch.level0 {visibility:hidden; width:1px;}
+.ztree li ul.level0 {padding:0; background:none;}
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>Freeze the Root Node</h1>
+<h6>[ File Path: demo/super/oneroot.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>Explanation of implementation method</h2>
+				<ul class="list">
+				<li>For only one root, and do not show +/- switch needs need to modify the css, and set the setting.</li>
+				<li class="highlight_red">zTree v3.x can be for a given level, set the style, check out the page source, see the css.</li>
+				<li class="highlight_red">Set setting.view.dblClickExpand to Function, you can turn off double-clicking for expand the root node.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/rightClickMenu.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/rightClickMenu.html
new file mode 100644
index 00000000..06e640cc
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/rightClickMenu.html	
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - select menu</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				dblClickExpand: false
+			},
+			check: {
+				enable: true
+			},
+			callback: {
+				onRightClick: OnRightClick
+			}
+		};
+
+		var zNodes =[
+			{id:1, name:"No right-click menu 1", open:true, noR:true,
+				children:[
+					   {id:11, name:"Leaf Node 1-1", noR:true},
+					   {id:12, name:"Leaf Node 1-2", noR:true}
+
+				]},
+			{id:2, name:"Right-click 2", open:true,
+				children:[
+					   {id:21, name:"Leaf Node 2-1"},
+					   {id:22, name:"Leaf Node 2-2"},
+					   {id:23, name:"Leaf Node 2-3"},
+					   {id:24, name:"Leaf Node 2-4"}
+				]},
+			{id:3, name:"Right-click 3", open:true,
+				children:[
+					   {id:31, name:"Leaf Node 3-1"},
+					   {id:32, name:"Leaf Node 3-2"},
+					   {id:33, name:"Leaf Node 3-3"},
+					   {id:34, name:"Leaf Node 3-4"}
+				]}
+  	 	];
+
+		function OnRightClick(event, treeId, treeNode) {
+			if (!treeNode && event.target.tagName.toLowerCase() != "button" && $(event.target).parents("a").length == 0) {
+				zTree.cancelSelectedNode();
+				showRMenu("root", event.clientX, event.clientY);
+			} else if (treeNode && !treeNode.noR) {
+				zTree.selectNode(treeNode);
+				showRMenu("node", event.clientX, event.clientY);
+			}
+		}
+
+		function showRMenu(type, x, y) {
+			$("#rMenu ul").show();
+			if (type=="root") {
+				$("#m_del").hide();
+				$("#m_check").hide();
+				$("#m_unCheck").hide();
+			} else {
+				$("#m_del").show();
+				$("#m_check").show();
+				$("#m_unCheck").show();
+			}
+			rMenu.css({"top":y+"px", "left":x+"px", "visibility":"visible"});
+
+			$("body").bind("mousedown", onBodyMouseDown);
+		}
+		function hideRMenu() {
+			if (rMenu) rMenu.css({"visibility": "hidden"});
+			$("body").unbind("mousedown", onBodyMouseDown);
+		}
+		function onBodyMouseDown(event){
+			if (!(event.target.id == "rMenu" || $(event.target).parents("#rMenu").length>0)) {
+				rMenu.css({"visibility" : "hidden"});
+			}
+		}
+		var addCount = 1;
+		function addTreeNode() {
+			hideRMenu();
+			var newNode = { name:"newNode " + (addCount++)};
+			if (zTree.getSelectedNodes()[0]) {
+				newNode.checked = zTree.getSelectedNodes()[0].checked;
+				zTree.addNodes(zTree.getSelectedNodes()[0], newNode);
+			} else {
+				zTree.addNodes(null, newNode);
+			}
+		}
+		function removeTreeNode() {
+			hideRMenu();
+			var nodes = zTree.getSelectedNodes();
+			if (nodes && nodes.length>0) {
+				if (nodes[0].children && nodes[0].children.length > 0) {
+					var msg = "If you delete this node will be deleted along with sub-nodes. \n\nPlease confirm!";
+					if (confirm(msg)==true){
+						zTree.removeNode(nodes[0]);
+					}
+				} else {
+					zTree.removeNode(nodes[0]);
+				}
+			}
+		}
+		function checkTreeNode(checked) {
+			var nodes = zTree.getSelectedNodes();
+			if (nodes && nodes.length>0) {
+				zTree.checkNode(nodes[0], checked, true);
+			}
+			hideRMenu();
+		}
+		function resetTree() {
+			hideRMenu();
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		}
+
+		var zTree, rMenu;
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+			zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			rMenu = $("#rMenu");
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+div#rMenu {position:absolute; visibility:hidden; top:0; background-color: #555;text-align: left;padding: 2px;}
+div#rMenu ul li{
+	margin: 1px 0;
+	padding: 0 5px;
+	cursor: pointer;
+	list-style: none outside none;
+	background-color: #DFDFDF;
+}
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>Right-click Menu</h1>
+<h6>[ File Path: super/rightClickMenu.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>Explanation of implementation method</h2>
+				<ul class="list">
+				<li>Use 'beforeRightClick / onRightClick' callback function achieve right-click menu.</li>
+				<li class="highlight_red">Demo's menu is ugly, you can use a custom menu fine style.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+<div id="rMenu">
+	<ul>
+		<li id="m_add" onclick="addTreeNode();">Add Node</li>
+		<li id="m_del" onclick="removeTreeNode();">Delete Node</li>
+		<li id="m_check" onclick="checkTreeNode(true);">Check Node</li>
+		<li id="m_unCheck" onclick="checkTreeNode(false);">Uncheck Node</li>
+		<li id="m_reset" onclick="resetTree();">Resume zTree</li>
+	</ul>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/select_menu.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/select_menu.html
new file mode 100644
index 00000000..6423f6ec
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/select_menu.html	
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - select menu</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				dblClickExpand: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeClick: beforeClick,
+				onClick: onClick
+			}
+		};
+
+		var zNodes =[
+			{id:1, pId:0, name:"Beijing"},
+			{id:2, pId:0, name:"Tianjin"},
+			{id:3, pId:0, name:"Shanghai"},
+			{id:6, pId:0, name:"Chongqing"},
+			{id:4, pId:0, name:"Hebei Province", open:true},
+			{id:41, pId:4, name:"Shijiazhuang"},
+			{id:42, pId:4, name:"Baoding"},
+			{id:43, pId:4, name:"Handan"},
+			{id:44, pId:4, name:"Chengde"},
+			{id:5, pId:0, name:"Guangdong Province", open:true},
+			{id:51, pId:5, name:"Guangzhou"},
+			{id:52, pId:5, name:"Shenzhen"},
+			{id:53, pId:5, name:"Dongguan"},
+			{id:54, pId:5, name:"Fushan"},
+			{id:6, pId:0, name:"Fujian Province", open:true},
+			{id:61, pId:6, name:"Fuzhou"},
+			{id:62, pId:6, name:"Xiamen"},
+			{id:63, pId:6, name:"Quanzhou"},
+			{id:64, pId:6, name:"Sanming"}
+		 ];
+
+		function beforeClick(treeId, treeNode) {
+			var check = (treeNode && !treeNode.isParent);
+			if (!check) alert("Do not select province...");
+			return check;
+		}
+		
+		function onClick(e, treeId, treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getSelectedNodes(),
+			v = "";
+			nodes.sort(function compare(a,b){return a.id-b.id;});
+			for (var i=0, l=nodes.length; i<l; i++) {
+				v += nodes[i].name + ",";
+			}
+			if (v.length > 0 ) v = v.substring(0, v.length-1);
+			var cityObj = $("#citySel");
+			cityObj.attr("value", v);
+		}
+
+		function showMenu() {
+			var cityObj = $("#citySel");
+			var cityOffset = $("#citySel").offset();
+			$("#menuContent").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast");
+
+			$("body").bind("mousedown", onBodyDown);
+		}
+		function hideMenu() {
+			$("#menuContent").fadeOut("fast");
+			$("body").unbind("mousedown", onBodyDown);
+		}
+		function onBodyDown(event) {
+			if (!(event.target.id == "menuBtn" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) {
+				hideMenu();
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>Drop-down Menu</h1>
+<h6>[ File Path: super/select_menu.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul class="list">
+			<li class="title">&nbsp;&nbsp;<span class="highlight_red">Press Ctrl key to select multiple cities</span></li>
+			<li class="title">&nbsp;&nbsp;city: <input id="citySel" type="text" readonly value="" style="width:120px;"/>
+		&nbsp;<a id="menuBtn" href="#" onclick="showMenu(); return false;">select</a></li>
+		</ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>Explanation of implementation method</h2>
+				<ul class="list">
+				<li>Achieve this drop-down menu, it is relatively easy, you only need to control zTree Hide / Show, and location.</li>
+				<li class="highlight_red">Use zTree v3.x, you can select multiple nodes, so the multi-selection is also easy.</li>
+				<li class="highlight_red">Use the configuration parameters setting, fully meet the needs of most of the functionality.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+
+<div id="menuContent" class="menuContent" style="display:none; position: absolute;">
+	<ul id="treeDemo" class="ztree" style="margin-top:0; width:160px;"></ul>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/select_menu_checkbox.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/select_menu_checkbox.html
new file mode 100644
index 00000000..06b50d29
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/select_menu_checkbox.html	
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - checkbox select menu</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+<!--	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true,
+				chkboxType: {"Y":"", "N":""}
+			},
+			view: {
+				dblClickExpand: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeClick: beforeClick,
+				onCheck: onCheck
+			}
+		};
+
+		var zNodes =[
+			{id:1, pId:0, name:"Beijing"},
+			{id:2, pId:0, name:"Tianjin"},
+			{id:3, pId:0, name:"Shanghai"},
+			{id:6, pId:0, name:"Chongqing"},
+			{id:4, pId:0, name:"Hebei Province", open:true},
+			{id:41, pId:4, name:"Shijiazhuang"},
+			{id:42, pId:4, name:"Baoding"},
+			{id:43, pId:4, name:"Handan"},
+			{id:44, pId:4, name:"Chengde"},
+			{id:5, pId:0, name:"Guangdong Province", open:true},
+			{id:51, pId:5, name:"Guangzhou"},
+			{id:52, pId:5, name:"Shenzhen"},
+			{id:53, pId:5, name:"Dongguan"},
+			{id:54, pId:5, name:"Fushan"},
+			{id:6, pId:0, name:"Fujian Province", open:true},
+			{id:61, pId:6, name:"Fuzhou"},
+			{id:62, pId:6, name:"Xiamen"},
+			{id:63, pId:6, name:"Quanzhou"},
+			{id:64, pId:6, name:"Sanming"}
+		 ];
+
+		function beforeClick(treeId, treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.checkNode(treeNode, !treeNode.checked, null, true);
+			return false;
+		}
+		
+		function onCheck(e, treeId, treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getCheckedNodes(true),
+			v = "";
+			for (var i=0, l=nodes.length; i<l; i++) {
+				v += nodes[i].name + ",";
+			}
+			if (v.length > 0 ) v = v.substring(0, v.length-1);
+			var cityObj = $("#citySel");
+			cityObj.attr("value", v);
+		}
+
+		function showMenu() {
+			var cityObj = $("#citySel");
+			var cityOffset = $("#citySel").offset();
+			$("#menuContent").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast");
+
+			$("body").bind("mousedown", onBodyDown);
+		}
+		function hideMenu() {
+			$("#menuContent").fadeOut("fast");
+			$("body").unbind("mousedown", onBodyDown);
+		}
+		function onBodyDown(event) {
+			if (!(event.target.id == "menuBtn" || event.target.id == "citySel" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) {
+				hideMenu();
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>Drop-down Menu with checkbox</h1>
+<h6>[ File Path: super/select_menu_checkbox.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul class="list">
+			<li class="title">&nbsp;&nbsp;<span class="highlight_red">Check the checkbox to select or click the node</span></li>
+			<li class="title">&nbsp;&nbsp;Test: <input id="citySel" type="text" readonly value="" style="width:120px;" onclick="showMenu();" />
+		&nbsp;<a id="menuBtn" href="#" onclick="showMenu(); return false;">select</a></li>
+		</ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>Explanation of implementation method</h2>
+				<ul class="list">
+				<li>You can achieve multi-selected drop-down menu with checkbox.</li>
+				<li>This Demo is mainly used for compare with other drop-down menu.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+
+<div id="menuContent" class="menuContent" style="display:none; position: absolute;">
+	<ul id="treeDemo" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/select_menu_radio.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/select_menu_radio.html
new file mode 100644
index 00000000..7e9e9d1a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/select_menu_radio.html	
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - radio select menu</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+<!--	<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			check: {
+				enable: true,
+				chkStyle: "radio",
+				radioType: "all"
+			},
+			view: {
+				dblClickExpand: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				onClick: onClick,
+				onCheck: onCheck
+			}
+		};
+
+		var zNodes =[
+			{id:1, pId:0, name:"Beijing"},
+			{id:2, pId:0, name:"Tianjin"},
+			{id:3, pId:0, name:"Shanghai"},
+			{id:6, pId:0, name:"Chongqing"},
+			{id:4, pId:0, name:"Hebei Province", open:true},
+			{id:41, pId:4, name:"Shijiazhuang"},
+			{id:42, pId:4, name:"Baoding"},
+			{id:43, pId:4, name:"Handan"},
+			{id:44, pId:4, name:"Chengde"},
+			{id:5, pId:0, name:"Guangdong Province", open:true},
+			{id:51, pId:5, name:"Guangzhou"},
+			{id:52, pId:5, name:"Shenzhen"},
+			{id:53, pId:5, name:"Dongguan"},
+			{id:54, pId:5, name:"Fushan"},
+			{id:6, pId:0, name:"Fujian Province", open:true},
+			{id:61, pId:6, name:"Fuzhou"},
+			{id:62, pId:6, name:"Xiamen"},
+			{id:63, pId:6, name:"Quanzhou"},
+			{id:64, pId:6, name:"Sanming"}
+		 ];
+
+		function onClick(e, treeId, treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.checkNode(treeNode, !treeNode.checked, null, true);
+			return false;
+		}
+
+		function onCheck(e, treeId, treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
+			nodes = zTree.getCheckedNodes(true),
+			v = "";
+			for (var i=0, l=nodes.length; i<l; i++) {
+				v += nodes[i].name + ",";
+			}
+			if (v.length > 0 ) v = v.substring(0, v.length-1);
+			var cityObj = $("#citySel");
+			cityObj.attr("value", v);
+		}
+
+		function showMenu() {
+			var cityObj = $("#citySel");
+			var cityOffset = $("#citySel").offset();
+			$("#menuContent").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast");
+
+			$("body").bind("mousedown", onBodyDown);
+		}
+		function hideMenu() {
+			$("#menuContent").fadeOut("fast");
+			$("body").unbind("mousedown", onBodyDown);
+		}
+		function onBodyDown(event) {
+			if (!(event.target.id == "menuBtn" || event.target.id == "citySel" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) {
+				hideMenu();
+			}
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>Drop-down Menu with radio</h1>
+<h6>[ File Path: super/select_menu_radio.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul class="list">
+			<li class="title">&nbsp;&nbsp;<span class="highlight_red">Check the radio to select or click the node</span></li>
+			<li class="title">&nbsp;&nbsp;Test: <input id="citySel" type="text" readonly value="" style="width:120px;" onclick="showMenu();" />
+		&nbsp;<a id="menuBtn" href="#" onclick="showMenu(); return false;">select</a></li>
+		</ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>Explanation of implementation method</h2>
+				<ul class="list">
+				<li>You can achieve single-selected drop-down menu with radio.</li>
+				<li>This Demo is mainly used for compare with other drop-down menu.</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+
+<div id="menuContent" class="menuContent" style="display:none; position: absolute;">
+	<ul id="treeDemo" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/singlepath.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/singlepath.html
new file mode 100644
index 00000000..f48499d9
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/demo/en/super/singlepath.html	
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+	<TITLE> ZTREE DEMO - single path</TITLE>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
+	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
+	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->
+	<SCRIPT type="text/javascript">
+		<!--
+		var setting = {
+			view: {
+				dblClickExpand: false,
+				showLine: false
+			},
+			data: {
+				simpleData: {
+					enable: true
+				}
+			},
+			callback: {
+				beforeExpand: beforeExpand,
+				onExpand: onExpand,
+				onClick: onClick
+			}
+		};
+
+				function createNodes(maxNodesNumInLevel, maxLevel, curLevel, curPId) {
+			if (maxNodesNumInLevel<5) {
+				maxNodesNumInLevel = 5;
+			}
+			var nodes = [], num = 0;
+			while(num<3) {
+				num = parseInt(Math.random()*1024)%maxNodesNumInLevel+1;
+			}
+			for (var i=0; i<num; i++) {
+				var id = curPId ? curPId + "-" + i : "" + i, isParent = (parseInt(Math.random()*9999)%3!=0),
+				node = {id: id, pId : curPId, name : "N" + id};
+				nodes.push(node);
+				if (isParent && curLevel<maxLevel) {
+					nodes = nodes.concat(createNodes(maxNodesNumInLevel, maxLevel, curLevel+1, id));
+				}
+			}
+			return nodes;
+		}
+		var zNodes =createNodes(5, 5, 0);
+
+		var curExpandNode = null;
+		function beforeExpand(treeId, treeNode) {
+			var pNode = curExpandNode ? curExpandNode.getParentNode():null;
+			var treeNodeP = treeNode.parentTId ? treeNode.getParentNode():null;
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			for(var i=0, l=!treeNodeP ? 0:treeNodeP.children.length; i<l; i++ ) {
+				if (treeNode !== treeNodeP.children[i]) {
+					zTree.expandNode(treeNodeP.children[i], false);
+				}
+			}
+			while (pNode) {
+				if (pNode === treeNode) {
+					break;
+				}
+				pNode = pNode.getParentNode();
+			}
+			if (!pNode) {
+				singlePath(treeNode);
+			}
+
+		}
+		function singlePath(newNode) {
+			if (newNode === curExpandNode) return;
+			if (curExpandNode && curExpandNode.open==true) {
+				var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+				if (newNode.parentTId === curExpandNode.parentTId) {
+					zTree.expandNode(curExpandNode, false);
+				} else {
+					var newParents = [];
+					while (newNode) {
+						newNode = newNode.getParentNode();
+						if (newNode === curExpandNode) {
+							newParents = null;
+							break;
+						} else if (newNode) {
+							newParents.push(newNode);
+						}
+					}
+					if (newParents!=null) {
+						var oldNode = curExpandNode;
+						var oldParents = [];
+						while (oldNode) {
+							oldNode = oldNode.getParentNode();
+							if (oldNode) {
+								oldParents.push(oldNode);
+							}
+						}
+						if (newParents.length>0) {
+							zTree.expandNode(oldParents[Math.abs(oldParents.length-newParents.length)-1], false);
+						} else {
+							zTree.expandNode(oldParents[oldParents.length-1], false);
+						}
+					}
+				}
+			}
+			curExpandNode = newNode;
+		}
+
+		function onExpand(event, treeId, treeNode) {
+			curExpandNode = treeNode;
+		}
+
+		function onClick(e,treeId, treeNode) {
+			var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+			zTree.expandNode(treeNode, null, null, null, true);
+		}
+
+		$(document).ready(function(){
+			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
+		});
+		//-->
+	</SCRIPT>
+	<style type="text/css">
+.ztree li button.switch {visibility:hidden; width:1px;}
+.ztree li button.switch.roots_docu {visibility:visible; width:16px;}
+.ztree li button.switch.center_docu {visibility:visible; width:16px;}
+.ztree li button.switch.bottom_docu {visibility:visible; width:16px;}
+	</style>
+ </HEAD>
+
+<BODY>
+<h1>Keep Single Path</h1>
+<h6>[ File Path: super/singlepath.html ]</h6>
+<div class="content_wrap">
+	<div class="zTreeDemoBackground left">
+		<ul id="treeDemo" class="ztree"></ul>
+	</div>
+	<div class="right">
+		<ul class="info">
+			<li class="title"><h2>Explanation of implementation method</h2>
+				<ul class="list">
+				<li>This Demo is the transformation from "Click to Expand Node" demo​​, tree only expand single path.</li>
+				<li class="highlight_red">Use 'setting.callback.beforeExpand / onExpand' callback function to achieve rules about expand </li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery-1.4.4.min.js b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery-1.4.4.min.js
new file mode 100644
index 00000000..8f3ca2e2
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery-1.4.4.min.js	
@@ -0,0 +1,167 @@
+/*!
+ * jQuery JavaScript Library v1.4.4
+ * http://jquery.com/
+ *
+ * Copyright 2010, John Resig
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ * Copyright 2010, The Dojo Foundation
+ * Released under the MIT, BSD, and GPL Licenses.
+ *
+ * Date: Thu Nov 11 19:04:53 2010 -0500
+ */
+(function(E,B){function ka(a,b,d){if(d===B&&a.nodeType===1){d=a.getAttribute("data-"+b);if(typeof d==="string"){try{d=d==="true"?true:d==="false"?false:d==="null"?null:!c.isNaN(d)?parseFloat(d):Ja.test(d)?c.parseJSON(d):d}catch(e){}c.data(a,b,d)}else d=B}return d}function U(){return false}function ca(){return true}function la(a,b,d){d[0].type=a;return c.event.handle.apply(b,d)}function Ka(a){var b,d,e,f,h,l,k,o,x,r,A,C=[];f=[];h=c.data(this,this.nodeType?"events":"__events__");if(typeof h==="function")h=
+h.events;if(!(a.liveFired===this||!h||!h.live||a.button&&a.type==="click")){if(a.namespace)A=RegExp("(^|\\.)"+a.namespace.split(".").join("\\.(?:.*\\.)?")+"(\\.|$)");a.liveFired=this;var J=h.live.slice(0);for(k=0;k<J.length;k++){h=J[k];h.origType.replace(X,"")===a.type?f.push(h.selector):J.splice(k--,1)}f=c(a.target).closest(f,a.currentTarget);o=0;for(x=f.length;o<x;o++){r=f[o];for(k=0;k<J.length;k++){h=J[k];if(r.selector===h.selector&&(!A||A.test(h.namespace))){l=r.elem;e=null;if(h.preType==="mouseenter"||
+h.preType==="mouseleave"){a.type=h.preType;e=c(a.relatedTarget).closest(h.selector)[0]}if(!e||e!==l)C.push({elem:l,handleObj:h,level:r.level})}}}o=0;for(x=C.length;o<x;o++){f=C[o];if(d&&f.level>d)break;a.currentTarget=f.elem;a.data=f.handleObj.data;a.handleObj=f.handleObj;A=f.handleObj.origHandler.apply(f.elem,arguments);if(A===false||a.isPropagationStopped()){d=f.level;if(A===false)b=false;if(a.isImmediatePropagationStopped())break}}return b}}function Y(a,b){return(a&&a!=="*"?a+".":"")+b.replace(La,
+"`").replace(Ma,"&")}function ma(a,b,d){if(c.isFunction(b))return c.grep(a,function(f,h){return!!b.call(f,h,f)===d});else if(b.nodeType)return c.grep(a,function(f){return f===b===d});else if(typeof b==="string"){var e=c.grep(a,function(f){return f.nodeType===1});if(Na.test(b))return c.filter(b,e,!d);else b=c.filter(b,e)}return c.grep(a,function(f){return c.inArray(f,b)>=0===d})}function na(a,b){var d=0;b.each(function(){if(this.nodeName===(a[d]&&a[d].nodeName)){var e=c.data(a[d++]),f=c.data(this,
+e);if(e=e&&e.events){delete f.handle;f.events={};for(var h in e)for(var l in e[h])c.event.add(this,h,e[h][l],e[h][l].data)}}})}function Oa(a,b){b.src?c.ajax({url:b.src,async:false,dataType:"script"}):c.globalEval(b.text||b.textContent||b.innerHTML||"");b.parentNode&&b.parentNode.removeChild(b)}function oa(a,b,d){var e=b==="width"?a.offsetWidth:a.offsetHeight;if(d==="border")return e;c.each(b==="width"?Pa:Qa,function(){d||(e-=parseFloat(c.css(a,"padding"+this))||0);if(d==="margin")e+=parseFloat(c.css(a,
+"margin"+this))||0;else e-=parseFloat(c.css(a,"border"+this+"Width"))||0});return e}function da(a,b,d,e){if(c.isArray(b)&&b.length)c.each(b,function(f,h){d||Ra.test(a)?e(a,h):da(a+"["+(typeof h==="object"||c.isArray(h)?f:"")+"]",h,d,e)});else if(!d&&b!=null&&typeof b==="object")c.isEmptyObject(b)?e(a,""):c.each(b,function(f,h){da(a+"["+f+"]",h,d,e)});else e(a,b)}function S(a,b){var d={};c.each(pa.concat.apply([],pa.slice(0,b)),function(){d[this]=a});return d}function qa(a){if(!ea[a]){var b=c("<"+
+a+">").appendTo("body"),d=b.css("display");b.remove();if(d==="none"||d==="")d="block";ea[a]=d}return ea[a]}function fa(a){return c.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:false}var t=E.document,c=function(){function a(){if(!b.isReady){try{t.documentElement.doScroll("left")}catch(j){setTimeout(a,1);return}b.ready()}}var b=function(j,s){return new b.fn.init(j,s)},d=E.jQuery,e=E.$,f,h=/^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/,l=/\S/,k=/^\s+/,o=/\s+$/,x=/\W/,r=/\d/,A=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,
+C=/^[\],:{}\s]*$/,J=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,w=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,I=/(?:^|:|,)(?:\s*\[)+/g,L=/(webkit)[ \/]([\w.]+)/,g=/(opera)(?:.*version)?[ \/]([\w.]+)/,i=/(msie) ([\w.]+)/,n=/(mozilla)(?:.*? rv:([\w.]+))?/,m=navigator.userAgent,p=false,q=[],u,y=Object.prototype.toString,F=Object.prototype.hasOwnProperty,M=Array.prototype.push,N=Array.prototype.slice,O=String.prototype.trim,D=Array.prototype.indexOf,R={};b.fn=b.prototype={init:function(j,
+s){var v,z,H;if(!j)return this;if(j.nodeType){this.context=this[0]=j;this.length=1;return this}if(j==="body"&&!s&&t.body){this.context=t;this[0]=t.body;this.selector="body";this.length=1;return this}if(typeof j==="string")if((v=h.exec(j))&&(v[1]||!s))if(v[1]){H=s?s.ownerDocument||s:t;if(z=A.exec(j))if(b.isPlainObject(s)){j=[t.createElement(z[1])];b.fn.attr.call(j,s,true)}else j=[H.createElement(z[1])];else{z=b.buildFragment([v[1]],[H]);j=(z.cacheable?z.fragment.cloneNode(true):z.fragment).childNodes}return b.merge(this,
+j)}else{if((z=t.getElementById(v[2]))&&z.parentNode){if(z.id!==v[2])return f.find(j);this.length=1;this[0]=z}this.context=t;this.selector=j;return this}else if(!s&&!x.test(j)){this.selector=j;this.context=t;j=t.getElementsByTagName(j);return b.merge(this,j)}else return!s||s.jquery?(s||f).find(j):b(s).find(j);else if(b.isFunction(j))return f.ready(j);if(j.selector!==B){this.selector=j.selector;this.context=j.context}return b.makeArray(j,this)},selector:"",jquery:"1.4.4",length:0,size:function(){return this.length},
+toArray:function(){return N.call(this,0)},get:function(j){return j==null?this.toArray():j<0?this.slice(j)[0]:this[j]},pushStack:function(j,s,v){var z=b();b.isArray(j)?M.apply(z,j):b.merge(z,j);z.prevObject=this;z.context=this.context;if(s==="find")z.selector=this.selector+(this.selector?" ":"")+v;else if(s)z.selector=this.selector+"."+s+"("+v+")";return z},each:function(j,s){return b.each(this,j,s)},ready:function(j){b.bindReady();if(b.isReady)j.call(t,b);else q&&q.push(j);return this},eq:function(j){return j===
+-1?this.slice(j):this.slice(j,+j+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(N.apply(this,arguments),"slice",N.call(arguments).join(","))},map:function(j){return this.pushStack(b.map(this,function(s,v){return j.call(s,v,s)}))},end:function(){return this.prevObject||b(null)},push:M,sort:[].sort,splice:[].splice};b.fn.init.prototype=b.fn;b.extend=b.fn.extend=function(){var j,s,v,z,H,G=arguments[0]||{},K=1,Q=arguments.length,ga=false;
+if(typeof G==="boolean"){ga=G;G=arguments[1]||{};K=2}if(typeof G!=="object"&&!b.isFunction(G))G={};if(Q===K){G=this;--K}for(;K<Q;K++)if((j=arguments[K])!=null)for(s in j){v=G[s];z=j[s];if(G!==z)if(ga&&z&&(b.isPlainObject(z)||(H=b.isArray(z)))){if(H){H=false;v=v&&b.isArray(v)?v:[]}else v=v&&b.isPlainObject(v)?v:{};G[s]=b.extend(ga,v,z)}else if(z!==B)G[s]=z}return G};b.extend({noConflict:function(j){E.$=e;if(j)E.jQuery=d;return b},isReady:false,readyWait:1,ready:function(j){j===true&&b.readyWait--;
+if(!b.readyWait||j!==true&&!b.isReady){if(!t.body)return setTimeout(b.ready,1);b.isReady=true;if(!(j!==true&&--b.readyWait>0))if(q){var s=0,v=q;for(q=null;j=v[s++];)j.call(t,b);b.fn.trigger&&b(t).trigger("ready").unbind("ready")}}},bindReady:function(){if(!p){p=true;if(t.readyState==="complete")return setTimeout(b.ready,1);if(t.addEventListener){t.addEventListener("DOMContentLoaded",u,false);E.addEventListener("load",b.ready,false)}else if(t.attachEvent){t.attachEvent("onreadystatechange",u);E.attachEvent("onload",
+b.ready);var j=false;try{j=E.frameElement==null}catch(s){}t.documentElement.doScroll&&j&&a()}}},isFunction:function(j){return b.type(j)==="function"},isArray:Array.isArray||function(j){return b.type(j)==="array"},isWindow:function(j){return j&&typeof j==="object"&&"setInterval"in j},isNaN:function(j){return j==null||!r.test(j)||isNaN(j)},type:function(j){return j==null?String(j):R[y.call(j)]||"object"},isPlainObject:function(j){if(!j||b.type(j)!=="object"||j.nodeType||b.isWindow(j))return false;if(j.constructor&&
+!F.call(j,"constructor")&&!F.call(j.constructor.prototype,"isPrototypeOf"))return false;for(var s in j);return s===B||F.call(j,s)},isEmptyObject:function(j){for(var s in j)return false;return true},error:function(j){throw j;},parseJSON:function(j){if(typeof j!=="string"||!j)return null;j=b.trim(j);if(C.test(j.replace(J,"@").replace(w,"]").replace(I,"")))return E.JSON&&E.JSON.parse?E.JSON.parse(j):(new Function("return "+j))();else b.error("Invalid JSON: "+j)},noop:function(){},globalEval:function(j){if(j&&
+l.test(j)){var s=t.getElementsByTagName("head")[0]||t.documentElement,v=t.createElement("script");v.type="text/javascript";if(b.support.scriptEval)v.appendChild(t.createTextNode(j));else v.text=j;s.insertBefore(v,s.firstChild);s.removeChild(v)}},nodeName:function(j,s){return j.nodeName&&j.nodeName.toUpperCase()===s.toUpperCase()},each:function(j,s,v){var z,H=0,G=j.length,K=G===B||b.isFunction(j);if(v)if(K)for(z in j){if(s.apply(j[z],v)===false)break}else for(;H<G;){if(s.apply(j[H++],v)===false)break}else if(K)for(z in j){if(s.call(j[z],
+z,j[z])===false)break}else for(v=j[0];H<G&&s.call(v,H,v)!==false;v=j[++H]);return j},trim:O?function(j){return j==null?"":O.call(j)}:function(j){return j==null?"":j.toString().replace(k,"").replace(o,"")},makeArray:function(j,s){var v=s||[];if(j!=null){var z=b.type(j);j.length==null||z==="string"||z==="function"||z==="regexp"||b.isWindow(j)?M.call(v,j):b.merge(v,j)}return v},inArray:function(j,s){if(s.indexOf)return s.indexOf(j);for(var v=0,z=s.length;v<z;v++)if(s[v]===j)return v;return-1},merge:function(j,
+s){var v=j.length,z=0;if(typeof s.length==="number")for(var H=s.length;z<H;z++)j[v++]=s[z];else for(;s[z]!==B;)j[v++]=s[z++];j.length=v;return j},grep:function(j,s,v){var z=[],H;v=!!v;for(var G=0,K=j.length;G<K;G++){H=!!s(j[G],G);v!==H&&z.push(j[G])}return z},map:function(j,s,v){for(var z=[],H,G=0,K=j.length;G<K;G++){H=s(j[G],G,v);if(H!=null)z[z.length]=H}return z.concat.apply([],z)},guid:1,proxy:function(j,s,v){if(arguments.length===2)if(typeof s==="string"){v=j;j=v[s];s=B}else if(s&&!b.isFunction(s)){v=
+s;s=B}if(!s&&j)s=function(){return j.apply(v||this,arguments)};if(j)s.guid=j.guid=j.guid||s.guid||b.guid++;return s},access:function(j,s,v,z,H,G){var K=j.length;if(typeof s==="object"){for(var Q in s)b.access(j,Q,s[Q],z,H,v);return j}if(v!==B){z=!G&&z&&b.isFunction(v);for(Q=0;Q<K;Q++)H(j[Q],s,z?v.call(j[Q],Q,H(j[Q],s)):v,G);return j}return K?H(j[0],s):B},now:function(){return(new Date).getTime()},uaMatch:function(j){j=j.toLowerCase();j=L.exec(j)||g.exec(j)||i.exec(j)||j.indexOf("compatible")<0&&n.exec(j)||
+[];return{browser:j[1]||"",version:j[2]||"0"}},browser:{}});b.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(j,s){R["[object "+s+"]"]=s.toLowerCase()});m=b.uaMatch(m);if(m.browser){b.browser[m.browser]=true;b.browser.version=m.version}if(b.browser.webkit)b.browser.safari=true;if(D)b.inArray=function(j,s){return D.call(s,j)};if(!/\s/.test("\u00a0")){k=/^[\s\xA0]+/;o=/[\s\xA0]+$/}f=b(t);if(t.addEventListener)u=function(){t.removeEventListener("DOMContentLoaded",u,
+false);b.ready()};else if(t.attachEvent)u=function(){if(t.readyState==="complete"){t.detachEvent("onreadystatechange",u);b.ready()}};return E.jQuery=E.$=b}();(function(){c.support={};var a=t.documentElement,b=t.createElement("script"),d=t.createElement("div"),e="script"+c.now();d.style.display="none";d.innerHTML="   <link/><table></table><a href='/a' style='color:red;float:left;opacity:.55;'>a</a><input type='checkbox'/>";var f=d.getElementsByTagName("*"),h=d.getElementsByTagName("a")[0],l=t.createElement("select"),
+k=l.appendChild(t.createElement("option"));if(!(!f||!f.length||!h)){c.support={leadingWhitespace:d.firstChild.nodeType===3,tbody:!d.getElementsByTagName("tbody").length,htmlSerialize:!!d.getElementsByTagName("link").length,style:/red/.test(h.getAttribute("style")),hrefNormalized:h.getAttribute("href")==="/a",opacity:/^0.55$/.test(h.style.opacity),cssFloat:!!h.style.cssFloat,checkOn:d.getElementsByTagName("input")[0].value==="on",optSelected:k.selected,deleteExpando:true,optDisabled:false,checkClone:false,
+scriptEval:false,noCloneEvent:true,boxModel:null,inlineBlockNeedsLayout:false,shrinkWrapBlocks:false,reliableHiddenOffsets:true};l.disabled=true;c.support.optDisabled=!k.disabled;b.type="text/javascript";try{b.appendChild(t.createTextNode("window."+e+"=1;"))}catch(o){}a.insertBefore(b,a.firstChild);if(E[e]){c.support.scriptEval=true;delete E[e]}try{delete b.test}catch(x){c.support.deleteExpando=false}a.removeChild(b);if(d.attachEvent&&d.fireEvent){d.attachEvent("onclick",function r(){c.support.noCloneEvent=
+false;d.detachEvent("onclick",r)});d.cloneNode(true).fireEvent("onclick")}d=t.createElement("div");d.innerHTML="<input type='radio' name='radiotest' checked='checked'/>";a=t.createDocumentFragment();a.appendChild(d.firstChild);c.support.checkClone=a.cloneNode(true).cloneNode(true).lastChild.checked;c(function(){var r=t.createElement("div");r.style.width=r.style.paddingLeft="1px";t.body.appendChild(r);c.boxModel=c.support.boxModel=r.offsetWidth===2;if("zoom"in r.style){r.style.display="inline";r.style.zoom=
+1;c.support.inlineBlockNeedsLayout=r.offsetWidth===2;r.style.display="";r.innerHTML="<div style='width:4px;'></div>";c.support.shrinkWrapBlocks=r.offsetWidth!==2}r.innerHTML="<table><tr><td style='padding:0;display:none'></td><td>t</td></tr></table>";var A=r.getElementsByTagName("td");c.support.reliableHiddenOffsets=A[0].offsetHeight===0;A[0].style.display="";A[1].style.display="none";c.support.reliableHiddenOffsets=c.support.reliableHiddenOffsets&&A[0].offsetHeight===0;r.innerHTML="";t.body.removeChild(r).style.display=
+"none"});a=function(r){var A=t.createElement("div");r="on"+r;var C=r in A;if(!C){A.setAttribute(r,"return;");C=typeof A[r]==="function"}return C};c.support.submitBubbles=a("submit");c.support.changeBubbles=a("change");a=b=d=f=h=null}})();var ra={},Ja=/^(?:\{.*\}|\[.*\])$/;c.extend({cache:{},uuid:0,expando:"jQuery"+c.now(),noData:{embed:true,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:true},data:function(a,b,d){if(c.acceptData(a)){a=a==E?ra:a;var e=a.nodeType,f=e?a[c.expando]:null,h=
+c.cache;if(!(e&&!f&&typeof b==="string"&&d===B)){if(e)f||(a[c.expando]=f=++c.uuid);else h=a;if(typeof b==="object")if(e)h[f]=c.extend(h[f],b);else c.extend(h,b);else if(e&&!h[f])h[f]={};a=e?h[f]:h;if(d!==B)a[b]=d;return typeof b==="string"?a[b]:a}}},removeData:function(a,b){if(c.acceptData(a)){a=a==E?ra:a;var d=a.nodeType,e=d?a[c.expando]:a,f=c.cache,h=d?f[e]:e;if(b){if(h){delete h[b];d&&c.isEmptyObject(h)&&c.removeData(a)}}else if(d&&c.support.deleteExpando)delete a[c.expando];else if(a.removeAttribute)a.removeAttribute(c.expando);
+else if(d)delete f[e];else for(var l in a)delete a[l]}},acceptData:function(a){if(a.nodeName){var b=c.noData[a.nodeName.toLowerCase()];if(b)return!(b===true||a.getAttribute("classid")!==b)}return true}});c.fn.extend({data:function(a,b){var d=null;if(typeof a==="undefined"){if(this.length){var e=this[0].attributes,f;d=c.data(this[0]);for(var h=0,l=e.length;h<l;h++){f=e[h].name;if(f.indexOf("data-")===0){f=f.substr(5);ka(this[0],f,d[f])}}}return d}else if(typeof a==="object")return this.each(function(){c.data(this,
+a)});var k=a.split(".");k[1]=k[1]?"."+k[1]:"";if(b===B){d=this.triggerHandler("getData"+k[1]+"!",[k[0]]);if(d===B&&this.length){d=c.data(this[0],a);d=ka(this[0],a,d)}return d===B&&k[1]?this.data(k[0]):d}else return this.each(function(){var o=c(this),x=[k[0],b];o.triggerHandler("setData"+k[1]+"!",x);c.data(this,a,b);o.triggerHandler("changeData"+k[1]+"!",x)})},removeData:function(a){return this.each(function(){c.removeData(this,a)})}});c.extend({queue:function(a,b,d){if(a){b=(b||"fx")+"queue";var e=
+c.data(a,b);if(!d)return e||[];if(!e||c.isArray(d))e=c.data(a,b,c.makeArray(d));else e.push(d);return e}},dequeue:function(a,b){b=b||"fx";var d=c.queue(a,b),e=d.shift();if(e==="inprogress")e=d.shift();if(e){b==="fx"&&d.unshift("inprogress");e.call(a,function(){c.dequeue(a,b)})}}});c.fn.extend({queue:function(a,b){if(typeof a!=="string"){b=a;a="fx"}if(b===B)return c.queue(this[0],a);return this.each(function(){var d=c.queue(this,a,b);a==="fx"&&d[0]!=="inprogress"&&c.dequeue(this,a)})},dequeue:function(a){return this.each(function(){c.dequeue(this,
+a)})},delay:function(a,b){a=c.fx?c.fx.speeds[a]||a:a;b=b||"fx";return this.queue(b,function(){var d=this;setTimeout(function(){c.dequeue(d,b)},a)})},clearQueue:function(a){return this.queue(a||"fx",[])}});var sa=/[\n\t]/g,ha=/\s+/,Sa=/\r/g,Ta=/^(?:href|src|style)$/,Ua=/^(?:button|input)$/i,Va=/^(?:button|input|object|select|textarea)$/i,Wa=/^a(?:rea)?$/i,ta=/^(?:radio|checkbox)$/i;c.props={"for":"htmlFor","class":"className",readonly:"readOnly",maxlength:"maxLength",cellspacing:"cellSpacing",rowspan:"rowSpan",
+colspan:"colSpan",tabindex:"tabIndex",usemap:"useMap",frameborder:"frameBorder"};c.fn.extend({attr:function(a,b){return c.access(this,a,b,true,c.attr)},removeAttr:function(a){return this.each(function(){c.attr(this,a,"");this.nodeType===1&&this.removeAttribute(a)})},addClass:function(a){if(c.isFunction(a))return this.each(function(x){var r=c(this);r.addClass(a.call(this,x,r.attr("class")))});if(a&&typeof a==="string")for(var b=(a||"").split(ha),d=0,e=this.length;d<e;d++){var f=this[d];if(f.nodeType===
+1)if(f.className){for(var h=" "+f.className+" ",l=f.className,k=0,o=b.length;k<o;k++)if(h.indexOf(" "+b[k]+" ")<0)l+=" "+b[k];f.className=c.trim(l)}else f.className=a}return this},removeClass:function(a){if(c.isFunction(a))return this.each(function(o){var x=c(this);x.removeClass(a.call(this,o,x.attr("class")))});if(a&&typeof a==="string"||a===B)for(var b=(a||"").split(ha),d=0,e=this.length;d<e;d++){var f=this[d];if(f.nodeType===1&&f.className)if(a){for(var h=(" "+f.className+" ").replace(sa," "),
+l=0,k=b.length;l<k;l++)h=h.replace(" "+b[l]+" "," ");f.className=c.trim(h)}else f.className=""}return this},toggleClass:function(a,b){var d=typeof a,e=typeof b==="boolean";if(c.isFunction(a))return this.each(function(f){var h=c(this);h.toggleClass(a.call(this,f,h.attr("class"),b),b)});return this.each(function(){if(d==="string")for(var f,h=0,l=c(this),k=b,o=a.split(ha);f=o[h++];){k=e?k:!l.hasClass(f);l[k?"addClass":"removeClass"](f)}else if(d==="undefined"||d==="boolean"){this.className&&c.data(this,
+"__className__",this.className);this.className=this.className||a===false?"":c.data(this,"__className__")||""}})},hasClass:function(a){a=" "+a+" ";for(var b=0,d=this.length;b<d;b++)if((" "+this[b].className+" ").replace(sa," ").indexOf(a)>-1)return true;return false},val:function(a){if(!arguments.length){var b=this[0];if(b){if(c.nodeName(b,"option")){var d=b.attributes.value;return!d||d.specified?b.value:b.text}if(c.nodeName(b,"select")){var e=b.selectedIndex;d=[];var f=b.options;b=b.type==="select-one";
+if(e<0)return null;var h=b?e:0;for(e=b?e+1:f.length;h<e;h++){var l=f[h];if(l.selected&&(c.support.optDisabled?!l.disabled:l.getAttribute("disabled")===null)&&(!l.parentNode.disabled||!c.nodeName(l.parentNode,"optgroup"))){a=c(l).val();if(b)return a;d.push(a)}}return d}if(ta.test(b.type)&&!c.support.checkOn)return b.getAttribute("value")===null?"on":b.value;return(b.value||"").replace(Sa,"")}return B}var k=c.isFunction(a);return this.each(function(o){var x=c(this),r=a;if(this.nodeType===1){if(k)r=
+a.call(this,o,x.val());if(r==null)r="";else if(typeof r==="number")r+="";else if(c.isArray(r))r=c.map(r,function(C){return C==null?"":C+""});if(c.isArray(r)&&ta.test(this.type))this.checked=c.inArray(x.val(),r)>=0;else if(c.nodeName(this,"select")){var A=c.makeArray(r);c("option",this).each(function(){this.selected=c.inArray(c(this).val(),A)>=0});if(!A.length)this.selectedIndex=-1}else this.value=r}})}});c.extend({attrFn:{val:true,css:true,html:true,text:true,data:true,width:true,height:true,offset:true},
+attr:function(a,b,d,e){if(!a||a.nodeType===3||a.nodeType===8)return B;if(e&&b in c.attrFn)return c(a)[b](d);e=a.nodeType!==1||!c.isXMLDoc(a);var f=d!==B;b=e&&c.props[b]||b;var h=Ta.test(b);if((b in a||a[b]!==B)&&e&&!h){if(f){b==="type"&&Ua.test(a.nodeName)&&a.parentNode&&c.error("type property can't be changed");if(d===null)a.nodeType===1&&a.removeAttribute(b);else a[b]=d}if(c.nodeName(a,"form")&&a.getAttributeNode(b))return a.getAttributeNode(b).nodeValue;if(b==="tabIndex")return(b=a.getAttributeNode("tabIndex"))&&
+b.specified?b.value:Va.test(a.nodeName)||Wa.test(a.nodeName)&&a.href?0:B;return a[b]}if(!c.support.style&&e&&b==="style"){if(f)a.style.cssText=""+d;return a.style.cssText}f&&a.setAttribute(b,""+d);if(!a.attributes[b]&&a.hasAttribute&&!a.hasAttribute(b))return B;a=!c.support.hrefNormalized&&e&&h?a.getAttribute(b,2):a.getAttribute(b);return a===null?B:a}});var X=/\.(.*)$/,ia=/^(?:textarea|input|select)$/i,La=/\./g,Ma=/ /g,Xa=/[^\w\s.|`]/g,Ya=function(a){return a.replace(Xa,"\\$&")},ua={focusin:0,focusout:0};
+c.event={add:function(a,b,d,e){if(!(a.nodeType===3||a.nodeType===8)){if(c.isWindow(a)&&a!==E&&!a.frameElement)a=E;if(d===false)d=U;else if(!d)return;var f,h;if(d.handler){f=d;d=f.handler}if(!d.guid)d.guid=c.guid++;if(h=c.data(a)){var l=a.nodeType?"events":"__events__",k=h[l],o=h.handle;if(typeof k==="function"){o=k.handle;k=k.events}else if(!k){a.nodeType||(h[l]=h=function(){});h.events=k={}}if(!o)h.handle=o=function(){return typeof c!=="undefined"&&!c.event.triggered?c.event.handle.apply(o.elem,
+arguments):B};o.elem=a;b=b.split(" ");for(var x=0,r;l=b[x++];){h=f?c.extend({},f):{handler:d,data:e};if(l.indexOf(".")>-1){r=l.split(".");l=r.shift();h.namespace=r.slice(0).sort().join(".")}else{r=[];h.namespace=""}h.type=l;if(!h.guid)h.guid=d.guid;var A=k[l],C=c.event.special[l]||{};if(!A){A=k[l]=[];if(!C.setup||C.setup.call(a,e,r,o)===false)if(a.addEventListener)a.addEventListener(l,o,false);else a.attachEvent&&a.attachEvent("on"+l,o)}if(C.add){C.add.call(a,h);if(!h.handler.guid)h.handler.guid=
+d.guid}A.push(h);c.event.global[l]=true}a=null}}},global:{},remove:function(a,b,d,e){if(!(a.nodeType===3||a.nodeType===8)){if(d===false)d=U;var f,h,l=0,k,o,x,r,A,C,J=a.nodeType?"events":"__events__",w=c.data(a),I=w&&w[J];if(w&&I){if(typeof I==="function"){w=I;I=I.events}if(b&&b.type){d=b.handler;b=b.type}if(!b||typeof b==="string"&&b.charAt(0)==="."){b=b||"";for(f in I)c.event.remove(a,f+b)}else{for(b=b.split(" ");f=b[l++];){r=f;k=f.indexOf(".")<0;o=[];if(!k){o=f.split(".");f=o.shift();x=RegExp("(^|\\.)"+
+c.map(o.slice(0).sort(),Ya).join("\\.(?:.*\\.)?")+"(\\.|$)")}if(A=I[f])if(d){r=c.event.special[f]||{};for(h=e||0;h<A.length;h++){C=A[h];if(d.guid===C.guid){if(k||x.test(C.namespace)){e==null&&A.splice(h--,1);r.remove&&r.remove.call(a,C)}if(e!=null)break}}if(A.length===0||e!=null&&A.length===1){if(!r.teardown||r.teardown.call(a,o)===false)c.removeEvent(a,f,w.handle);delete I[f]}}else for(h=0;h<A.length;h++){C=A[h];if(k||x.test(C.namespace)){c.event.remove(a,r,C.handler,h);A.splice(h--,1)}}}if(c.isEmptyObject(I)){if(b=
+w.handle)b.elem=null;delete w.events;delete w.handle;if(typeof w==="function")c.removeData(a,J);else c.isEmptyObject(w)&&c.removeData(a)}}}}},trigger:function(a,b,d,e){var f=a.type||a;if(!e){a=typeof a==="object"?a[c.expando]?a:c.extend(c.Event(f),a):c.Event(f);if(f.indexOf("!")>=0){a.type=f=f.slice(0,-1);a.exclusive=true}if(!d){a.stopPropagation();c.event.global[f]&&c.each(c.cache,function(){this.events&&this.events[f]&&c.event.trigger(a,b,this.handle.elem)})}if(!d||d.nodeType===3||d.nodeType===
+8)return B;a.result=B;a.target=d;b=c.makeArray(b);b.unshift(a)}a.currentTarget=d;(e=d.nodeType?c.data(d,"handle"):(c.data(d,"__events__")||{}).handle)&&e.apply(d,b);e=d.parentNode||d.ownerDocument;try{if(!(d&&d.nodeName&&c.noData[d.nodeName.toLowerCase()]))if(d["on"+f]&&d["on"+f].apply(d,b)===false){a.result=false;a.preventDefault()}}catch(h){}if(!a.isPropagationStopped()&&e)c.event.trigger(a,b,e,true);else if(!a.isDefaultPrevented()){var l;e=a.target;var k=f.replace(X,""),o=c.nodeName(e,"a")&&k===
+"click",x=c.event.special[k]||{};if((!x._default||x._default.call(d,a)===false)&&!o&&!(e&&e.nodeName&&c.noData[e.nodeName.toLowerCase()])){try{if(e[k]){if(l=e["on"+k])e["on"+k]=null;c.event.triggered=true;e[k]()}}catch(r){}if(l)e["on"+k]=l;c.event.triggered=false}}},handle:function(a){var b,d,e,f;d=[];var h=c.makeArray(arguments);a=h[0]=c.event.fix(a||E.event);a.currentTarget=this;b=a.type.indexOf(".")<0&&!a.exclusive;if(!b){e=a.type.split(".");a.type=e.shift();d=e.slice(0).sort();e=RegExp("(^|\\.)"+
+d.join("\\.(?:.*\\.)?")+"(\\.|$)")}a.namespace=a.namespace||d.join(".");f=c.data(this,this.nodeType?"events":"__events__");if(typeof f==="function")f=f.events;d=(f||{})[a.type];if(f&&d){d=d.slice(0);f=0;for(var l=d.length;f<l;f++){var k=d[f];if(b||e.test(k.namespace)){a.handler=k.handler;a.data=k.data;a.handleObj=k;k=k.handler.apply(this,h);if(k!==B){a.result=k;if(k===false){a.preventDefault();a.stopPropagation()}}if(a.isImmediatePropagationStopped())break}}}return a.result},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),
+fix:function(a){if(a[c.expando])return a;var b=a;a=c.Event(b);for(var d=this.props.length,e;d;){e=this.props[--d];a[e]=b[e]}if(!a.target)a.target=a.srcElement||t;if(a.target.nodeType===3)a.target=a.target.parentNode;if(!a.relatedTarget&&a.fromElement)a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement;if(a.pageX==null&&a.clientX!=null){b=t.documentElement;d=t.body;a.pageX=a.clientX+(b&&b.scrollLeft||d&&d.scrollLeft||0)-(b&&b.clientLeft||d&&d.clientLeft||0);a.pageY=a.clientY+(b&&b.scrollTop||
+d&&d.scrollTop||0)-(b&&b.clientTop||d&&d.clientTop||0)}if(a.which==null&&(a.charCode!=null||a.keyCode!=null))a.which=a.charCode!=null?a.charCode:a.keyCode;if(!a.metaKey&&a.ctrlKey)a.metaKey=a.ctrlKey;if(!a.which&&a.button!==B)a.which=a.button&1?1:a.button&2?3:a.button&4?2:0;return a},guid:1E8,proxy:c.proxy,special:{ready:{setup:c.bindReady,teardown:c.noop},live:{add:function(a){c.event.add(this,Y(a.origType,a.selector),c.extend({},a,{handler:Ka,guid:a.handler.guid}))},remove:function(a){c.event.remove(this,
+Y(a.origType,a.selector),a)}},beforeunload:{setup:function(a,b,d){if(c.isWindow(this))this.onbeforeunload=d},teardown:function(a,b){if(this.onbeforeunload===b)this.onbeforeunload=null}}}};c.removeEvent=t.removeEventListener?function(a,b,d){a.removeEventListener&&a.removeEventListener(b,d,false)}:function(a,b,d){a.detachEvent&&a.detachEvent("on"+b,d)};c.Event=function(a){if(!this.preventDefault)return new c.Event(a);if(a&&a.type){this.originalEvent=a;this.type=a.type}else this.type=a;this.timeStamp=
+c.now();this[c.expando]=true};c.Event.prototype={preventDefault:function(){this.isDefaultPrevented=ca;var a=this.originalEvent;if(a)if(a.preventDefault)a.preventDefault();else a.returnValue=false},stopPropagation:function(){this.isPropagationStopped=ca;var a=this.originalEvent;if(a){a.stopPropagation&&a.stopPropagation();a.cancelBubble=true}},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=ca;this.stopPropagation()},isDefaultPrevented:U,isPropagationStopped:U,isImmediatePropagationStopped:U};
+var va=function(a){var b=a.relatedTarget;try{for(;b&&b!==this;)b=b.parentNode;if(b!==this){a.type=a.data;c.event.handle.apply(this,arguments)}}catch(d){}},wa=function(a){a.type=a.data;c.event.handle.apply(this,arguments)};c.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){c.event.special[a]={setup:function(d){c.event.add(this,b,d&&d.selector?wa:va,a)},teardown:function(d){c.event.remove(this,b,d&&d.selector?wa:va)}}});if(!c.support.submitBubbles)c.event.special.submit={setup:function(){if(this.nodeName.toLowerCase()!==
+"form"){c.event.add(this,"click.specialSubmit",function(a){var b=a.target,d=b.type;if((d==="submit"||d==="image")&&c(b).closest("form").length){a.liveFired=B;return la("submit",this,arguments)}});c.event.add(this,"keypress.specialSubmit",function(a){var b=a.target,d=b.type;if((d==="text"||d==="password")&&c(b).closest("form").length&&a.keyCode===13){a.liveFired=B;return la("submit",this,arguments)}})}else return false},teardown:function(){c.event.remove(this,".specialSubmit")}};if(!c.support.changeBubbles){var V,
+xa=function(a){var b=a.type,d=a.value;if(b==="radio"||b==="checkbox")d=a.checked;else if(b==="select-multiple")d=a.selectedIndex>-1?c.map(a.options,function(e){return e.selected}).join("-"):"";else if(a.nodeName.toLowerCase()==="select")d=a.selectedIndex;return d},Z=function(a,b){var d=a.target,e,f;if(!(!ia.test(d.nodeName)||d.readOnly)){e=c.data(d,"_change_data");f=xa(d);if(a.type!=="focusout"||d.type!=="radio")c.data(d,"_change_data",f);if(!(e===B||f===e))if(e!=null||f){a.type="change";a.liveFired=
+B;return c.event.trigger(a,b,d)}}};c.event.special.change={filters:{focusout:Z,beforedeactivate:Z,click:function(a){var b=a.target,d=b.type;if(d==="radio"||d==="checkbox"||b.nodeName.toLowerCase()==="select")return Z.call(this,a)},keydown:function(a){var b=a.target,d=b.type;if(a.keyCode===13&&b.nodeName.toLowerCase()!=="textarea"||a.keyCode===32&&(d==="checkbox"||d==="radio")||d==="select-multiple")return Z.call(this,a)},beforeactivate:function(a){a=a.target;c.data(a,"_change_data",xa(a))}},setup:function(){if(this.type===
+"file")return false;for(var a in V)c.event.add(this,a+".specialChange",V[a]);return ia.test(this.nodeName)},teardown:function(){c.event.remove(this,".specialChange");return ia.test(this.nodeName)}};V=c.event.special.change.filters;V.focus=V.beforeactivate}t.addEventListener&&c.each({focus:"focusin",blur:"focusout"},function(a,b){function d(e){e=c.event.fix(e);e.type=b;return c.event.trigger(e,null,e.target)}c.event.special[b]={setup:function(){ua[b]++===0&&t.addEventListener(a,d,true)},teardown:function(){--ua[b]===
+0&&t.removeEventListener(a,d,true)}}});c.each(["bind","one"],function(a,b){c.fn[b]=function(d,e,f){if(typeof d==="object"){for(var h in d)this[b](h,e,d[h],f);return this}if(c.isFunction(e)||e===false){f=e;e=B}var l=b==="one"?c.proxy(f,function(o){c(this).unbind(o,l);return f.apply(this,arguments)}):f;if(d==="unload"&&b!=="one")this.one(d,e,f);else{h=0;for(var k=this.length;h<k;h++)c.event.add(this[h],d,l,e)}return this}});c.fn.extend({unbind:function(a,b){if(typeof a==="object"&&!a.preventDefault)for(var d in a)this.unbind(d,
+a[d]);else{d=0;for(var e=this.length;d<e;d++)c.event.remove(this[d],a,b)}return this},delegate:function(a,b,d,e){return this.live(b,d,e,a)},undelegate:function(a,b,d){return arguments.length===0?this.unbind("live"):this.die(b,null,d,a)},trigger:function(a,b){return this.each(function(){c.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0]){var d=c.Event(a);d.preventDefault();d.stopPropagation();c.event.trigger(d,b,this[0]);return d.result}},toggle:function(a){for(var b=arguments,d=
+1;d<b.length;)c.proxy(a,b[d++]);return this.click(c.proxy(a,function(e){var f=(c.data(this,"lastToggle"+a.guid)||0)%d;c.data(this,"lastToggle"+a.guid,f+1);e.preventDefault();return b[f].apply(this,arguments)||false}))},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}});var ya={focus:"focusin",blur:"focusout",mouseenter:"mouseover",mouseleave:"mouseout"};c.each(["live","die"],function(a,b){c.fn[b]=function(d,e,f,h){var l,k=0,o,x,r=h||this.selector;h=h?this:c(this.context);if(typeof d===
+"object"&&!d.preventDefault){for(l in d)h[b](l,e,d[l],r);return this}if(c.isFunction(e)){f=e;e=B}for(d=(d||"").split(" ");(l=d[k++])!=null;){o=X.exec(l);x="";if(o){x=o[0];l=l.replace(X,"")}if(l==="hover")d.push("mouseenter"+x,"mouseleave"+x);else{o=l;if(l==="focus"||l==="blur"){d.push(ya[l]+x);l+=x}else l=(ya[l]||l)+x;if(b==="live"){x=0;for(var A=h.length;x<A;x++)c.event.add(h[x],"live."+Y(l,r),{data:e,selector:r,handler:f,origType:l,origHandler:f,preType:o})}else h.unbind("live."+Y(l,r),f)}}return this}});
+c.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error".split(" "),function(a,b){c.fn[b]=function(d,e){if(e==null){e=d;d=null}return arguments.length>0?this.bind(b,d,e):this.trigger(b)};if(c.attrFn)c.attrFn[b]=true});E.attachEvent&&!E.addEventListener&&c(E).bind("unload",function(){for(var a in c.cache)if(c.cache[a].handle)try{c.event.remove(c.cache[a].handle.elem)}catch(b){}});
+(function(){function a(g,i,n,m,p,q){p=0;for(var u=m.length;p<u;p++){var y=m[p];if(y){var F=false;for(y=y[g];y;){if(y.sizcache===n){F=m[y.sizset];break}if(y.nodeType===1&&!q){y.sizcache=n;y.sizset=p}if(y.nodeName.toLowerCase()===i){F=y;break}y=y[g]}m[p]=F}}}function b(g,i,n,m,p,q){p=0;for(var u=m.length;p<u;p++){var y=m[p];if(y){var F=false;for(y=y[g];y;){if(y.sizcache===n){F=m[y.sizset];break}if(y.nodeType===1){if(!q){y.sizcache=n;y.sizset=p}if(typeof i!=="string"){if(y===i){F=true;break}}else if(k.filter(i,
+[y]).length>0){F=y;break}}y=y[g]}m[p]=F}}}var d=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,e=0,f=Object.prototype.toString,h=false,l=true;[0,0].sort(function(){l=false;return 0});var k=function(g,i,n,m){n=n||[];var p=i=i||t;if(i.nodeType!==1&&i.nodeType!==9)return[];if(!g||typeof g!=="string")return n;var q,u,y,F,M,N=true,O=k.isXML(i),D=[],R=g;do{d.exec("");if(q=d.exec(R)){R=q[3];D.push(q[1]);if(q[2]){F=q[3];
+break}}}while(q);if(D.length>1&&x.exec(g))if(D.length===2&&o.relative[D[0]])u=L(D[0]+D[1],i);else for(u=o.relative[D[0]]?[i]:k(D.shift(),i);D.length;){g=D.shift();if(o.relative[g])g+=D.shift();u=L(g,u)}else{if(!m&&D.length>1&&i.nodeType===9&&!O&&o.match.ID.test(D[0])&&!o.match.ID.test(D[D.length-1])){q=k.find(D.shift(),i,O);i=q.expr?k.filter(q.expr,q.set)[0]:q.set[0]}if(i){q=m?{expr:D.pop(),set:C(m)}:k.find(D.pop(),D.length===1&&(D[0]==="~"||D[0]==="+")&&i.parentNode?i.parentNode:i,O);u=q.expr?k.filter(q.expr,
+q.set):q.set;if(D.length>0)y=C(u);else N=false;for(;D.length;){q=M=D.pop();if(o.relative[M])q=D.pop();else M="";if(q==null)q=i;o.relative[M](y,q,O)}}else y=[]}y||(y=u);y||k.error(M||g);if(f.call(y)==="[object Array]")if(N)if(i&&i.nodeType===1)for(g=0;y[g]!=null;g++){if(y[g]&&(y[g]===true||y[g].nodeType===1&&k.contains(i,y[g])))n.push(u[g])}else for(g=0;y[g]!=null;g++)y[g]&&y[g].nodeType===1&&n.push(u[g]);else n.push.apply(n,y);else C(y,n);if(F){k(F,p,n,m);k.uniqueSort(n)}return n};k.uniqueSort=function(g){if(w){h=
+l;g.sort(w);if(h)for(var i=1;i<g.length;i++)g[i]===g[i-1]&&g.splice(i--,1)}return g};k.matches=function(g,i){return k(g,null,null,i)};k.matchesSelector=function(g,i){return k(i,null,null,[g]).length>0};k.find=function(g,i,n){var m;if(!g)return[];for(var p=0,q=o.order.length;p<q;p++){var u,y=o.order[p];if(u=o.leftMatch[y].exec(g)){var F=u[1];u.splice(1,1);if(F.substr(F.length-1)!=="\\"){u[1]=(u[1]||"").replace(/\\/g,"");m=o.find[y](u,i,n);if(m!=null){g=g.replace(o.match[y],"");break}}}}m||(m=i.getElementsByTagName("*"));
+return{set:m,expr:g}};k.filter=function(g,i,n,m){for(var p,q,u=g,y=[],F=i,M=i&&i[0]&&k.isXML(i[0]);g&&i.length;){for(var N in o.filter)if((p=o.leftMatch[N].exec(g))!=null&&p[2]){var O,D,R=o.filter[N];D=p[1];q=false;p.splice(1,1);if(D.substr(D.length-1)!=="\\"){if(F===y)y=[];if(o.preFilter[N])if(p=o.preFilter[N](p,F,n,y,m,M)){if(p===true)continue}else q=O=true;if(p)for(var j=0;(D=F[j])!=null;j++)if(D){O=R(D,p,j,F);var s=m^!!O;if(n&&O!=null)if(s)q=true;else F[j]=false;else if(s){y.push(D);q=true}}if(O!==
+B){n||(F=y);g=g.replace(o.match[N],"");if(!q)return[];break}}}if(g===u)if(q==null)k.error(g);else break;u=g}return F};k.error=function(g){throw"Syntax error, unrecognized expression: "+g;};var o=k.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\((even|odd|[\dn+\-]*)\))?/,
+POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(g){return g.getAttribute("href")}},relative:{"+":function(g,i){var n=typeof i==="string",m=n&&!/\W/.test(i);n=n&&!m;if(m)i=i.toLowerCase();m=0;for(var p=g.length,q;m<p;m++)if(q=g[m]){for(;(q=q.previousSibling)&&q.nodeType!==1;);g[m]=n||q&&q.nodeName.toLowerCase()===
+i?q||false:q===i}n&&k.filter(i,g,true)},">":function(g,i){var n,m=typeof i==="string",p=0,q=g.length;if(m&&!/\W/.test(i))for(i=i.toLowerCase();p<q;p++){if(n=g[p]){n=n.parentNode;g[p]=n.nodeName.toLowerCase()===i?n:false}}else{for(;p<q;p++)if(n=g[p])g[p]=m?n.parentNode:n.parentNode===i;m&&k.filter(i,g,true)}},"":function(g,i,n){var m,p=e++,q=b;if(typeof i==="string"&&!/\W/.test(i)){m=i=i.toLowerCase();q=a}q("parentNode",i,p,g,m,n)},"~":function(g,i,n){var m,p=e++,q=b;if(typeof i==="string"&&!/\W/.test(i)){m=
+i=i.toLowerCase();q=a}q("previousSibling",i,p,g,m,n)}},find:{ID:function(g,i,n){if(typeof i.getElementById!=="undefined"&&!n)return(g=i.getElementById(g[1]))&&g.parentNode?[g]:[]},NAME:function(g,i){if(typeof i.getElementsByName!=="undefined"){for(var n=[],m=i.getElementsByName(g[1]),p=0,q=m.length;p<q;p++)m[p].getAttribute("name")===g[1]&&n.push(m[p]);return n.length===0?null:n}},TAG:function(g,i){return i.getElementsByTagName(g[1])}},preFilter:{CLASS:function(g,i,n,m,p,q){g=" "+g[1].replace(/\\/g,
+"")+" ";if(q)return g;q=0;for(var u;(u=i[q])!=null;q++)if(u)if(p^(u.className&&(" "+u.className+" ").replace(/[\t\n]/g," ").indexOf(g)>=0))n||m.push(u);else if(n)i[q]=false;return false},ID:function(g){return g[1].replace(/\\/g,"")},TAG:function(g){return g[1].toLowerCase()},CHILD:function(g){if(g[1]==="nth"){var i=/(-?)(\d*)n((?:\+|-)?\d*)/.exec(g[2]==="even"&&"2n"||g[2]==="odd"&&"2n+1"||!/\D/.test(g[2])&&"0n+"+g[2]||g[2]);g[2]=i[1]+(i[2]||1)-0;g[3]=i[3]-0}g[0]=e++;return g},ATTR:function(g,i,n,
+m,p,q){i=g[1].replace(/\\/g,"");if(!q&&o.attrMap[i])g[1]=o.attrMap[i];if(g[2]==="~=")g[4]=" "+g[4]+" ";return g},PSEUDO:function(g,i,n,m,p){if(g[1]==="not")if((d.exec(g[3])||"").length>1||/^\w/.test(g[3]))g[3]=k(g[3],null,null,i);else{g=k.filter(g[3],i,n,true^p);n||m.push.apply(m,g);return false}else if(o.match.POS.test(g[0])||o.match.CHILD.test(g[0]))return true;return g},POS:function(g){g.unshift(true);return g}},filters:{enabled:function(g){return g.disabled===false&&g.type!=="hidden"},disabled:function(g){return g.disabled===
+true},checked:function(g){return g.checked===true},selected:function(g){return g.selected===true},parent:function(g){return!!g.firstChild},empty:function(g){return!g.firstChild},has:function(g,i,n){return!!k(n[3],g).length},header:function(g){return/h\d/i.test(g.nodeName)},text:function(g){return"text"===g.type},radio:function(g){return"radio"===g.type},checkbox:function(g){return"checkbox"===g.type},file:function(g){return"file"===g.type},password:function(g){return"password"===g.type},submit:function(g){return"submit"===
+g.type},image:function(g){return"image"===g.type},reset:function(g){return"reset"===g.type},button:function(g){return"button"===g.type||g.nodeName.toLowerCase()==="button"},input:function(g){return/input|select|textarea|button/i.test(g.nodeName)}},setFilters:{first:function(g,i){return i===0},last:function(g,i,n,m){return i===m.length-1},even:function(g,i){return i%2===0},odd:function(g,i){return i%2===1},lt:function(g,i,n){return i<n[3]-0},gt:function(g,i,n){return i>n[3]-0},nth:function(g,i,n){return n[3]-
+0===i},eq:function(g,i,n){return n[3]-0===i}},filter:{PSEUDO:function(g,i,n,m){var p=i[1],q=o.filters[p];if(q)return q(g,n,i,m);else if(p==="contains")return(g.textContent||g.innerText||k.getText([g])||"").indexOf(i[3])>=0;else if(p==="not"){i=i[3];n=0;for(m=i.length;n<m;n++)if(i[n]===g)return false;return true}else k.error("Syntax error, unrecognized expression: "+p)},CHILD:function(g,i){var n=i[1],m=g;switch(n){case "only":case "first":for(;m=m.previousSibling;)if(m.nodeType===1)return false;if(n===
+"first")return true;m=g;case "last":for(;m=m.nextSibling;)if(m.nodeType===1)return false;return true;case "nth":n=i[2];var p=i[3];if(n===1&&p===0)return true;var q=i[0],u=g.parentNode;if(u&&(u.sizcache!==q||!g.nodeIndex)){var y=0;for(m=u.firstChild;m;m=m.nextSibling)if(m.nodeType===1)m.nodeIndex=++y;u.sizcache=q}m=g.nodeIndex-p;return n===0?m===0:m%n===0&&m/n>=0}},ID:function(g,i){return g.nodeType===1&&g.getAttribute("id")===i},TAG:function(g,i){return i==="*"&&g.nodeType===1||g.nodeName.toLowerCase()===
+i},CLASS:function(g,i){return(" "+(g.className||g.getAttribute("class"))+" ").indexOf(i)>-1},ATTR:function(g,i){var n=i[1];n=o.attrHandle[n]?o.attrHandle[n](g):g[n]!=null?g[n]:g.getAttribute(n);var m=n+"",p=i[2],q=i[4];return n==null?p==="!=":p==="="?m===q:p==="*="?m.indexOf(q)>=0:p==="~="?(" "+m+" ").indexOf(q)>=0:!q?m&&n!==false:p==="!="?m!==q:p==="^="?m.indexOf(q)===0:p==="$="?m.substr(m.length-q.length)===q:p==="|="?m===q||m.substr(0,q.length+1)===q+"-":false},POS:function(g,i,n,m){var p=o.setFilters[i[2]];
+if(p)return p(g,n,i,m)}}},x=o.match.POS,r=function(g,i){return"\\"+(i-0+1)},A;for(A in o.match){o.match[A]=RegExp(o.match[A].source+/(?![^\[]*\])(?![^\(]*\))/.source);o.leftMatch[A]=RegExp(/(^(?:.|\r|\n)*?)/.source+o.match[A].source.replace(/\\(\d+)/g,r))}var C=function(g,i){g=Array.prototype.slice.call(g,0);if(i){i.push.apply(i,g);return i}return g};try{Array.prototype.slice.call(t.documentElement.childNodes,0)}catch(J){C=function(g,i){var n=0,m=i||[];if(f.call(g)==="[object Array]")Array.prototype.push.apply(m,
+g);else if(typeof g.length==="number")for(var p=g.length;n<p;n++)m.push(g[n]);else for(;g[n];n++)m.push(g[n]);return m}}var w,I;if(t.documentElement.compareDocumentPosition)w=function(g,i){if(g===i){h=true;return 0}if(!g.compareDocumentPosition||!i.compareDocumentPosition)return g.compareDocumentPosition?-1:1;return g.compareDocumentPosition(i)&4?-1:1};else{w=function(g,i){var n,m,p=[],q=[];n=g.parentNode;m=i.parentNode;var u=n;if(g===i){h=true;return 0}else if(n===m)return I(g,i);else if(n){if(!m)return 1}else return-1;
+for(;u;){p.unshift(u);u=u.parentNode}for(u=m;u;){q.unshift(u);u=u.parentNode}n=p.length;m=q.length;for(u=0;u<n&&u<m;u++)if(p[u]!==q[u])return I(p[u],q[u]);return u===n?I(g,q[u],-1):I(p[u],i,1)};I=function(g,i,n){if(g===i)return n;for(g=g.nextSibling;g;){if(g===i)return-1;g=g.nextSibling}return 1}}k.getText=function(g){for(var i="",n,m=0;g[m];m++){n=g[m];if(n.nodeType===3||n.nodeType===4)i+=n.nodeValue;else if(n.nodeType!==8)i+=k.getText(n.childNodes)}return i};(function(){var g=t.createElement("div"),
+i="script"+(new Date).getTime(),n=t.documentElement;g.innerHTML="<a name='"+i+"'/>";n.insertBefore(g,n.firstChild);if(t.getElementById(i)){o.find.ID=function(m,p,q){if(typeof p.getElementById!=="undefined"&&!q)return(p=p.getElementById(m[1]))?p.id===m[1]||typeof p.getAttributeNode!=="undefined"&&p.getAttributeNode("id").nodeValue===m[1]?[p]:B:[]};o.filter.ID=function(m,p){var q=typeof m.getAttributeNode!=="undefined"&&m.getAttributeNode("id");return m.nodeType===1&&q&&q.nodeValue===p}}n.removeChild(g);
+n=g=null})();(function(){var g=t.createElement("div");g.appendChild(t.createComment(""));if(g.getElementsByTagName("*").length>0)o.find.TAG=function(i,n){var m=n.getElementsByTagName(i[1]);if(i[1]==="*"){for(var p=[],q=0;m[q];q++)m[q].nodeType===1&&p.push(m[q]);m=p}return m};g.innerHTML="<a href='#'></a>";if(g.firstChild&&typeof g.firstChild.getAttribute!=="undefined"&&g.firstChild.getAttribute("href")!=="#")o.attrHandle.href=function(i){return i.getAttribute("href",2)};g=null})();t.querySelectorAll&&
+function(){var g=k,i=t.createElement("div");i.innerHTML="<p class='TEST'></p>";if(!(i.querySelectorAll&&i.querySelectorAll(".TEST").length===0)){k=function(m,p,q,u){p=p||t;m=m.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!u&&!k.isXML(p))if(p.nodeType===9)try{return C(p.querySelectorAll(m),q)}catch(y){}else if(p.nodeType===1&&p.nodeName.toLowerCase()!=="object"){var F=p.getAttribute("id"),M=F||"__sizzle__";F||p.setAttribute("id",M);try{return C(p.querySelectorAll("#"+M+" "+m),q)}catch(N){}finally{F||
+p.removeAttribute("id")}}return g(m,p,q,u)};for(var n in g)k[n]=g[n];i=null}}();(function(){var g=t.documentElement,i=g.matchesSelector||g.mozMatchesSelector||g.webkitMatchesSelector||g.msMatchesSelector,n=false;try{i.call(t.documentElement,"[test!='']:sizzle")}catch(m){n=true}if(i)k.matchesSelector=function(p,q){q=q.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!k.isXML(p))try{if(n||!o.match.PSEUDO.test(q)&&!/!=/.test(q))return i.call(p,q)}catch(u){}return k(q,null,null,[p]).length>0}})();(function(){var g=
+t.createElement("div");g.innerHTML="<div class='test e'></div><div class='test'></div>";if(!(!g.getElementsByClassName||g.getElementsByClassName("e").length===0)){g.lastChild.className="e";if(g.getElementsByClassName("e").length!==1){o.order.splice(1,0,"CLASS");o.find.CLASS=function(i,n,m){if(typeof n.getElementsByClassName!=="undefined"&&!m)return n.getElementsByClassName(i[1])};g=null}}})();k.contains=t.documentElement.contains?function(g,i){return g!==i&&(g.contains?g.contains(i):true)}:t.documentElement.compareDocumentPosition?
+function(g,i){return!!(g.compareDocumentPosition(i)&16)}:function(){return false};k.isXML=function(g){return(g=(g?g.ownerDocument||g:0).documentElement)?g.nodeName!=="HTML":false};var L=function(g,i){for(var n,m=[],p="",q=i.nodeType?[i]:i;n=o.match.PSEUDO.exec(g);){p+=n[0];g=g.replace(o.match.PSEUDO,"")}g=o.relative[g]?g+"*":g;n=0;for(var u=q.length;n<u;n++)k(g,q[n],m);return k.filter(p,m)};c.find=k;c.expr=k.selectors;c.expr[":"]=c.expr.filters;c.unique=k.uniqueSort;c.text=k.getText;c.isXMLDoc=k.isXML;
+c.contains=k.contains})();var Za=/Until$/,$a=/^(?:parents|prevUntil|prevAll)/,ab=/,/,Na=/^.[^:#\[\.,]*$/,bb=Array.prototype.slice,cb=c.expr.match.POS;c.fn.extend({find:function(a){for(var b=this.pushStack("","find",a),d=0,e=0,f=this.length;e<f;e++){d=b.length;c.find(a,this[e],b);if(e>0)for(var h=d;h<b.length;h++)for(var l=0;l<d;l++)if(b[l]===b[h]){b.splice(h--,1);break}}return b},has:function(a){var b=c(a);return this.filter(function(){for(var d=0,e=b.length;d<e;d++)if(c.contains(this,b[d]))return true})},
+not:function(a){return this.pushStack(ma(this,a,false),"not",a)},filter:function(a){return this.pushStack(ma(this,a,true),"filter",a)},is:function(a){return!!a&&c.filter(a,this).length>0},closest:function(a,b){var d=[],e,f,h=this[0];if(c.isArray(a)){var l,k={},o=1;if(h&&a.length){e=0;for(f=a.length;e<f;e++){l=a[e];k[l]||(k[l]=c.expr.match.POS.test(l)?c(l,b||this.context):l)}for(;h&&h.ownerDocument&&h!==b;){for(l in k){e=k[l];if(e.jquery?e.index(h)>-1:c(h).is(e))d.push({selector:l,elem:h,level:o})}h=
+h.parentNode;o++}}return d}l=cb.test(a)?c(a,b||this.context):null;e=0;for(f=this.length;e<f;e++)for(h=this[e];h;)if(l?l.index(h)>-1:c.find.matchesSelector(h,a)){d.push(h);break}else{h=h.parentNode;if(!h||!h.ownerDocument||h===b)break}d=d.length>1?c.unique(d):d;return this.pushStack(d,"closest",a)},index:function(a){if(!a||typeof a==="string")return c.inArray(this[0],a?c(a):this.parent().children());return c.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var d=typeof a==="string"?c(a,b||this.context):
+c.makeArray(a),e=c.merge(this.get(),d);return this.pushStack(!d[0]||!d[0].parentNode||d[0].parentNode.nodeType===11||!e[0]||!e[0].parentNode||e[0].parentNode.nodeType===11?e:c.unique(e))},andSelf:function(){return this.add(this.prevObject)}});c.each({parent:function(a){return(a=a.parentNode)&&a.nodeType!==11?a:null},parents:function(a){return c.dir(a,"parentNode")},parentsUntil:function(a,b,d){return c.dir(a,"parentNode",d)},next:function(a){return c.nth(a,2,"nextSibling")},prev:function(a){return c.nth(a,
+2,"previousSibling")},nextAll:function(a){return c.dir(a,"nextSibling")},prevAll:function(a){return c.dir(a,"previousSibling")},nextUntil:function(a,b,d){return c.dir(a,"nextSibling",d)},prevUntil:function(a,b,d){return c.dir(a,"previousSibling",d)},siblings:function(a){return c.sibling(a.parentNode.firstChild,a)},children:function(a){return c.sibling(a.firstChild)},contents:function(a){return c.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:c.makeArray(a.childNodes)}},function(a,
+b){c.fn[a]=function(d,e){var f=c.map(this,b,d);Za.test(a)||(e=d);if(e&&typeof e==="string")f=c.filter(e,f);f=this.length>1?c.unique(f):f;if((this.length>1||ab.test(e))&&$a.test(a))f=f.reverse();return this.pushStack(f,a,bb.call(arguments).join(","))}});c.extend({filter:function(a,b,d){if(d)a=":not("+a+")";return b.length===1?c.find.matchesSelector(b[0],a)?[b[0]]:[]:c.find.matches(a,b)},dir:function(a,b,d){var e=[];for(a=a[b];a&&a.nodeType!==9&&(d===B||a.nodeType!==1||!c(a).is(d));){a.nodeType===1&&
+e.push(a);a=a[b]}return e},nth:function(a,b,d){b=b||1;for(var e=0;a;a=a[d])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){for(var d=[];a;a=a.nextSibling)a.nodeType===1&&a!==b&&d.push(a);return d}});var za=/ jQuery\d+="(?:\d+|null)"/g,$=/^\s+/,Aa=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Ba=/<([\w:]+)/,db=/<tbody/i,eb=/<|&#?\w+;/,Ca=/<(?:script|object|embed|option|style)/i,Da=/checked\s*(?:[^=]|=\s*.checked.)/i,fb=/\=([^="'>\s]+\/)>/g,P={option:[1,
+"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]};P.optgroup=P.option;P.tbody=P.tfoot=P.colgroup=P.caption=P.thead;P.th=P.td;if(!c.support.htmlSerialize)P._default=[1,"div<div>","</div>"];c.fn.extend({text:function(a){if(c.isFunction(a))return this.each(function(b){var d=
+c(this);d.text(a.call(this,b,d.text()))});if(typeof a!=="object"&&a!==B)return this.empty().append((this[0]&&this[0].ownerDocument||t).createTextNode(a));return c.text(this)},wrapAll:function(a){if(c.isFunction(a))return this.each(function(d){c(this).wrapAll(a.call(this,d))});if(this[0]){var b=c(a,this[0].ownerDocument).eq(0).clone(true);this[0].parentNode&&b.insertBefore(this[0]);b.map(function(){for(var d=this;d.firstChild&&d.firstChild.nodeType===1;)d=d.firstChild;return d}).append(this)}return this},
+wrapInner:function(a){if(c.isFunction(a))return this.each(function(b){c(this).wrapInner(a.call(this,b))});return this.each(function(){var b=c(this),d=b.contents();d.length?d.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){c(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){c.nodeName(this,"body")||c(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.appendChild(a)})},
+prepend:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,this)});else if(arguments.length){var a=c(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,
+this.nextSibling)});else if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,c(arguments[0]).toArray());return a}},remove:function(a,b){for(var d=0,e;(e=this[d])!=null;d++)if(!a||c.filter(a,[e]).length){if(!b&&e.nodeType===1){c.cleanData(e.getElementsByTagName("*"));c.cleanData([e])}e.parentNode&&e.parentNode.removeChild(e)}return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++)for(b.nodeType===1&&c.cleanData(b.getElementsByTagName("*"));b.firstChild;)b.removeChild(b.firstChild);
+return this},clone:function(a){var b=this.map(function(){if(!c.support.noCloneEvent&&!c.isXMLDoc(this)){var d=this.outerHTML,e=this.ownerDocument;if(!d){d=e.createElement("div");d.appendChild(this.cloneNode(true));d=d.innerHTML}return c.clean([d.replace(za,"").replace(fb,'="$1">').replace($,"")],e)[0]}else return this.cloneNode(true)});if(a===true){na(this,b);na(this.find("*"),b.find("*"))}return b},html:function(a){if(a===B)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(za,""):null;
+else if(typeof a==="string"&&!Ca.test(a)&&(c.support.leadingWhitespace||!$.test(a))&&!P[(Ba.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Aa,"<$1></$2>");try{for(var b=0,d=this.length;b<d;b++)if(this[b].nodeType===1){c.cleanData(this[b].getElementsByTagName("*"));this[b].innerHTML=a}}catch(e){this.empty().append(a)}}else c.isFunction(a)?this.each(function(f){var h=c(this);h.html(a.call(this,f,h.html()))}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&&this[0].parentNode){if(c.isFunction(a))return this.each(function(b){var d=
+c(this),e=d.html();d.replaceWith(a.call(this,b,e))});if(typeof a!=="string")a=c(a).detach();return this.each(function(){var b=this.nextSibling,d=this.parentNode;c(this).remove();b?c(b).before(a):c(d).append(a)})}else return this.pushStack(c(c.isFunction(a)?a():a),"replaceWith",a)},detach:function(a){return this.remove(a,true)},domManip:function(a,b,d){var e,f,h,l=a[0],k=[];if(!c.support.checkClone&&arguments.length===3&&typeof l==="string"&&Da.test(l))return this.each(function(){c(this).domManip(a,
+b,d,true)});if(c.isFunction(l))return this.each(function(x){var r=c(this);a[0]=l.call(this,x,b?r.html():B);r.domManip(a,b,d)});if(this[0]){e=l&&l.parentNode;e=c.support.parentNode&&e&&e.nodeType===11&&e.childNodes.length===this.length?{fragment:e}:c.buildFragment(a,this,k);h=e.fragment;if(f=h.childNodes.length===1?h=h.firstChild:h.firstChild){b=b&&c.nodeName(f,"tr");f=0;for(var o=this.length;f<o;f++)d.call(b?c.nodeName(this[f],"table")?this[f].getElementsByTagName("tbody")[0]||this[f].appendChild(this[f].ownerDocument.createElement("tbody")):
+this[f]:this[f],f>0||e.cacheable||this.length>1?h.cloneNode(true):h)}k.length&&c.each(k,Oa)}return this}});c.buildFragment=function(a,b,d){var e,f,h;b=b&&b[0]?b[0].ownerDocument||b[0]:t;if(a.length===1&&typeof a[0]==="string"&&a[0].length<512&&b===t&&!Ca.test(a[0])&&(c.support.checkClone||!Da.test(a[0]))){f=true;if(h=c.fragments[a[0]])if(h!==1)e=h}if(!e){e=b.createDocumentFragment();c.clean(a,b,e,d)}if(f)c.fragments[a[0]]=h?e:1;return{fragment:e,cacheable:f}};c.fragments={};c.each({appendTo:"append",
+prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){c.fn[a]=function(d){var e=[];d=c(d);var f=this.length===1&&this[0].parentNode;if(f&&f.nodeType===11&&f.childNodes.length===1&&d.length===1){d[b](this[0]);return this}else{f=0;for(var h=d.length;f<h;f++){var l=(f>0?this.clone(true):this).get();c(d[f])[b](l);e=e.concat(l)}return this.pushStack(e,a,d.selector)}}});c.extend({clean:function(a,b,d,e){b=b||t;if(typeof b.createElement==="undefined")b=b.ownerDocument||
+b[0]&&b[0].ownerDocument||t;for(var f=[],h=0,l;(l=a[h])!=null;h++){if(typeof l==="number")l+="";if(l){if(typeof l==="string"&&!eb.test(l))l=b.createTextNode(l);else if(typeof l==="string"){l=l.replace(Aa,"<$1></$2>");var k=(Ba.exec(l)||["",""])[1].toLowerCase(),o=P[k]||P._default,x=o[0],r=b.createElement("div");for(r.innerHTML=o[1]+l+o[2];x--;)r=r.lastChild;if(!c.support.tbody){x=db.test(l);k=k==="table"&&!x?r.firstChild&&r.firstChild.childNodes:o[1]==="<table>"&&!x?r.childNodes:[];for(o=k.length-
+1;o>=0;--o)c.nodeName(k[o],"tbody")&&!k[o].childNodes.length&&k[o].parentNode.removeChild(k[o])}!c.support.leadingWhitespace&&$.test(l)&&r.insertBefore(b.createTextNode($.exec(l)[0]),r.firstChild);l=r.childNodes}if(l.nodeType)f.push(l);else f=c.merge(f,l)}}if(d)for(h=0;f[h];h++)if(e&&c.nodeName(f[h],"script")&&(!f[h].type||f[h].type.toLowerCase()==="text/javascript"))e.push(f[h].parentNode?f[h].parentNode.removeChild(f[h]):f[h]);else{f[h].nodeType===1&&f.splice.apply(f,[h+1,0].concat(c.makeArray(f[h].getElementsByTagName("script"))));
+d.appendChild(f[h])}return f},cleanData:function(a){for(var b,d,e=c.cache,f=c.event.special,h=c.support.deleteExpando,l=0,k;(k=a[l])!=null;l++)if(!(k.nodeName&&c.noData[k.nodeName.toLowerCase()]))if(d=k[c.expando]){if((b=e[d])&&b.events)for(var o in b.events)f[o]?c.event.remove(k,o):c.removeEvent(k,o,b.handle);if(h)delete k[c.expando];else k.removeAttribute&&k.removeAttribute(c.expando);delete e[d]}}});var Ea=/alpha\([^)]*\)/i,gb=/opacity=([^)]*)/,hb=/-([a-z])/ig,ib=/([A-Z])/g,Fa=/^-?\d+(?:px)?$/i,
+jb=/^-?\d/,kb={position:"absolute",visibility:"hidden",display:"block"},Pa=["Left","Right"],Qa=["Top","Bottom"],W,Ga,aa,lb=function(a,b){return b.toUpperCase()};c.fn.css=function(a,b){if(arguments.length===2&&b===B)return this;return c.access(this,a,b,true,function(d,e,f){return f!==B?c.style(d,e,f):c.css(d,e)})};c.extend({cssHooks:{opacity:{get:function(a,b){if(b){var d=W(a,"opacity","opacity");return d===""?"1":d}else return a.style.opacity}}},cssNumber:{zIndex:true,fontWeight:true,opacity:true,
+zoom:true,lineHeight:true},cssProps:{"float":c.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,b,d,e){if(!(!a||a.nodeType===3||a.nodeType===8||!a.style)){var f,h=c.camelCase(b),l=a.style,k=c.cssHooks[h];b=c.cssProps[h]||h;if(d!==B){if(!(typeof d==="number"&&isNaN(d)||d==null)){if(typeof d==="number"&&!c.cssNumber[h])d+="px";if(!k||!("set"in k)||(d=k.set(a,d))!==B)try{l[b]=d}catch(o){}}}else{if(k&&"get"in k&&(f=k.get(a,false,e))!==B)return f;return l[b]}}},css:function(a,b,d){var e,f=c.camelCase(b),
+h=c.cssHooks[f];b=c.cssProps[f]||f;if(h&&"get"in h&&(e=h.get(a,true,d))!==B)return e;else if(W)return W(a,b,f)},swap:function(a,b,d){var e={},f;for(f in b){e[f]=a.style[f];a.style[f]=b[f]}d.call(a);for(f in b)a.style[f]=e[f]},camelCase:function(a){return a.replace(hb,lb)}});c.curCSS=c.css;c.each(["height","width"],function(a,b){c.cssHooks[b]={get:function(d,e,f){var h;if(e){if(d.offsetWidth!==0)h=oa(d,b,f);else c.swap(d,kb,function(){h=oa(d,b,f)});if(h<=0){h=W(d,b,b);if(h==="0px"&&aa)h=aa(d,b,b);
+if(h!=null)return h===""||h==="auto"?"0px":h}if(h<0||h==null){h=d.style[b];return h===""||h==="auto"?"0px":h}return typeof h==="string"?h:h+"px"}},set:function(d,e){if(Fa.test(e)){e=parseFloat(e);if(e>=0)return e+"px"}else return e}}});if(!c.support.opacity)c.cssHooks.opacity={get:function(a,b){return gb.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var d=a.style;d.zoom=1;var e=c.isNaN(b)?"":"alpha(opacity="+b*100+")",f=
+d.filter||"";d.filter=Ea.test(f)?f.replace(Ea,e):d.filter+" "+e}};if(t.defaultView&&t.defaultView.getComputedStyle)Ga=function(a,b,d){var e;d=d.replace(ib,"-$1").toLowerCase();if(!(b=a.ownerDocument.defaultView))return B;if(b=b.getComputedStyle(a,null)){e=b.getPropertyValue(d);if(e===""&&!c.contains(a.ownerDocument.documentElement,a))e=c.style(a,d)}return e};if(t.documentElement.currentStyle)aa=function(a,b){var d,e,f=a.currentStyle&&a.currentStyle[b],h=a.style;if(!Fa.test(f)&&jb.test(f)){d=h.left;
+e=a.runtimeStyle.left;a.runtimeStyle.left=a.currentStyle.left;h.left=b==="fontSize"?"1em":f||0;f=h.pixelLeft+"px";h.left=d;a.runtimeStyle.left=e}return f===""?"auto":f};W=Ga||aa;if(c.expr&&c.expr.filters){c.expr.filters.hidden=function(a){var b=a.offsetHeight;return a.offsetWidth===0&&b===0||!c.support.reliableHiddenOffsets&&(a.style.display||c.css(a,"display"))==="none"};c.expr.filters.visible=function(a){return!c.expr.filters.hidden(a)}}var mb=c.now(),nb=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
+ob=/^(?:select|textarea)/i,pb=/^(?:color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,qb=/^(?:GET|HEAD)$/,Ra=/\[\]$/,T=/\=\?(&|$)/,ja=/\?/,rb=/([?&])_=[^&]*/,sb=/^(\w+:)?\/\/([^\/?#]+)/,tb=/%20/g,ub=/#.*$/,Ha=c.fn.load;c.fn.extend({load:function(a,b,d){if(typeof a!=="string"&&Ha)return Ha.apply(this,arguments);else if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var f=a.slice(e,a.length);a=a.slice(0,e)}e="GET";if(b)if(c.isFunction(b)){d=b;b=null}else if(typeof b===
+"object"){b=c.param(b,c.ajaxSettings.traditional);e="POST"}var h=this;c.ajax({url:a,type:e,dataType:"html",data:b,complete:function(l,k){if(k==="success"||k==="notmodified")h.html(f?c("<div>").append(l.responseText.replace(nb,"")).find(f):l.responseText);d&&h.each(d,[l.responseText,k,l])}});return this},serialize:function(){return c.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?c.makeArray(this.elements):this}).filter(function(){return this.name&&
+!this.disabled&&(this.checked||ob.test(this.nodeName)||pb.test(this.type))}).map(function(a,b){var d=c(this).val();return d==null?null:c.isArray(d)?c.map(d,function(e){return{name:b.name,value:e}}):{name:b.name,value:d}}).get()}});c.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){c.fn[b]=function(d){return this.bind(b,d)}});c.extend({get:function(a,b,d,e){if(c.isFunction(b)){e=e||d;d=b;b=null}return c.ajax({type:"GET",url:a,data:b,success:d,dataType:e})},
+getScript:function(a,b){return c.get(a,null,b,"script")},getJSON:function(a,b,d){return c.get(a,b,d,"json")},post:function(a,b,d,e){if(c.isFunction(b)){e=e||d;d=b;b={}}return c.ajax({type:"POST",url:a,data:b,success:d,dataType:e})},ajaxSetup:function(a){c.extend(c.ajaxSettings,a)},ajaxSettings:{url:location.href,global:true,type:"GET",contentType:"application/x-www-form-urlencoded",processData:true,async:true,xhr:function(){return new E.XMLHttpRequest},accepts:{xml:"application/xml, text/xml",html:"text/html",
+script:"text/javascript, application/javascript",json:"application/json, text/javascript",text:"text/plain",_default:"*/*"}},ajax:function(a){var b=c.extend(true,{},c.ajaxSettings,a),d,e,f,h=b.type.toUpperCase(),l=qb.test(h);b.url=b.url.replace(ub,"");b.context=a&&a.context!=null?a.context:b;if(b.data&&b.processData&&typeof b.data!=="string")b.data=c.param(b.data,b.traditional);if(b.dataType==="jsonp"){if(h==="GET")T.test(b.url)||(b.url+=(ja.test(b.url)?"&":"?")+(b.jsonp||"callback")+"=?");else if(!b.data||
+!T.test(b.data))b.data=(b.data?b.data+"&":"")+(b.jsonp||"callback")+"=?";b.dataType="json"}if(b.dataType==="json"&&(b.data&&T.test(b.data)||T.test(b.url))){d=b.jsonpCallback||"jsonp"+mb++;if(b.data)b.data=(b.data+"").replace(T,"="+d+"$1");b.url=b.url.replace(T,"="+d+"$1");b.dataType="script";var k=E[d];E[d]=function(m){if(c.isFunction(k))k(m);else{E[d]=B;try{delete E[d]}catch(p){}}f=m;c.handleSuccess(b,w,e,f);c.handleComplete(b,w,e,f);r&&r.removeChild(A)}}if(b.dataType==="script"&&b.cache===null)b.cache=
+false;if(b.cache===false&&l){var o=c.now(),x=b.url.replace(rb,"$1_="+o);b.url=x+(x===b.url?(ja.test(b.url)?"&":"?")+"_="+o:"")}if(b.data&&l)b.url+=(ja.test(b.url)?"&":"?")+b.data;b.global&&c.active++===0&&c.event.trigger("ajaxStart");o=(o=sb.exec(b.url))&&(o[1]&&o[1].toLowerCase()!==location.protocol||o[2].toLowerCase()!==location.host);if(b.dataType==="script"&&h==="GET"&&o){var r=t.getElementsByTagName("head")[0]||t.documentElement,A=t.createElement("script");if(b.scriptCharset)A.charset=b.scriptCharset;
+A.src=b.url;if(!d){var C=false;A.onload=A.onreadystatechange=function(){if(!C&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){C=true;c.handleSuccess(b,w,e,f);c.handleComplete(b,w,e,f);A.onload=A.onreadystatechange=null;r&&A.parentNode&&r.removeChild(A)}}}r.insertBefore(A,r.firstChild);return B}var J=false,w=b.xhr();if(w){b.username?w.open(h,b.url,b.async,b.username,b.password):w.open(h,b.url,b.async);try{if(b.data!=null&&!l||a&&a.contentType)w.setRequestHeader("Content-Type",
+b.contentType);if(b.ifModified){c.lastModified[b.url]&&w.setRequestHeader("If-Modified-Since",c.lastModified[b.url]);c.etag[b.url]&&w.setRequestHeader("If-None-Match",c.etag[b.url])}o||w.setRequestHeader("X-Requested-With","XMLHttpRequest");w.setRequestHeader("Accept",b.dataType&&b.accepts[b.dataType]?b.accepts[b.dataType]+", */*; q=0.01":b.accepts._default)}catch(I){}if(b.beforeSend&&b.beforeSend.call(b.context,w,b)===false){b.global&&c.active--===1&&c.event.trigger("ajaxStop");w.abort();return false}b.global&&
+c.triggerGlobal(b,"ajaxSend",[w,b]);var L=w.onreadystatechange=function(m){if(!w||w.readyState===0||m==="abort"){J||c.handleComplete(b,w,e,f);J=true;if(w)w.onreadystatechange=c.noop}else if(!J&&w&&(w.readyState===4||m==="timeout")){J=true;w.onreadystatechange=c.noop;e=m==="timeout"?"timeout":!c.httpSuccess(w)?"error":b.ifModified&&c.httpNotModified(w,b.url)?"notmodified":"success";var p;if(e==="success")try{f=c.httpData(w,b.dataType,b)}catch(q){e="parsererror";p=q}if(e==="success"||e==="notmodified")d||
+c.handleSuccess(b,w,e,f);else c.handleError(b,w,e,p);d||c.handleComplete(b,w,e,f);m==="timeout"&&w.abort();if(b.async)w=null}};try{var g=w.abort;w.abort=function(){w&&Function.prototype.call.call(g,w);L("abort")}}catch(i){}b.async&&b.timeout>0&&setTimeout(function(){w&&!J&&L("timeout")},b.timeout);try{w.send(l||b.data==null?null:b.data)}catch(n){c.handleError(b,w,null,n);c.handleComplete(b,w,e,f)}b.async||L();return w}},param:function(a,b){var d=[],e=function(h,l){l=c.isFunction(l)?l():l;d[d.length]=
+encodeURIComponent(h)+"="+encodeURIComponent(l)};if(b===B)b=c.ajaxSettings.traditional;if(c.isArray(a)||a.jquery)c.each(a,function(){e(this.name,this.value)});else for(var f in a)da(f,a[f],b,e);return d.join("&").replace(tb,"+")}});c.extend({active:0,lastModified:{},etag:{},handleError:function(a,b,d,e){a.error&&a.error.call(a.context,b,d,e);a.global&&c.triggerGlobal(a,"ajaxError",[b,a,e])},handleSuccess:function(a,b,d,e){a.success&&a.success.call(a.context,e,d,b);a.global&&c.triggerGlobal(a,"ajaxSuccess",
+[b,a])},handleComplete:function(a,b,d){a.complete&&a.complete.call(a.context,b,d);a.global&&c.triggerGlobal(a,"ajaxComplete",[b,a]);a.global&&c.active--===1&&c.event.trigger("ajaxStop")},triggerGlobal:function(a,b,d){(a.context&&a.context.url==null?c(a.context):c.event).trigger(b,d)},httpSuccess:function(a){try{return!a.status&&location.protocol==="file:"||a.status>=200&&a.status<300||a.status===304||a.status===1223}catch(b){}return false},httpNotModified:function(a,b){var d=a.getResponseHeader("Last-Modified"),
+e=a.getResponseHeader("Etag");if(d)c.lastModified[b]=d;if(e)c.etag[b]=e;return a.status===304},httpData:function(a,b,d){var e=a.getResponseHeader("content-type")||"",f=b==="xml"||!b&&e.indexOf("xml")>=0;a=f?a.responseXML:a.responseText;f&&a.documentElement.nodeName==="parsererror"&&c.error("parsererror");if(d&&d.dataFilter)a=d.dataFilter(a,b);if(typeof a==="string")if(b==="json"||!b&&e.indexOf("json")>=0)a=c.parseJSON(a);else if(b==="script"||!b&&e.indexOf("javascript")>=0)c.globalEval(a);return a}});
+if(E.ActiveXObject)c.ajaxSettings.xhr=function(){if(E.location.protocol!=="file:")try{return new E.XMLHttpRequest}catch(a){}try{return new E.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}};c.support.ajax=!!c.ajaxSettings.xhr();var ea={},vb=/^(?:toggle|show|hide)$/,wb=/^([+\-]=)?([\d+.\-]+)(.*)$/,ba,pa=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]];c.fn.extend({show:function(a,b,d){if(a||a===0)return this.animate(S("show",
+3),a,b,d);else{d=0;for(var e=this.length;d<e;d++){a=this[d];b=a.style.display;if(!c.data(a,"olddisplay")&&b==="none")b=a.style.display="";b===""&&c.css(a,"display")==="none"&&c.data(a,"olddisplay",qa(a.nodeName))}for(d=0;d<e;d++){a=this[d];b=a.style.display;if(b===""||b==="none")a.style.display=c.data(a,"olddisplay")||""}return this}},hide:function(a,b,d){if(a||a===0)return this.animate(S("hide",3),a,b,d);else{a=0;for(b=this.length;a<b;a++){d=c.css(this[a],"display");d!=="none"&&c.data(this[a],"olddisplay",
+d)}for(a=0;a<b;a++)this[a].style.display="none";return this}},_toggle:c.fn.toggle,toggle:function(a,b,d){var e=typeof a==="boolean";if(c.isFunction(a)&&c.isFunction(b))this._toggle.apply(this,arguments);else a==null||e?this.each(function(){var f=e?a:c(this).is(":hidden");c(this)[f?"show":"hide"]()}):this.animate(S("toggle",3),a,b,d);return this},fadeTo:function(a,b,d,e){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,d,e)},animate:function(a,b,d,e){var f=c.speed(b,
+d,e);if(c.isEmptyObject(a))return this.each(f.complete);return this[f.queue===false?"each":"queue"](function(){var h=c.extend({},f),l,k=this.nodeType===1,o=k&&c(this).is(":hidden"),x=this;for(l in a){var r=c.camelCase(l);if(l!==r){a[r]=a[l];delete a[l];l=r}if(a[l]==="hide"&&o||a[l]==="show"&&!o)return h.complete.call(this);if(k&&(l==="height"||l==="width")){h.overflow=[this.style.overflow,this.style.overflowX,this.style.overflowY];if(c.css(this,"display")==="inline"&&c.css(this,"float")==="none")if(c.support.inlineBlockNeedsLayout)if(qa(this.nodeName)===
+"inline")this.style.display="inline-block";else{this.style.display="inline";this.style.zoom=1}else this.style.display="inline-block"}if(c.isArray(a[l])){(h.specialEasing=h.specialEasing||{})[l]=a[l][1];a[l]=a[l][0]}}if(h.overflow!=null)this.style.overflow="hidden";h.curAnim=c.extend({},a);c.each(a,function(A,C){var J=new c.fx(x,h,A);if(vb.test(C))J[C==="toggle"?o?"show":"hide":C](a);else{var w=wb.exec(C),I=J.cur()||0;if(w){var L=parseFloat(w[2]),g=w[3]||"px";if(g!=="px"){c.style(x,A,(L||1)+g);I=(L||
+1)/J.cur()*I;c.style(x,A,I+g)}if(w[1])L=(w[1]==="-="?-1:1)*L+I;J.custom(I,L,g)}else J.custom(I,C,"")}});return true})},stop:function(a,b){var d=c.timers;a&&this.queue([]);this.each(function(){for(var e=d.length-1;e>=0;e--)if(d[e].elem===this){b&&d[e](true);d.splice(e,1)}});b||this.dequeue();return this}});c.each({slideDown:S("show",1),slideUp:S("hide",1),slideToggle:S("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){c.fn[a]=function(d,e,f){return this.animate(b,
+d,e,f)}});c.extend({speed:function(a,b,d){var e=a&&typeof a==="object"?c.extend({},a):{complete:d||!d&&b||c.isFunction(a)&&a,duration:a,easing:d&&b||b&&!c.isFunction(b)&&b};e.duration=c.fx.off?0:typeof e.duration==="number"?e.duration:e.duration in c.fx.speeds?c.fx.speeds[e.duration]:c.fx.speeds._default;e.old=e.complete;e.complete=function(){e.queue!==false&&c(this).dequeue();c.isFunction(e.old)&&e.old.call(this)};return e},easing:{linear:function(a,b,d,e){return d+e*a},swing:function(a,b,d,e){return(-Math.cos(a*
+Math.PI)/2+0.5)*e+d}},timers:[],fx:function(a,b,d){this.options=b;this.elem=a;this.prop=d;if(!b.orig)b.orig={}}});c.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this);(c.fx.step[this.prop]||c.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a=parseFloat(c.css(this.elem,this.prop));return a&&a>-1E4?a:0},custom:function(a,b,d){function e(l){return f.step(l)}
+var f=this,h=c.fx;this.startTime=c.now();this.start=a;this.end=b;this.unit=d||this.unit||"px";this.now=this.start;this.pos=this.state=0;e.elem=this.elem;if(e()&&c.timers.push(e)&&!ba)ba=setInterval(h.tick,h.interval)},show:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.show=true;this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur());c(this.elem).show()},hide:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.hide=true;
+this.custom(this.cur(),0)},step:function(a){var b=c.now(),d=true;if(a||b>=this.options.duration+this.startTime){this.now=this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;for(var e in this.options.curAnim)if(this.options.curAnim[e]!==true)d=false;if(d){if(this.options.overflow!=null&&!c.support.shrinkWrapBlocks){var f=this.elem,h=this.options;c.each(["","X","Y"],function(k,o){f.style["overflow"+o]=h.overflow[k]})}this.options.hide&&c(this.elem).hide();if(this.options.hide||
+this.options.show)for(var l in this.options.curAnim)c.style(this.elem,l,this.options.orig[l]);this.options.complete.call(this.elem)}return false}else{a=b-this.startTime;this.state=a/this.options.duration;b=this.options.easing||(c.easing.swing?"swing":"linear");this.pos=c.easing[this.options.specialEasing&&this.options.specialEasing[this.prop]||b](this.state,a,0,1,this.options.duration);this.now=this.start+(this.end-this.start)*this.pos;this.update()}return true}};c.extend(c.fx,{tick:function(){for(var a=
+c.timers,b=0;b<a.length;b++)a[b]()||a.splice(b--,1);a.length||c.fx.stop()},interval:13,stop:function(){clearInterval(ba);ba=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){c.style(a.elem,"opacity",a.now)},_default:function(a){if(a.elem.style&&a.elem.style[a.prop]!=null)a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now):a.now)+a.unit;else a.elem[a.prop]=a.now}}});if(c.expr&&c.expr.filters)c.expr.filters.animated=function(a){return c.grep(c.timers,function(b){return a===
+b.elem}).length};var xb=/^t(?:able|d|h)$/i,Ia=/^(?:body|html)$/i;c.fn.offset="getBoundingClientRect"in t.documentElement?function(a){var b=this[0],d;if(a)return this.each(function(l){c.offset.setOffset(this,a,l)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);try{d=b.getBoundingClientRect()}catch(e){}var f=b.ownerDocument,h=f.documentElement;if(!d||!c.contains(h,b))return d||{top:0,left:0};b=f.body;f=fa(f);return{top:d.top+(f.pageYOffset||c.support.boxModel&&
+h.scrollTop||b.scrollTop)-(h.clientTop||b.clientTop||0),left:d.left+(f.pageXOffset||c.support.boxModel&&h.scrollLeft||b.scrollLeft)-(h.clientLeft||b.clientLeft||0)}}:function(a){var b=this[0];if(a)return this.each(function(x){c.offset.setOffset(this,a,x)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);c.offset.initialize();var d,e=b.offsetParent,f=b.ownerDocument,h=f.documentElement,l=f.body;d=(f=f.defaultView)?f.getComputedStyle(b,null):b.currentStyle;
+for(var k=b.offsetTop,o=b.offsetLeft;(b=b.parentNode)&&b!==l&&b!==h;){if(c.offset.supportsFixedPosition&&d.position==="fixed")break;d=f?f.getComputedStyle(b,null):b.currentStyle;k-=b.scrollTop;o-=b.scrollLeft;if(b===e){k+=b.offsetTop;o+=b.offsetLeft;if(c.offset.doesNotAddBorder&&!(c.offset.doesAddBorderForTableAndCells&&xb.test(b.nodeName))){k+=parseFloat(d.borderTopWidth)||0;o+=parseFloat(d.borderLeftWidth)||0}e=b.offsetParent}if(c.offset.subtractsBorderForOverflowNotVisible&&d.overflow!=="visible"){k+=
+parseFloat(d.borderTopWidth)||0;o+=parseFloat(d.borderLeftWidth)||0}d=d}if(d.position==="relative"||d.position==="static"){k+=l.offsetTop;o+=l.offsetLeft}if(c.offset.supportsFixedPosition&&d.position==="fixed"){k+=Math.max(h.scrollTop,l.scrollTop);o+=Math.max(h.scrollLeft,l.scrollLeft)}return{top:k,left:o}};c.offset={initialize:function(){var a=t.body,b=t.createElement("div"),d,e,f,h=parseFloat(c.css(a,"marginTop"))||0;c.extend(b.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",
+height:"1px",visibility:"hidden"});b.innerHTML="<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";a.insertBefore(b,a.firstChild);d=b.firstChild;e=d.firstChild;f=d.nextSibling.firstChild.firstChild;this.doesNotAddBorder=e.offsetTop!==5;this.doesAddBorderForTableAndCells=
+f.offsetTop===5;e.style.position="fixed";e.style.top="20px";this.supportsFixedPosition=e.offsetTop===20||e.offsetTop===15;e.style.position=e.style.top="";d.style.overflow="hidden";d.style.position="relative";this.subtractsBorderForOverflowNotVisible=e.offsetTop===-5;this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==h;a.removeChild(b);c.offset.initialize=c.noop},bodyOffset:function(a){var b=a.offsetTop,d=a.offsetLeft;c.offset.initialize();if(c.offset.doesNotIncludeMarginInBodyOffset){b+=parseFloat(c.css(a,
+"marginTop"))||0;d+=parseFloat(c.css(a,"marginLeft"))||0}return{top:b,left:d}},setOffset:function(a,b,d){var e=c.css(a,"position");if(e==="static")a.style.position="relative";var f=c(a),h=f.offset(),l=c.css(a,"top"),k=c.css(a,"left"),o=e==="absolute"&&c.inArray("auto",[l,k])>-1;e={};var x={};if(o)x=f.position();l=o?x.top:parseInt(l,10)||0;k=o?x.left:parseInt(k,10)||0;if(c.isFunction(b))b=b.call(a,d,h);if(b.top!=null)e.top=b.top-h.top+l;if(b.left!=null)e.left=b.left-h.left+k;"using"in b?b.using.call(a,
+e):f.css(e)}};c.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),d=this.offset(),e=Ia.test(b[0].nodeName)?{top:0,left:0}:b.offset();d.top-=parseFloat(c.css(a,"marginTop"))||0;d.left-=parseFloat(c.css(a,"marginLeft"))||0;e.top+=parseFloat(c.css(b[0],"borderTopWidth"))||0;e.left+=parseFloat(c.css(b[0],"borderLeftWidth"))||0;return{top:d.top-e.top,left:d.left-e.left}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||t.body;a&&!Ia.test(a.nodeName)&&
+c.css(a,"position")==="static";)a=a.offsetParent;return a})}});c.each(["Left","Top"],function(a,b){var d="scroll"+b;c.fn[d]=function(e){var f=this[0],h;if(!f)return null;if(e!==B)return this.each(function(){if(h=fa(this))h.scrollTo(!a?e:c(h).scrollLeft(),a?e:c(h).scrollTop());else this[d]=e});else return(h=fa(f))?"pageXOffset"in h?h[a?"pageYOffset":"pageXOffset"]:c.support.boxModel&&h.document.documentElement[d]||h.document.body[d]:f[d]}});c.each(["Height","Width"],function(a,b){var d=b.toLowerCase();
+c.fn["inner"+b]=function(){return this[0]?parseFloat(c.css(this[0],d,"padding")):null};c.fn["outer"+b]=function(e){return this[0]?parseFloat(c.css(this[0],d,e?"margin":"border")):null};c.fn[d]=function(e){var f=this[0];if(!f)return e==null?null:this;if(c.isFunction(e))return this.each(function(l){var k=c(this);k[d](e.call(this,l,k[d]()))});if(c.isWindow(f))return f.document.compatMode==="CSS1Compat"&&f.document.documentElement["client"+b]||f.document.body["client"+b];else if(f.nodeType===9)return Math.max(f.documentElement["client"+
+b],f.body["scroll"+b],f.documentElement["scroll"+b],f.body["offset"+b],f.documentElement["offset"+b]);else if(e===B){f=c.css(f,d);var h=parseFloat(f);return c.isNaN(h)?f:h}else return this.css(d,typeof e==="string"?e:e+"px")}})})(window);
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.all-3.5.js b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.all-3.5.js
new file mode 100644
index 00000000..f4342937
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.all-3.5.js	
@@ -0,0 +1,3487 @@
+
+/*
+ * JQuery zTree core v3.5.15
+ * http://zTree.me/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2013-10-15
+ */
+(function($){
+	var settings = {}, roots = {}, caches = {},
+	//default consts of core
+	_consts = {
+		className: {
+			BUTTON: "button",
+			LEVEL: "level",
+			ICO_LOADING: "ico_loading",
+			SWITCH: "switch"
+		},
+		event: {
+			NODECREATED: "ztree_nodeCreated",
+			CLICK: "ztree_click",
+			EXPAND: "ztree_expand",
+			COLLAPSE: "ztree_collapse",
+			ASYNC_SUCCESS: "ztree_async_success",
+			ASYNC_ERROR: "ztree_async_error"
+		},
+		id: {
+			A: "_a",
+			ICON: "_ico",
+			SPAN: "_span",
+			SWITCH: "_switch",
+			UL: "_ul"
+		},
+		line: {
+			ROOT: "root",
+			ROOTS: "roots",
+			CENTER: "center",
+			BOTTOM: "bottom",
+			NOLINE: "noline",
+			LINE: "line"
+		},
+		folder: {
+			OPEN: "open",
+			CLOSE: "close",
+			DOCU: "docu"
+		},
+		node: {
+			CURSELECTED: "curSelectedNode"
+		}
+	},
+	//default setting of core
+	_setting = {
+		treeId: "",
+		treeObj: null,
+		view: {
+			addDiyDom: null,
+			autoCancelSelected: true,
+			dblClickExpand: true,
+			expandSpeed: "fast",
+			fontCss: {},
+			nameIsHTML: false,
+			selectedMulti: true,
+			showIcon: true,
+			showLine: true,
+			showTitle: true,
+			txtSelectedEnable: false
+		},
+		data: {
+			key: {
+				children: "children",
+				name: "name",
+				title: "",
+				url: "url"
+			},
+			simpleData: {
+				enable: false,
+				idKey: "id",
+				pIdKey: "pId",
+				rootPId: null
+			},
+			keep: {
+				parent: false,
+				leaf: false
+			}
+		},
+		async: {
+			enable: false,
+			contentType: "application/x-www-form-urlencoded",
+			type: "post",
+			dataType: "text",
+			url: "",
+			autoParam: [],
+			otherParam: [],
+			dataFilter: null
+		},
+		callback: {
+			beforeAsync:null,
+			beforeClick:null,
+			beforeDblClick:null,
+			beforeRightClick:null,
+			beforeMouseDown:null,
+			beforeMouseUp:null,
+			beforeExpand:null,
+			beforeCollapse:null,
+			beforeRemove:null,
+
+			onAsyncError:null,
+			onAsyncSuccess:null,
+			onNodeCreated:null,
+			onClick:null,
+			onDblClick:null,
+			onRightClick:null,
+			onMouseDown:null,
+			onMouseUp:null,
+			onExpand:null,
+			onCollapse:null,
+			onRemove:null
+		}
+	},
+	//default root of core
+	//zTree use root to save full data
+	_initRoot = function (setting) {
+		var r = data.getRoot(setting);
+		if (!r) {
+			r = {};
+			data.setRoot(setting, r);
+		}
+		r[setting.data.key.children] = [];
+		r.expandTriggerFlag = false;
+		r.curSelectedList = [];
+		r.noSelection = true;
+		r.createdNodes = [];
+		r.zId = 0;
+		r._ver = (new Date()).getTime();
+	},
+	//default cache of core
+	_initCache = function(setting) {
+		var c = data.getCache(setting);
+		if (!c) {
+			c = {};
+			data.setCache(setting, c);
+		}
+		c.nodes = [];
+		c.doms = [];
+	},
+	//default bindEvent of core
+	_bindEvent = function(setting) {
+		var o = setting.treeObj,
+		c = consts.event;
+		o.bind(c.NODECREATED, function (event, treeId, node) {
+			tools.apply(setting.callback.onNodeCreated, [event, treeId, node]);
+		});
+
+		o.bind(c.CLICK, function (event, srcEvent, treeId, node, clickFlag) {
+			tools.apply(setting.callback.onClick, [srcEvent, treeId, node, clickFlag]);
+		});
+
+		o.bind(c.EXPAND, function (event, treeId, node) {
+			tools.apply(setting.callback.onExpand, [event, treeId, node]);
+		});
+
+		o.bind(c.COLLAPSE, function (event, treeId, node) {
+			tools.apply(setting.callback.onCollapse, [event, treeId, node]);
+		});
+
+		o.bind(c.ASYNC_SUCCESS, function (event, treeId, node, msg) {
+			tools.apply(setting.callback.onAsyncSuccess, [event, treeId, node, msg]);
+		});
+
+		o.bind(c.ASYNC_ERROR, function (event, treeId, node, XMLHttpRequest, textStatus, errorThrown) {
+			tools.apply(setting.callback.onAsyncError, [event, treeId, node, XMLHttpRequest, textStatus, errorThrown]);
+		});
+	},
+	_unbindEvent = function(setting) {
+		var o = setting.treeObj,
+		c = consts.event;
+		o.unbind(c.NODECREATED)
+		.unbind(c.CLICK)
+		.unbind(c.EXPAND)
+		.unbind(c.COLLAPSE)
+		.unbind(c.ASYNC_SUCCESS)
+		.unbind(c.ASYNC_ERROR);
+	},
+	//default event proxy of core
+	_eventProxy = function(event) {
+		var target = event.target,
+		setting = data.getSetting(event.data.treeId),
+		tId = "", node = null,
+		nodeEventType = "", treeEventType = "",
+		nodeEventCallback = null, treeEventCallback = null,
+		tmp = null;
+
+		if (tools.eqs(event.type, "mousedown")) {
+			treeEventType = "mousedown";
+		} else if (tools.eqs(event.type, "mouseup")) {
+			treeEventType = "mouseup";
+		} else if (tools.eqs(event.type, "contextmenu")) {
+			treeEventType = "contextmenu";
+		} else if (tools.eqs(event.type, "click")) {
+			if (tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.SWITCH) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "switchNode";
+			} else {
+				tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);
+				if (tmp) {
+					tId = tools.getNodeMainDom(tmp).id;
+					nodeEventType = "clickNode";
+				}
+			}
+		} else if (tools.eqs(event.type, "dblclick")) {
+			treeEventType = "dblclick";
+			tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);
+			if (tmp) {
+				tId = tools.getNodeMainDom(tmp).id;
+				nodeEventType = "switchNode";
+			}
+		}
+		if (treeEventType.length > 0 && tId.length == 0) {
+			tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);
+			if (tmp) {tId = tools.getNodeMainDom(tmp).id;}
+		}
+		// event to node
+		if (tId.length>0) {
+			node = data.getNodeCache(setting, tId);
+			switch (nodeEventType) {
+				case "switchNode" :
+					if (!node.isParent) {
+						nodeEventType = "";
+					} else if (tools.eqs(event.type, "click")
+						|| (tools.eqs(event.type, "dblclick") && tools.apply(setting.view.dblClickExpand, [setting.treeId, node], setting.view.dblClickExpand))) {
+						nodeEventCallback = handler.onSwitchNode;
+					} else {
+						nodeEventType = "";
+					}
+					break;
+				case "clickNode" :
+					nodeEventCallback = handler.onClickNode;
+					break;
+			}
+		}
+		// event to zTree
+		switch (treeEventType) {
+			case "mousedown" :
+				treeEventCallback = handler.onZTreeMousedown;
+				break;
+			case "mouseup" :
+				treeEventCallback = handler.onZTreeMouseup;
+				break;
+			case "dblclick" :
+				treeEventCallback = handler.onZTreeDblclick;
+				break;
+			case "contextmenu" :
+				treeEventCallback = handler.onZTreeContextmenu;
+				break;
+		}
+		var proxyResult = {
+			stop: false,
+			node: node,
+			nodeEventType: nodeEventType,
+			nodeEventCallback: nodeEventCallback,
+			treeEventType: treeEventType,
+			treeEventCallback: treeEventCallback
+		};
+		return proxyResult
+	},
+	//default init node of core
+	_initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {
+		if (!n) return;
+		var r = data.getRoot(setting),
+		childKey = setting.data.key.children;
+		n.level = level;
+		n.tId = setting.treeId + "_" + (++r.zId);
+		n.parentTId = parentNode ? parentNode.tId : null;
+		n.open = (typeof n.open == "string") ? tools.eqs(n.open, "true") : !!n.open;
+		if (n[childKey] && n[childKey].length > 0) {
+			n.isParent = true;
+			n.zAsync = true;
+		} else {
+			n.isParent = (typeof n.isParent == "string") ? tools.eqs(n.isParent, "true") : !!n.isParent;
+			n.open = (n.isParent && !setting.async.enable) ? n.open : false;
+			n.zAsync = !n.isParent;
+		}
+		n.isFirstNode = isFirstNode;
+		n.isLastNode = isLastNode;
+		n.getParentNode = function() {return data.getNodeCache(setting, n.parentTId);};
+		n.getPreNode = function() {return data.getPreNode(setting, n);};
+		n.getNextNode = function() {return data.getNextNode(setting, n);};
+		n.isAjaxing = false;
+		data.fixPIdKeyValue(setting, n);
+	},
+	_init = {
+		bind: [_bindEvent],
+		unbind: [_unbindEvent],
+		caches: [_initCache],
+		nodes: [_initNode],
+		proxys: [_eventProxy],
+		roots: [_initRoot],
+		beforeA: [],
+		afterA: [],
+		innerBeforeA: [],
+		innerAfterA: [],
+		zTreeTools: []
+	},
+	//method of operate data
+	data = {
+		addNodeCache: function(setting, node) {
+			data.getCache(setting).nodes[data.getNodeCacheId(node.tId)] = node;
+		},
+		getNodeCacheId: function(tId) {
+			return tId.substring(tId.lastIndexOf("_")+1);
+		},
+		addAfterA: function(afterA) {
+			_init.afterA.push(afterA);
+		},
+		addBeforeA: function(beforeA) {
+			_init.beforeA.push(beforeA);
+		},
+		addInnerAfterA: function(innerAfterA) {
+			_init.innerAfterA.push(innerAfterA);
+		},
+		addInnerBeforeA: function(innerBeforeA) {
+			_init.innerBeforeA.push(innerBeforeA);
+		},
+		addInitBind: function(bindEvent) {
+			_init.bind.push(bindEvent);
+		},
+		addInitUnBind: function(unbindEvent) {
+			_init.unbind.push(unbindEvent);
+		},
+		addInitCache: function(initCache) {
+			_init.caches.push(initCache);
+		},
+		addInitNode: function(initNode) {
+			_init.nodes.push(initNode);
+		},
+		addInitProxy: function(initProxy, isFirst) {
+			if (!!isFirst) {
+				_init.proxys.splice(0,0,initProxy);
+			} else {
+				_init.proxys.push(initProxy);
+			}
+		},
+		addInitRoot: function(initRoot) {
+			_init.roots.push(initRoot);
+		},
+		addNodesData: function(setting, parentNode, nodes) {
+			var childKey = setting.data.key.children;
+			if (!parentNode[childKey]) parentNode[childKey] = [];
+			if (parentNode[childKey].length > 0) {
+				parentNode[childKey][parentNode[childKey].length - 1].isLastNode = false;
+				view.setNodeLineIcos(setting, parentNode[childKey][parentNode[childKey].length - 1]);
+			}
+			parentNode.isParent = true;
+			parentNode[childKey] = parentNode[childKey].concat(nodes);
+		},
+		addSelectedNode: function(setting, node) {
+			var root = data.getRoot(setting);
+			if (!data.isSelectedNode(setting, node)) {
+				root.curSelectedList.push(node);
+			}
+		},
+		addCreatedNode: function(setting, node) {
+			if (!!setting.callback.onNodeCreated || !!setting.view.addDiyDom) {
+				var root = data.getRoot(setting);
+				root.createdNodes.push(node);
+			}
+		},
+		addZTreeTools: function(zTreeTools) {
+			_init.zTreeTools.push(zTreeTools);
+		},
+		exSetting: function(s) {
+			$.extend(true, _setting, s);
+		},
+		fixPIdKeyValue: function(setting, node) {
+			if (setting.data.simpleData.enable) {
+				node[setting.data.simpleData.pIdKey] = node.parentTId ? node.getParentNode()[setting.data.simpleData.idKey] : setting.data.simpleData.rootPId;
+			}
+		},
+		getAfterA: function(setting, node, array) {
+			for (var i=0, j=_init.afterA.length; i<j; i++) {
+				_init.afterA[i].apply(this, arguments);
+			}
+		},
+		getBeforeA: function(setting, node, array) {
+			for (var i=0, j=_init.beforeA.length; i<j; i++) {
+				_init.beforeA[i].apply(this, arguments);
+			}
+		},
+		getInnerAfterA: function(setting, node, array) {
+			for (var i=0, j=_init.innerAfterA.length; i<j; i++) {
+				_init.innerAfterA[i].apply(this, arguments);
+			}
+		},
+		getInnerBeforeA: function(setting, node, array) {
+			for (var i=0, j=_init.innerBeforeA.length; i<j; i++) {
+				_init.innerBeforeA[i].apply(this, arguments);
+			}
+		},
+		getCache: function(setting) {
+			return caches[setting.treeId];
+		},
+		getNextNode: function(setting, node) {
+			if (!node) return null;
+			var childKey = setting.data.key.children,
+			p = node.parentTId ? node.getParentNode() : data.getRoot(setting);
+			for (var i=0, l=p[childKey].length-1; i<=l; i++) {
+				if (p[childKey][i] === node) {
+					return (i==l ? null : p[childKey][i+1]);
+				}
+			}
+			return null;
+		},
+		getNodeByParam: function(setting, nodes, key, value) {
+			if (!nodes || !key) return null;
+			var childKey = setting.data.key.children;
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				if (nodes[i][key] == value) {
+					return nodes[i];
+				}
+				var tmp = data.getNodeByParam(setting, nodes[i][childKey], key, value);
+				if (tmp) return tmp;
+			}
+			return null;
+		},
+		getNodeCache: function(setting, tId) {
+			if (!tId) return null;
+			var n = caches[setting.treeId].nodes[data.getNodeCacheId(tId)];
+			return n ? n : null;
+		},
+		getNodeName: function(setting, node) {
+			var nameKey = setting.data.key.name;
+			return "" + node[nameKey];
+		},
+		getNodeTitle: function(setting, node) {
+			var t = setting.data.key.title === "" ? setting.data.key.name : setting.data.key.title;
+			return "" + node[t];
+		},
+		getNodes: function(setting) {
+			return data.getRoot(setting)[setting.data.key.children];
+		},
+		getNodesByParam: function(setting, nodes, key, value) {
+			if (!nodes || !key) return [];
+			var childKey = setting.data.key.children,
+			result = [];
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				if (nodes[i][key] == value) {
+					result.push(nodes[i]);
+				}
+				result = result.concat(data.getNodesByParam(setting, nodes[i][childKey], key, value));
+			}
+			return result;
+		},
+		getNodesByParamFuzzy: function(setting, nodes, key, value) {
+			if (!nodes || !key) return [];
+			var childKey = setting.data.key.children,
+			result = [];
+			value = value.toLowerCase();
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				if (typeof nodes[i][key] == "string" && nodes[i][key].toLowerCase().indexOf(value)>-1) {
+					result.push(nodes[i]);
+				}
+				result = result.concat(data.getNodesByParamFuzzy(setting, nodes[i][childKey], key, value));
+			}
+			return result;
+		},
+		getNodesByFilter: function(setting, nodes, filter, isSingle, invokeParam) {
+			if (!nodes) return (isSingle ? null : []);
+			var childKey = setting.data.key.children,
+			result = isSingle ? null : [];
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				if (tools.apply(filter, [nodes[i], invokeParam], false)) {
+					if (isSingle) {return nodes[i];}
+					result.push(nodes[i]);
+				}
+				var tmpResult = data.getNodesByFilter(setting, nodes[i][childKey], filter, isSingle, invokeParam);
+				if (isSingle && !!tmpResult) {return tmpResult;}
+				result = isSingle ? tmpResult : result.concat(tmpResult);
+			}
+			return result;
+		},
+		getPreNode: function(setting, node) {
+			if (!node) return null;
+			var childKey = setting.data.key.children,
+			p = node.parentTId ? node.getParentNode() : data.getRoot(setting);
+			for (var i=0, l=p[childKey].length; i<l; i++) {
+				if (p[childKey][i] === node) {
+					return (i==0 ? null : p[childKey][i-1]);
+				}
+			}
+			return null;
+		},
+		getRoot: function(setting) {
+			return setting ? roots[setting.treeId] : null;
+		},
+		getRoots: function() {
+			return roots;
+		},
+		getSetting: function(treeId) {
+			return settings[treeId];
+		},
+		getSettings: function() {
+			return settings;
+		},
+		getZTreeTools: function(treeId) {
+			var r = this.getRoot(this.getSetting(treeId));
+			return r ? r.treeTools : null;
+		},
+		initCache: function(setting) {
+			for (var i=0, j=_init.caches.length; i<j; i++) {
+				_init.caches[i].apply(this, arguments);
+			}
+		},
+		initNode: function(setting, level, node, parentNode, preNode, nextNode) {
+			for (var i=0, j=_init.nodes.length; i<j; i++) {
+				_init.nodes[i].apply(this, arguments);
+			}
+		},
+		initRoot: function(setting) {
+			for (var i=0, j=_init.roots.length; i<j; i++) {
+				_init.roots[i].apply(this, arguments);
+			}
+		},
+		isSelectedNode: function(setting, node) {
+			var root = data.getRoot(setting);
+			for (var i=0, j=root.curSelectedList.length; i<j; i++) {
+				if(node === root.curSelectedList[i]) return true;
+			}
+			return false;
+		},
+		removeNodeCache: function(setting, node) {
+			var childKey = setting.data.key.children;
+			if (node[childKey]) {
+				for (var i=0, l=node[childKey].length; i<l; i++) {
+					arguments.callee(setting, node[childKey][i]);
+				}
+			}
+			data.getCache(setting).nodes[data.getNodeCacheId(node.tId)] = null;
+		},
+		removeSelectedNode: function(setting, node) {
+			var root = data.getRoot(setting);
+			for (var i=0, j=root.curSelectedList.length; i<j; i++) {
+				if(node === root.curSelectedList[i] || !data.getNodeCache(setting, root.curSelectedList[i].tId)) {
+					root.curSelectedList.splice(i, 1);
+					i--;j--;
+				}
+			}
+		},
+		setCache: function(setting, cache) {
+			caches[setting.treeId] = cache;
+		},
+		setRoot: function(setting, root) {
+			roots[setting.treeId] = root;
+		},
+		setZTreeTools: function(setting, zTreeTools) {
+			for (var i=0, j=_init.zTreeTools.length; i<j; i++) {
+				_init.zTreeTools[i].apply(this, arguments);
+			}
+		},
+		transformToArrayFormat: function (setting, nodes) {
+			if (!nodes) return [];
+			var childKey = setting.data.key.children,
+			r = [];
+			if (tools.isArray(nodes)) {
+				for (var i=0, l=nodes.length; i<l; i++) {
+					r.push(nodes[i]);
+					if (nodes[i][childKey])
+						r = r.concat(data.transformToArrayFormat(setting, nodes[i][childKey]));
+				}
+			} else {
+				r.push(nodes);
+				if (nodes[childKey])
+					r = r.concat(data.transformToArrayFormat(setting, nodes[childKey]));
+			}
+			return r;
+		},
+		transformTozTreeFormat: function(setting, sNodes) {
+			var i,l,
+			key = setting.data.simpleData.idKey,
+			parentKey = setting.data.simpleData.pIdKey,
+			childKey = setting.data.key.children;
+			if (!key || key=="" || !sNodes) return [];
+
+			if (tools.isArray(sNodes)) {
+				var r = [];
+				var tmpMap = [];
+				for (i=0, l=sNodes.length; i<l; i++) {
+					tmpMap[sNodes[i][key]] = sNodes[i];
+				}
+				for (i=0, l=sNodes.length; i<l; i++) {
+					if (tmpMap[sNodes[i][parentKey]] && sNodes[i][key] != sNodes[i][parentKey]) {
+						if (!tmpMap[sNodes[i][parentKey]][childKey])
+							tmpMap[sNodes[i][parentKey]][childKey] = [];
+						tmpMap[sNodes[i][parentKey]][childKey].push(sNodes[i]);
+					} else {
+						r.push(sNodes[i]);
+					}
+				}
+				return r;
+			}else {
+				return [sNodes];
+			}
+		}
+	},
+	//method of event proxy
+	event = {
+		bindEvent: function(setting) {
+			for (var i=0, j=_init.bind.length; i<j; i++) {
+				_init.bind[i].apply(this, arguments);
+			}
+		},
+		unbindEvent: function(setting) {
+			for (var i=0, j=_init.unbind.length; i<j; i++) {
+				_init.unbind[i].apply(this, arguments);
+			}
+		},
+		bindTree: function(setting) {
+			var eventParam = {
+				treeId: setting.treeId
+			},
+			o = setting.treeObj;
+			if (!setting.view.txtSelectedEnable) {
+				// for can't select text
+				o.bind('selectstart', function(e){
+					var node
+					var n = e.originalEvent.srcElement.nodeName.toLowerCase();
+					return (n === "input" || n === "textarea" );
+				}).css({
+					"-moz-user-select":"-moz-none"
+				});
+			}
+			o.bind('click', eventParam, event.proxy);
+			o.bind('dblclick', eventParam, event.proxy);
+			o.bind('mouseover', eventParam, event.proxy);
+			o.bind('mouseout', eventParam, event.proxy);
+			o.bind('mousedown', eventParam, event.proxy);
+			o.bind('mouseup', eventParam, event.proxy);
+			o.bind('contextmenu', eventParam, event.proxy);
+		},
+		unbindTree: function(setting) {
+			var o = setting.treeObj;
+			o.unbind('click', event.proxy)
+			.unbind('dblclick', event.proxy)
+			.unbind('mouseover', event.proxy)
+			.unbind('mouseout', event.proxy)
+			.unbind('mousedown', event.proxy)
+			.unbind('mouseup', event.proxy)
+			.unbind('contextmenu', event.proxy);
+		},
+		doProxy: function(e) {
+			var results = [];
+			for (var i=0, j=_init.proxys.length; i<j; i++) {
+				var proxyResult = _init.proxys[i].apply(this, arguments);
+				results.push(proxyResult);
+				if (proxyResult.stop) {
+					break;
+				}
+			}
+			return results;
+		},
+		proxy: function(e) {
+			var setting = data.getSetting(e.data.treeId);
+			if (!tools.uCanDo(setting, e)) return true;
+			var results = event.doProxy(e),
+			r = true, x = false;
+			for (var i=0, l=results.length; i<l; i++) {
+				var proxyResult = results[i];
+				if (proxyResult.nodeEventCallback) {
+					x = true;
+					r = proxyResult.nodeEventCallback.apply(proxyResult, [e, proxyResult.node]) && r;
+				}
+				if (proxyResult.treeEventCallback) {
+					x = true;
+					r = proxyResult.treeEventCallback.apply(proxyResult, [e, proxyResult.node]) && r;
+				}
+			}
+			return r;
+		}
+	},
+	//method of event handler
+	handler = {
+		onSwitchNode: function (event, node) {
+			var setting = data.getSetting(event.data.treeId);
+			if (node.open) {
+				if (tools.apply(setting.callback.beforeCollapse, [setting.treeId, node], true) == false) return true;
+				data.getRoot(setting).expandTriggerFlag = true;
+				view.switchNode(setting, node);
+			} else {
+				if (tools.apply(setting.callback.beforeExpand, [setting.treeId, node], true) == false) return true;
+				data.getRoot(setting).expandTriggerFlag = true;
+				view.switchNode(setting, node);
+			}
+			return true;
+		},
+		onClickNode: function (event, node) {
+			var setting = data.getSetting(event.data.treeId),
+			clickFlag = ( (setting.view.autoCancelSelected && event.ctrlKey) && data.isSelectedNode(setting, node)) ? 0 : (setting.view.autoCancelSelected && event.ctrlKey && setting.view.selectedMulti) ? 2 : 1;
+			if (tools.apply(setting.callback.beforeClick, [setting.treeId, node, clickFlag], true) == false) return true;
+			if (clickFlag === 0) {
+				view.cancelPreSelectedNode(setting, node);
+			} else {
+				view.selectNode(setting, node, clickFlag === 2);
+			}
+			setting.treeObj.trigger(consts.event.CLICK, [event, setting.treeId, node, clickFlag]);
+			return true;
+		},
+		onZTreeMousedown: function(event, node) {
+			var setting = data.getSetting(event.data.treeId);
+			if (tools.apply(setting.callback.beforeMouseDown, [setting.treeId, node], true)) {
+				tools.apply(setting.callback.onMouseDown, [event, setting.treeId, node]);
+			}
+			return true;
+		},
+		onZTreeMouseup: function(event, node) {
+			var setting = data.getSetting(event.data.treeId);
+			if (tools.apply(setting.callback.beforeMouseUp, [setting.treeId, node], true)) {
+				tools.apply(setting.callback.onMouseUp, [event, setting.treeId, node]);
+			}
+			return true;
+		},
+		onZTreeDblclick: function(event, node) {
+			var setting = data.getSetting(event.data.treeId);
+			if (tools.apply(setting.callback.beforeDblClick, [setting.treeId, node], true)) {
+				tools.apply(setting.callback.onDblClick, [event, setting.treeId, node]);
+			}
+			return true;
+		},
+		onZTreeContextmenu: function(event, node) {
+			var setting = data.getSetting(event.data.treeId);
+			if (tools.apply(setting.callback.beforeRightClick, [setting.treeId, node], true)) {
+				tools.apply(setting.callback.onRightClick, [event, setting.treeId, node]);
+			}
+			return (typeof setting.callback.onRightClick) != "function";
+		}
+	},
+	//method of tools for zTree
+	tools = {
+		apply: function(fun, param, defaultValue) {
+			if ((typeof fun) == "function") {
+				return fun.apply(zt, param?param:[]);
+			}
+			return defaultValue;
+		},
+		canAsync: function(setting, node) {
+			var childKey = setting.data.key.children;
+			return (setting.async.enable && node && node.isParent && !(node.zAsync || (node[childKey] && node[childKey].length > 0)));
+		},
+		clone: function (obj){
+			if (obj === null) return null;
+			var o = tools.isArray(obj) ? [] : {};
+			for(var i in obj){
+				o[i] = (obj[i] instanceof Date) ? new Date(obj[i].getTime()) : (typeof obj[i] === "object" ? arguments.callee(obj[i]) : obj[i]);
+			}
+			return o;
+		},
+		eqs: function(str1, str2) {
+			return str1.toLowerCase() === str2.toLowerCase();
+		},
+		isArray: function(arr) {
+			return Object.prototype.toString.apply(arr) === "[object Array]";
+		},
+		$: function(node, exp, setting) {
+			if (!!exp && typeof exp != "string") {
+				setting = exp;
+				exp = "";
+			}
+			if (typeof node == "string") {
+				return $(node, setting ? setting.treeObj.get(0).ownerDocument : null);
+			} else {
+				return $("#" + node.tId + exp, setting ? setting.treeObj : null);
+			}
+		},
+		getMDom: function (setting, curDom, targetExpr) {
+			if (!curDom) return null;
+			while (curDom && curDom.id !== setting.treeId) {
+				for (var i=0, l=targetExpr.length; curDom.tagName && i<l; i++) {
+					if (tools.eqs(curDom.tagName, targetExpr[i].tagName) && curDom.getAttribute(targetExpr[i].attrName) !== null) {
+						return curDom;
+					}
+				}
+				curDom = curDom.parentNode;
+			}
+			return null;
+		},
+		getNodeMainDom:function(target) {
+			return ($(target).parent("li").get(0) || $(target).parentsUntil("li").parent().get(0));
+		},
+		isChildOrSelf: function(dom, parentId) {
+			return ( $(dom).closest("#" + parentId).length> 0 );
+		},
+		uCanDo: function(setting, e) {
+			return true;
+		}
+	},
+	//method of operate ztree dom
+	view = {
+		addNodes: function(setting, parentNode, newNodes, isSilent) {
+			if (setting.data.keep.leaf && parentNode && !parentNode.isParent) {
+				return;
+			}
+			if (!tools.isArray(newNodes)) {
+				newNodes = [newNodes];
+			}
+			if (setting.data.simpleData.enable) {
+				newNodes = data.transformTozTreeFormat(setting, newNodes);
+			}
+			if (parentNode) {
+				var target_switchObj = $$(parentNode, consts.id.SWITCH, setting),
+				target_icoObj = $$(parentNode, consts.id.ICON, setting),
+				target_ulObj = $$(parentNode, consts.id.UL, setting);
+
+				if (!parentNode.open) {
+					view.replaceSwitchClass(parentNode, target_switchObj, consts.folder.CLOSE);
+					view.replaceIcoClass(parentNode, target_icoObj, consts.folder.CLOSE);
+					parentNode.open = false;
+					target_ulObj.css({
+						"display": "none"
+					});
+				}
+
+				data.addNodesData(setting, parentNode, newNodes);
+				view.createNodes(setting, parentNode.level + 1, newNodes, parentNode);
+				if (!isSilent) {
+					view.expandCollapseParentNode(setting, parentNode, true);
+				}
+			} else {
+				data.addNodesData(setting, data.getRoot(setting), newNodes);
+				view.createNodes(setting, 0, newNodes, null);
+			}
+		},
+		appendNodes: function(setting, level, nodes, parentNode, initFlag, openFlag) {
+			if (!nodes) return [];
+			var html = [],
+			childKey = setting.data.key.children;
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				var node = nodes[i];
+				if (initFlag) {
+					var tmpPNode = (parentNode) ? parentNode: data.getRoot(setting),
+					tmpPChild = tmpPNode[childKey],
+					isFirstNode = ((tmpPChild.length == nodes.length) && (i == 0)),
+					isLastNode = (i == (nodes.length - 1));
+					data.initNode(setting, level, node, parentNode, isFirstNode, isLastNode, openFlag);
+					data.addNodeCache(setting, node);
+				}
+
+				var childHtml = [];
+				if (node[childKey] && node[childKey].length > 0) {
+					//make child html first, because checkType
+					childHtml = view.appendNodes(setting, level + 1, node[childKey], node, initFlag, openFlag && node.open);
+				}
+				if (openFlag) {
+
+					view.makeDOMNodeMainBefore(html, setting, node);
+					view.makeDOMNodeLine(html, setting, node);
+					data.getBeforeA(setting, node, html);
+					view.makeDOMNodeNameBefore(html, setting, node);
+					data.getInnerBeforeA(setting, node, html);
+					view.makeDOMNodeIcon(html, setting, node);
+					data.getInnerAfterA(setting, node, html);
+					view.makeDOMNodeNameAfter(html, setting, node);
+					data.getAfterA(setting, node, html);
+					if (node.isParent && node.open) {
+						view.makeUlHtml(setting, node, html, childHtml.join(''));
+					}
+					view.makeDOMNodeMainAfter(html, setting, node);
+					data.addCreatedNode(setting, node);
+				}
+			}
+			return html;
+		},
+		appendParentULDom: function(setting, node) {
+			var html = [],
+			nObj = $$(node, setting);
+			if (!nObj.get(0) && !!node.parentTId) {
+				view.appendParentULDom(setting, node.getParentNode());
+				nObj = $$(node, setting);
+			}
+			var ulObj = $$(node, consts.id.UL, setting);
+			if (ulObj.get(0)) {
+				ulObj.remove();
+			}
+			var childKey = setting.data.key.children,
+			childHtml = view.appendNodes(setting, node.level+1, node[childKey], node, false, true);
+			view.makeUlHtml(setting, node, html, childHtml.join(''));
+			nObj.append(html.join(''));
+		},
+		asyncNode: function(setting, node, isSilent, callback) {
+			var i, l;
+			if (node && !node.isParent) {
+				tools.apply(callback);
+				return false;
+			} else if (node && node.isAjaxing) {
+				return false;
+			} else if (tools.apply(setting.callback.beforeAsync, [setting.treeId, node], true) == false) {
+				tools.apply(callback);
+				return false;
+			}
+			if (node) {
+				node.isAjaxing = true;
+				var icoObj = $$(node, consts.id.ICON, setting);
+				icoObj.attr({"style":"", "class":consts.className.BUTTON + " " + consts.className.ICO_LOADING});
+			}
+
+			var tmpParam = {};
+			for (i = 0, l = setting.async.autoParam.length; node && i < l; i++) {
+				var pKey = setting.async.autoParam[i].split("="), spKey = pKey;
+				if (pKey.length>1) {
+					spKey = pKey[1];
+					pKey = pKey[0];
+				}
+				tmpParam[spKey] = node[pKey];
+			}
+			if (tools.isArray(setting.async.otherParam)) {
+				for (i = 0, l = setting.async.otherParam.length; i < l; i += 2) {
+					tmpParam[setting.async.otherParam[i]] = setting.async.otherParam[i + 1];
+				}
+			} else {
+				for (var p in setting.async.otherParam) {
+					tmpParam[p] = setting.async.otherParam[p];
+				}
+			}
+
+			var _tmpV = data.getRoot(setting)._ver;
+			$.ajax({
+				contentType: setting.async.contentType,
+				type: setting.async.type,
+				url: tools.apply(setting.async.url, [setting.treeId, node], setting.async.url),
+				data: tmpParam,
+				dataType: setting.async.dataType,
+				success: function(msg) {
+					if (_tmpV != data.getRoot(setting)._ver) {
+						return;
+					}
+					var newNodes = [];
+					try {
+						if (!msg || msg.length == 0) {
+							newNodes = [];
+						} else if (typeof msg == "string") {
+							newNodes = eval("(" + msg + ")");
+						} else {
+							newNodes = msg;
+						}
+					} catch(err) {
+						newNodes = msg;
+					}
+
+					if (node) {
+						node.isAjaxing = null;
+						node.zAsync = true;
+					}
+					view.setNodeLineIcos(setting, node);
+					if (newNodes && newNodes !== "") {
+						newNodes = tools.apply(setting.async.dataFilter, [setting.treeId, node, newNodes], newNodes);
+						view.addNodes(setting, node, !!newNodes ? tools.clone(newNodes) : [], !!isSilent);
+					} else {
+						view.addNodes(setting, node, [], !!isSilent);
+					}
+					setting.treeObj.trigger(consts.event.ASYNC_SUCCESS, [setting.treeId, node, msg]);
+					tools.apply(callback);
+				},
+				error: function(XMLHttpRequest, textStatus, errorThrown) {
+					if (_tmpV != data.getRoot(setting)._ver) {
+						return;
+					}
+					if (node) node.isAjaxing = null;
+					view.setNodeLineIcos(setting, node);
+					setting.treeObj.trigger(consts.event.ASYNC_ERROR, [setting.treeId, node, XMLHttpRequest, textStatus, errorThrown]);
+				}
+			});
+			return true;
+		},
+		cancelPreSelectedNode: function (setting, node) {
+			var list = data.getRoot(setting).curSelectedList;
+			for (var i=0, j=list.length-1; j>=i; j--) {
+				if (!node || node === list[j]) {
+					$$(list[j], consts.id.A, setting).removeClass(consts.node.CURSELECTED);
+					if (node) {
+						data.removeSelectedNode(setting, node);
+						break;
+					}
+				}
+			}
+			if (!node) data.getRoot(setting).curSelectedList = [];
+		},
+		createNodeCallback: function(setting) {
+			if (!!setting.callback.onNodeCreated || !!setting.view.addDiyDom) {
+				var root = data.getRoot(setting);
+				while (root.createdNodes.length>0) {
+					var node = root.createdNodes.shift();
+					tools.apply(setting.view.addDiyDom, [setting.treeId, node]);
+					if (!!setting.callback.onNodeCreated) {
+						setting.treeObj.trigger(consts.event.NODECREATED, [setting.treeId, node]);
+					}
+				}
+			}
+		},
+		createNodes: function(setting, level, nodes, parentNode) {
+			if (!nodes || nodes.length == 0) return;
+			var root = data.getRoot(setting),
+			childKey = setting.data.key.children,
+			openFlag = !parentNode || parentNode.open || !!$$(parentNode[childKey][0], setting).get(0);
+			root.createdNodes = [];
+			var zTreeHtml = view.appendNodes(setting, level, nodes, parentNode, true, openFlag);
+			if (!parentNode) {
+				setting.treeObj.append(zTreeHtml.join(''));
+			} else {
+				var ulObj = $$(parentNode, consts.id.UL, setting);
+				if (ulObj.get(0)) {
+					ulObj.append(zTreeHtml.join(''));
+				}
+			}
+			view.createNodeCallback(setting);
+		},
+		destroy: function(setting) {
+			if (!setting) return;
+			data.initCache(setting);
+			data.initRoot(setting);
+			event.unbindTree(setting);
+			event.unbindEvent(setting);
+			setting.treeObj.empty();
+		},
+		expandCollapseNode: function(setting, node, expandFlag, animateFlag, callback) {
+			var root = data.getRoot(setting),
+			childKey = setting.data.key.children;
+			if (!node) {
+				tools.apply(callback, []);
+				return;
+			}
+			if (root.expandTriggerFlag) {
+				var _callback = callback;
+				callback = function(){
+					if (_callback) _callback();
+					if (node.open) {
+						setting.treeObj.trigger(consts.event.EXPAND, [setting.treeId, node]);
+					} else {
+						setting.treeObj.trigger(consts.event.COLLAPSE, [setting.treeId, node]);
+					}
+				};
+				root.expandTriggerFlag = false;
+			}
+			if (!node.open && node.isParent && ((!$$(node, consts.id.UL, setting).get(0)) || (node[childKey] && node[childKey].length>0 && !$$(node[childKey][0], setting).get(0)))) {
+				view.appendParentULDom(setting, node);
+				view.createNodeCallback(setting);
+			}
+			if (node.open == expandFlag) {
+				tools.apply(callback, []);
+				return;
+			}
+			var ulObj = $$(node, consts.id.UL, setting),
+			switchObj = $$(node, consts.id.SWITCH, setting),
+			icoObj = $$(node, consts.id.ICON, setting);
+
+			if (node.isParent) {
+				node.open = !node.open;
+				if (node.iconOpen && node.iconClose) {
+					icoObj.attr("style", view.makeNodeIcoStyle(setting, node));
+				}
+
+				if (node.open) {
+					view.replaceSwitchClass(node, switchObj, consts.folder.OPEN);
+					view.replaceIcoClass(node, icoObj, consts.folder.OPEN);
+					if (animateFlag == false || setting.view.expandSpeed == "") {
+						ulObj.show();
+						tools.apply(callback, []);
+					} else {
+						if (node[childKey] && node[childKey].length > 0) {
+							ulObj.slideDown(setting.view.expandSpeed, callback);
+						} else {
+							ulObj.show();
+							tools.apply(callback, []);
+						}
+					}
+				} else {
+					view.replaceSwitchClass(node, switchObj, consts.folder.CLOSE);
+					view.replaceIcoClass(node, icoObj, consts.folder.CLOSE);
+					if (animateFlag == false || setting.view.expandSpeed == "" || !(node[childKey] && node[childKey].length > 0)) {
+						ulObj.hide();
+						tools.apply(callback, []);
+					} else {
+						ulObj.slideUp(setting.view.expandSpeed, callback);
+					}
+				}
+			} else {
+				tools.apply(callback, []);
+			}
+		},
+		expandCollapseParentNode: function(setting, node, expandFlag, animateFlag, callback) {
+			if (!node) return;
+			if (!node.parentTId) {
+				view.expandCollapseNode(setting, node, expandFlag, animateFlag, callback);
+				return;
+			} else {
+				view.expandCollapseNode(setting, node, expandFlag, animateFlag);
+			}
+			if (node.parentTId) {
+				view.expandCollapseParentNode(setting, node.getParentNode(), expandFlag, animateFlag, callback);
+			}
+		},
+		expandCollapseSonNode: function(setting, node, expandFlag, animateFlag, callback) {
+			var root = data.getRoot(setting),
+			childKey = setting.data.key.children,
+			treeNodes = (node) ? node[childKey]: root[childKey],
+			selfAnimateSign = (node) ? false : animateFlag,
+			expandTriggerFlag = data.getRoot(setting).expandTriggerFlag;
+			data.getRoot(setting).expandTriggerFlag = false;
+			if (treeNodes) {
+				for (var i = 0, l = treeNodes.length; i < l; i++) {
+					if (treeNodes[i]) view.expandCollapseSonNode(setting, treeNodes[i], expandFlag, selfAnimateSign);
+				}
+			}
+			data.getRoot(setting).expandTriggerFlag = expandTriggerFlag;
+			view.expandCollapseNode(setting, node, expandFlag, animateFlag, callback );
+		},
+		makeDOMNodeIcon: function(html, setting, node) {
+			var nameStr = data.getNodeName(setting, node),
+			name = setting.view.nameIsHTML ? nameStr : nameStr.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
+			html.push("<span id='", node.tId, consts.id.ICON,
+				"' title='' treeNode", consts.id.ICON," class='", view.makeNodeIcoClass(setting, node),
+				"' style='", view.makeNodeIcoStyle(setting, node), "'></span><span id='", node.tId, consts.id.SPAN,
+				"'>",name,"</span>");
+		},
+		makeDOMNodeLine: function(html, setting, node) {
+			html.push("<span id='", node.tId, consts.id.SWITCH,	"' title='' class='", view.makeNodeLineClass(setting, node), "' treeNode", consts.id.SWITCH,"></span>");
+		},
+		makeDOMNodeMainAfter: function(html, setting, node) {
+			html.push("</li>");
+		},
+		makeDOMNodeMainBefore: function(html, setting, node) {
+			html.push("<li id='", node.tId, "' class='", consts.className.LEVEL, node.level,"' tabindex='0' hidefocus='true' treenode>");
+		},
+		makeDOMNodeNameAfter: function(html, setting, node) {
+			html.push("</a>");
+		},
+		makeDOMNodeNameBefore: function(html, setting, node) {
+			var title = data.getNodeTitle(setting, node),
+			url = view.makeNodeUrl(setting, node),
+			fontcss = view.makeNodeFontCss(setting, node),
+			fontStyle = [];
+			for (var f in fontcss) {
+				fontStyle.push(f, ":", fontcss[f], ";");
+			}
+			html.push("<a id='", node.tId, consts.id.A, "' class='", consts.className.LEVEL, node.level,"' treeNode", consts.id.A," onclick=\"", (node.click || ''),
+				"\" ", ((url != null && url.length > 0) ? "href='" + url + "'" : ""), " target='",view.makeNodeTarget(node),"' style='", fontStyle.join(''),
+				"'");
+			if (tools.apply(setting.view.showTitle, [setting.treeId, node], setting.view.showTitle) && title) {html.push("title='", title.replace(/'/g,"&#39;").replace(/</g,'&lt;').replace(/>/g,'&gt;'),"'");}
+			html.push(">");
+		},
+		makeNodeFontCss: function(setting, node) {
+			var fontCss = tools.apply(setting.view.fontCss, [setting.treeId, node], setting.view.fontCss);
+			return (fontCss && ((typeof fontCss) != "function")) ? fontCss : {};
+		},
+		makeNodeIcoClass: function(setting, node) {
+			var icoCss = ["ico"];
+			if (!node.isAjaxing) {
+				icoCss[0] = (node.iconSkin ? node.iconSkin + "_" : "") + icoCss[0];
+				if (node.isParent) {
+					icoCss.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE);
+				} else {
+					icoCss.push(consts.folder.DOCU);
+				}
+			}
+			return consts.className.BUTTON + " " + icoCss.join('_');
+		},
+		makeNodeIcoStyle: function(setting, node) {
+			var icoStyle = [];
+			if (!node.isAjaxing) {
+				var icon = (node.isParent && node.iconOpen && node.iconClose) ? (node.open ? node.iconOpen : node.iconClose) : node.icon;
+				if (icon) icoStyle.push("background:url(", icon, ") 0 0 no-repeat;");
+				if (setting.view.showIcon == false || !tools.apply(setting.view.showIcon, [setting.treeId, node], true)) {
+					icoStyle.push("width:0px;height:0px;");
+				}
+			}
+			return icoStyle.join('');
+		},
+		makeNodeLineClass: function(setting, node) {
+			var lineClass = [];
+			if (setting.view.showLine) {
+				if (node.level == 0 && node.isFirstNode && node.isLastNode) {
+					lineClass.push(consts.line.ROOT);
+				} else if (node.level == 0 && node.isFirstNode) {
+					lineClass.push(consts.line.ROOTS);
+				} else if (node.isLastNode) {
+					lineClass.push(consts.line.BOTTOM);
+				} else {
+					lineClass.push(consts.line.CENTER);
+				}
+			} else {
+				lineClass.push(consts.line.NOLINE);
+			}
+			if (node.isParent) {
+				lineClass.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE);
+			} else {
+				lineClass.push(consts.folder.DOCU);
+			}
+			return view.makeNodeLineClassEx(node) + lineClass.join('_');
+		},
+		makeNodeLineClassEx: function(node) {
+			return consts.className.BUTTON + " " + consts.className.LEVEL + node.level + " " + consts.className.SWITCH + " ";
+		},
+		makeNodeTarget: function(node) {
+			return (node.target || "_blank");
+		},
+		makeNodeUrl: function(setting, node) {
+			var urlKey = setting.data.key.url;
+			return node[urlKey] ? node[urlKey] : null;
+		},
+		makeUlHtml: function(setting, node, html, content) {
+			html.push("<ul id='", node.tId, consts.id.UL, "' class='", consts.className.LEVEL, node.level, " ", view.makeUlLineClass(setting, node), "' style='display:", (node.open ? "block": "none"),"'>");
+			html.push(content);
+			html.push("</ul>");
+		},
+		makeUlLineClass: function(setting, node) {
+			return ((setting.view.showLine && !node.isLastNode) ? consts.line.LINE : "");
+		},
+		removeChildNodes: function(setting, node) {
+			if (!node) return;
+			var childKey = setting.data.key.children,
+			nodes = node[childKey];
+			if (!nodes) return;
+
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				data.removeNodeCache(setting, nodes[i]);
+			}
+			data.removeSelectedNode(setting);
+			delete node[childKey];
+
+			if (!setting.data.keep.parent) {
+				node.isParent = false;
+				node.open = false;
+				var tmp_switchObj = $$(node, consts.id.SWITCH, setting),
+				tmp_icoObj = $$(node, consts.id.ICON, setting);
+				view.replaceSwitchClass(node, tmp_switchObj, consts.folder.DOCU);
+				view.replaceIcoClass(node, tmp_icoObj, consts.folder.DOCU);
+				$$(node, consts.id.UL, setting).remove();
+			} else {
+				$$(node, consts.id.UL, setting).empty();
+			}
+		},
+		setFirstNode: function(setting, parentNode) {
+			var childKey = setting.data.key.children, childLength = parentNode[childKey].length;
+			if ( childLength > 0) {
+				parentNode[childKey][0].isFirstNode = true;
+			}
+		},
+		setLastNode: function(setting, parentNode) {
+			var childKey = setting.data.key.children, childLength = parentNode[childKey].length;
+			if ( childLength > 0) {
+				parentNode[childKey][childLength - 1].isLastNode = true;
+			}
+		},
+		removeNode: function(setting, node) {
+			var root = data.getRoot(setting),
+			childKey = setting.data.key.children,
+			parentNode = (node.parentTId) ? node.getParentNode() : root;
+
+			node.isFirstNode = false;
+			node.isLastNode = false;
+			node.getPreNode = function() {return null;};
+			node.getNextNode = function() {return null;};
+
+			if (!data.getNodeCache(setting, node.tId)) {
+				return;
+			}
+
+			$$(node, setting).remove();
+			data.removeNodeCache(setting, node);
+			data.removeSelectedNode(setting, node);
+
+			for (var i = 0, l = parentNode[childKey].length; i < l; i++) {
+				if (parentNode[childKey][i].tId == node.tId) {
+					parentNode[childKey].splice(i, 1);
+					break;
+				}
+			}
+			view.setFirstNode(setting, parentNode);
+			view.setLastNode(setting, parentNode);
+
+			var tmp_ulObj,tmp_switchObj,tmp_icoObj,
+			childLength = parentNode[childKey].length;
+
+			//repair nodes old parent
+			if (!setting.data.keep.parent && childLength == 0) {
+				//old parentNode has no child nodes
+				parentNode.isParent = false;
+				parentNode.open = false;
+				tmp_ulObj = $$(parentNode, consts.id.UL, setting);
+				tmp_switchObj = $$(parentNode, consts.id.SWITCH, setting);
+				tmp_icoObj = $$(parentNode, consts.id.ICON, setting);
+				view.replaceSwitchClass(parentNode, tmp_switchObj, consts.folder.DOCU);
+				view.replaceIcoClass(parentNode, tmp_icoObj, consts.folder.DOCU);
+				tmp_ulObj.css("display", "none");
+
+			} else if (setting.view.showLine && childLength > 0) {
+				//old parentNode has child nodes
+				var newLast = parentNode[childKey][childLength - 1];
+				tmp_ulObj = $$(newLast, consts.id.UL, setting);
+				tmp_switchObj = $$(newLast, consts.id.SWITCH, setting);
+				tmp_icoObj = $$(newLast, consts.id.ICON, setting);
+				if (parentNode == root) {
+					if (parentNode[childKey].length == 1) {
+						//node was root, and ztree has only one root after move node
+						view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.ROOT);
+					} else {
+						var tmp_first_switchObj = $$(parentNode[childKey][0], consts.id.SWITCH, setting);
+						view.replaceSwitchClass(parentNode[childKey][0], tmp_first_switchObj, consts.line.ROOTS);
+						view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.BOTTOM);
+					}
+				} else {
+					view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.BOTTOM);
+				}
+				tmp_ulObj.removeClass(consts.line.LINE);
+			}
+		},
+		replaceIcoClass: function(node, obj, newName) {
+			if (!obj || node.isAjaxing) return;
+			var tmpName = obj.attr("class");
+			if (tmpName == undefined) return;
+			var tmpList = tmpName.split("_");
+			switch (newName) {
+				case consts.folder.OPEN:
+				case consts.folder.CLOSE:
+				case consts.folder.DOCU:
+					tmpList[tmpList.length-1] = newName;
+					break;
+			}
+			obj.attr("class", tmpList.join("_"));
+		},
+		replaceSwitchClass: function(node, obj, newName) {
+			if (!obj) return;
+			var tmpName = obj.attr("class");
+			if (tmpName == undefined) return;
+			var tmpList = tmpName.split("_");
+			switch (newName) {
+				case consts.line.ROOT:
+				case consts.line.ROOTS:
+				case consts.line.CENTER:
+				case consts.line.BOTTOM:
+				case consts.line.NOLINE:
+					tmpList[0] = view.makeNodeLineClassEx(node) + newName;
+					break;
+				case consts.folder.OPEN:
+				case consts.folder.CLOSE:
+				case consts.folder.DOCU:
+					tmpList[1] = newName;
+					break;
+			}
+			obj.attr("class", tmpList.join("_"));
+			if (newName !== consts.folder.DOCU) {
+				obj.removeAttr("disabled");
+			} else {
+				obj.attr("disabled", "disabled");
+			}
+		},
+		selectNode: function(setting, node, addFlag) {
+			if (!addFlag) {
+				view.cancelPreSelectedNode(setting);
+			}
+			$$(node, consts.id.A, setting).addClass(consts.node.CURSELECTED);
+			data.addSelectedNode(setting, node);
+		},
+		setNodeFontCss: function(setting, treeNode) {
+			var aObj = $$(treeNode, consts.id.A, setting),
+			fontCss = view.makeNodeFontCss(setting, treeNode);
+			if (fontCss) {
+				aObj.css(fontCss);
+			}
+		},
+		setNodeLineIcos: function(setting, node) {
+			if (!node) return;
+			var switchObj = $$(node, consts.id.SWITCH, setting),
+			ulObj = $$(node, consts.id.UL, setting),
+			icoObj = $$(node, consts.id.ICON, setting),
+			ulLine = view.makeUlLineClass(setting, node);
+			if (ulLine.length==0) {
+				ulObj.removeClass(consts.line.LINE);
+			} else {
+				ulObj.addClass(ulLine);
+			}
+			switchObj.attr("class", view.makeNodeLineClass(setting, node));
+			if (node.isParent) {
+				switchObj.removeAttr("disabled");
+			} else {
+				switchObj.attr("disabled", "disabled");
+			}
+			icoObj.removeAttr("style");
+			icoObj.attr("style", view.makeNodeIcoStyle(setting, node));
+			icoObj.attr("class", view.makeNodeIcoClass(setting, node));
+		},
+		setNodeName: function(setting, node) {
+			var title = data.getNodeTitle(setting, node),
+			nObj = $$(node, consts.id.SPAN, setting);
+			nObj.empty();
+			if (setting.view.nameIsHTML) {
+				nObj.html(data.getNodeName(setting, node));
+			} else {
+				nObj.text(data.getNodeName(setting, node));
+			}
+			if (tools.apply(setting.view.showTitle, [setting.treeId, node], setting.view.showTitle)) {
+				var aObj = $$(node, consts.id.A, setting);
+				aObj.attr("title", !title ? "" : title);
+			}
+		},
+		setNodeTarget: function(setting, node) {
+			var aObj = $$(node, consts.id.A, setting);
+			aObj.attr("target", view.makeNodeTarget(node));
+		},
+		setNodeUrl: function(setting, node) {
+			var aObj = $$(node, consts.id.A, setting),
+			url = view.makeNodeUrl(setting, node);
+			if (url == null || url.length == 0) {
+				aObj.removeAttr("href");
+			} else {
+				aObj.attr("href", url);
+			}
+		},
+		switchNode: function(setting, node) {
+			if (node.open || !tools.canAsync(setting, node)) {
+				view.expandCollapseNode(setting, node, !node.open);
+			} else if (setting.async.enable) {
+				if (!view.asyncNode(setting, node)) {
+					view.expandCollapseNode(setting, node, !node.open);
+					return;
+				}
+			} else if (node) {
+				view.expandCollapseNode(setting, node, !node.open);
+			}
+		}
+	};
+	// zTree defind
+	$.fn.zTree = {
+		consts : _consts,
+		_z : {
+			tools: tools,
+			view: view,
+			event: event,
+			data: data
+		},
+		getZTreeObj: function(treeId) {
+			var o = data.getZTreeTools(treeId);
+			return o ? o : null;
+		},
+		destroy: function(treeId) {
+			if (!!treeId && treeId.length > 0) {
+				view.destroy(data.getSetting(treeId));
+			} else {
+				for(var s in settings) {
+					view.destroy(settings[s]);
+				}
+			}
+		},
+		init: function(obj, zSetting, zNodes) {
+			var setting = tools.clone(_setting);
+			$.extend(true, setting, zSetting);
+			setting.treeId = obj.attr("id");
+			setting.treeObj = obj;
+			setting.treeObj.empty();
+			settings[setting.treeId] = setting;
+			//For some older browser,(e.g., ie6)
+			if(typeof document.body.style.maxHeight === "undefined") {
+				setting.view.expandSpeed = "";
+			}
+			data.initRoot(setting);
+			var root = data.getRoot(setting),
+			childKey = setting.data.key.children;
+			zNodes = zNodes ? tools.clone(tools.isArray(zNodes)? zNodes : [zNodes]) : [];
+			if (setting.data.simpleData.enable) {
+				root[childKey] = data.transformTozTreeFormat(setting, zNodes);
+			} else {
+				root[childKey] = zNodes;
+			}
+
+			data.initCache(setting);
+			event.unbindTree(setting);
+			event.bindTree(setting);
+			event.unbindEvent(setting);
+			event.bindEvent(setting);
+
+			var zTreeTools = {
+				setting : setting,
+				addNodes : function(parentNode, newNodes, isSilent) {
+					if (!newNodes) return null;
+					if (!parentNode) parentNode = null;
+					if (parentNode && !parentNode.isParent && setting.data.keep.leaf) return null;
+					var xNewNodes = tools.clone(tools.isArray(newNodes)? newNodes: [newNodes]);
+					function addCallback() {
+						view.addNodes(setting, parentNode, xNewNodes, (isSilent==true));
+					}
+
+					if (tools.canAsync(setting, parentNode)) {
+						view.asyncNode(setting, parentNode, isSilent, addCallback);
+					} else {
+						addCallback();
+					}
+					return xNewNodes;
+				},
+				cancelSelectedNode : function(node) {
+					view.cancelPreSelectedNode(setting, node);
+				},
+				destroy : function() {
+					view.destroy(setting);
+				},
+				expandAll : function(expandFlag) {
+					expandFlag = !!expandFlag;
+					view.expandCollapseSonNode(setting, null, expandFlag, true);
+					return expandFlag;
+				},
+				expandNode : function(node, expandFlag, sonSign, focus, callbackFlag) {
+					if (!node || !node.isParent) return null;
+					if (expandFlag !== true && expandFlag !== false) {
+						expandFlag = !node.open;
+					}
+					callbackFlag = !!callbackFlag;
+
+					if (callbackFlag && expandFlag && (tools.apply(setting.callback.beforeExpand, [setting.treeId, node], true) == false)) {
+						return null;
+					} else if (callbackFlag && !expandFlag && (tools.apply(setting.callback.beforeCollapse, [setting.treeId, node], true) == false)) {
+						return null;
+					}
+					if (expandFlag && node.parentTId) {
+						view.expandCollapseParentNode(setting, node.getParentNode(), expandFlag, false);
+					}
+					if (expandFlag === node.open && !sonSign) {
+						return null;
+					}
+
+					data.getRoot(setting).expandTriggerFlag = callbackFlag;
+					if (!tools.canAsync(setting, node) && sonSign) {
+						view.expandCollapseSonNode(setting, node, expandFlag, true, function() {
+							if (focus !== false) {try{$$(node, setting).focus().blur();}catch(e){}}
+						});
+					} else {
+						node.open = !expandFlag;
+						view.switchNode(this.setting, node);
+						if (focus !== false) {try{$$(node, setting).focus().blur();}catch(e){}}
+					}
+					return expandFlag;
+				},
+				getNodes : function() {
+					return data.getNodes(setting);
+				},
+				getNodeByParam : function(key, value, parentNode) {
+					if (!key) return null;
+					return data.getNodeByParam(setting, parentNode?parentNode[setting.data.key.children]:data.getNodes(setting), key, value);
+				},
+				getNodeByTId : function(tId) {
+					return data.getNodeCache(setting, tId);
+				},
+				getNodesByParam : function(key, value, parentNode) {
+					if (!key) return null;
+					return data.getNodesByParam(setting, parentNode?parentNode[setting.data.key.children]:data.getNodes(setting), key, value);
+				},
+				getNodesByParamFuzzy : function(key, value, parentNode) {
+					if (!key) return null;
+					return data.getNodesByParamFuzzy(setting, parentNode?parentNode[setting.data.key.children]:data.getNodes(setting), key, value);
+				},
+				getNodesByFilter: function(filter, isSingle, parentNode, invokeParam) {
+					isSingle = !!isSingle;
+					if (!filter || (typeof filter != "function")) return (isSingle ? null : []);
+					return data.getNodesByFilter(setting, parentNode?parentNode[setting.data.key.children]:data.getNodes(setting), filter, isSingle, invokeParam);
+				},
+				getNodeIndex : function(node) {
+					if (!node) return null;
+					var childKey = setting.data.key.children,
+					parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(setting);
+					for (var i=0, l = parentNode[childKey].length; i < l; i++) {
+						if (parentNode[childKey][i] == node) return i;
+					}
+					return -1;
+				},
+				getSelectedNodes : function() {
+					var r = [], list = data.getRoot(setting).curSelectedList;
+					for (var i=0, l=list.length; i<l; i++) {
+						r.push(list[i]);
+					}
+					return r;
+				},
+				isSelectedNode : function(node) {
+					return data.isSelectedNode(setting, node);
+				},
+				reAsyncChildNodes : function(parentNode, reloadType, isSilent) {
+					if (!this.setting.async.enable) return;
+					var isRoot = !parentNode;
+					if (isRoot) {
+						parentNode = data.getRoot(setting);
+					}
+					if (reloadType=="refresh") {
+						var childKey = this.setting.data.key.children;
+						for (var i = 0, l = parentNode[childKey] ? parentNode[childKey].length : 0; i < l; i++) {
+							data.removeNodeCache(setting, parentNode[childKey][i]);
+						}
+						data.removeSelectedNode(setting);
+						parentNode[childKey] = [];
+						if (isRoot) {
+							this.setting.treeObj.empty();
+						} else {
+							var ulObj = $$(parentNode, consts.id.UL, setting);
+							ulObj.empty();
+						}
+					}
+					view.asyncNode(this.setting, isRoot? null:parentNode, !!isSilent);
+				},
+				refresh : function() {
+					this.setting.treeObj.empty();
+					var root = data.getRoot(setting),
+					nodes = root[setting.data.key.children]
+					data.initRoot(setting);
+					root[setting.data.key.children] = nodes
+					data.initCache(setting);
+					view.createNodes(setting, 0, root[setting.data.key.children]);
+				},
+				removeChildNodes : function(node) {
+					if (!node) return null;
+					var childKey = setting.data.key.children,
+					nodes = node[childKey];
+					view.removeChildNodes(setting, node);
+					return nodes ? nodes : null;
+				},
+				removeNode : function(node, callbackFlag) {
+					if (!node) return;
+					callbackFlag = !!callbackFlag;
+					if (callbackFlag && tools.apply(setting.callback.beforeRemove, [setting.treeId, node], true) == false) return;
+					view.removeNode(setting, node);
+					if (callbackFlag) {
+						this.setting.treeObj.trigger(consts.event.REMOVE, [setting.treeId, node]);
+					}
+				},
+				selectNode : function(node, addFlag) {
+					if (!node) return;
+					if (tools.uCanDo(setting)) {
+						addFlag = setting.view.selectedMulti && addFlag;
+						if (node.parentTId) {
+							view.expandCollapseParentNode(setting, node.getParentNode(), true, false, function() {
+								try{$$(node, setting).focus().blur();}catch(e){}
+							});
+						} else {
+							try{$$(node, setting).focus().blur();}catch(e){}
+						}
+						view.selectNode(setting, node, addFlag);
+					}
+				},
+				transformTozTreeNodes : function(simpleNodes) {
+					return data.transformTozTreeFormat(setting, simpleNodes);
+				},
+				transformToArray : function(nodes) {
+					return data.transformToArrayFormat(setting, nodes);
+				},
+				updateNode : function(node, checkTypeFlag) {
+					if (!node) return;
+					var nObj = $$(node, setting);
+					if (nObj.get(0) && tools.uCanDo(setting)) {
+						view.setNodeName(setting, node);
+						view.setNodeTarget(setting, node);
+						view.setNodeUrl(setting, node);
+						view.setNodeLineIcos(setting, node);
+						view.setNodeFontCss(setting, node);
+					}
+				}
+			}
+			root.treeTools = zTreeTools;
+			data.setZTreeTools(setting, zTreeTools);
+
+			if (root[childKey] && root[childKey].length > 0) {
+				view.createNodes(setting, 0, root[childKey]);
+			} else if (setting.async.enable && setting.async.url && setting.async.url !== '') {
+				view.asyncNode(setting);
+			}
+			return zTreeTools;
+		}
+	};
+
+	var zt = $.fn.zTree,
+	$$ = tools.$,
+	consts = zt.consts;
+})(jQuery);
+/*
+ * JQuery zTree excheck v3.5.15
+ * http://zTree.me/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2013-10-15
+ */
+(function($){
+	//default consts of excheck
+	var _consts = {
+		event: {
+			CHECK: "ztree_check"
+		},
+		id: {
+			CHECK: "_check"
+		},
+		checkbox: {
+			STYLE: "checkbox",
+			DEFAULT: "chk",
+			DISABLED: "disable",
+			FALSE: "false",
+			TRUE: "true",
+			FULL: "full",
+			PART: "part",
+			FOCUS: "focus"
+		},
+		radio: {
+			STYLE: "radio",
+			TYPE_ALL: "all",
+			TYPE_LEVEL: "level"
+		}
+	},
+	//default setting of excheck
+	_setting = {
+		check: {
+			enable: false,
+			autoCheckTrigger: false,
+			chkStyle: _consts.checkbox.STYLE,
+			nocheckInherit: false,
+			chkDisabledInherit: false,
+			radioType: _consts.radio.TYPE_LEVEL,
+			chkboxType: {
+				"Y": "ps",
+				"N": "ps"
+			}
+		},
+		data: {
+			key: {
+				checked: "checked"
+			}
+		},
+		callback: {
+			beforeCheck:null,
+			onCheck:null
+		}
+	},
+	//default root of excheck
+	_initRoot = function (setting) {
+		var r = data.getRoot(setting);
+		r.radioCheckedList = [];
+	},
+	//default cache of excheck
+	_initCache = function(treeId) {},
+	//default bind event of excheck
+	_bindEvent = function(setting) {
+		var o = setting.treeObj,
+		c = consts.event;
+		o.bind(c.CHECK, function (event, srcEvent, treeId, node) {
+			tools.apply(setting.callback.onCheck, [!!srcEvent?srcEvent : event, treeId, node]);
+		});
+	},
+	_unbindEvent = function(setting) {
+		var o = setting.treeObj,
+		c = consts.event;
+		o.unbind(c.CHECK);
+	},
+	//default event proxy of excheck
+	_eventProxy = function(e) {
+		var target = e.target,
+		setting = data.getSetting(e.data.treeId),
+		tId = "", node = null,
+		nodeEventType = "", treeEventType = "",
+		nodeEventCallback = null, treeEventCallback = null;
+
+		if (tools.eqs(e.type, "mouseover")) {
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "mouseoverCheck";
+			}
+		} else if (tools.eqs(e.type, "mouseout")) {
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "mouseoutCheck";
+			}
+		} else if (tools.eqs(e.type, "click")) {
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "checkNode";
+			}
+		}
+		if (tId.length>0) {
+			node = data.getNodeCache(setting, tId);
+			switch (nodeEventType) {
+				case "checkNode" :
+					nodeEventCallback = _handler.onCheckNode;
+					break;
+				case "mouseoverCheck" :
+					nodeEventCallback = _handler.onMouseoverCheck;
+					break;
+				case "mouseoutCheck" :
+					nodeEventCallback = _handler.onMouseoutCheck;
+					break;
+			}
+		}
+		var proxyResult = {
+			stop: nodeEventType === "checkNode",
+			node: node,
+			nodeEventType: nodeEventType,
+			nodeEventCallback: nodeEventCallback,
+			treeEventType: treeEventType,
+			treeEventCallback: treeEventCallback
+		};
+		return proxyResult
+	},
+	//default init node of excheck
+	_initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {
+		if (!n) return;
+		var checkedKey = setting.data.key.checked;
+		if (typeof n[checkedKey] == "string") n[checkedKey] = tools.eqs(n[checkedKey], "true");
+		n[checkedKey] = !!n[checkedKey];
+		n.checkedOld = n[checkedKey];
+		if (typeof n.nocheck == "string") n.nocheck = tools.eqs(n.nocheck, "true");
+		n.nocheck = !!n.nocheck || (setting.check.nocheckInherit && parentNode && !!parentNode.nocheck);
+		if (typeof n.chkDisabled == "string") n.chkDisabled = tools.eqs(n.chkDisabled, "true");
+		n.chkDisabled = !!n.chkDisabled || (setting.check.chkDisabledInherit && parentNode && !!parentNode.chkDisabled);
+		if (typeof n.halfCheck == "string") n.halfCheck = tools.eqs(n.halfCheck, "true");
+		n.halfCheck = !!n.halfCheck;
+		n.check_Child_State = -1;
+		n.check_Focus = false;
+		n.getCheckStatus = function() {return data.getCheckStatus(setting, n);};
+
+		if (setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL && n[checkedKey] ) {
+			var r = data.getRoot(setting);
+			r.radioCheckedList.push(n);
+		}
+	},
+	//add dom for check
+	_beforeA = function(setting, node, html) {
+		var checkedKey = setting.data.key.checked;
+		if (setting.check.enable) {
+			data.makeChkFlag(setting, node);
+			html.push("<span ID='", node.tId, consts.id.CHECK, "' class='", view.makeChkClass(setting, node), "' treeNode", consts.id.CHECK, (node.nocheck === true?" style='display:none;'":""),"></span>");
+		}
+	},
+	//update zTreeObj, add method of check
+	_zTreeTools = function(setting, zTreeTools) {
+		zTreeTools.checkNode = function(node, checked, checkTypeFlag, callbackFlag) {
+			var checkedKey = setting.data.key.checked;
+			if (node.chkDisabled === true) return;
+			if (checked !== true && checked !== false) {
+				checked = !node[checkedKey];
+			}
+			callbackFlag = !!callbackFlag;
+
+			if (node[checkedKey] === checked && !checkTypeFlag) {
+				return;
+			} else if (callbackFlag && tools.apply(this.setting.callback.beforeCheck, [setting.treeId, node], true) == false) {
+				return;
+			}
+			if (tools.uCanDo(this.setting) && setting.check.enable && node.nocheck !== true) {
+				node[checkedKey] = checked;
+				var checkObj = $$(node, consts.id.CHECK, setting);
+				if (checkTypeFlag || setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(setting, node);
+				view.setChkClass(setting, checkObj, node);
+				view.repairParentChkClassWithSelf(setting, node);
+				if (callbackFlag) {
+					setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
+				}
+			}
+		}
+
+		zTreeTools.checkAllNodes = function(checked) {
+			view.repairAllChk(setting, !!checked);
+		}
+
+		zTreeTools.getCheckedNodes = function(checked) {
+			var childKey = setting.data.key.children;
+			checked = (checked !== false);
+			return data.getTreeCheckedNodes(setting, data.getRoot(setting)[childKey], checked);
+		}
+
+		zTreeTools.getChangeCheckedNodes = function() {
+			var childKey = setting.data.key.children;
+			return data.getTreeChangeCheckedNodes(setting, data.getRoot(setting)[childKey]);
+		}
+
+		zTreeTools.setChkDisabled = function(node, disabled, inheritParent, inheritChildren) {
+			disabled = !!disabled;
+			inheritParent = !!inheritParent;
+			inheritChildren = !!inheritChildren;
+			view.repairSonChkDisabled(setting, node, disabled, inheritChildren);
+			view.repairParentChkDisabled(setting, node.getParentNode(), disabled, inheritParent);
+		}
+
+		var _updateNode = zTreeTools.updateNode;
+		zTreeTools.updateNode = function(node, checkTypeFlag) {
+			if (_updateNode) _updateNode.apply(zTreeTools, arguments);
+			if (!node || !setting.check.enable) return;
+			var nObj = $$(node, setting);
+			if (nObj.get(0) && tools.uCanDo(setting)) {
+				var checkObj = $$(node, consts.id.CHECK, setting);
+				if (checkTypeFlag == true || setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(setting, node);
+				view.setChkClass(setting, checkObj, node);
+				view.repairParentChkClassWithSelf(setting, node);
+			}
+		}
+	},
+	//method of operate data
+	_data = {
+		getRadioCheckedList: function(setting) {
+			var checkedList = data.getRoot(setting).radioCheckedList;
+			for (var i=0, j=checkedList.length; i<j; i++) {
+				if(!data.getNodeCache(setting, checkedList[i].tId)) {
+					checkedList.splice(i, 1);
+					i--; j--;
+				}
+			}
+			return checkedList;
+		},
+		getCheckStatus: function(setting, node) {
+			if (!setting.check.enable || node.nocheck || node.chkDisabled) return null;
+			var checkedKey = setting.data.key.checked,
+			r = {
+				checked: node[checkedKey],
+				half: node.halfCheck ? node.halfCheck : (setting.check.chkStyle == consts.radio.STYLE ? (node.check_Child_State === 2) : (node[checkedKey] ? (node.check_Child_State > -1 && node.check_Child_State < 2) : (node.check_Child_State > 0)))
+			};
+			return r;
+		},
+		getTreeCheckedNodes: function(setting, nodes, checked, results) {
+			if (!nodes) return [];
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			onlyOne = (checked && setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL);
+			results = !results ? [] : results;
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				if (nodes[i].nocheck !== true && nodes[i].chkDisabled !== true && nodes[i][checkedKey] == checked) {
+					results.push(nodes[i]);
+					if(onlyOne) {
+						break;
+					}
+				}
+				data.getTreeCheckedNodes(setting, nodes[i][childKey], checked, results);
+				if(onlyOne && results.length > 0) {
+					break;
+				}
+			}
+			return results;
+		},
+		getTreeChangeCheckedNodes: function(setting, nodes, results) {
+			if (!nodes) return [];
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked;
+			results = !results ? [] : results;
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				if (nodes[i].nocheck !== true && nodes[i].chkDisabled !== true && nodes[i][checkedKey] != nodes[i].checkedOld) {
+					results.push(nodes[i]);
+				}
+				data.getTreeChangeCheckedNodes(setting, nodes[i][childKey], results);
+			}
+			return results;
+		},
+		makeChkFlag: function(setting, node) {
+			if (!node) return;
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			chkFlag = -1;
+			if (node[childKey]) {
+				for (var i = 0, l = node[childKey].length; i < l; i++) {
+					var cNode = node[childKey][i];
+					var tmp = -1;
+					if (setting.check.chkStyle == consts.radio.STYLE) {
+						if (cNode.nocheck === true || cNode.chkDisabled === true) {
+							tmp = cNode.check_Child_State;
+						} else if (cNode.halfCheck === true) {
+							tmp = 2;
+						} else if (cNode[checkedKey]) {
+							tmp = 2;
+						} else {
+							tmp = cNode.check_Child_State > 0 ? 2:0;
+						}
+						if (tmp == 2) {
+							chkFlag = 2; break;
+						} else if (tmp == 0){
+							chkFlag = 0;
+						}
+					} else if (setting.check.chkStyle == consts.checkbox.STYLE) {
+						if (cNode.nocheck === true || cNode.chkDisabled === true) {
+							tmp = cNode.check_Child_State;
+						} else if (cNode.halfCheck === true) {
+							tmp = 1;
+						} else if (cNode[checkedKey] ) {
+							tmp = (cNode.check_Child_State === -1 || cNode.check_Child_State === 2) ? 2 : 1;
+						} else {
+							tmp = (cNode.check_Child_State > 0) ? 1 : 0;
+						}
+						if (tmp === 1) {
+							chkFlag = 1; break;
+						} else if (tmp === 2 && chkFlag > -1 && i > 0 && tmp !== chkFlag) {
+							chkFlag = 1; break;
+						} else if (chkFlag === 2 && tmp > -1 && tmp < 2) {
+							chkFlag = 1; break;
+						} else if (tmp > -1) {
+							chkFlag = tmp;
+						}
+					}
+				}
+			}
+			node.check_Child_State = chkFlag;
+		}
+	},
+	//method of event proxy
+	_event = {
+
+	},
+	//method of event handler
+	_handler = {
+		onCheckNode: function (event, node) {
+			if (node.chkDisabled === true) return false;
+			var setting = data.getSetting(event.data.treeId),
+			checkedKey = setting.data.key.checked;
+			if (tools.apply(setting.callback.beforeCheck, [setting.treeId, node], true) == false) return true;
+			node[checkedKey] = !node[checkedKey];
+			view.checkNodeRelation(setting, node);
+			var checkObj = $$(node, consts.id.CHECK, setting);
+			view.setChkClass(setting, checkObj, node);
+			view.repairParentChkClassWithSelf(setting, node);
+			setting.treeObj.trigger(consts.event.CHECK, [event, setting.treeId, node]);
+			return true;
+		},
+		onMouseoverCheck: function(event, node) {
+			if (node.chkDisabled === true) return false;
+			var setting = data.getSetting(event.data.treeId),
+			checkObj = $$(node, consts.id.CHECK, setting);
+			node.check_Focus = true;
+			view.setChkClass(setting, checkObj, node);
+			return true;
+		},
+		onMouseoutCheck: function(event, node) {
+			if (node.chkDisabled === true) return false;
+			var setting = data.getSetting(event.data.treeId),
+			checkObj = $$(node, consts.id.CHECK, setting);
+			node.check_Focus = false;
+			view.setChkClass(setting, checkObj, node);
+			return true;
+		}
+	},
+	//method of tools for zTree
+	_tools = {
+
+	},
+	//method of operate ztree dom
+	_view = {
+		checkNodeRelation: function(setting, node) {
+			var pNode, i, l,
+			childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			r = consts.radio;
+			if (setting.check.chkStyle == r.STYLE) {
+				var checkedList = data.getRadioCheckedList(setting);
+				if (node[checkedKey]) {
+					if (setting.check.radioType == r.TYPE_ALL) {
+						for (i = checkedList.length-1; i >= 0; i--) {
+							pNode = checkedList[i];
+							pNode[checkedKey] = false;
+							checkedList.splice(i, 1);
+
+							view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode);
+							if (pNode.parentTId != node.parentTId) {
+								view.repairParentChkClassWithSelf(setting, pNode);
+							}
+						}
+						checkedList.push(node);
+					} else {
+						var parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(setting);
+						for (i = 0, l = parentNode[childKey].length; i < l; i++) {
+							pNode = parentNode[childKey][i];
+							if (pNode[checkedKey] && pNode != node) {
+								pNode[checkedKey] = false;
+								view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode);
+							}
+						}
+					}
+				} else if (setting.check.radioType == r.TYPE_ALL) {
+					for (i = 0, l = checkedList.length; i < l; i++) {
+						if (node == checkedList[i]) {
+							checkedList.splice(i, 1);
+							break;
+						}
+					}
+				}
+
+			} else {
+				if (node[checkedKey] && (!node[childKey] || node[childKey].length==0 || setting.check.chkboxType.Y.indexOf("s") > -1)) {
+					view.setSonNodeCheckBox(setting, node, true);
+				}
+				if (!node[checkedKey] && (!node[childKey] || node[childKey].length==0 || setting.check.chkboxType.N.indexOf("s") > -1)) {
+					view.setSonNodeCheckBox(setting, node, false);
+				}
+				if (node[checkedKey] && setting.check.chkboxType.Y.indexOf("p") > -1) {
+					view.setParentNodeCheckBox(setting, node, true);
+				}
+				if (!node[checkedKey] && setting.check.chkboxType.N.indexOf("p") > -1) {
+					view.setParentNodeCheckBox(setting, node, false);
+				}
+			}
+		},
+		makeChkClass: function(setting, node) {
+			var checkedKey = setting.data.key.checked,
+			c = consts.checkbox, r = consts.radio,
+			fullStyle = "";
+			if (node.chkDisabled === true) {
+				fullStyle = c.DISABLED;
+			} else if (node.halfCheck) {
+				fullStyle = c.PART;
+			} else if (setting.check.chkStyle == r.STYLE) {
+				fullStyle = (node.check_Child_State < 1)? c.FULL:c.PART;
+			} else {
+				fullStyle = node[checkedKey] ? ((node.check_Child_State === 2 || node.check_Child_State === -1) ? c.FULL:c.PART) : ((node.check_Child_State < 1)? c.FULL:c.PART);
+			}
+			var chkName = setting.check.chkStyle + "_" + (node[checkedKey] ? c.TRUE : c.FALSE) + "_" + fullStyle;
+			chkName = (node.check_Focus && node.chkDisabled !== true) ? chkName + "_" + c.FOCUS : chkName;
+			return consts.className.BUTTON + " " + c.DEFAULT + " " + chkName;
+		},
+		repairAllChk: function(setting, checked) {
+			if (setting.check.enable && setting.check.chkStyle === consts.checkbox.STYLE) {
+				var checkedKey = setting.data.key.checked,
+				childKey = setting.data.key.children,
+				root = data.getRoot(setting);
+				for (var i = 0, l = root[childKey].length; i<l ; i++) {
+					var node = root[childKey][i];
+					if (node.nocheck !== true && node.chkDisabled !== true) {
+						node[checkedKey] = checked;
+					}
+					view.setSonNodeCheckBox(setting, node, checked);
+				}
+			}
+		},
+		repairChkClass: function(setting, node) {
+			if (!node) return;
+			data.makeChkFlag(setting, node);
+			if (node.nocheck !== true) {
+				var checkObj = $$(node, consts.id.CHECK, setting);
+				view.setChkClass(setting, checkObj, node);
+			}
+		},
+		repairParentChkClass: function(setting, node) {
+			if (!node || !node.parentTId) return;
+			var pNode = node.getParentNode();
+			view.repairChkClass(setting, pNode);
+			view.repairParentChkClass(setting, pNode);
+		},
+		repairParentChkClassWithSelf: function(setting, node) {
+			if (!node) return;
+			var childKey = setting.data.key.children;
+			if (node[childKey] && node[childKey].length > 0) {
+				view.repairParentChkClass(setting, node[childKey][0]);
+			} else {
+				view.repairParentChkClass(setting, node);
+			}
+		},
+		repairSonChkDisabled: function(setting, node, chkDisabled, inherit) {
+			if (!node) return;
+			var childKey = setting.data.key.children;
+			if (node.chkDisabled != chkDisabled) {
+				node.chkDisabled = chkDisabled;
+			}
+			view.repairChkClass(setting, node);
+			if (node[childKey] && inherit) {
+				for (var i = 0, l = node[childKey].length; i < l; i++) {
+					var sNode = node[childKey][i];
+					view.repairSonChkDisabled(setting, sNode, chkDisabled, inherit);
+				}
+			}
+		},
+		repairParentChkDisabled: function(setting, node, chkDisabled, inherit) {
+			if (!node) return;
+			if (node.chkDisabled != chkDisabled && inherit) {
+				node.chkDisabled = chkDisabled;
+			}
+			view.repairChkClass(setting, node);
+			view.repairParentChkDisabled(setting, node.getParentNode(), chkDisabled, inherit);
+		},
+		setChkClass: function(setting, obj, node) {
+			if (!obj) return;
+			if (node.nocheck === true) {
+				obj.hide();
+			} else {
+				obj.show();
+			}
+			obj.removeClass();
+			obj.addClass(view.makeChkClass(setting, node));
+		},
+		setParentNodeCheckBox: function(setting, node, value, srcNode) {
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			checkObj = $$(node, consts.id.CHECK, setting);
+			if (!srcNode) srcNode = node;
+			data.makeChkFlag(setting, node);
+			if (node.nocheck !== true && node.chkDisabled !== true) {
+				node[checkedKey] = value;
+				view.setChkClass(setting, checkObj, node);
+				if (setting.check.autoCheckTrigger && node != srcNode) {
+					setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
+				}
+			}
+			if (node.parentTId) {
+				var pSign = true;
+				if (!value) {
+					var pNodes = node.getParentNode()[childKey];
+					for (var i = 0, l = pNodes.length; i < l; i++) {
+						if ((pNodes[i].nocheck !== true && pNodes[i].chkDisabled !== true && pNodes[i][checkedKey])
+						|| ((pNodes[i].nocheck === true || pNodes[i].chkDisabled === true) && pNodes[i].check_Child_State > 0)) {
+							pSign = false;
+							break;
+						}
+					}
+				}
+				if (pSign) {
+					view.setParentNodeCheckBox(setting, node.getParentNode(), value, srcNode);
+				}
+			}
+		},
+		setSonNodeCheckBox: function(setting, node, value, srcNode) {
+			if (!node) return;
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			checkObj = $$(node, consts.id.CHECK, setting);
+			if (!srcNode) srcNode = node;
+
+			var hasDisable = false;
+			if (node[childKey]) {
+				for (var i = 0, l = node[childKey].length; i < l && node.chkDisabled !== true; i++) {
+					var sNode = node[childKey][i];
+					view.setSonNodeCheckBox(setting, sNode, value, srcNode);
+					if (sNode.chkDisabled === true) hasDisable = true;
+				}
+			}
+
+			if (node != data.getRoot(setting) && node.chkDisabled !== true) {
+				if (hasDisable && node.nocheck !== true) {
+					data.makeChkFlag(setting, node);
+				}
+				if (node.nocheck !== true && node.chkDisabled !== true) {
+					node[checkedKey] = value;
+					if (!hasDisable) node.check_Child_State = (node[childKey] && node[childKey].length > 0) ? (value ? 2 : 0) : -1;
+				} else {
+					node.check_Child_State = -1;
+				}
+				view.setChkClass(setting, checkObj, node);
+				if (setting.check.autoCheckTrigger && node != srcNode && node.nocheck !== true && node.chkDisabled !== true) {
+					setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
+				}
+			}
+
+		}
+	},
+
+	_z = {
+		tools: _tools,
+		view: _view,
+		event: _event,
+		data: _data
+	};
+	$.extend(true, $.fn.zTree.consts, _consts);
+	$.extend(true, $.fn.zTree._z, _z);
+
+	var zt = $.fn.zTree,
+	tools = zt._z.tools,
+	consts = zt.consts,
+	view = zt._z.view,
+	data = zt._z.data,
+	event = zt._z.event,
+	$$ = tools.$;
+
+	data.exSetting(_setting);
+	data.addInitBind(_bindEvent);
+	data.addInitUnBind(_unbindEvent);
+	data.addInitCache(_initCache);
+	data.addInitNode(_initNode);
+	data.addInitProxy(_eventProxy, true);
+	data.addInitRoot(_initRoot);
+	data.addBeforeA(_beforeA);
+	data.addZTreeTools(_zTreeTools);
+
+	var _createNodes = view.createNodes;
+	view.createNodes = function(setting, level, nodes, parentNode) {
+		if (_createNodes) _createNodes.apply(view, arguments);
+		if (!nodes) return;
+		view.repairParentChkClassWithSelf(setting, parentNode);
+	}
+	var _removeNode = view.removeNode;
+	view.removeNode = function(setting, node) {
+		var parentNode = node.getParentNode();
+		if (_removeNode) _removeNode.apply(view, arguments);
+		if (!node || !parentNode) return;
+		view.repairChkClass(setting, parentNode);
+		view.repairParentChkClass(setting, parentNode);
+	}
+
+	var _appendNodes = view.appendNodes;
+	view.appendNodes = function(setting, level, nodes, parentNode, initFlag, openFlag) {
+		var html = "";
+		if (_appendNodes) {
+			html = _appendNodes.apply(view, arguments);
+		}
+		if (parentNode) {
+			data.makeChkFlag(setting, parentNode);
+		}
+		return html;
+	}
+})(jQuery);
+/*
+ * JQuery zTree exedit v3.5.15
+ * http://zTree.me/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2013-10-15
+ */
+(function($){
+	//default consts of exedit
+	var _consts = {
+		event: {
+			DRAG: "ztree_drag",
+			DROP: "ztree_drop",
+			REMOVE: "ztree_remove",
+			RENAME: "ztree_rename"
+		},
+		id: {
+			EDIT: "_edit",
+			INPUT: "_input",
+			REMOVE: "_remove"
+		},
+		move: {
+			TYPE_INNER: "inner",
+			TYPE_PREV: "prev",
+			TYPE_NEXT: "next"
+		},
+		node: {
+			CURSELECTED_EDIT: "curSelectedNode_Edit",
+			TMPTARGET_TREE: "tmpTargetzTree",
+			TMPTARGET_NODE: "tmpTargetNode"
+		}
+	},
+	//default setting of exedit
+	_setting = {
+		edit: {
+			enable: false,
+			editNameSelectAll: false,
+			showRemoveBtn: true,
+			showRenameBtn: true,
+			removeTitle: "remove",
+			renameTitle: "rename",
+			drag: {
+				autoExpandTrigger: false,
+				isCopy: true,
+				isMove: true,
+				prev: true,
+				next: true,
+				inner: true,
+				minMoveSize: 5,
+				borderMax: 10,
+				borderMin: -5,
+				maxShowNodeNum: 5,
+				autoOpenTime: 500
+			}
+		},
+		view: {
+			addHoverDom: null,
+			removeHoverDom: null
+		},
+		callback: {
+			beforeDrag:null,
+			beforeDragOpen:null,
+			beforeDrop:null,
+			beforeEditName:null,
+			beforeRename:null,
+			onDrag:null,
+			onDrop:null,
+			onRename:null
+		}
+	},
+	//default root of exedit
+	_initRoot = function (setting) {
+		var r = data.getRoot(setting), rs = data.getRoots();
+		r.curEditNode = null;
+		r.curEditInput = null;
+		r.curHoverNode = null;
+		r.dragFlag = 0;
+		r.dragNodeShowBefore = [];
+		r.dragMaskList = new Array();
+		rs.showHoverDom = true;
+	},
+	//default cache of exedit
+	_initCache = function(treeId) {},
+	//default bind event of exedit
+	_bindEvent = function(setting) {
+		var o = setting.treeObj;
+		var c = consts.event;
+		o.bind(c.RENAME, function (event, treeId, treeNode, isCancel) {
+			tools.apply(setting.callback.onRename, [event, treeId, treeNode, isCancel]);
+		});
+
+		o.bind(c.REMOVE, function (event, treeId, treeNode) {
+			tools.apply(setting.callback.onRemove, [event, treeId, treeNode]);
+		});
+
+		o.bind(c.DRAG, function (event, srcEvent, treeId, treeNodes) {
+			tools.apply(setting.callback.onDrag, [srcEvent, treeId, treeNodes]);
+		});
+
+		o.bind(c.DROP, function (event, srcEvent, treeId, treeNodes, targetNode, moveType, isCopy) {
+			tools.apply(setting.callback.onDrop, [srcEvent, treeId, treeNodes, targetNode, moveType, isCopy]);
+		});
+	},
+	_unbindEvent = function(setting) {
+		var o = setting.treeObj;
+		var c = consts.event;
+		o.unbind(c.RENAME);
+		o.unbind(c.REMOVE);
+		o.unbind(c.DRAG);
+		o.unbind(c.DROP);
+	},
+	//default event proxy of exedit
+	_eventProxy = function(e) {
+		var target = e.target,
+		setting = data.getSetting(e.data.treeId),
+		relatedTarget = e.relatedTarget,
+		tId = "", node = null,
+		nodeEventType = "", treeEventType = "",
+		nodeEventCallback = null, treeEventCallback = null,
+		tmp = null;
+
+		if (tools.eqs(e.type, "mouseover")) {
+			tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);
+			if (tmp) {
+				tId = tools.getNodeMainDom(tmp).id;
+				nodeEventType = "hoverOverNode";
+			}
+		} else if (tools.eqs(e.type, "mouseout")) {
+			tmp = tools.getMDom(setting, relatedTarget, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);
+			if (!tmp) {
+				tId = "remove";
+				nodeEventType = "hoverOutNode";
+			}
+		} else if (tools.eqs(e.type, "mousedown")) {
+			tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);
+			if (tmp) {
+				tId = tools.getNodeMainDom(tmp).id;
+				nodeEventType = "mousedownNode";
+			}
+		}
+		if (tId.length>0) {
+			node = data.getNodeCache(setting, tId);
+			switch (nodeEventType) {
+				case "mousedownNode" :
+					nodeEventCallback = _handler.onMousedownNode;
+					break;
+				case "hoverOverNode" :
+					nodeEventCallback = _handler.onHoverOverNode;
+					break;
+				case "hoverOutNode" :
+					nodeEventCallback = _handler.onHoverOutNode;
+					break;
+			}
+		}
+		var proxyResult = {
+			stop: false,
+			node: node,
+			nodeEventType: nodeEventType,
+			nodeEventCallback: nodeEventCallback,
+			treeEventType: treeEventType,
+			treeEventCallback: treeEventCallback
+		};
+		return proxyResult
+	},
+	//default init node of exedit
+	_initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {
+		if (!n) return;
+		n.isHover = false;
+		n.editNameFlag = false;
+	},
+	//update zTreeObj, add method of edit
+	_zTreeTools = function(setting, zTreeTools) {
+		zTreeTools.cancelEditName = function(newName) {
+			var root = data.getRoot(setting);
+			if (!root.curEditNode) return;
+			view.cancelCurEditNode(setting, newName?newName:null, true);
+		}
+		zTreeTools.copyNode = function(targetNode, node, moveType, isSilent) {
+			if (!node) return null;
+			if (targetNode && !targetNode.isParent && setting.data.keep.leaf && moveType === consts.move.TYPE_INNER) return null;
+			var newNode = tools.clone(node);
+			if (!targetNode) {
+				targetNode = null;
+				moveType = consts.move.TYPE_INNER;
+			}
+			if (moveType == consts.move.TYPE_INNER) {
+				function copyCallback() {
+					view.addNodes(setting, targetNode, [newNode], isSilent);
+				}
+
+				if (tools.canAsync(setting, targetNode)) {
+					view.asyncNode(setting, targetNode, isSilent, copyCallback);
+				} else {
+					copyCallback();
+				}
+			} else {
+				view.addNodes(setting, targetNode.parentNode, [newNode], isSilent);
+				view.moveNode(setting, targetNode, newNode, moveType, false, isSilent);
+			}
+			return newNode;
+		}
+		zTreeTools.editName = function(node) {
+			if (!node || !node.tId || node !== data.getNodeCache(setting, node.tId)) return;
+			if (node.parentTId) view.expandCollapseParentNode(setting, node.getParentNode(), true);
+			view.editNode(setting, node)
+		}
+		zTreeTools.moveNode = function(targetNode, node, moveType, isSilent) {
+			if (!node) return node;
+			if (targetNode && !targetNode.isParent && setting.data.keep.leaf && moveType === consts.move.TYPE_INNER) {
+				return null;
+			} else if (targetNode && ((node.parentTId == targetNode.tId && moveType == consts.move.TYPE_INNER) || $$(node, setting).find("#" + targetNode.tId).length > 0)) {
+				return null;
+			} else if (!targetNode) {
+				targetNode = null;
+			}
+			function moveCallback() {
+				view.moveNode(setting, targetNode, node, moveType, false, isSilent);
+			}
+			if (tools.canAsync(setting, targetNode) && moveType === consts.move.TYPE_INNER) {
+				view.asyncNode(setting, targetNode, isSilent, moveCallback);
+			} else {
+				moveCallback();
+			}
+			return node;
+		}
+		zTreeTools.setEditable = function(editable) {
+			setting.edit.enable = editable;
+			return this.refresh();
+		}
+	},
+	//method of operate data
+	_data = {
+		setSonNodeLevel: function(setting, parentNode, node) {
+			if (!node) return;
+			var childKey = setting.data.key.children;
+			node.level = (parentNode)? parentNode.level + 1 : 0;
+			if (!node[childKey]) return;
+			for (var i = 0, l = node[childKey].length; i < l; i++) {
+				if (node[childKey][i]) data.setSonNodeLevel(setting, node, node[childKey][i]);
+			}
+		}
+	},
+	//method of event proxy
+	_event = {
+
+	},
+	//method of event handler
+	_handler = {
+		onHoverOverNode: function(event, node) {
+			var setting = data.getSetting(event.data.treeId),
+			root = data.getRoot(setting);
+			if (root.curHoverNode != node) {
+				_handler.onHoverOutNode(event);
+			}
+			root.curHoverNode = node;
+			view.addHoverDom(setting, node);
+		},
+		onHoverOutNode: function(event, node) {
+			var setting = data.getSetting(event.data.treeId),
+			root = data.getRoot(setting);
+			if (root.curHoverNode && !data.isSelectedNode(setting, root.curHoverNode)) {
+				view.removeTreeDom(setting, root.curHoverNode);
+				root.curHoverNode = null;
+			}
+		},
+		onMousedownNode: function(eventMouseDown, _node) {
+			var i,l,
+			setting = data.getSetting(eventMouseDown.data.treeId),
+			root = data.getRoot(setting), roots = data.getRoots();
+			//right click can't drag & drop
+			if (eventMouseDown.button == 2 || !setting.edit.enable || (!setting.edit.drag.isCopy && !setting.edit.drag.isMove)) return true;
+
+			//input of edit node name can't drag & drop
+			var target = eventMouseDown.target,
+			_nodes = data.getRoot(setting).curSelectedList,
+			nodes = [];
+			if (!data.isSelectedNode(setting, _node)) {
+				nodes = [_node];
+			} else {
+				for (i=0, l=_nodes.length; i<l; i++) {
+					if (_nodes[i].editNameFlag && tools.eqs(target.tagName, "input") && target.getAttribute("treeNode"+consts.id.INPUT) !== null) {
+						return true;
+					}
+					nodes.push(_nodes[i]);
+					if (nodes[0].parentTId !== _nodes[i].parentTId) {
+						nodes = [_node];
+						break;
+					}
+				}
+			}
+
+			view.editNodeBlur = true;
+			view.cancelCurEditNode(setting);
+
+			var doc = $(setting.treeObj.get(0).ownerDocument),
+			body = $(setting.treeObj.get(0).ownerDocument.body), curNode, tmpArrow, tmpTarget,
+			isOtherTree = false,
+			targetSetting = setting,
+			sourceSetting = setting,
+			preNode, nextNode,
+			preTmpTargetNodeId = null,
+			preTmpMoveType = null,
+			tmpTargetNodeId = null,
+			moveType = consts.move.TYPE_INNER,
+			mouseDownX = eventMouseDown.clientX,
+			mouseDownY = eventMouseDown.clientY,
+			startTime = (new Date()).getTime();
+
+			if (tools.uCanDo(setting)) {
+				doc.bind("mousemove", _docMouseMove);
+			}
+			function _docMouseMove(event) {
+				//avoid start drag after click node
+				if (root.dragFlag == 0 && Math.abs(mouseDownX - event.clientX) < setting.edit.drag.minMoveSize
+					&& Math.abs(mouseDownY - event.clientY) < setting.edit.drag.minMoveSize) {
+					return true;
+				}
+				var i, l, tmpNode, tmpDom, tmpNodes,
+				childKey = setting.data.key.children;
+				body.css("cursor", "pointer");
+
+				if (root.dragFlag == 0) {
+					if (tools.apply(setting.callback.beforeDrag, [setting.treeId, nodes], true) == false) {
+						_docMouseUp(event);
+						return true;
+					}
+
+					for (i=0, l=nodes.length; i<l; i++) {
+						if (i==0) {
+							root.dragNodeShowBefore = [];
+						}
+						tmpNode = nodes[i];
+						if (tmpNode.isParent && tmpNode.open) {
+							view.expandCollapseNode(setting, tmpNode, !tmpNode.open);
+							root.dragNodeShowBefore[tmpNode.tId] = true;
+						} else {
+							root.dragNodeShowBefore[tmpNode.tId] = false;
+						}
+					}
+
+					root.dragFlag = 1;
+					roots.showHoverDom = false;
+					tools.showIfameMask(setting, true);
+
+					//sort
+					var isOrder = true, lastIndex = -1;
+					if (nodes.length>1) {
+						var pNodes = nodes[0].parentTId ? nodes[0].getParentNode()[childKey] : data.getNodes(setting);
+						tmpNodes = [];
+						for (i=0, l=pNodes.length; i<l; i++) {
+							if (root.dragNodeShowBefore[pNodes[i].tId] !== undefined) {
+								if (isOrder && lastIndex > -1 && (lastIndex+1) !== i) {
+									isOrder = false;
+								}
+								tmpNodes.push(pNodes[i]);
+								lastIndex = i;
+							}
+							if (nodes.length === tmpNodes.length) {
+								nodes = tmpNodes;
+								break;
+							}
+						}
+					}
+					if (isOrder) {
+						preNode = nodes[0].getPreNode();
+						nextNode = nodes[nodes.length-1].getNextNode();
+					}
+
+					//set node in selected
+					curNode = $$("<ul class='zTreeDragUL'></ul>", setting);
+					for (i=0, l=nodes.length; i<l; i++) {
+						tmpNode = nodes[i];
+						tmpNode.editNameFlag = false;
+						view.selectNode(setting, tmpNode, i>0);
+						view.removeTreeDom(setting, tmpNode);
+
+						tmpDom = $$("<li id='"+ tmpNode.tId +"_tmp'></li>", setting);
+						tmpDom.append($$(tmpNode, consts.id.A, setting).clone());
+						tmpDom.css("padding", "0");
+						tmpDom.children("#" + tmpNode.tId + consts.id.A).removeClass(consts.node.CURSELECTED);
+						curNode.append(tmpDom);
+						if (i == setting.edit.drag.maxShowNodeNum-1) {
+							tmpDom = $$("<li id='"+ tmpNode.tId +"_moretmp'><a>  ...  </a></li>", setting);
+							curNode.append(tmpDom);
+							break;
+						}
+					}
+					curNode.attr("id", nodes[0].tId + consts.id.UL + "_tmp");
+					curNode.addClass(setting.treeObj.attr("class"));
+					curNode.appendTo(body);
+
+					tmpArrow = $$("<span class='tmpzTreeMove_arrow'></span>", setting);
+					tmpArrow.attr("id", "zTreeMove_arrow_tmp");
+					tmpArrow.appendTo(body);
+
+					setting.treeObj.trigger(consts.event.DRAG, [event, setting.treeId, nodes]);
+				}
+
+				if (root.dragFlag == 1) {
+					if (tmpTarget && tmpArrow.attr("id") == event.target.id && tmpTargetNodeId && (event.clientX + doc.scrollLeft()+2) > ($("#" + tmpTargetNodeId + consts.id.A, tmpTarget).offset().left)) {
+						var xT = $("#" + tmpTargetNodeId + consts.id.A, tmpTarget);
+						event.target = (xT.length > 0) ? xT.get(0) : event.target;
+					} else if (tmpTarget) {
+						tmpTarget.removeClass(consts.node.TMPTARGET_TREE);
+						if (tmpTargetNodeId) $("#" + tmpTargetNodeId + consts.id.A, tmpTarget).removeClass(consts.node.TMPTARGET_NODE + "_" + consts.move.TYPE_PREV)
+							.removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_NEXT).removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_INNER);
+					}
+					tmpTarget = null;
+					tmpTargetNodeId = null;
+
+					//judge drag & drop in multi ztree
+					isOtherTree = false;
+					targetSetting = setting;
+					var settings = data.getSettings();
+					for (var s in settings) {
+						if (settings[s].treeId && settings[s].edit.enable && settings[s].treeId != setting.treeId
+							&& (event.target.id == settings[s].treeId || $(event.target).parents("#" + settings[s].treeId).length>0)) {
+							isOtherTree = true;
+							targetSetting = settings[s];
+						}
+					}
+
+					var docScrollTop = doc.scrollTop(),
+					docScrollLeft = doc.scrollLeft(),
+					treeOffset = targetSetting.treeObj.offset(),
+					scrollHeight = targetSetting.treeObj.get(0).scrollHeight,
+					scrollWidth = targetSetting.treeObj.get(0).scrollWidth,
+					dTop = (event.clientY + docScrollTop - treeOffset.top),
+					dBottom = (targetSetting.treeObj.height() + treeOffset.top - event.clientY - docScrollTop),
+					dLeft = (event.clientX + docScrollLeft - treeOffset.left),
+					dRight = (targetSetting.treeObj.width() + treeOffset.left - event.clientX - docScrollLeft),
+					isTop = (dTop < setting.edit.drag.borderMax && dTop > setting.edit.drag.borderMin),
+					isBottom = (dBottom < setting.edit.drag.borderMax && dBottom > setting.edit.drag.borderMin),
+					isLeft = (dLeft < setting.edit.drag.borderMax && dLeft > setting.edit.drag.borderMin),
+					isRight = (dRight < setting.edit.drag.borderMax && dRight > setting.edit.drag.borderMin),
+					isTreeInner = dTop > setting.edit.drag.borderMin && dBottom > setting.edit.drag.borderMin && dLeft > setting.edit.drag.borderMin && dRight > setting.edit.drag.borderMin,
+					isTreeTop = (isTop && targetSetting.treeObj.scrollTop() <= 0),
+					isTreeBottom = (isBottom && (targetSetting.treeObj.scrollTop() + targetSetting.treeObj.height()+10) >= scrollHeight),
+					isTreeLeft = (isLeft && targetSetting.treeObj.scrollLeft() <= 0),
+					isTreeRight = (isRight && (targetSetting.treeObj.scrollLeft() + targetSetting.treeObj.width()+10) >= scrollWidth);
+
+					if (event.target && tools.isChildOrSelf(event.target, targetSetting.treeId)) {
+						//get node <li> dom
+						var targetObj = event.target;
+						while (targetObj && targetObj.tagName && !tools.eqs(targetObj.tagName, "li") && targetObj.id != targetSetting.treeId) {
+							targetObj = targetObj.parentNode;
+						}
+
+						var canMove = true;
+						//don't move to self or children of self
+						for (i=0, l=nodes.length; i<l; i++) {
+							tmpNode = nodes[i];
+							if (targetObj.id === tmpNode.tId) {
+								canMove = false;
+								break;
+							} else if ($$(tmpNode, setting).find("#" + targetObj.id).length > 0) {
+								canMove = false;
+								break;
+							}
+						}
+						if (canMove && event.target && tools.isChildOrSelf(event.target, targetObj.id + consts.id.A)) {
+							tmpTarget = $(targetObj);
+							tmpTargetNodeId = targetObj.id;
+						}
+					}
+
+					//the mouse must be in zTree
+					tmpNode = nodes[0];
+					if (isTreeInner && tools.isChildOrSelf(event.target, targetSetting.treeId)) {
+						//judge mouse move in root of ztree
+						if (!tmpTarget && (event.target.id == targetSetting.treeId || isTreeTop || isTreeBottom || isTreeLeft || isTreeRight) && (isOtherTree || (!isOtherTree && tmpNode.parentTId))) {
+							tmpTarget = targetSetting.treeObj;
+						}
+						//auto scroll top
+						if (isTop) {
+							targetSetting.treeObj.scrollTop(targetSetting.treeObj.scrollTop()-10);
+						} else if (isBottom)  {
+							targetSetting.treeObj.scrollTop(targetSetting.treeObj.scrollTop()+10);
+						}
+						if (isLeft) {
+							targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft()-10);
+						} else if (isRight) {
+							targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft()+10);
+						}
+						//auto scroll left
+						if (tmpTarget && tmpTarget != targetSetting.treeObj && tmpTarget.offset().left < targetSetting.treeObj.offset().left) {
+							targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft()+ tmpTarget.offset().left - targetSetting.treeObj.offset().left);
+						}
+					}
+
+					curNode.css({
+						"top": (event.clientY + docScrollTop + 3) + "px",
+						"left": (event.clientX + docScrollLeft + 3) + "px"
+					});
+
+					var dX = 0;
+					var dY = 0;
+					if (tmpTarget && tmpTarget.attr("id")!=targetSetting.treeId) {
+						var tmpTargetNode = tmpTargetNodeId == null ? null: data.getNodeCache(targetSetting, tmpTargetNodeId),
+						isCopy = (event.ctrlKey && setting.edit.drag.isMove && setting.edit.drag.isCopy) || (!setting.edit.drag.isMove && setting.edit.drag.isCopy),
+						isPrev = !!(preNode && tmpTargetNodeId === preNode.tId),
+						isNext = !!(nextNode && tmpTargetNodeId === nextNode.tId),
+						isInner = (tmpNode.parentTId && tmpNode.parentTId == tmpTargetNodeId),
+						canPrev = (isCopy || !isNext) && tools.apply(targetSetting.edit.drag.prev, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.prev),
+						canNext = (isCopy || !isPrev) && tools.apply(targetSetting.edit.drag.next, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.next),
+						canInner = (isCopy || !isInner) && !(targetSetting.data.keep.leaf && !tmpTargetNode.isParent) && tools.apply(targetSetting.edit.drag.inner, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.inner);
+						if (!canPrev && !canNext && !canInner) {
+							tmpTarget = null;
+							tmpTargetNodeId = "";
+							moveType = consts.move.TYPE_INNER;
+							tmpArrow.css({
+								"display":"none"
+							});
+							if (window.zTreeMoveTimer) {
+								clearTimeout(window.zTreeMoveTimer);
+								window.zTreeMoveTargetNodeTId = null
+							}
+						} else {
+							var tmpTargetA = $("#" + tmpTargetNodeId + consts.id.A, tmpTarget),
+							tmpNextA = tmpTargetNode.isLastNode ? null : $("#" + tmpTargetNode.getNextNode().tId + consts.id.A, tmpTarget.next()),
+							tmpTop = tmpTargetA.offset().top,
+							tmpLeft = tmpTargetA.offset().left,
+							prevPercent = canPrev ? (canInner ? 0.25 : (canNext ? 0.5 : 1) ) : -1,
+							nextPercent = canNext ? (canInner ? 0.75 : (canPrev ? 0.5 : 0) ) : -1,
+							dY_percent = (event.clientY + docScrollTop - tmpTop)/tmpTargetA.height();
+							if ((prevPercent==1 ||dY_percent<=prevPercent && dY_percent>=-.2) && canPrev) {
+								dX = 1 - tmpArrow.width();
+								dY = tmpTop - tmpArrow.height()/2;
+								moveType = consts.move.TYPE_PREV;
+							} else if ((nextPercent==0 || dY_percent>=nextPercent && dY_percent<=1.2) && canNext) {
+								dX = 1 - tmpArrow.width();
+								dY = (tmpNextA == null || (tmpTargetNode.isParent && tmpTargetNode.open)) ? (tmpTop + tmpTargetA.height() - tmpArrow.height()/2) : (tmpNextA.offset().top - tmpArrow.height()/2);
+								moveType = consts.move.TYPE_NEXT;
+							}else {
+								dX = 5 - tmpArrow.width();
+								dY = tmpTop;
+								moveType = consts.move.TYPE_INNER;
+							}
+							tmpArrow.css({
+								"display":"block",
+								"top": dY + "px",
+								"left": (tmpLeft + dX) + "px"
+							});
+							tmpTargetA.addClass(consts.node.TMPTARGET_NODE + "_" + moveType);
+
+							if (preTmpTargetNodeId != tmpTargetNodeId || preTmpMoveType != moveType) {
+								startTime = (new Date()).getTime();
+							}
+							if (tmpTargetNode && tmpTargetNode.isParent && moveType == consts.move.TYPE_INNER) {
+								var startTimer = true;
+								if (window.zTreeMoveTimer && window.zTreeMoveTargetNodeTId !== tmpTargetNode.tId) {
+									clearTimeout(window.zTreeMoveTimer);
+									window.zTreeMoveTargetNodeTId = null;
+								}else if (window.zTreeMoveTimer && window.zTreeMoveTargetNodeTId === tmpTargetNode.tId) {
+									startTimer = false;
+								}
+								if (startTimer) {
+									window.zTreeMoveTimer = setTimeout(function() {
+										if (moveType != consts.move.TYPE_INNER) return;
+										if (tmpTargetNode && tmpTargetNode.isParent && !tmpTargetNode.open && (new Date()).getTime() - startTime > targetSetting.edit.drag.autoOpenTime
+											&& tools.apply(targetSetting.callback.beforeDragOpen, [targetSetting.treeId, tmpTargetNode], true)) {
+											view.switchNode(targetSetting, tmpTargetNode);
+											if (targetSetting.edit.drag.autoExpandTrigger) {
+												targetSetting.treeObj.trigger(consts.event.EXPAND, [targetSetting.treeId, tmpTargetNode]);
+											}
+										}
+									}, targetSetting.edit.drag.autoOpenTime+50);
+									window.zTreeMoveTargetNodeTId = tmpTargetNode.tId;
+								}
+							}
+						}
+					} else {
+						moveType = consts.move.TYPE_INNER;
+						if (tmpTarget && tools.apply(targetSetting.edit.drag.inner, [targetSetting.treeId, nodes, null], !!targetSetting.edit.drag.inner)) {
+							tmpTarget.addClass(consts.node.TMPTARGET_TREE);
+						} else {
+							tmpTarget = null;
+						}
+						tmpArrow.css({
+							"display":"none"
+						});
+						if (window.zTreeMoveTimer) {
+							clearTimeout(window.zTreeMoveTimer);
+							window.zTreeMoveTargetNodeTId = null;
+						}
+					}
+					preTmpTargetNodeId = tmpTargetNodeId;
+					preTmpMoveType = moveType;
+				}
+				return false;
+			}
+
+			doc.bind("mouseup", _docMouseUp);
+			function _docMouseUp(event) {
+				if (window.zTreeMoveTimer) {
+					clearTimeout(window.zTreeMoveTimer);
+					window.zTreeMoveTargetNodeTId = null;
+				}
+				preTmpTargetNodeId = null;
+				preTmpMoveType = null;
+				doc.unbind("mousemove", _docMouseMove);
+				doc.unbind("mouseup", _docMouseUp);
+				doc.unbind("selectstart", _docSelect);
+				body.css("cursor", "auto");
+				if (tmpTarget) {
+					tmpTarget.removeClass(consts.node.TMPTARGET_TREE);
+					if (tmpTargetNodeId) $("#" + tmpTargetNodeId + consts.id.A, tmpTarget).removeClass(consts.node.TMPTARGET_NODE + "_" + consts.move.TYPE_PREV)
+							.removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_NEXT).removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_INNER);
+				}
+				tools.showIfameMask(setting, false);
+
+				roots.showHoverDom = true;
+				if (root.dragFlag == 0) return;
+				root.dragFlag = 0;
+
+				var i, l, tmpNode;
+				for (i=0, l=nodes.length; i<l; i++) {
+					tmpNode = nodes[i];
+					if (tmpNode.isParent && root.dragNodeShowBefore[tmpNode.tId] && !tmpNode.open) {
+						view.expandCollapseNode(setting, tmpNode, !tmpNode.open);
+						delete root.dragNodeShowBefore[tmpNode.tId];
+					}
+				}
+
+				if (curNode) curNode.remove();
+				if (tmpArrow) tmpArrow.remove();
+
+				var isCopy = (event.ctrlKey && setting.edit.drag.isMove && setting.edit.drag.isCopy) || (!setting.edit.drag.isMove && setting.edit.drag.isCopy);
+				if (!isCopy && tmpTarget && tmpTargetNodeId && nodes[0].parentTId && tmpTargetNodeId==nodes[0].parentTId && moveType == consts.move.TYPE_INNER) {
+					tmpTarget = null;
+				}
+				if (tmpTarget) {
+					var dragTargetNode = tmpTargetNodeId == null ? null: data.getNodeCache(targetSetting, tmpTargetNodeId);
+					if (tools.apply(setting.callback.beforeDrop, [targetSetting.treeId, nodes, dragTargetNode, moveType, isCopy], true) == false) {
+						view.selectNodes(sourceSetting, nodes);
+						return;
+					}
+					var newNodes = isCopy ? tools.clone(nodes) : nodes;
+
+					function dropCallback() {
+						if (isOtherTree) {
+							if (!isCopy) {
+								for(var i=0, l=nodes.length; i<l; i++) {
+									view.removeNode(setting, nodes[i]);
+								}
+							}
+							if (moveType == consts.move.TYPE_INNER) {
+								view.addNodes(targetSetting, dragTargetNode, newNodes);
+							} else {
+								view.addNodes(targetSetting, dragTargetNode.getParentNode(), newNodes);
+								if (moveType == consts.move.TYPE_PREV) {
+									for (i=0, l=newNodes.length; i<l; i++) {
+										view.moveNode(targetSetting, dragTargetNode, newNodes[i], moveType, false);
+									}
+								} else {
+									for (i=-1, l=newNodes.length-1; i<l; l--) {
+										view.moveNode(targetSetting, dragTargetNode, newNodes[l], moveType, false);
+									}
+								}
+							}
+						} else {
+							if (isCopy && moveType == consts.move.TYPE_INNER) {
+								view.addNodes(targetSetting, dragTargetNode, newNodes);
+							} else {
+								if (isCopy) {
+									view.addNodes(targetSetting, dragTargetNode.getParentNode(), newNodes);
+								}
+								if (moveType != consts.move.TYPE_NEXT) {
+									for (i=0, l=newNodes.length; i<l; i++) {
+										view.moveNode(targetSetting, dragTargetNode, newNodes[i], moveType, false);
+									}
+								} else {
+									for (i=-1, l=newNodes.length-1; i<l; l--) {
+										view.moveNode(targetSetting, dragTargetNode, newNodes[l], moveType, false);
+									}
+								}
+							}
+						}
+						view.selectNodes(targetSetting, newNodes);
+						$$(newNodes[0], setting).focus().blur();
+
+						setting.treeObj.trigger(consts.event.DROP, [event, targetSetting.treeId, newNodes, dragTargetNode, moveType, isCopy]);
+					}
+
+					if (moveType == consts.move.TYPE_INNER && tools.canAsync(targetSetting, dragTargetNode)) {
+						view.asyncNode(targetSetting, dragTargetNode, false, dropCallback);
+					} else {
+						dropCallback();
+					}
+
+				} else {
+					view.selectNodes(sourceSetting, nodes);
+					setting.treeObj.trigger(consts.event.DROP, [event, setting.treeId, nodes, null, null, null]);
+				}
+			}
+
+			doc.bind("selectstart", _docSelect);
+			function _docSelect() {
+				return false;
+			}
+
+			//Avoid FireFox's Bug
+			//If zTree Div CSS set 'overflow', so drag node outside of zTree, and event.target is error.
+			if(eventMouseDown.preventDefault) {
+				eventMouseDown.preventDefault();
+			}
+			return true;
+		}
+	},
+	//method of tools for zTree
+	_tools = {
+		getAbs: function (obj) {
+			var oRect = obj.getBoundingClientRect(),
+			scrollTop = document.body.scrollTop+document.documentElement.scrollTop,
+			scrollLeft = document.body.scrollLeft+document.documentElement.scrollLeft;
+			return [oRect.left+scrollLeft,oRect.top+scrollTop];
+		},
+		inputFocus: function(inputObj) {
+			if (inputObj.get(0)) {
+				inputObj.focus();
+				tools.setCursorPosition(inputObj.get(0), inputObj.val().length);
+			}
+		},
+		inputSelect: function(inputObj) {
+			if (inputObj.get(0)) {
+				inputObj.focus();
+				inputObj.select();
+			}
+		},
+		setCursorPosition: function(obj, pos){
+			if(obj.setSelectionRange) {
+				obj.focus();
+				obj.setSelectionRange(pos,pos);
+			} else if (obj.createTextRange) {
+				var range = obj.createTextRange();
+				range.collapse(true);
+				range.moveEnd('character', pos);
+				range.moveStart('character', pos);
+				range.select();
+			}
+		},
+		showIfameMask: function(setting, showSign) {
+			var root = data.getRoot(setting);
+			//clear full mask
+			while (root.dragMaskList.length > 0) {
+				root.dragMaskList[0].remove();
+				root.dragMaskList.shift();
+			}
+			if (showSign) {
+				//show mask
+				var iframeList = $$("iframe", setting);
+				for (var i = 0, l = iframeList.length; i < l; i++) {
+					var obj = iframeList.get(i),
+					r = tools.getAbs(obj),
+					dragMask = $$("<div id='zTreeMask_" + i + "' class='zTreeMask' style='top:" + r[1] + "px; left:" + r[0] + "px; width:" + obj.offsetWidth + "px; height:" + obj.offsetHeight + "px;'></div>", setting);
+					dragMask.appendTo($$("body", setting));
+					root.dragMaskList.push(dragMask);
+				}
+			}
+		}
+	},
+	//method of operate ztree dom
+	_view = {
+		addEditBtn: function(setting, node) {
+			if (node.editNameFlag || $$(node, consts.id.EDIT, setting).length > 0) {
+				return;
+			}
+			if (!tools.apply(setting.edit.showRenameBtn, [setting.treeId, node], setting.edit.showRenameBtn)) {
+				return;
+			}
+			var aObj = $$(node, consts.id.A, setting),
+			editStr = "<span class='" + consts.className.BUTTON + " edit' id='" + node.tId + consts.id.EDIT + "' title='"+tools.apply(setting.edit.renameTitle, [setting.treeId, node], setting.edit.renameTitle)+"' treeNode"+consts.id.EDIT+" style='display:none;'></span>";
+			aObj.append(editStr);
+
+			$$(node, consts.id.EDIT, setting).bind('click',
+				function() {
+					if (!tools.uCanDo(setting) || tools.apply(setting.callback.beforeEditName, [setting.treeId, node], true) == false) return false;
+					view.editNode(setting, node);
+					return false;
+				}
+				).show();
+		},
+		addRemoveBtn: function(setting, node) {
+			if (node.editNameFlag || $$(node, consts.id.REMOVE, setting).length > 0) {
+				return;
+			}
+			if (!tools.apply(setting.edit.showRemoveBtn, [setting.treeId, node], setting.edit.showRemoveBtn)) {
+				return;
+			}
+			var aObj = $$(node, consts.id.A, setting),
+			removeStr = "<span class='" + consts.className.BUTTON + " remove' id='" + node.tId + consts.id.REMOVE + "' title='"+tools.apply(setting.edit.removeTitle, [setting.treeId, node], setting.edit.removeTitle)+"' treeNode"+consts.id.REMOVE+" style='display:none;'></span>";
+			aObj.append(removeStr);
+
+			$$(node, consts.id.REMOVE, setting).bind('click',
+				function() {
+					if (!tools.uCanDo(setting) || tools.apply(setting.callback.beforeRemove, [setting.treeId, node], true) == false) return false;
+					view.removeNode(setting, node);
+					setting.treeObj.trigger(consts.event.REMOVE, [setting.treeId, node]);
+					return false;
+				}
+				).bind('mousedown',
+				function(eventMouseDown) {
+					return true;
+				}
+				).show();
+		},
+		addHoverDom: function(setting, node) {
+			if (data.getRoots().showHoverDom) {
+				node.isHover = true;
+				if (setting.edit.enable) {
+					view.addEditBtn(setting, node);
+					view.addRemoveBtn(setting, node);
+				}
+				tools.apply(setting.view.addHoverDom, [setting.treeId, node]);
+			}
+		},
+		cancelCurEditNode: function (setting, forceName, isCancel) {
+			var root = data.getRoot(setting),
+			nameKey = setting.data.key.name,
+			node = root.curEditNode;
+
+			if (node) {
+				var inputObj = root.curEditInput,
+				newName = forceName ? forceName:(isCancel ? node[nameKey]: inputObj.val());
+				if (tools.apply(setting.callback.beforeRename, [setting.treeId, node, newName, isCancel], true) === false) {
+					return false;
+				} else {
+					node[nameKey] = newName;
+					setting.treeObj.trigger(consts.event.RENAME, [setting.treeId, node, isCancel]);
+				}
+				var aObj = $$(node, consts.id.A, setting);
+				aObj.removeClass(consts.node.CURSELECTED_EDIT);
+				inputObj.unbind();
+				view.setNodeName(setting, node);
+				node.editNameFlag = false;
+				root.curEditNode = null;
+				root.curEditInput = null;
+				view.selectNode(setting, node, false);
+			}
+			root.noSelection = true;
+			return true;
+		},
+		editNode: function(setting, node) {
+			var root = data.getRoot(setting);
+			view.editNodeBlur = false;
+			if (data.isSelectedNode(setting, node) && root.curEditNode == node && node.editNameFlag) {
+				setTimeout(function() {tools.inputFocus(root.curEditInput);}, 0);
+				return;
+			}
+			var nameKey = setting.data.key.name;
+			node.editNameFlag = true;
+			view.removeTreeDom(setting, node);
+			view.cancelCurEditNode(setting);
+			view.selectNode(setting, node, false);
+			$$(node, consts.id.SPAN, setting).html("<input type=text class='rename' id='" + node.tId + consts.id.INPUT + "' treeNode" + consts.id.INPUT + " >");
+			var inputObj = $$(node, consts.id.INPUT, setting);
+			inputObj.attr("value", node[nameKey]);
+			if (setting.edit.editNameSelectAll) {
+				tools.inputSelect(inputObj);
+			} else {
+				tools.inputFocus(inputObj);
+			}
+
+			inputObj.bind('blur', function(event) {
+				if (!view.editNodeBlur) {
+					view.cancelCurEditNode(setting);
+				}
+			}).bind('keydown', function(event) {
+				if (event.keyCode=="13") {
+					view.editNodeBlur = true;
+					view.cancelCurEditNode(setting);
+				} else if (event.keyCode=="27") {
+					view.cancelCurEditNode(setting, null, true);
+				}
+			}).bind('click', function(event) {
+				return false;
+			}).bind('dblclick', function(event) {
+				return false;
+			});
+
+			$$(node, consts.id.A, setting).addClass(consts.node.CURSELECTED_EDIT);
+			root.curEditInput = inputObj;
+			root.noSelection = false;
+			root.curEditNode = node;
+		},
+		moveNode: function(setting, targetNode, node, moveType, animateFlag, isSilent) {
+			var root = data.getRoot(setting),
+			childKey = setting.data.key.children;
+			if (targetNode == node) return;
+			if (setting.data.keep.leaf && targetNode && !targetNode.isParent && moveType == consts.move.TYPE_INNER) return;
+			var oldParentNode = (node.parentTId ? node.getParentNode(): root),
+			targetNodeIsRoot = (targetNode === null || targetNode == root);
+			if (targetNodeIsRoot && targetNode === null) targetNode = root;
+			if (targetNodeIsRoot) moveType = consts.move.TYPE_INNER;
+			var targetParentNode = (targetNode.parentTId ? targetNode.getParentNode() : root);
+
+			if (moveType != consts.move.TYPE_PREV && moveType != consts.move.TYPE_NEXT) {
+				moveType = consts.move.TYPE_INNER;
+			}
+
+			if (moveType == consts.move.TYPE_INNER) {
+				if (targetNodeIsRoot) {
+					//parentTId of root node is null
+					node.parentTId = null;
+				} else {
+					if (!targetNode.isParent) {
+						targetNode.isParent = true;
+						targetNode.open = !!targetNode.open;
+						view.setNodeLineIcos(setting, targetNode);
+					}
+					node.parentTId = targetNode.tId;
+				}
+			}
+
+			//move node Dom
+			var targetObj, target_ulObj;
+			if (targetNodeIsRoot) {
+				targetObj = setting.treeObj;
+				target_ulObj = targetObj;
+			} else {
+				if (!isSilent && moveType == consts.move.TYPE_INNER) {
+					view.expandCollapseNode(setting, targetNode, true, false);
+				} else if (!isSilent) {
+					view.expandCollapseNode(setting, targetNode.getParentNode(), true, false);
+				}
+				targetObj = $$(targetNode, setting);
+				target_ulObj = $$(targetNode, consts.id.UL, setting);
+				if (!!targetObj.get(0) && !target_ulObj.get(0)) {
+					var ulstr = [];
+					view.makeUlHtml(setting, targetNode, ulstr, '');
+					targetObj.append(ulstr.join(''));
+				}
+				target_ulObj = $$(targetNode, consts.id.UL, setting);
+			}
+			var nodeDom = $$(node, setting);
+			if (!nodeDom.get(0)) {
+				nodeDom = view.appendNodes(setting, node.level, [node], null, false, true).join('');
+			} else if (!targetObj.get(0)) {
+				nodeDom.remove();
+			}
+			if (target_ulObj.get(0) && moveType == consts.move.TYPE_INNER) {
+				target_ulObj.append(nodeDom);
+			} else if (targetObj.get(0) && moveType == consts.move.TYPE_PREV) {
+				targetObj.before(nodeDom);
+			} else if (targetObj.get(0) && moveType == consts.move.TYPE_NEXT) {
+				targetObj.after(nodeDom);
+			}
+
+			//repair the data after move
+			var i,l,
+			tmpSrcIndex = -1,
+			tmpTargetIndex = 0,
+			oldNeighbor = null,
+			newNeighbor = null,
+			oldLevel = node.level;
+			if (node.isFirstNode) {
+				tmpSrcIndex = 0;
+				if (oldParentNode[childKey].length > 1 ) {
+					oldNeighbor = oldParentNode[childKey][1];
+					oldNeighbor.isFirstNode = true;
+				}
+			} else if (node.isLastNode) {
+				tmpSrcIndex = oldParentNode[childKey].length -1;
+				oldNeighbor = oldParentNode[childKey][tmpSrcIndex - 1];
+				oldNeighbor.isLastNode = true;
+			} else {
+				for (i = 0, l = oldParentNode[childKey].length; i < l; i++) {
+					if (oldParentNode[childKey][i].tId == node.tId) {
+						tmpSrcIndex = i;
+						break;
+					}
+				}
+			}
+			if (tmpSrcIndex >= 0) {
+				oldParentNode[childKey].splice(tmpSrcIndex, 1);
+			}
+			if (moveType != consts.move.TYPE_INNER) {
+				for (i = 0, l = targetParentNode[childKey].length; i < l; i++) {
+					if (targetParentNode[childKey][i].tId == targetNode.tId) tmpTargetIndex = i;
+				}
+			}
+			if (moveType == consts.move.TYPE_INNER) {
+				if (!targetNode[childKey]) targetNode[childKey] = new Array();
+				if (targetNode[childKey].length > 0) {
+					newNeighbor = targetNode[childKey][targetNode[childKey].length - 1];
+					newNeighbor.isLastNode = false;
+				}
+				targetNode[childKey].splice(targetNode[childKey].length, 0, node);
+				node.isLastNode = true;
+				node.isFirstNode = (targetNode[childKey].length == 1);
+			} else if (targetNode.isFirstNode && moveType == consts.move.TYPE_PREV) {
+				targetParentNode[childKey].splice(tmpTargetIndex, 0, node);
+				newNeighbor = targetNode;
+				newNeighbor.isFirstNode = false;
+				node.parentTId = targetNode.parentTId;
+				node.isFirstNode = true;
+				node.isLastNode = false;
+
+			} else if (targetNode.isLastNode && moveType == consts.move.TYPE_NEXT) {
+				targetParentNode[childKey].splice(tmpTargetIndex + 1, 0, node);
+				newNeighbor = targetNode;
+				newNeighbor.isLastNode = false;
+				node.parentTId = targetNode.parentTId;
+				node.isFirstNode = false;
+				node.isLastNode = true;
+
+			} else {
+				if (moveType == consts.move.TYPE_PREV) {
+					targetParentNode[childKey].splice(tmpTargetIndex, 0, node);
+				} else {
+					targetParentNode[childKey].splice(tmpTargetIndex + 1, 0, node);
+				}
+				node.parentTId = targetNode.parentTId;
+				node.isFirstNode = false;
+				node.isLastNode = false;
+			}
+			data.fixPIdKeyValue(setting, node);
+			data.setSonNodeLevel(setting, node.getParentNode(), node);
+
+			//repair node what been moved
+			view.setNodeLineIcos(setting, node);
+			view.repairNodeLevelClass(setting, node, oldLevel)
+
+			//repair node's old parentNode dom
+			if (!setting.data.keep.parent && oldParentNode[childKey].length < 1) {
+				//old parentNode has no child nodes
+				oldParentNode.isParent = false;
+				oldParentNode.open = false;
+				var tmp_ulObj = $$(oldParentNode, consts.id.UL, setting),
+				tmp_switchObj = $$(oldParentNode, consts.id.SWITCH, setting),
+				tmp_icoObj = $$(oldParentNode, consts.id.ICON, setting);
+				view.replaceSwitchClass(oldParentNode, tmp_switchObj, consts.folder.DOCU);
+				view.replaceIcoClass(oldParentNode, tmp_icoObj, consts.folder.DOCU);
+				tmp_ulObj.css("display", "none");
+
+			} else if (oldNeighbor) {
+				//old neigbor node
+				view.setNodeLineIcos(setting, oldNeighbor);
+			}
+
+			//new neigbor node
+			if (newNeighbor) {
+				view.setNodeLineIcos(setting, newNeighbor);
+			}
+
+			//repair checkbox / radio
+			if (!!setting.check && setting.check.enable && view.repairChkClass) {
+				view.repairChkClass(setting, oldParentNode);
+				view.repairParentChkClassWithSelf(setting, oldParentNode);
+				if (oldParentNode != node.parent)
+					view.repairParentChkClassWithSelf(setting, node);
+			}
+
+			//expand parents after move
+			if (!isSilent) {
+				view.expandCollapseParentNode(setting, node.getParentNode(), true, animateFlag);
+			}
+		},
+		removeEditBtn: function(setting, node) {
+			$$(node, consts.id.EDIT, setting).unbind().remove();
+		},
+		removeRemoveBtn: function(setting, node) {
+			$$(node, consts.id.REMOVE, setting).unbind().remove();
+		},
+		removeTreeDom: function(setting, node) {
+			node.isHover = false;
+			view.removeEditBtn(setting, node);
+			view.removeRemoveBtn(setting, node);
+			tools.apply(setting.view.removeHoverDom, [setting.treeId, node]);
+		},
+		repairNodeLevelClass: function(setting, node, oldLevel) {
+			if (oldLevel === node.level) return;
+			var liObj = $$(node, setting),
+			aObj = $$(node, consts.id.A, setting),
+			ulObj = $$(node, consts.id.UL, setting),
+			oldClass = consts.className.LEVEL + oldLevel,
+			newClass = consts.className.LEVEL + node.level;
+			liObj.removeClass(oldClass);
+			liObj.addClass(newClass);
+			aObj.removeClass(oldClass);
+			aObj.addClass(newClass);
+			ulObj.removeClass(oldClass);
+			ulObj.addClass(newClass);
+		},
+		selectNodes : function(setting, nodes) {
+			for (var i=0, l=nodes.length; i<l; i++) {
+				view.selectNode(setting, nodes[i], i>0);
+			}
+		}
+	},
+
+	_z = {
+		tools: _tools,
+		view: _view,
+		event: _event,
+		data: _data
+	};
+	$.extend(true, $.fn.zTree.consts, _consts);
+	$.extend(true, $.fn.zTree._z, _z);
+
+	var zt = $.fn.zTree,
+	tools = zt._z.tools,
+	consts = zt.consts,
+	view = zt._z.view,
+	data = zt._z.data,
+	event = zt._z.event,
+	$$ = tools.$;
+
+	data.exSetting(_setting);
+	data.addInitBind(_bindEvent);
+	data.addInitUnBind(_unbindEvent);
+	data.addInitCache(_initCache);
+	data.addInitNode(_initNode);
+	data.addInitProxy(_eventProxy);
+	data.addInitRoot(_initRoot);
+	data.addZTreeTools(_zTreeTools);
+
+	var _cancelPreSelectedNode = view.cancelPreSelectedNode;
+	view.cancelPreSelectedNode = function (setting, node) {
+		var list = data.getRoot(setting).curSelectedList;
+		for (var i=0, j=list.length; i<j; i++) {
+			if (!node || node === list[i]) {
+				view.removeTreeDom(setting, list[i]);
+				if (node) break;
+			}
+		}
+		if (_cancelPreSelectedNode) _cancelPreSelectedNode.apply(view, arguments);
+	}
+
+	var _createNodes = view.createNodes;
+	view.createNodes = function(setting, level, nodes, parentNode) {
+		if (_createNodes) {
+			_createNodes.apply(view, arguments);
+		}
+		if (!nodes) return;
+		if (view.repairParentChkClassWithSelf) {
+			view.repairParentChkClassWithSelf(setting, parentNode);
+		}
+	}
+
+	var _makeNodeUrl = view.makeNodeUrl;
+	view.makeNodeUrl = function(setting, node) {
+		return setting.edit.enable ? null : (_makeNodeUrl.apply(view, arguments));
+	}
+
+	var _removeNode = view.removeNode;
+	view.removeNode = function(setting, node) {
+		var root = data.getRoot(setting);
+		if (root.curEditNode === node) root.curEditNode = null;
+		if (_removeNode) {
+			_removeNode.apply(view, arguments);
+		}
+	}
+
+	var _selectNode = view.selectNode;
+	view.selectNode = function(setting, node, addFlag) {
+		var root = data.getRoot(setting);
+		if (data.isSelectedNode(setting, node) && root.curEditNode == node && node.editNameFlag) {
+			return false;
+		}
+		if (_selectNode) _selectNode.apply(view, arguments);
+		view.addHoverDom(setting, node);
+		return true;
+	}
+
+	var _uCanDo = tools.uCanDo;
+	tools.uCanDo = function(setting, e) {
+		var root = data.getRoot(setting);
+		if (e && (tools.eqs(e.type, "mouseover") || tools.eqs(e.type, "mouseout") || tools.eqs(e.type, "mousedown") || tools.eqs(e.type, "mouseup"))) {
+			return true;
+		}
+		if (root.curEditNode) {
+			view.editNodeBlur = false;
+			root.curEditInput.focus();
+		}
+		return (!root.curEditNode) && (_uCanDo ? _uCanDo.apply(view, arguments) : true);
+	}
+})(jQuery);
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.all-3.5.min.js b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.all-3.5.min.js
new file mode 100644
index 00000000..bfd05058
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.all-3.5.min.js	
@@ -0,0 +1,157 @@
+
+/*
+ * JQuery zTree core v3.5.15
+ * http://zTree.me/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2013-10-15
+ */
+(function(p){var G,H,I,J,K,L,r={},u={},v={},M={treeId:"",treeObj:null,view:{addDiyDom:null,autoCancelSelected:!0,dblClickExpand:!0,expandSpeed:"fast",fontCss:{},nameIsHTML:!1,selectedMulti:!0,showIcon:!0,showLine:!0,showTitle:!0,txtSelectedEnable:!1},data:{key:{children:"children",name:"name",title:"",url:"url"},simpleData:{enable:!1,idKey:"id",pIdKey:"pId",rootPId:null},keep:{parent:!1,leaf:!1}},async:{enable:!1,contentType:"application/x-www-form-urlencoded",type:"post",dataType:"text",url:"",autoParam:[],
+otherParam:[],dataFilter:null},callback:{beforeAsync:null,beforeClick:null,beforeDblClick:null,beforeRightClick:null,beforeMouseDown:null,beforeMouseUp:null,beforeExpand:null,beforeCollapse:null,beforeRemove:null,onAsyncError:null,onAsyncSuccess:null,onNodeCreated:null,onClick:null,onDblClick:null,onRightClick:null,onMouseDown:null,onMouseUp:null,onExpand:null,onCollapse:null,onRemove:null}},w=[function(b){var a=b.treeObj,c=e.event;a.bind(c.NODECREATED,function(a,c,g){j.apply(b.callback.onNodeCreated,
+[a,c,g])});a.bind(c.CLICK,function(a,c,g,l,h){j.apply(b.callback.onClick,[c,g,l,h])});a.bind(c.EXPAND,function(a,c,g){j.apply(b.callback.onExpand,[a,c,g])});a.bind(c.COLLAPSE,function(a,c,g){j.apply(b.callback.onCollapse,[a,c,g])});a.bind(c.ASYNC_SUCCESS,function(a,c,g,l){j.apply(b.callback.onAsyncSuccess,[a,c,g,l])});a.bind(c.ASYNC_ERROR,function(a,c,g,l,h,e){j.apply(b.callback.onAsyncError,[a,c,g,l,h,e])})}],x=[function(b){var a=e.event;b.treeObj.unbind(a.NODECREATED).unbind(a.CLICK).unbind(a.EXPAND).unbind(a.COLLAPSE).unbind(a.ASYNC_SUCCESS).unbind(a.ASYNC_ERROR)}],
+y=[function(b){var a=h.getCache(b);a||(a={},h.setCache(b,a));a.nodes=[];a.doms=[]}],z=[function(b,a,c,d,f,g){if(c){var l=h.getRoot(b),e=b.data.key.children;c.level=a;c.tId=b.treeId+"_"+ ++l.zId;c.parentTId=d?d.tId:null;c.open=typeof c.open=="string"?j.eqs(c.open,"true"):!!c.open;c[e]&&c[e].length>0?(c.isParent=!0,c.zAsync=!0):(c.isParent=typeof c.isParent=="string"?j.eqs(c.isParent,"true"):!!c.isParent,c.open=c.isParent&&!b.async.enable?c.open:!1,c.zAsync=!c.isParent);c.isFirstNode=f;c.isLastNode=
+g;c.getParentNode=function(){return h.getNodeCache(b,c.parentTId)};c.getPreNode=function(){return h.getPreNode(b,c)};c.getNextNode=function(){return h.getNextNode(b,c)};c.isAjaxing=!1;h.fixPIdKeyValue(b,c)}}],s=[function(b){var a=b.target,c=h.getSetting(b.data.treeId),d="",f=null,g="",l="",i=null,n=null,k=null;if(j.eqs(b.type,"mousedown"))l="mousedown";else if(j.eqs(b.type,"mouseup"))l="mouseup";else if(j.eqs(b.type,"contextmenu"))l="contextmenu";else if(j.eqs(b.type,"click"))if(j.eqs(a.tagName,"span")&&
+a.getAttribute("treeNode"+e.id.SWITCH)!==null)d=j.getNodeMainDom(a).id,g="switchNode";else{if(k=j.getMDom(c,a,[{tagName:"a",attrName:"treeNode"+e.id.A}]))d=j.getNodeMainDom(k).id,g="clickNode"}else if(j.eqs(b.type,"dblclick")&&(l="dblclick",k=j.getMDom(c,a,[{tagName:"a",attrName:"treeNode"+e.id.A}])))d=j.getNodeMainDom(k).id,g="switchNode";if(l.length>0&&d.length==0&&(k=j.getMDom(c,a,[{tagName:"a",attrName:"treeNode"+e.id.A}])))d=j.getNodeMainDom(k).id;if(d.length>0)switch(f=h.getNodeCache(c,d),g){case "switchNode":f.isParent?
+j.eqs(b.type,"click")||j.eqs(b.type,"dblclick")&&j.apply(c.view.dblClickExpand,[c.treeId,f],c.view.dblClickExpand)?i=G:g="":g="";break;case "clickNode":i=H}switch(l){case "mousedown":n=I;break;case "mouseup":n=J;break;case "dblclick":n=K;break;case "contextmenu":n=L}return{stop:!1,node:f,nodeEventType:g,nodeEventCallback:i,treeEventType:l,treeEventCallback:n}}],A=[function(b){var a=h.getRoot(b);a||(a={},h.setRoot(b,a));a[b.data.key.children]=[];a.expandTriggerFlag=!1;a.curSelectedList=[];a.noSelection=
+!0;a.createdNodes=[];a.zId=0;a._ver=(new Date).getTime()}],B=[],C=[],D=[],E=[],F=[],h={addNodeCache:function(b,a){h.getCache(b).nodes[h.getNodeCacheId(a.tId)]=a},getNodeCacheId:function(b){return b.substring(b.lastIndexOf("_")+1)},addAfterA:function(b){C.push(b)},addBeforeA:function(b){B.push(b)},addInnerAfterA:function(b){E.push(b)},addInnerBeforeA:function(b){D.push(b)},addInitBind:function(b){w.push(b)},addInitUnBind:function(b){x.push(b)},addInitCache:function(b){y.push(b)},addInitNode:function(b){z.push(b)},
+addInitProxy:function(b,a){a?s.splice(0,0,b):s.push(b)},addInitRoot:function(b){A.push(b)},addNodesData:function(b,a,c){var d=b.data.key.children;a[d]||(a[d]=[]);if(a[d].length>0)a[d][a[d].length-1].isLastNode=!1,i.setNodeLineIcos(b,a[d][a[d].length-1]);a.isParent=!0;a[d]=a[d].concat(c)},addSelectedNode:function(b,a){var c=h.getRoot(b);h.isSelectedNode(b,a)||c.curSelectedList.push(a)},addCreatedNode:function(b,a){(b.callback.onNodeCreated||b.view.addDiyDom)&&h.getRoot(b).createdNodes.push(a)},addZTreeTools:function(b){F.push(b)},
+exSetting:function(b){p.extend(!0,M,b)},fixPIdKeyValue:function(b,a){b.data.simpleData.enable&&(a[b.data.simpleData.pIdKey]=a.parentTId?a.getParentNode()[b.data.simpleData.idKey]:b.data.simpleData.rootPId)},getAfterA:function(b,a,c){for(var d=0,f=C.length;d<f;d++)C[d].apply(this,arguments)},getBeforeA:function(b,a,c){for(var d=0,f=B.length;d<f;d++)B[d].apply(this,arguments)},getInnerAfterA:function(b,a,c){for(var d=0,f=E.length;d<f;d++)E[d].apply(this,arguments)},getInnerBeforeA:function(b,a,c){for(var d=
+0,f=D.length;d<f;d++)D[d].apply(this,arguments)},getCache:function(b){return v[b.treeId]},getNextNode:function(b,a){if(!a)return null;for(var c=b.data.key.children,d=a.parentTId?a.getParentNode():h.getRoot(b),f=0,g=d[c].length-1;f<=g;f++)if(d[c][f]===a)return f==g?null:d[c][f+1];return null},getNodeByParam:function(b,a,c,d){if(!a||!c)return null;for(var f=b.data.key.children,g=0,l=a.length;g<l;g++){if(a[g][c]==d)return a[g];var e=h.getNodeByParam(b,a[g][f],c,d);if(e)return e}return null},getNodeCache:function(b,
+a){if(!a)return null;var c=v[b.treeId].nodes[h.getNodeCacheId(a)];return c?c:null},getNodeName:function(b,a){return""+a[b.data.key.name]},getNodeTitle:function(b,a){return""+a[b.data.key.title===""?b.data.key.name:b.data.key.title]},getNodes:function(b){return h.getRoot(b)[b.data.key.children]},getNodesByParam:function(b,a,c,d){if(!a||!c)return[];for(var f=b.data.key.children,g=[],l=0,e=a.length;l<e;l++)a[l][c]==d&&g.push(a[l]),g=g.concat(h.getNodesByParam(b,a[l][f],c,d));return g},getNodesByParamFuzzy:function(b,
+a,c,d){if(!a||!c)return[];for(var f=b.data.key.children,g=[],d=d.toLowerCase(),l=0,e=a.length;l<e;l++)typeof a[l][c]=="string"&&a[l][c].toLowerCase().indexOf(d)>-1&&g.push(a[l]),g=g.concat(h.getNodesByParamFuzzy(b,a[l][f],c,d));return g},getNodesByFilter:function(b,a,c,d,f){if(!a)return d?null:[];for(var g=b.data.key.children,e=d?null:[],i=0,n=a.length;i<n;i++){if(j.apply(c,[a[i],f],!1)){if(d)return a[i];e.push(a[i])}var k=h.getNodesByFilter(b,a[i][g],c,d,f);if(d&&k)return k;e=d?k:e.concat(k)}return e},
+getPreNode:function(b,a){if(!a)return null;for(var c=b.data.key.children,d=a.parentTId?a.getParentNode():h.getRoot(b),f=0,g=d[c].length;f<g;f++)if(d[c][f]===a)return f==0?null:d[c][f-1];return null},getRoot:function(b){return b?u[b.treeId]:null},getRoots:function(){return u},getSetting:function(b){return r[b]},getSettings:function(){return r},getZTreeTools:function(b){return(b=this.getRoot(this.getSetting(b)))?b.treeTools:null},initCache:function(b){for(var a=0,c=y.length;a<c;a++)y[a].apply(this,
+arguments)},initNode:function(b,a,c,d,f,g){for(var e=0,h=z.length;e<h;e++)z[e].apply(this,arguments)},initRoot:function(b){for(var a=0,c=A.length;a<c;a++)A[a].apply(this,arguments)},isSelectedNode:function(b,a){for(var c=h.getRoot(b),d=0,f=c.curSelectedList.length;d<f;d++)if(a===c.curSelectedList[d])return!0;return!1},removeNodeCache:function(b,a){var c=b.data.key.children;if(a[c])for(var d=0,f=a[c].length;d<f;d++)arguments.callee(b,a[c][d]);h.getCache(b).nodes[h.getNodeCacheId(a.tId)]=null},removeSelectedNode:function(b,
+a){for(var c=h.getRoot(b),d=0,f=c.curSelectedList.length;d<f;d++)if(a===c.curSelectedList[d]||!h.getNodeCache(b,c.curSelectedList[d].tId))c.curSelectedList.splice(d,1),d--,f--},setCache:function(b,a){v[b.treeId]=a},setRoot:function(b,a){u[b.treeId]=a},setZTreeTools:function(b,a){for(var c=0,d=F.length;c<d;c++)F[c].apply(this,arguments)},transformToArrayFormat:function(b,a){if(!a)return[];var c=b.data.key.children,d=[];if(j.isArray(a))for(var f=0,g=a.length;f<g;f++)d.push(a[f]),a[f][c]&&(d=d.concat(h.transformToArrayFormat(b,
+a[f][c])));else d.push(a),a[c]&&(d=d.concat(h.transformToArrayFormat(b,a[c])));return d},transformTozTreeFormat:function(b,a){var c,d,f=b.data.simpleData.idKey,g=b.data.simpleData.pIdKey,e=b.data.key.children;if(!f||f==""||!a)return[];if(j.isArray(a)){var h=[],i=[];for(c=0,d=a.length;c<d;c++)i[a[c][f]]=a[c];for(c=0,d=a.length;c<d;c++)i[a[c][g]]&&a[c][f]!=a[c][g]?(i[a[c][g]][e]||(i[a[c][g]][e]=[]),i[a[c][g]][e].push(a[c])):h.push(a[c]);return h}else return[a]}},m={bindEvent:function(b){for(var a=0,
+c=w.length;a<c;a++)w[a].apply(this,arguments)},unbindEvent:function(b){for(var a=0,c=x.length;a<c;a++)x[a].apply(this,arguments)},bindTree:function(b){var a={treeId:b.treeId},c=b.treeObj;b.view.txtSelectedEnable||c.bind("selectstart",function(a){a=a.originalEvent.srcElement.nodeName.toLowerCase();return a==="input"||a==="textarea"}).css({"-moz-user-select":"-moz-none"});c.bind("click",a,m.proxy);c.bind("dblclick",a,m.proxy);c.bind("mouseover",a,m.proxy);c.bind("mouseout",a,m.proxy);c.bind("mousedown",
+a,m.proxy);c.bind("mouseup",a,m.proxy);c.bind("contextmenu",a,m.proxy)},unbindTree:function(b){b.treeObj.unbind("click",m.proxy).unbind("dblclick",m.proxy).unbind("mouseover",m.proxy).unbind("mouseout",m.proxy).unbind("mousedown",m.proxy).unbind("mouseup",m.proxy).unbind("contextmenu",m.proxy)},doProxy:function(b){for(var a=[],c=0,d=s.length;c<d;c++){var f=s[c].apply(this,arguments);a.push(f);if(f.stop)break}return a},proxy:function(b){var a=h.getSetting(b.data.treeId);if(!j.uCanDo(a,b))return!0;
+for(var a=m.doProxy(b),c=!0,d=0,f=a.length;d<f;d++){var g=a[d];g.nodeEventCallback&&(c=g.nodeEventCallback.apply(g,[b,g.node])&&c);g.treeEventCallback&&(c=g.treeEventCallback.apply(g,[b,g.node])&&c)}return c}};G=function(b,a){var c=h.getSetting(b.data.treeId);if(a.open){if(j.apply(c.callback.beforeCollapse,[c.treeId,a],!0)==!1)return!0}else if(j.apply(c.callback.beforeExpand,[c.treeId,a],!0)==!1)return!0;h.getRoot(c).expandTriggerFlag=!0;i.switchNode(c,a);return!0};H=function(b,a){var c=h.getSetting(b.data.treeId),
+d=c.view.autoCancelSelected&&b.ctrlKey&&h.isSelectedNode(c,a)?0:c.view.autoCancelSelected&&b.ctrlKey&&c.view.selectedMulti?2:1;if(j.apply(c.callback.beforeClick,[c.treeId,a,d],!0)==!1)return!0;d===0?i.cancelPreSelectedNode(c,a):i.selectNode(c,a,d===2);c.treeObj.trigger(e.event.CLICK,[b,c.treeId,a,d]);return!0};I=function(b,a){var c=h.getSetting(b.data.treeId);j.apply(c.callback.beforeMouseDown,[c.treeId,a],!0)&&j.apply(c.callback.onMouseDown,[b,c.treeId,a]);return!0};J=function(b,a){var c=h.getSetting(b.data.treeId);
+j.apply(c.callback.beforeMouseUp,[c.treeId,a],!0)&&j.apply(c.callback.onMouseUp,[b,c.treeId,a]);return!0};K=function(b,a){var c=h.getSetting(b.data.treeId);j.apply(c.callback.beforeDblClick,[c.treeId,a],!0)&&j.apply(c.callback.onDblClick,[b,c.treeId,a]);return!0};L=function(b,a){var c=h.getSetting(b.data.treeId);j.apply(c.callback.beforeRightClick,[c.treeId,a],!0)&&j.apply(c.callback.onRightClick,[b,c.treeId,a]);return typeof c.callback.onRightClick!="function"};var j={apply:function(b,a,c){return typeof b==
+"function"?b.apply(N,a?a:[]):c},canAsync:function(b,a){var c=b.data.key.children;return b.async.enable&&a&&a.isParent&&!(a.zAsync||a[c]&&a[c].length>0)},clone:function(b){if(b===null)return null;var a=j.isArray(b)?[]:{},c;for(c in b)a[c]=b[c]instanceof Date?new Date(b[c].getTime()):typeof b[c]==="object"?arguments.callee(b[c]):b[c];return a},eqs:function(b,a){return b.toLowerCase()===a.toLowerCase()},isArray:function(b){return Object.prototype.toString.apply(b)==="[object Array]"},$:function(b,a,
+c){a&&typeof a!="string"&&(c=a,a="");return typeof b=="string"?p(b,c?c.treeObj.get(0).ownerDocument:null):p("#"+b.tId+a,c?c.treeObj:null)},getMDom:function(b,a,c){if(!a)return null;for(;a&&a.id!==b.treeId;){for(var d=0,f=c.length;a.tagName&&d<f;d++)if(j.eqs(a.tagName,c[d].tagName)&&a.getAttribute(c[d].attrName)!==null)return a;a=a.parentNode}return null},getNodeMainDom:function(b){return p(b).parent("li").get(0)||p(b).parentsUntil("li").parent().get(0)},isChildOrSelf:function(b,a){return p(b).closest("#"+
+a).length>0},uCanDo:function(){return!0}},i={addNodes:function(b,a,c,d){if(!b.data.keep.leaf||!a||a.isParent)if(j.isArray(c)||(c=[c]),b.data.simpleData.enable&&(c=h.transformTozTreeFormat(b,c)),a){var f=k(a,e.id.SWITCH,b),g=k(a,e.id.ICON,b),l=k(a,e.id.UL,b);if(!a.open)i.replaceSwitchClass(a,f,e.folder.CLOSE),i.replaceIcoClass(a,g,e.folder.CLOSE),a.open=!1,l.css({display:"none"});h.addNodesData(b,a,c);i.createNodes(b,a.level+1,c,a);d||i.expandCollapseParentNode(b,a,!0)}else h.addNodesData(b,h.getRoot(b),
+c),i.createNodes(b,0,c,null)},appendNodes:function(b,a,c,d,f,g){if(!c)return[];for(var e=[],j=b.data.key.children,k=0,m=c.length;k<m;k++){var o=c[k];if(f){var t=(d?d:h.getRoot(b))[j].length==c.length&&k==0;h.initNode(b,a,o,d,t,k==c.length-1,g);h.addNodeCache(b,o)}t=[];o[j]&&o[j].length>0&&(t=i.appendNodes(b,a+1,o[j],o,f,g&&o.open));g&&(i.makeDOMNodeMainBefore(e,b,o),i.makeDOMNodeLine(e,b,o),h.getBeforeA(b,o,e),i.makeDOMNodeNameBefore(e,b,o),h.getInnerBeforeA(b,o,e),i.makeDOMNodeIcon(e,b,o),h.getInnerAfterA(b,
+o,e),i.makeDOMNodeNameAfter(e,b,o),h.getAfterA(b,o,e),o.isParent&&o.open&&i.makeUlHtml(b,o,e,t.join("")),i.makeDOMNodeMainAfter(e,b,o),h.addCreatedNode(b,o))}return e},appendParentULDom:function(b,a){var c=[],d=k(a,b);!d.get(0)&&a.parentTId&&(i.appendParentULDom(b,a.getParentNode()),d=k(a,b));var f=k(a,e.id.UL,b);f.get(0)&&f.remove();f=i.appendNodes(b,a.level+1,a[b.data.key.children],a,!1,!0);i.makeUlHtml(b,a,c,f.join(""));d.append(c.join(""))},asyncNode:function(b,a,c,d){var f,g;if(a&&!a.isParent)return j.apply(d),
+!1;else if(a&&a.isAjaxing)return!1;else if(j.apply(b.callback.beforeAsync,[b.treeId,a],!0)==!1)return j.apply(d),!1;if(a)a.isAjaxing=!0,k(a,e.id.ICON,b).attr({style:"","class":e.className.BUTTON+" "+e.className.ICO_LOADING});var l={};for(f=0,g=b.async.autoParam.length;a&&f<g;f++){var q=b.async.autoParam[f].split("="),n=q;q.length>1&&(n=q[1],q=q[0]);l[n]=a[q]}if(j.isArray(b.async.otherParam))for(f=0,g=b.async.otherParam.length;f<g;f+=2)l[b.async.otherParam[f]]=b.async.otherParam[f+1];else for(var m in b.async.otherParam)l[m]=
+b.async.otherParam[m];var o=h.getRoot(b)._ver;p.ajax({contentType:b.async.contentType,type:b.async.type,url:j.apply(b.async.url,[b.treeId,a],b.async.url),data:l,dataType:b.async.dataType,success:function(f){if(o==h.getRoot(b)._ver){var g=[];try{g=!f||f.length==0?[]:typeof f=="string"?eval("("+f+")"):f}catch(l){g=f}if(a)a.isAjaxing=null,a.zAsync=!0;i.setNodeLineIcos(b,a);g&&g!==""?(g=j.apply(b.async.dataFilter,[b.treeId,a,g],g),i.addNodes(b,a,g?j.clone(g):[],!!c)):i.addNodes(b,a,[],!!c);b.treeObj.trigger(e.event.ASYNC_SUCCESS,
+[b.treeId,a,f]);j.apply(d)}},error:function(c,d,f){if(o==h.getRoot(b)._ver){if(a)a.isAjaxing=null;i.setNodeLineIcos(b,a);b.treeObj.trigger(e.event.ASYNC_ERROR,[b.treeId,a,c,d,f])}}});return!0},cancelPreSelectedNode:function(b,a){for(var c=h.getRoot(b).curSelectedList,d=c.length-1;d>=0;d--)if(!a||a===c[d])if(k(c[d],e.id.A,b).removeClass(e.node.CURSELECTED),a){h.removeSelectedNode(b,a);break}if(!a)h.getRoot(b).curSelectedList=[]},createNodeCallback:function(b){if(b.callback.onNodeCreated||b.view.addDiyDom)for(var a=
+h.getRoot(b);a.createdNodes.length>0;){var c=a.createdNodes.shift();j.apply(b.view.addDiyDom,[b.treeId,c]);b.callback.onNodeCreated&&b.treeObj.trigger(e.event.NODECREATED,[b.treeId,c])}},createNodes:function(b,a,c,d){if(c&&c.length!=0){var f=h.getRoot(b),g=b.data.key.children,g=!d||d.open||!!k(d[g][0],b).get(0);f.createdNodes=[];a=i.appendNodes(b,a,c,d,!0,g);d?(d=k(d,e.id.UL,b),d.get(0)&&d.append(a.join(""))):b.treeObj.append(a.join(""));i.createNodeCallback(b)}},destroy:function(b){b&&(h.initCache(b),
+h.initRoot(b),m.unbindTree(b),m.unbindEvent(b),b.treeObj.empty())},expandCollapseNode:function(b,a,c,d,f){var g=h.getRoot(b),l=b.data.key.children;if(a){if(g.expandTriggerFlag){var q=f,f=function(){q&&q();a.open?b.treeObj.trigger(e.event.EXPAND,[b.treeId,a]):b.treeObj.trigger(e.event.COLLAPSE,[b.treeId,a])};g.expandTriggerFlag=!1}if(!a.open&&a.isParent&&(!k(a,e.id.UL,b).get(0)||a[l]&&a[l].length>0&&!k(a[l][0],b).get(0)))i.appendParentULDom(b,a),i.createNodeCallback(b);if(a.open==c)j.apply(f,[]);else{var c=
+k(a,e.id.UL,b),g=k(a,e.id.SWITCH,b),n=k(a,e.id.ICON,b);a.isParent?(a.open=!a.open,a.iconOpen&&a.iconClose&&n.attr("style",i.makeNodeIcoStyle(b,a)),a.open?(i.replaceSwitchClass(a,g,e.folder.OPEN),i.replaceIcoClass(a,n,e.folder.OPEN),d==!1||b.view.expandSpeed==""?(c.show(),j.apply(f,[])):a[l]&&a[l].length>0?c.slideDown(b.view.expandSpeed,f):(c.show(),j.apply(f,[]))):(i.replaceSwitchClass(a,g,e.folder.CLOSE),i.replaceIcoClass(a,n,e.folder.CLOSE),d==!1||b.view.expandSpeed==""||!(a[l]&&a[l].length>0)?
+(c.hide(),j.apply(f,[])):c.slideUp(b.view.expandSpeed,f))):j.apply(f,[])}}else j.apply(f,[])},expandCollapseParentNode:function(b,a,c,d,f){a&&(a.parentTId?(i.expandCollapseNode(b,a,c,d),a.parentTId&&i.expandCollapseParentNode(b,a.getParentNode(),c,d,f)):i.expandCollapseNode(b,a,c,d,f))},expandCollapseSonNode:function(b,a,c,d,f){var g=h.getRoot(b),e=b.data.key.children,g=a?a[e]:g[e],e=a?!1:d,j=h.getRoot(b).expandTriggerFlag;h.getRoot(b).expandTriggerFlag=!1;if(g)for(var k=0,m=g.length;k<m;k++)g[k]&&
+i.expandCollapseSonNode(b,g[k],c,e);h.getRoot(b).expandTriggerFlag=j;i.expandCollapseNode(b,a,c,d,f)},makeDOMNodeIcon:function(b,a,c){var d=h.getNodeName(a,c),d=a.view.nameIsHTML?d:d.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");b.push("<span id='",c.tId,e.id.ICON,"' title='' treeNode",e.id.ICON," class='",i.makeNodeIcoClass(a,c),"' style='",i.makeNodeIcoStyle(a,c),"'></span><span id='",c.tId,e.id.SPAN,"'>",d,"</span>")},makeDOMNodeLine:function(b,a,c){b.push("<span id='",c.tId,
+e.id.SWITCH,"' title='' class='",i.makeNodeLineClass(a,c),"' treeNode",e.id.SWITCH,"></span>")},makeDOMNodeMainAfter:function(b){b.push("</li>")},makeDOMNodeMainBefore:function(b,a,c){b.push("<li id='",c.tId,"' class='",e.className.LEVEL,c.level,"' tabindex='0' hidefocus='true' treenode>")},makeDOMNodeNameAfter:function(b){b.push("</a>")},makeDOMNodeNameBefore:function(b,a,c){var d=h.getNodeTitle(a,c),f=i.makeNodeUrl(a,c),g=i.makeNodeFontCss(a,c),l=[],k;for(k in g)l.push(k,":",g[k],";");b.push("<a id='",
+c.tId,e.id.A,"' class='",e.className.LEVEL,c.level,"' treeNode",e.id.A,' onclick="',c.click||"",'" ',f!=null&&f.length>0?"href='"+f+"'":""," target='",i.makeNodeTarget(c),"' style='",l.join(""),"'");j.apply(a.view.showTitle,[a.treeId,c],a.view.showTitle)&&d&&b.push("title='",d.replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),"'");b.push(">")},makeNodeFontCss:function(b,a){var c=j.apply(b.view.fontCss,[b.treeId,a],b.view.fontCss);return c&&typeof c!="function"?c:{}},makeNodeIcoClass:function(b,
+a){var c=["ico"];a.isAjaxing||(c[0]=(a.iconSkin?a.iconSkin+"_":"")+c[0],a.isParent?c.push(a.open?e.folder.OPEN:e.folder.CLOSE):c.push(e.folder.DOCU));return e.className.BUTTON+" "+c.join("_")},makeNodeIcoStyle:function(b,a){var c=[];if(!a.isAjaxing){var d=a.isParent&&a.iconOpen&&a.iconClose?a.open?a.iconOpen:a.iconClose:a.icon;d&&c.push("background:url(",d,") 0 0 no-repeat;");(b.view.showIcon==!1||!j.apply(b.view.showIcon,[b.treeId,a],!0))&&c.push("width:0px;height:0px;")}return c.join("")},makeNodeLineClass:function(b,
+a){var c=[];b.view.showLine?a.level==0&&a.isFirstNode&&a.isLastNode?c.push(e.line.ROOT):a.level==0&&a.isFirstNode?c.push(e.line.ROOTS):a.isLastNode?c.push(e.line.BOTTOM):c.push(e.line.CENTER):c.push(e.line.NOLINE);a.isParent?c.push(a.open?e.folder.OPEN:e.folder.CLOSE):c.push(e.folder.DOCU);return i.makeNodeLineClassEx(a)+c.join("_")},makeNodeLineClassEx:function(b){return e.className.BUTTON+" "+e.className.LEVEL+b.level+" "+e.className.SWITCH+" "},makeNodeTarget:function(b){return b.target||"_blank"},
+makeNodeUrl:function(b,a){var c=b.data.key.url;return a[c]?a[c]:null},makeUlHtml:function(b,a,c,d){c.push("<ul id='",a.tId,e.id.UL,"' class='",e.className.LEVEL,a.level," ",i.makeUlLineClass(b,a),"' style='display:",a.open?"block":"none","'>");c.push(d);c.push("</ul>")},makeUlLineClass:function(b,a){return b.view.showLine&&!a.isLastNode?e.line.LINE:""},removeChildNodes:function(b,a){if(a){var c=b.data.key.children,d=a[c];if(d){for(var f=0,g=d.length;f<g;f++)h.removeNodeCache(b,d[f]);h.removeSelectedNode(b);
+delete a[c];b.data.keep.parent?k(a,e.id.UL,b).empty():(a.isParent=!1,a.open=!1,c=k(a,e.id.SWITCH,b),d=k(a,e.id.ICON,b),i.replaceSwitchClass(a,c,e.folder.DOCU),i.replaceIcoClass(a,d,e.folder.DOCU),k(a,e.id.UL,b).remove())}}},setFirstNode:function(b,a){var c=b.data.key.children;if(a[c].length>0)a[c][0].isFirstNode=!0},setLastNode:function(b,a){var c=b.data.key.children,d=a[c].length;if(d>0)a[c][d-1].isLastNode=!0},removeNode:function(b,a){var c=h.getRoot(b),d=b.data.key.children,f=a.parentTId?a.getParentNode():
+c;a.isFirstNode=!1;a.isLastNode=!1;a.getPreNode=function(){return null};a.getNextNode=function(){return null};if(h.getNodeCache(b,a.tId)){k(a,b).remove();h.removeNodeCache(b,a);h.removeSelectedNode(b,a);for(var g=0,l=f[d].length;g<l;g++)if(f[d][g].tId==a.tId){f[d].splice(g,1);break}i.setFirstNode(b,f);i.setLastNode(b,f);var j,g=f[d].length;if(!b.data.keep.parent&&g==0)f.isParent=!1,f.open=!1,g=k(f,e.id.UL,b),l=k(f,e.id.SWITCH,b),j=k(f,e.id.ICON,b),i.replaceSwitchClass(f,l,e.folder.DOCU),i.replaceIcoClass(f,
+j,e.folder.DOCU),g.css("display","none");else if(b.view.showLine&&g>0){var n=f[d][g-1],g=k(n,e.id.UL,b),l=k(n,e.id.SWITCH,b);j=k(n,e.id.ICON,b);f==c?f[d].length==1?i.replaceSwitchClass(n,l,e.line.ROOT):(c=k(f[d][0],e.id.SWITCH,b),i.replaceSwitchClass(f[d][0],c,e.line.ROOTS),i.replaceSwitchClass(n,l,e.line.BOTTOM)):i.replaceSwitchClass(n,l,e.line.BOTTOM);g.removeClass(e.line.LINE)}}},replaceIcoClass:function(b,a,c){if(a&&!b.isAjaxing&&(b=a.attr("class"),b!=void 0)){b=b.split("_");switch(c){case e.folder.OPEN:case e.folder.CLOSE:case e.folder.DOCU:b[b.length-
+1]=c}a.attr("class",b.join("_"))}},replaceSwitchClass:function(b,a,c){if(a){var d=a.attr("class");if(d!=void 0){d=d.split("_");switch(c){case e.line.ROOT:case e.line.ROOTS:case e.line.CENTER:case e.line.BOTTOM:case e.line.NOLINE:d[0]=i.makeNodeLineClassEx(b)+c;break;case e.folder.OPEN:case e.folder.CLOSE:case e.folder.DOCU:d[1]=c}a.attr("class",d.join("_"));c!==e.folder.DOCU?a.removeAttr("disabled"):a.attr("disabled","disabled")}}},selectNode:function(b,a,c){c||i.cancelPreSelectedNode(b);k(a,e.id.A,
+b).addClass(e.node.CURSELECTED);h.addSelectedNode(b,a)},setNodeFontCss:function(b,a){var c=k(a,e.id.A,b),d=i.makeNodeFontCss(b,a);d&&c.css(d)},setNodeLineIcos:function(b,a){if(a){var c=k(a,e.id.SWITCH,b),d=k(a,e.id.UL,b),f=k(a,e.id.ICON,b),g=i.makeUlLineClass(b,a);g.length==0?d.removeClass(e.line.LINE):d.addClass(g);c.attr("class",i.makeNodeLineClass(b,a));a.isParent?c.removeAttr("disabled"):c.attr("disabled","disabled");f.removeAttr("style");f.attr("style",i.makeNodeIcoStyle(b,a));f.attr("class",
+i.makeNodeIcoClass(b,a))}},setNodeName:function(b,a){var c=h.getNodeTitle(b,a),d=k(a,e.id.SPAN,b);d.empty();b.view.nameIsHTML?d.html(h.getNodeName(b,a)):d.text(h.getNodeName(b,a));j.apply(b.view.showTitle,[b.treeId,a],b.view.showTitle)&&k(a,e.id.A,b).attr("title",!c?"":c)},setNodeTarget:function(b,a){k(a,e.id.A,b).attr("target",i.makeNodeTarget(a))},setNodeUrl:function(b,a){var c=k(a,e.id.A,b),d=i.makeNodeUrl(b,a);d==null||d.length==0?c.removeAttr("href"):c.attr("href",d)},switchNode:function(b,a){a.open||
+!j.canAsync(b,a)?i.expandCollapseNode(b,a,!a.open):b.async.enable?i.asyncNode(b,a)||i.expandCollapseNode(b,a,!a.open):a&&i.expandCollapseNode(b,a,!a.open)}};p.fn.zTree={consts:{className:{BUTTON:"button",LEVEL:"level",ICO_LOADING:"ico_loading",SWITCH:"switch"},event:{NODECREATED:"ztree_nodeCreated",CLICK:"ztree_click",EXPAND:"ztree_expand",COLLAPSE:"ztree_collapse",ASYNC_SUCCESS:"ztree_async_success",ASYNC_ERROR:"ztree_async_error"},id:{A:"_a",ICON:"_ico",SPAN:"_span",SWITCH:"_switch",UL:"_ul"},line:{ROOT:"root",
+ROOTS:"roots",CENTER:"center",BOTTOM:"bottom",NOLINE:"noline",LINE:"line"},folder:{OPEN:"open",CLOSE:"close",DOCU:"docu"},node:{CURSELECTED:"curSelectedNode"}},_z:{tools:j,view:i,event:m,data:h},getZTreeObj:function(b){return(b=h.getZTreeTools(b))?b:null},destroy:function(b){if(b&&b.length>0)i.destroy(h.getSetting(b));else for(var a in r)i.destroy(r[a])},init:function(b,a,c){var d=j.clone(M);p.extend(!0,d,a);d.treeId=b.attr("id");d.treeObj=b;d.treeObj.empty();r[d.treeId]=d;if(typeof document.body.style.maxHeight===
+"undefined")d.view.expandSpeed="";h.initRoot(d);b=h.getRoot(d);a=d.data.key.children;c=c?j.clone(j.isArray(c)?c:[c]):[];b[a]=d.data.simpleData.enable?h.transformTozTreeFormat(d,c):c;h.initCache(d);m.unbindTree(d);m.bindTree(d);m.unbindEvent(d);m.bindEvent(d);c={setting:d,addNodes:function(a,b,c){function e(){i.addNodes(d,a,h,c==!0)}if(!b)return null;a||(a=null);if(a&&!a.isParent&&d.data.keep.leaf)return null;var h=j.clone(j.isArray(b)?b:[b]);j.canAsync(d,a)?i.asyncNode(d,a,c,e):e();return h},cancelSelectedNode:function(a){i.cancelPreSelectedNode(d,
+a)},destroy:function(){i.destroy(d)},expandAll:function(a){a=!!a;i.expandCollapseSonNode(d,null,a,!0);return a},expandNode:function(a,b,c,e,n){if(!a||!a.isParent)return null;b!==!0&&b!==!1&&(b=!a.open);if((n=!!n)&&b&&j.apply(d.callback.beforeExpand,[d.treeId,a],!0)==!1)return null;else if(n&&!b&&j.apply(d.callback.beforeCollapse,[d.treeId,a],!0)==!1)return null;b&&a.parentTId&&i.expandCollapseParentNode(d,a.getParentNode(),b,!1);if(b===a.open&&!c)return null;h.getRoot(d).expandTriggerFlag=n;if(!j.canAsync(d,
+a)&&c)i.expandCollapseSonNode(d,a,b,!0,function(){if(e!==!1)try{k(a,d).focus().blur()}catch(b){}});else if(a.open=!b,i.switchNode(this.setting,a),e!==!1)try{k(a,d).focus().blur()}catch(m){}return b},getNodes:function(){return h.getNodes(d)},getNodeByParam:function(a,b,c){return!a?null:h.getNodeByParam(d,c?c[d.data.key.children]:h.getNodes(d),a,b)},getNodeByTId:function(a){return h.getNodeCache(d,a)},getNodesByParam:function(a,b,c){return!a?null:h.getNodesByParam(d,c?c[d.data.key.children]:h.getNodes(d),
+a,b)},getNodesByParamFuzzy:function(a,b,c){return!a?null:h.getNodesByParamFuzzy(d,c?c[d.data.key.children]:h.getNodes(d),a,b)},getNodesByFilter:function(a,b,c,e){b=!!b;return!a||typeof a!="function"?b?null:[]:h.getNodesByFilter(d,c?c[d.data.key.children]:h.getNodes(d),a,b,e)},getNodeIndex:function(a){if(!a)return null;for(var b=d.data.key.children,c=a.parentTId?a.getParentNode():h.getRoot(d),e=0,i=c[b].length;e<i;e++)if(c[b][e]==a)return e;return-1},getSelectedNodes:function(){for(var a=[],b=h.getRoot(d).curSelectedList,
+c=0,e=b.length;c<e;c++)a.push(b[c]);return a},isSelectedNode:function(a){return h.isSelectedNode(d,a)},reAsyncChildNodes:function(a,b,c){if(this.setting.async.enable){var j=!a;j&&(a=h.getRoot(d));if(b=="refresh"){for(var b=this.setting.data.key.children,m=0,p=a[b]?a[b].length:0;m<p;m++)h.removeNodeCache(d,a[b][m]);h.removeSelectedNode(d);a[b]=[];j?this.setting.treeObj.empty():k(a,e.id.UL,d).empty()}i.asyncNode(this.setting,j?null:a,!!c)}},refresh:function(){this.setting.treeObj.empty();var a=h.getRoot(d),
+b=a[d.data.key.children];h.initRoot(d);a[d.data.key.children]=b;h.initCache(d);i.createNodes(d,0,a[d.data.key.children])},removeChildNodes:function(a){if(!a)return null;var b=a[d.data.key.children];i.removeChildNodes(d,a);return b?b:null},removeNode:function(a,b){a&&(b=!!b,b&&j.apply(d.callback.beforeRemove,[d.treeId,a],!0)==!1||(i.removeNode(d,a),b&&this.setting.treeObj.trigger(e.event.REMOVE,[d.treeId,a])))},selectNode:function(a,b){if(a&&j.uCanDo(d)){b=d.view.selectedMulti&&b;if(a.parentTId)i.expandCollapseParentNode(d,
+a.getParentNode(),!0,!1,function(){try{k(a,d).focus().blur()}catch(b){}});else try{k(a,d).focus().blur()}catch(c){}i.selectNode(d,a,b)}},transformTozTreeNodes:function(a){return h.transformTozTreeFormat(d,a)},transformToArray:function(a){return h.transformToArrayFormat(d,a)},updateNode:function(a){a&&k(a,d).get(0)&&j.uCanDo(d)&&(i.setNodeName(d,a),i.setNodeTarget(d,a),i.setNodeUrl(d,a),i.setNodeLineIcos(d,a),i.setNodeFontCss(d,a))}};b.treeTools=c;h.setZTreeTools(d,c);b[a]&&b[a].length>0?i.createNodes(d,
+0,b[a]):d.async.enable&&d.async.url&&d.async.url!==""&&i.asyncNode(d);return c}};var N=p.fn.zTree,k=j.$,e=N.consts})(jQuery);
+
+/*
+ * JQuery zTree excheck v3.5.15
+ * http://zTree.me/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2013-10-15
+ */
+(function(m){var p,q,r,o={event:{CHECK:"ztree_check"},id:{CHECK:"_check"},checkbox:{STYLE:"checkbox",DEFAULT:"chk",DISABLED:"disable",FALSE:"false",TRUE:"true",FULL:"full",PART:"part",FOCUS:"focus"},radio:{STYLE:"radio",TYPE_ALL:"all",TYPE_LEVEL:"level"}},v={check:{enable:!1,autoCheckTrigger:!1,chkStyle:o.checkbox.STYLE,nocheckInherit:!1,chkDisabledInherit:!1,radioType:o.radio.TYPE_LEVEL,chkboxType:{Y:"ps",N:"ps"}},data:{key:{checked:"checked"}},callback:{beforeCheck:null,onCheck:null}};p=function(b,
+a){if(a.chkDisabled===!0)return!1;var c=f.getSetting(b.data.treeId),d=c.data.key.checked;if(k.apply(c.callback.beforeCheck,[c.treeId,a],!0)==!1)return!0;a[d]=!a[d];e.checkNodeRelation(c,a);d=n(a,j.id.CHECK,c);e.setChkClass(c,d,a);e.repairParentChkClassWithSelf(c,a);c.treeObj.trigger(j.event.CHECK,[b,c.treeId,a]);return!0};q=function(b,a){if(a.chkDisabled===!0)return!1;var c=f.getSetting(b.data.treeId),d=n(a,j.id.CHECK,c);a.check_Focus=!0;e.setChkClass(c,d,a);return!0};r=function(b,a){if(a.chkDisabled===
+!0)return!1;var c=f.getSetting(b.data.treeId),d=n(a,j.id.CHECK,c);a.check_Focus=!1;e.setChkClass(c,d,a);return!0};m.extend(!0,m.fn.zTree.consts,o);m.extend(!0,m.fn.zTree._z,{tools:{},view:{checkNodeRelation:function(b,a){var c,d,h,i=b.data.key.children,l=b.data.key.checked;c=j.radio;if(b.check.chkStyle==c.STYLE){var g=f.getRadioCheckedList(b);if(a[l])if(b.check.radioType==c.TYPE_ALL){for(d=g.length-1;d>=0;d--)c=g[d],c[l]=!1,g.splice(d,1),e.setChkClass(b,n(c,j.id.CHECK,b),c),c.parentTId!=a.parentTId&&
+e.repairParentChkClassWithSelf(b,c);g.push(a)}else{g=a.parentTId?a.getParentNode():f.getRoot(b);for(d=0,h=g[i].length;d<h;d++)c=g[i][d],c[l]&&c!=a&&(c[l]=!1,e.setChkClass(b,n(c,j.id.CHECK,b),c))}else if(b.check.radioType==c.TYPE_ALL)for(d=0,h=g.length;d<h;d++)if(a==g[d]){g.splice(d,1);break}}else a[l]&&(!a[i]||a[i].length==0||b.check.chkboxType.Y.indexOf("s")>-1)&&e.setSonNodeCheckBox(b,a,!0),!a[l]&&(!a[i]||a[i].length==0||b.check.chkboxType.N.indexOf("s")>-1)&&e.setSonNodeCheckBox(b,a,!1),a[l]&&
+b.check.chkboxType.Y.indexOf("p")>-1&&e.setParentNodeCheckBox(b,a,!0),!a[l]&&b.check.chkboxType.N.indexOf("p")>-1&&e.setParentNodeCheckBox(b,a,!1)},makeChkClass:function(b,a){var c=b.data.key.checked,d=j.checkbox,h=j.radio,i="",i=a.chkDisabled===!0?d.DISABLED:a.halfCheck?d.PART:b.check.chkStyle==h.STYLE?a.check_Child_State<1?d.FULL:d.PART:a[c]?a.check_Child_State===2||a.check_Child_State===-1?d.FULL:d.PART:a.check_Child_State<1?d.FULL:d.PART,c=b.check.chkStyle+"_"+(a[c]?d.TRUE:d.FALSE)+"_"+i,c=a.check_Focus&&
+a.chkDisabled!==!0?c+"_"+d.FOCUS:c;return j.className.BUTTON+" "+d.DEFAULT+" "+c},repairAllChk:function(b,a){if(b.check.enable&&b.check.chkStyle===j.checkbox.STYLE)for(var c=b.data.key.checked,d=b.data.key.children,h=f.getRoot(b),i=0,l=h[d].length;i<l;i++){var g=h[d][i];g.nocheck!==!0&&g.chkDisabled!==!0&&(g[c]=a);e.setSonNodeCheckBox(b,g,a)}},repairChkClass:function(b,a){if(a&&(f.makeChkFlag(b,a),a.nocheck!==!0)){var c=n(a,j.id.CHECK,b);e.setChkClass(b,c,a)}},repairParentChkClass:function(b,a){if(a&&
+a.parentTId){var c=a.getParentNode();e.repairChkClass(b,c);e.repairParentChkClass(b,c)}},repairParentChkClassWithSelf:function(b,a){if(a){var c=b.data.key.children;a[c]&&a[c].length>0?e.repairParentChkClass(b,a[c][0]):e.repairParentChkClass(b,a)}},repairSonChkDisabled:function(b,a,c,d){if(a){var h=b.data.key.children;if(a.chkDisabled!=c)a.chkDisabled=c;e.repairChkClass(b,a);if(a[h]&&d)for(var i=0,l=a[h].length;i<l;i++)e.repairSonChkDisabled(b,a[h][i],c,d)}},repairParentChkDisabled:function(b,a,c,
+d){if(a){if(a.chkDisabled!=c&&d)a.chkDisabled=c;e.repairChkClass(b,a);e.repairParentChkDisabled(b,a.getParentNode(),c,d)}},setChkClass:function(b,a,c){a&&(c.nocheck===!0?a.hide():a.show(),a.removeClass(),a.addClass(e.makeChkClass(b,c)))},setParentNodeCheckBox:function(b,a,c,d){var h=b.data.key.children,i=b.data.key.checked,l=n(a,j.id.CHECK,b);d||(d=a);f.makeChkFlag(b,a);a.nocheck!==!0&&a.chkDisabled!==!0&&(a[i]=c,e.setChkClass(b,l,a),b.check.autoCheckTrigger&&a!=d&&b.treeObj.trigger(j.event.CHECK,
+[null,b.treeId,a]));if(a.parentTId){l=!0;if(!c)for(var h=a.getParentNode()[h],g=0,k=h.length;g<k;g++)if(h[g].nocheck!==!0&&h[g].chkDisabled!==!0&&h[g][i]||(h[g].nocheck===!0||h[g].chkDisabled===!0)&&h[g].check_Child_State>0){l=!1;break}l&&e.setParentNodeCheckBox(b,a.getParentNode(),c,d)}},setSonNodeCheckBox:function(b,a,c,d){if(a){var h=b.data.key.children,i=b.data.key.checked,l=n(a,j.id.CHECK,b);d||(d=a);var g=!1;if(a[h])for(var k=0,m=a[h].length;k<m&&a.chkDisabled!==!0;k++){var o=a[h][k];e.setSonNodeCheckBox(b,
+o,c,d);o.chkDisabled===!0&&(g=!0)}if(a!=f.getRoot(b)&&a.chkDisabled!==!0){g&&a.nocheck!==!0&&f.makeChkFlag(b,a);if(a.nocheck!==!0&&a.chkDisabled!==!0){if(a[i]=c,!g)a.check_Child_State=a[h]&&a[h].length>0?c?2:0:-1}else a.check_Child_State=-1;e.setChkClass(b,l,a);b.check.autoCheckTrigger&&a!=d&&a.nocheck!==!0&&a.chkDisabled!==!0&&b.treeObj.trigger(j.event.CHECK,[null,b.treeId,a])}}}},event:{},data:{getRadioCheckedList:function(b){for(var a=f.getRoot(b).radioCheckedList,c=0,d=a.length;c<d;c++)f.getNodeCache(b,
+a[c].tId)||(a.splice(c,1),c--,d--);return a},getCheckStatus:function(b,a){if(!b.check.enable||a.nocheck||a.chkDisabled)return null;var c=b.data.key.checked;return{checked:a[c],half:a.halfCheck?a.halfCheck:b.check.chkStyle==j.radio.STYLE?a.check_Child_State===2:a[c]?a.check_Child_State>-1&&a.check_Child_State<2:a.check_Child_State>0}},getTreeCheckedNodes:function(b,a,c,d){if(!a)return[];for(var h=b.data.key.children,i=b.data.key.checked,e=c&&b.check.chkStyle==j.radio.STYLE&&b.check.radioType==j.radio.TYPE_ALL,
+d=!d?[]:d,g=0,k=a.length;g<k;g++){if(a[g].nocheck!==!0&&a[g].chkDisabled!==!0&&a[g][i]==c&&(d.push(a[g]),e))break;f.getTreeCheckedNodes(b,a[g][h],c,d);if(e&&d.length>0)break}return d},getTreeChangeCheckedNodes:function(b,a,c){if(!a)return[];for(var d=b.data.key.children,h=b.data.key.checked,c=!c?[]:c,i=0,e=a.length;i<e;i++)a[i].nocheck!==!0&&a[i].chkDisabled!==!0&&a[i][h]!=a[i].checkedOld&&c.push(a[i]),f.getTreeChangeCheckedNodes(b,a[i][d],c);return c},makeChkFlag:function(b,a){if(a){var c=b.data.key.children,
+d=b.data.key.checked,h=-1;if(a[c])for(var i=0,e=a[c].length;i<e;i++){var g=a[c][i],f=-1;if(b.check.chkStyle==j.radio.STYLE)if(f=g.nocheck===!0||g.chkDisabled===!0?g.check_Child_State:g.halfCheck===!0?2:g[d]?2:g.check_Child_State>0?2:0,f==2){h=2;break}else f==0&&(h=0);else if(b.check.chkStyle==j.checkbox.STYLE)if(f=g.nocheck===!0||g.chkDisabled===!0?g.check_Child_State:g.halfCheck===!0?1:g[d]?g.check_Child_State===-1||g.check_Child_State===2?2:1:g.check_Child_State>0?1:0,f===1){h=1;break}else if(f===
+2&&h>-1&&i>0&&f!==h){h=1;break}else if(h===2&&f>-1&&f<2){h=1;break}else f>-1&&(h=f)}a.check_Child_State=h}}}});var m=m.fn.zTree,k=m._z.tools,j=m.consts,e=m._z.view,f=m._z.data,n=k.$;f.exSetting(v);f.addInitBind(function(b){b.treeObj.bind(j.event.CHECK,function(a,c,d,h){k.apply(b.callback.onCheck,[c?c:a,d,h])})});f.addInitUnBind(function(b){b.treeObj.unbind(j.event.CHECK)});f.addInitCache(function(){});f.addInitNode(function(b,a,c,d){if(c){a=b.data.key.checked;typeof c[a]=="string"&&(c[a]=k.eqs(c[a],
+"true"));c[a]=!!c[a];c.checkedOld=c[a];if(typeof c.nocheck=="string")c.nocheck=k.eqs(c.nocheck,"true");c.nocheck=!!c.nocheck||b.check.nocheckInherit&&d&&!!d.nocheck;if(typeof c.chkDisabled=="string")c.chkDisabled=k.eqs(c.chkDisabled,"true");c.chkDisabled=!!c.chkDisabled||b.check.chkDisabledInherit&&d&&!!d.chkDisabled;if(typeof c.halfCheck=="string")c.halfCheck=k.eqs(c.halfCheck,"true");c.halfCheck=!!c.halfCheck;c.check_Child_State=-1;c.check_Focus=!1;c.getCheckStatus=function(){return f.getCheckStatus(b,
+c)};b.check.chkStyle==j.radio.STYLE&&b.check.radioType==j.radio.TYPE_ALL&&c[a]&&f.getRoot(b).radioCheckedList.push(c)}});f.addInitProxy(function(b){var a=b.target,c=f.getSetting(b.data.treeId),d="",h=null,e="",l=null;if(k.eqs(b.type,"mouseover")){if(c.check.enable&&k.eqs(a.tagName,"span")&&a.getAttribute("treeNode"+j.id.CHECK)!==null)d=k.getNodeMainDom(a).id,e="mouseoverCheck"}else if(k.eqs(b.type,"mouseout")){if(c.check.enable&&k.eqs(a.tagName,"span")&&a.getAttribute("treeNode"+j.id.CHECK)!==null)d=
+k.getNodeMainDom(a).id,e="mouseoutCheck"}else if(k.eqs(b.type,"click")&&c.check.enable&&k.eqs(a.tagName,"span")&&a.getAttribute("treeNode"+j.id.CHECK)!==null)d=k.getNodeMainDom(a).id,e="checkNode";if(d.length>0)switch(h=f.getNodeCache(c,d),e){case "checkNode":l=p;break;case "mouseoverCheck":l=q;break;case "mouseoutCheck":l=r}return{stop:e==="checkNode",node:h,nodeEventType:e,nodeEventCallback:l,treeEventType:"",treeEventCallback:null}},!0);f.addInitRoot(function(b){f.getRoot(b).radioCheckedList=[]});
+f.addBeforeA(function(b,a,c){b.check.enable&&(f.makeChkFlag(b,a),c.push("<span ID='",a.tId,j.id.CHECK,"' class='",e.makeChkClass(b,a),"' treeNode",j.id.CHECK,a.nocheck===!0?" style='display:none;'":"","></span>"))});f.addZTreeTools(function(b,a){a.checkNode=function(a,c,i,f){var g=b.data.key.checked;if(a.chkDisabled!==!0&&(c!==!0&&c!==!1&&(c=!a[g]),f=!!f,(a[g]!==c||i)&&!(f&&k.apply(this.setting.callback.beforeCheck,[b.treeId,a],!0)==!1)&&k.uCanDo(this.setting)&&b.check.enable&&a.nocheck!==!0))a[g]=
+c,c=n(a,j.id.CHECK,b),(i||b.check.chkStyle===j.radio.STYLE)&&e.checkNodeRelation(b,a),e.setChkClass(b,c,a),e.repairParentChkClassWithSelf(b,a),f&&b.treeObj.trigger(j.event.CHECK,[null,b.treeId,a])};a.checkAllNodes=function(a){e.repairAllChk(b,!!a)};a.getCheckedNodes=function(a){var c=b.data.key.children;return f.getTreeCheckedNodes(b,f.getRoot(b)[c],a!==!1)};a.getChangeCheckedNodes=function(){var a=b.data.key.children;return f.getTreeChangeCheckedNodes(b,f.getRoot(b)[a])};a.setChkDisabled=function(a,
+c,f,j){c=!!c;f=!!f;e.repairSonChkDisabled(b,a,c,!!j);e.repairParentChkDisabled(b,a.getParentNode(),c,f)};var c=a.updateNode;a.updateNode=function(d,f){c&&c.apply(a,arguments);if(d&&b.check.enable&&n(d,b).get(0)&&k.uCanDo(b)){var i=n(d,j.id.CHECK,b);(f==!0||b.check.chkStyle===j.radio.STYLE)&&e.checkNodeRelation(b,d);e.setChkClass(b,i,d);e.repairParentChkClassWithSelf(b,d)}}});var s=e.createNodes;e.createNodes=function(b,a,c,d){s&&s.apply(e,arguments);c&&e.repairParentChkClassWithSelf(b,d)};var t=e.removeNode;
+e.removeNode=function(b,a){var c=a.getParentNode();t&&t.apply(e,arguments);a&&c&&(e.repairChkClass(b,c),e.repairParentChkClass(b,c))};var u=e.appendNodes;e.appendNodes=function(b,a,c,d,h,i){var j="";u&&(j=u.apply(e,arguments));d&&f.makeChkFlag(b,d);return j}})(jQuery);
+
+/*
+ * JQuery zTree exedit v3.5.15
+ * http://zTree.me/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2013-10-15
+ */
+(function(w){var I={event:{DRAG:"ztree_drag",DROP:"ztree_drop",REMOVE:"ztree_remove",RENAME:"ztree_rename"},id:{EDIT:"_edit",INPUT:"_input",REMOVE:"_remove"},move:{TYPE_INNER:"inner",TYPE_PREV:"prev",TYPE_NEXT:"next"},node:{CURSELECTED_EDIT:"curSelectedNode_Edit",TMPTARGET_TREE:"tmpTargetzTree",TMPTARGET_NODE:"tmpTargetNode"}},x={onHoverOverNode:function(b,a){var c=n.getSetting(b.data.treeId),d=n.getRoot(c);if(d.curHoverNode!=a)x.onHoverOutNode(b);d.curHoverNode=a;e.addHoverDom(c,a)},onHoverOutNode:function(b){var b=
+n.getSetting(b.data.treeId),a=n.getRoot(b);if(a.curHoverNode&&!n.isSelectedNode(b,a.curHoverNode))e.removeTreeDom(b,a.curHoverNode),a.curHoverNode=null},onMousedownNode:function(b,a){function c(b){if(B.dragFlag==0&&Math.abs(N-b.clientX)<f.edit.drag.minMoveSize&&Math.abs(O-b.clientY)<f.edit.drag.minMoveSize)return!0;var a,c,o,k,i;i=f.data.key.children;M.css("cursor","pointer");if(B.dragFlag==0){if(g.apply(f.callback.beforeDrag,[f.treeId,m],!0)==!1)return l(b),!0;for(a=0,c=m.length;a<c;a++){if(a==0)B.dragNodeShowBefore=
+[];o=m[a];o.isParent&&o.open?(e.expandCollapseNode(f,o,!o.open),B.dragNodeShowBefore[o.tId]=!0):B.dragNodeShowBefore[o.tId]=!1}B.dragFlag=1;t.showHoverDom=!1;g.showIfameMask(f,!0);o=!0;k=-1;if(m.length>1){var j=m[0].parentTId?m[0].getParentNode()[i]:n.getNodes(f);i=[];for(a=0,c=j.length;a<c;a++)if(B.dragNodeShowBefore[j[a].tId]!==void 0&&(o&&k>-1&&k+1!==a&&(o=!1),i.push(j[a]),k=a),m.length===i.length){m=i;break}}o&&(H=m[0].getPreNode(),R=m[m.length-1].getNextNode());C=p("<ul class='zTreeDragUL'></ul>",
+f);for(a=0,c=m.length;a<c;a++)if(o=m[a],o.editNameFlag=!1,e.selectNode(f,o,a>0),e.removeTreeDom(f,o),k=p("<li id='"+o.tId+"_tmp'></li>",f),k.append(p(o,d.id.A,f).clone()),k.css("padding","0"),k.children("#"+o.tId+d.id.A).removeClass(d.node.CURSELECTED),C.append(k),a==f.edit.drag.maxShowNodeNum-1){k=p("<li id='"+o.tId+"_moretmp'><a>  ...  </a></li>",f);C.append(k);break}C.attr("id",m[0].tId+d.id.UL+"_tmp");C.addClass(f.treeObj.attr("class"));C.appendTo(M);A=p("<span class='tmpzTreeMove_arrow'></span>",
+f);A.attr("id","zTreeMove_arrow_tmp");A.appendTo(M);f.treeObj.trigger(d.event.DRAG,[b,f.treeId,m])}if(B.dragFlag==1){s&&A.attr("id")==b.target.id&&u&&b.clientX+F.scrollLeft()+2>w("#"+u+d.id.A,s).offset().left?(o=w("#"+u+d.id.A,s),b.target=o.length>0?o.get(0):b.target):s&&(s.removeClass(d.node.TMPTARGET_TREE),u&&w("#"+u+d.id.A,s).removeClass(d.node.TMPTARGET_NODE+"_"+d.move.TYPE_PREV).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_NEXT).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_INNER));
+u=s=null;J=!1;h=f;o=n.getSettings();for(var D in o)if(o[D].treeId&&o[D].edit.enable&&o[D].treeId!=f.treeId&&(b.target.id==o[D].treeId||w(b.target).parents("#"+o[D].treeId).length>0))J=!0,h=o[D];D=F.scrollTop();k=F.scrollLeft();i=h.treeObj.offset();a=h.treeObj.get(0).scrollHeight;o=h.treeObj.get(0).scrollWidth;c=b.clientY+D-i.top;var q=h.treeObj.height()+i.top-b.clientY-D,r=b.clientX+k-i.left,x=h.treeObj.width()+i.left-b.clientX-k;i=c<f.edit.drag.borderMax&&c>f.edit.drag.borderMin;var j=q<f.edit.drag.borderMax&&
+q>f.edit.drag.borderMin,K=r<f.edit.drag.borderMax&&r>f.edit.drag.borderMin,G=x<f.edit.drag.borderMax&&x>f.edit.drag.borderMin,q=c>f.edit.drag.borderMin&&q>f.edit.drag.borderMin&&r>f.edit.drag.borderMin&&x>f.edit.drag.borderMin,r=i&&h.treeObj.scrollTop()<=0,x=j&&h.treeObj.scrollTop()+h.treeObj.height()+10>=a,P=K&&h.treeObj.scrollLeft()<=0,Q=G&&h.treeObj.scrollLeft()+h.treeObj.width()+10>=o;if(b.target&&g.isChildOrSelf(b.target,h.treeId)){for(var E=b.target;E&&E.tagName&&!g.eqs(E.tagName,"li")&&E.id!=
+h.treeId;)E=E.parentNode;var S=!0;for(a=0,c=m.length;a<c;a++)if(o=m[a],E.id===o.tId){S=!1;break}else if(p(o,f).find("#"+E.id).length>0){S=!1;break}if(S&&b.target&&g.isChildOrSelf(b.target,E.id+d.id.A))s=w(E),u=E.id}o=m[0];if(q&&g.isChildOrSelf(b.target,h.treeId)){if(!s&&(b.target.id==h.treeId||r||x||P||Q)&&(J||!J&&o.parentTId))s=h.treeObj;i?h.treeObj.scrollTop(h.treeObj.scrollTop()-10):j&&h.treeObj.scrollTop(h.treeObj.scrollTop()+10);K?h.treeObj.scrollLeft(h.treeObj.scrollLeft()-10):G&&h.treeObj.scrollLeft(h.treeObj.scrollLeft()+
+10);s&&s!=h.treeObj&&s.offset().left<h.treeObj.offset().left&&h.treeObj.scrollLeft(h.treeObj.scrollLeft()+s.offset().left-h.treeObj.offset().left)}C.css({top:b.clientY+D+3+"px",left:b.clientX+k+3+"px"});i=a=0;if(s&&s.attr("id")!=h.treeId){var y=u==null?null:n.getNodeCache(h,u);c=b.ctrlKey&&f.edit.drag.isMove&&f.edit.drag.isCopy||!f.edit.drag.isMove&&f.edit.drag.isCopy;a=!!(H&&u===H.tId);i=!!(R&&u===R.tId);k=o.parentTId&&o.parentTId==u;o=(c||!i)&&g.apply(h.edit.drag.prev,[h.treeId,m,y],!!h.edit.drag.prev);
+a=(c||!a)&&g.apply(h.edit.drag.next,[h.treeId,m,y],!!h.edit.drag.next);G=(c||!k)&&!(h.data.keep.leaf&&!y.isParent)&&g.apply(h.edit.drag.inner,[h.treeId,m,y],!!h.edit.drag.inner);if(!o&&!a&&!G){if(s=null,u="",v=d.move.TYPE_INNER,A.css({display:"none"}),window.zTreeMoveTimer)clearTimeout(window.zTreeMoveTimer),window.zTreeMoveTargetNodeTId=null}else{c=w("#"+u+d.id.A,s);i=y.isLastNode?null:w("#"+y.getNextNode().tId+d.id.A,s.next());j=c.offset().top;k=c.offset().left;K=o?G?0.25:a?0.5:1:-1;G=a?G?0.75:
+o?0.5:0:-1;b=(b.clientY+D-j)/c.height();(K==1||b<=K&&b>=-0.2)&&o?(a=1-A.width(),i=j-A.height()/2,v=d.move.TYPE_PREV):(G==0||b>=G&&b<=1.2)&&a?(a=1-A.width(),i=i==null||y.isParent&&y.open?j+c.height()-A.height()/2:i.offset().top-A.height()/2,v=d.move.TYPE_NEXT):(a=5-A.width(),i=j,v=d.move.TYPE_INNER);A.css({display:"block",top:i+"px",left:k+a+"px"});c.addClass(d.node.TMPTARGET_NODE+"_"+v);if(T!=u||U!=v)L=(new Date).getTime();if(y&&y.isParent&&v==d.move.TYPE_INNER&&(b=!0,window.zTreeMoveTimer&&window.zTreeMoveTargetNodeTId!==
+y.tId?(clearTimeout(window.zTreeMoveTimer),window.zTreeMoveTargetNodeTId=null):window.zTreeMoveTimer&&window.zTreeMoveTargetNodeTId===y.tId&&(b=!1),b))window.zTreeMoveTimer=setTimeout(function(){v==d.move.TYPE_INNER&&y&&y.isParent&&!y.open&&(new Date).getTime()-L>h.edit.drag.autoOpenTime&&g.apply(h.callback.beforeDragOpen,[h.treeId,y],!0)&&(e.switchNode(h,y),h.edit.drag.autoExpandTrigger&&h.treeObj.trigger(d.event.EXPAND,[h.treeId,y]))},h.edit.drag.autoOpenTime+50),window.zTreeMoveTargetNodeTId=y.tId}}else if(v=
+d.move.TYPE_INNER,s&&g.apply(h.edit.drag.inner,[h.treeId,m,null],!!h.edit.drag.inner)?s.addClass(d.node.TMPTARGET_TREE):s=null,A.css({display:"none"}),window.zTreeMoveTimer)clearTimeout(window.zTreeMoveTimer),window.zTreeMoveTargetNodeTId=null;T=u;U=v}return!1}function l(b){if(window.zTreeMoveTimer)clearTimeout(window.zTreeMoveTimer),window.zTreeMoveTargetNodeTId=null;U=T=null;F.unbind("mousemove",c);F.unbind("mouseup",l);F.unbind("selectstart",k);M.css("cursor","auto");s&&(s.removeClass(d.node.TMPTARGET_TREE),
+u&&w("#"+u+d.id.A,s).removeClass(d.node.TMPTARGET_NODE+"_"+d.move.TYPE_PREV).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_NEXT).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_INNER));g.showIfameMask(f,!1);t.showHoverDom=!0;if(B.dragFlag!=0){B.dragFlag=0;var a,i,j;for(a=0,i=m.length;a<i;a++)j=m[a],j.isParent&&B.dragNodeShowBefore[j.tId]&&!j.open&&(e.expandCollapseNode(f,j,!j.open),delete B.dragNodeShowBefore[j.tId]);C&&C.remove();A&&A.remove();var q=b.ctrlKey&&f.edit.drag.isMove&&f.edit.drag.isCopy||
+!f.edit.drag.isMove&&f.edit.drag.isCopy;!q&&s&&u&&m[0].parentTId&&u==m[0].parentTId&&v==d.move.TYPE_INNER&&(s=null);if(s){var r=u==null?null:n.getNodeCache(h,u);if(g.apply(f.callback.beforeDrop,[h.treeId,m,r,v,q],!0)==!1)e.selectNodes(x,m);else{var z=q?g.clone(m):m;a=function(){if(J){if(!q)for(var a=0,c=m.length;a<c;a++)e.removeNode(f,m[a]);if(v==d.move.TYPE_INNER)e.addNodes(h,r,z);else if(e.addNodes(h,r.getParentNode(),z),v==d.move.TYPE_PREV)for(a=0,c=z.length;a<c;a++)e.moveNode(h,r,z[a],v,!1);else for(a=
+-1,c=z.length-1;a<c;c--)e.moveNode(h,r,z[c],v,!1)}else if(q&&v==d.move.TYPE_INNER)e.addNodes(h,r,z);else if(q&&e.addNodes(h,r.getParentNode(),z),v!=d.move.TYPE_NEXT)for(a=0,c=z.length;a<c;a++)e.moveNode(h,r,z[a],v,!1);else for(a=-1,c=z.length-1;a<c;c--)e.moveNode(h,r,z[c],v,!1);e.selectNodes(h,z);p(z[0],f).focus().blur();f.treeObj.trigger(d.event.DROP,[b,h.treeId,z,r,v,q])};v==d.move.TYPE_INNER&&g.canAsync(h,r)?e.asyncNode(h,r,!1,a):a()}}else e.selectNodes(x,m),f.treeObj.trigger(d.event.DROP,[b,f.treeId,
+m,null,null,null])}}function k(){return!1}var i,j,f=n.getSetting(b.data.treeId),B=n.getRoot(f),t=n.getRoots();if(b.button==2||!f.edit.enable||!f.edit.drag.isCopy&&!f.edit.drag.isMove)return!0;var q=b.target,r=n.getRoot(f).curSelectedList,m=[];if(n.isSelectedNode(f,a))for(i=0,j=r.length;i<j;i++){if(r[i].editNameFlag&&g.eqs(q.tagName,"input")&&q.getAttribute("treeNode"+d.id.INPUT)!==null)return!0;m.push(r[i]);if(m[0].parentTId!==r[i].parentTId){m=[a];break}}else m=[a];e.editNodeBlur=!0;e.cancelCurEditNode(f);
+var F=w(f.treeObj.get(0).ownerDocument),M=w(f.treeObj.get(0).ownerDocument.body),C,A,s,J=!1,h=f,x=f,H,R,T=null,U=null,u=null,v=d.move.TYPE_INNER,N=b.clientX,O=b.clientY,L=(new Date).getTime();g.uCanDo(f)&&F.bind("mousemove",c);F.bind("mouseup",l);F.bind("selectstart",k);b.preventDefault&&b.preventDefault();return!0}};w.extend(!0,w.fn.zTree.consts,I);w.extend(!0,w.fn.zTree._z,{tools:{getAbs:function(b){b=b.getBoundingClientRect();return[b.left+(document.body.scrollLeft+document.documentElement.scrollLeft),
+b.top+(document.body.scrollTop+document.documentElement.scrollTop)]},inputFocus:function(b){b.get(0)&&(b.focus(),g.setCursorPosition(b.get(0),b.val().length))},inputSelect:function(b){b.get(0)&&(b.focus(),b.select())},setCursorPosition:function(b,a){if(b.setSelectionRange)b.focus(),b.setSelectionRange(a,a);else if(b.createTextRange){var c=b.createTextRange();c.collapse(!0);c.moveEnd("character",a);c.moveStart("character",a);c.select()}},showIfameMask:function(b,a){for(var c=n.getRoot(b);c.dragMaskList.length>
+0;)c.dragMaskList[0].remove(),c.dragMaskList.shift();if(a)for(var d=p("iframe",b),e=0,i=d.length;e<i;e++){var j=d.get(e),f=g.getAbs(j),j=p("<div id='zTreeMask_"+e+"' class='zTreeMask' style='top:"+f[1]+"px; left:"+f[0]+"px; width:"+j.offsetWidth+"px; height:"+j.offsetHeight+"px;'></div>",b);j.appendTo(p("body",b));c.dragMaskList.push(j)}}},view:{addEditBtn:function(b,a){if(!(a.editNameFlag||p(a,d.id.EDIT,b).length>0)&&g.apply(b.edit.showRenameBtn,[b.treeId,a],b.edit.showRenameBtn)){var c=p(a,d.id.A,
+b),l="<span class='"+d.className.BUTTON+" edit' id='"+a.tId+d.id.EDIT+"' title='"+g.apply(b.edit.renameTitle,[b.treeId,a],b.edit.renameTitle)+"' treeNode"+d.id.EDIT+" style='display:none;'></span>";c.append(l);p(a,d.id.EDIT,b).bind("click",function(){if(!g.uCanDo(b)||g.apply(b.callback.beforeEditName,[b.treeId,a],!0)==!1)return!1;e.editNode(b,a);return!1}).show()}},addRemoveBtn:function(b,a){if(!(a.editNameFlag||p(a,d.id.REMOVE,b).length>0)&&g.apply(b.edit.showRemoveBtn,[b.treeId,a],b.edit.showRemoveBtn)){var c=
+p(a,d.id.A,b),l="<span class='"+d.className.BUTTON+" remove' id='"+a.tId+d.id.REMOVE+"' title='"+g.apply(b.edit.removeTitle,[b.treeId,a],b.edit.removeTitle)+"' treeNode"+d.id.REMOVE+" style='display:none;'></span>";c.append(l);p(a,d.id.REMOVE,b).bind("click",function(){if(!g.uCanDo(b)||g.apply(b.callback.beforeRemove,[b.treeId,a],!0)==!1)return!1;e.removeNode(b,a);b.treeObj.trigger(d.event.REMOVE,[b.treeId,a]);return!1}).bind("mousedown",function(){return!0}).show()}},addHoverDom:function(b,a){if(n.getRoots().showHoverDom)a.isHover=
+!0,b.edit.enable&&(e.addEditBtn(b,a),e.addRemoveBtn(b,a)),g.apply(b.view.addHoverDom,[b.treeId,a])},cancelCurEditNode:function(b,a,c){var l=n.getRoot(b),k=b.data.key.name,i=l.curEditNode;if(i){var j=l.curEditInput,a=a?a:c?i[k]:j.val();if(g.apply(b.callback.beforeRename,[b.treeId,i,a,c],!0)===!1)return!1;else i[k]=a,b.treeObj.trigger(d.event.RENAME,[b.treeId,i,c]);p(i,d.id.A,b).removeClass(d.node.CURSELECTED_EDIT);j.unbind();e.setNodeName(b,i);i.editNameFlag=!1;l.curEditNode=null;l.curEditInput=null;
+e.selectNode(b,i,!1)}return l.noSelection=!0},editNode:function(b,a){var c=n.getRoot(b);e.editNodeBlur=!1;if(n.isSelectedNode(b,a)&&c.curEditNode==a&&a.editNameFlag)setTimeout(function(){g.inputFocus(c.curEditInput)},0);else{var l=b.data.key.name;a.editNameFlag=!0;e.removeTreeDom(b,a);e.cancelCurEditNode(b);e.selectNode(b,a,!1);p(a,d.id.SPAN,b).html("<input type=text class='rename' id='"+a.tId+d.id.INPUT+"' treeNode"+d.id.INPUT+" >");var k=p(a,d.id.INPUT,b);k.attr("value",a[l]);b.edit.editNameSelectAll?
+g.inputSelect(k):g.inputFocus(k);k.bind("blur",function(){e.editNodeBlur||e.cancelCurEditNode(b)}).bind("keydown",function(a){a.keyCode=="13"?(e.editNodeBlur=!0,e.cancelCurEditNode(b)):a.keyCode=="27"&&e.cancelCurEditNode(b,null,!0)}).bind("click",function(){return!1}).bind("dblclick",function(){return!1});p(a,d.id.A,b).addClass(d.node.CURSELECTED_EDIT);c.curEditInput=k;c.noSelection=!1;c.curEditNode=a}},moveNode:function(b,a,c,l,k,i){var j=n.getRoot(b),f=b.data.key.children;if(a!=c&&(!b.data.keep.leaf||
+!a||a.isParent||l!=d.move.TYPE_INNER)){var g=c.parentTId?c.getParentNode():j,t=a===null||a==j;t&&a===null&&(a=j);if(t)l=d.move.TYPE_INNER;j=a.parentTId?a.getParentNode():j;if(l!=d.move.TYPE_PREV&&l!=d.move.TYPE_NEXT)l=d.move.TYPE_INNER;if(l==d.move.TYPE_INNER)if(t)c.parentTId=null;else{if(!a.isParent)a.isParent=!0,a.open=!!a.open,e.setNodeLineIcos(b,a);c.parentTId=a.tId}var q;t?q=t=b.treeObj:(!i&&l==d.move.TYPE_INNER?e.expandCollapseNode(b,a,!0,!1):i||e.expandCollapseNode(b,a.getParentNode(),!0,!1),
+t=p(a,b),q=p(a,d.id.UL,b),t.get(0)&&!q.get(0)&&(q=[],e.makeUlHtml(b,a,q,""),t.append(q.join(""))),q=p(a,d.id.UL,b));var r=p(c,b);r.get(0)?t.get(0)||r.remove():r=e.appendNodes(b,c.level,[c],null,!1,!0).join("");q.get(0)&&l==d.move.TYPE_INNER?q.append(r):t.get(0)&&l==d.move.TYPE_PREV?t.before(r):t.get(0)&&l==d.move.TYPE_NEXT&&t.after(r);var m=-1,w=0,x=null,t=null,C=c.level;if(c.isFirstNode){if(m=0,g[f].length>1)x=g[f][1],x.isFirstNode=!0}else if(c.isLastNode)m=g[f].length-1,x=g[f][m-1],x.isLastNode=
+!0;else for(q=0,r=g[f].length;q<r;q++)if(g[f][q].tId==c.tId){m=q;break}m>=0&&g[f].splice(m,1);if(l!=d.move.TYPE_INNER)for(q=0,r=j[f].length;q<r;q++)j[f][q].tId==a.tId&&(w=q);if(l==d.move.TYPE_INNER){a[f]||(a[f]=[]);if(a[f].length>0)t=a[f][a[f].length-1],t.isLastNode=!1;a[f].splice(a[f].length,0,c);c.isLastNode=!0;c.isFirstNode=a[f].length==1}else a.isFirstNode&&l==d.move.TYPE_PREV?(j[f].splice(w,0,c),t=a,t.isFirstNode=!1,c.parentTId=a.parentTId,c.isFirstNode=!0,c.isLastNode=!1):a.isLastNode&&l==d.move.TYPE_NEXT?
+(j[f].splice(w+1,0,c),t=a,t.isLastNode=!1,c.parentTId=a.parentTId,c.isFirstNode=!1,c.isLastNode=!0):(l==d.move.TYPE_PREV?j[f].splice(w,0,c):j[f].splice(w+1,0,c),c.parentTId=a.parentTId,c.isFirstNode=!1,c.isLastNode=!1);n.fixPIdKeyValue(b,c);n.setSonNodeLevel(b,c.getParentNode(),c);e.setNodeLineIcos(b,c);e.repairNodeLevelClass(b,c,C);!b.data.keep.parent&&g[f].length<1?(g.isParent=!1,g.open=!1,a=p(g,d.id.UL,b),l=p(g,d.id.SWITCH,b),f=p(g,d.id.ICON,b),e.replaceSwitchClass(g,l,d.folder.DOCU),e.replaceIcoClass(g,
+f,d.folder.DOCU),a.css("display","none")):x&&e.setNodeLineIcos(b,x);t&&e.setNodeLineIcos(b,t);b.check&&b.check.enable&&e.repairChkClass&&(e.repairChkClass(b,g),e.repairParentChkClassWithSelf(b,g),g!=c.parent&&e.repairParentChkClassWithSelf(b,c));i||e.expandCollapseParentNode(b,c.getParentNode(),!0,k)}},removeEditBtn:function(b,a){p(a,d.id.EDIT,b).unbind().remove()},removeRemoveBtn:function(b,a){p(a,d.id.REMOVE,b).unbind().remove()},removeTreeDom:function(b,a){a.isHover=!1;e.removeEditBtn(b,a);e.removeRemoveBtn(b,
+a);g.apply(b.view.removeHoverDom,[b.treeId,a])},repairNodeLevelClass:function(b,a,c){if(c!==a.level){var e=p(a,b),g=p(a,d.id.A,b),b=p(a,d.id.UL,b),c=d.className.LEVEL+c,a=d.className.LEVEL+a.level;e.removeClass(c);e.addClass(a);g.removeClass(c);g.addClass(a);b.removeClass(c);b.addClass(a)}},selectNodes:function(b,a){for(var c=0,d=a.length;c<d;c++)e.selectNode(b,a[c],c>0)}},event:{},data:{setSonNodeLevel:function(b,a,c){if(c){var d=b.data.key.children;c.level=a?a.level+1:0;if(c[d])for(var a=0,e=c[d].length;a<
+e;a++)c[d][a]&&n.setSonNodeLevel(b,c,c[d][a])}}}});var H=w.fn.zTree,g=H._z.tools,d=H.consts,e=H._z.view,n=H._z.data,p=g.$;n.exSetting({edit:{enable:!1,editNameSelectAll:!1,showRemoveBtn:!0,showRenameBtn:!0,removeTitle:"remove",renameTitle:"rename",drag:{autoExpandTrigger:!1,isCopy:!0,isMove:!0,prev:!0,next:!0,inner:!0,minMoveSize:5,borderMax:10,borderMin:-5,maxShowNodeNum:5,autoOpenTime:500}},view:{addHoverDom:null,removeHoverDom:null},callback:{beforeDrag:null,beforeDragOpen:null,beforeDrop:null,
+beforeEditName:null,beforeRename:null,onDrag:null,onDrop:null,onRename:null}});n.addInitBind(function(b){var a=b.treeObj,c=d.event;a.bind(c.RENAME,function(a,c,d,e){g.apply(b.callback.onRename,[a,c,d,e])});a.bind(c.REMOVE,function(a,c,d){g.apply(b.callback.onRemove,[a,c,d])});a.bind(c.DRAG,function(a,c,d,e){g.apply(b.callback.onDrag,[c,d,e])});a.bind(c.DROP,function(a,c,d,e,f,n,p){g.apply(b.callback.onDrop,[c,d,e,f,n,p])})});n.addInitUnBind(function(b){var b=b.treeObj,a=d.event;b.unbind(a.RENAME);
+b.unbind(a.REMOVE);b.unbind(a.DRAG);b.unbind(a.DROP)});n.addInitCache(function(){});n.addInitNode(function(b,a,c){if(c)c.isHover=!1,c.editNameFlag=!1});n.addInitProxy(function(b){var a=b.target,c=n.getSetting(b.data.treeId),e=b.relatedTarget,k="",i=null,j="",f=null,p=null;if(g.eqs(b.type,"mouseover")){if(p=g.getMDom(c,a,[{tagName:"a",attrName:"treeNode"+d.id.A}]))k=g.getNodeMainDom(p).id,j="hoverOverNode"}else if(g.eqs(b.type,"mouseout"))p=g.getMDom(c,e,[{tagName:"a",attrName:"treeNode"+d.id.A}]),
+p||(k="remove",j="hoverOutNode");else if(g.eqs(b.type,"mousedown")&&(p=g.getMDom(c,a,[{tagName:"a",attrName:"treeNode"+d.id.A}])))k=g.getNodeMainDom(p).id,j="mousedownNode";if(k.length>0)switch(i=n.getNodeCache(c,k),j){case "mousedownNode":f=x.onMousedownNode;break;case "hoverOverNode":f=x.onHoverOverNode;break;case "hoverOutNode":f=x.onHoverOutNode}return{stop:!1,node:i,nodeEventType:j,nodeEventCallback:f,treeEventType:"",treeEventCallback:null}});n.addInitRoot(function(b){var b=n.getRoot(b),a=n.getRoots();
+b.curEditNode=null;b.curEditInput=null;b.curHoverNode=null;b.dragFlag=0;b.dragNodeShowBefore=[];b.dragMaskList=[];a.showHoverDom=!0});n.addZTreeTools(function(b,a){a.cancelEditName=function(a){n.getRoot(b).curEditNode&&e.cancelCurEditNode(b,a?a:null,!0)};a.copyNode=function(a,l,k,i){if(!l)return null;if(a&&!a.isParent&&b.data.keep.leaf&&k===d.move.TYPE_INNER)return null;var j=g.clone(l);if(!a)a=null,k=d.move.TYPE_INNER;k==d.move.TYPE_INNER?(l=function(){e.addNodes(b,a,[j],i)},g.canAsync(b,a)?e.asyncNode(b,
+a,i,l):l()):(e.addNodes(b,a.parentNode,[j],i),e.moveNode(b,a,j,k,!1,i));return j};a.editName=function(a){a&&a.tId&&a===n.getNodeCache(b,a.tId)&&(a.parentTId&&e.expandCollapseParentNode(b,a.getParentNode(),!0),e.editNode(b,a))};a.moveNode=function(a,l,k,i){function j(){e.moveNode(b,a,l,k,!1,i)}if(!l)return l;if(a&&!a.isParent&&b.data.keep.leaf&&k===d.move.TYPE_INNER)return null;else if(a&&(l.parentTId==a.tId&&k==d.move.TYPE_INNER||p(l,b).find("#"+a.tId).length>0))return null;else a||(a=null);g.canAsync(b,
+a)&&k===d.move.TYPE_INNER?e.asyncNode(b,a,i,j):j();return l};a.setEditable=function(a){b.edit.enable=a;return this.refresh()}});var N=e.cancelPreSelectedNode;e.cancelPreSelectedNode=function(b,a){for(var c=n.getRoot(b).curSelectedList,d=0,g=c.length;d<g;d++)if(!a||a===c[d])if(e.removeTreeDom(b,c[d]),a)break;N&&N.apply(e,arguments)};var O=e.createNodes;e.createNodes=function(b,a,c,d){O&&O.apply(e,arguments);c&&e.repairParentChkClassWithSelf&&e.repairParentChkClassWithSelf(b,d)};var V=e.makeNodeUrl;
+e.makeNodeUrl=function(b,a){return b.edit.enable?null:V.apply(e,arguments)};var L=e.removeNode;e.removeNode=function(b,a){var c=n.getRoot(b);if(c.curEditNode===a)c.curEditNode=null;L&&L.apply(e,arguments)};var P=e.selectNode;e.selectNode=function(b,a,c){var d=n.getRoot(b);if(n.isSelectedNode(b,a)&&d.curEditNode==a&&a.editNameFlag)return!1;P&&P.apply(e,arguments);e.addHoverDom(b,a);return!0};var Q=g.uCanDo;g.uCanDo=function(b,a){var c=n.getRoot(b);if(a&&(g.eqs(a.type,"mouseover")||g.eqs(a.type,"mouseout")||
+g.eqs(a.type,"mousedown")||g.eqs(a.type,"mouseup")))return!0;if(c.curEditNode)e.editNodeBlur=!1,c.curEditInput.focus();return!c.curEditNode&&(Q?Q.apply(e,arguments):!0)}})(jQuery);
+
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.core-3.5.js b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.core-3.5.js
new file mode 100644
index 00000000..2b274e32
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.core-3.5.js	
@@ -0,0 +1,1677 @@
+/*
+ * JQuery zTree core v3.5.15
+ * http://zTree.me/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2013-10-15
+ */
+(function($){
+	var settings = {}, roots = {}, caches = {},
+	//default consts of core
+	_consts = {
+		className: {
+			BUTTON: "button",
+			LEVEL: "level",
+			ICO_LOADING: "ico_loading",
+			SWITCH: "switch"
+		},
+		event: {
+			NODECREATED: "ztree_nodeCreated",
+			CLICK: "ztree_click",
+			EXPAND: "ztree_expand",
+			COLLAPSE: "ztree_collapse",
+			ASYNC_SUCCESS: "ztree_async_success",
+			ASYNC_ERROR: "ztree_async_error"
+		},
+		id: {
+			A: "_a",
+			ICON: "_ico",
+			SPAN: "_span",
+			SWITCH: "_switch",
+			UL: "_ul"
+		},
+		line: {
+			ROOT: "root",
+			ROOTS: "roots",
+			CENTER: "center",
+			BOTTOM: "bottom",
+			NOLINE: "noline",
+			LINE: "line"
+		},
+		folder: {
+			OPEN: "open",
+			CLOSE: "close",
+			DOCU: "docu"
+		},
+		node: {
+			CURSELECTED: "curSelectedNode"
+		}
+	},
+	//default setting of core
+	_setting = {
+		treeId: "",
+		treeObj: null,
+		view: {
+			addDiyDom: null,
+			autoCancelSelected: true,
+			dblClickExpand: true,
+			expandSpeed: "fast",
+			fontCss: {},
+			nameIsHTML: false,
+			selectedMulti: true,
+			showIcon: true,
+			showLine: true,
+			showTitle: true,
+			txtSelectedEnable: false
+		},
+		data: {
+			key: {
+				children: "children",
+				name: "name",
+				title: "",
+				url: "url"
+			},
+			simpleData: {
+				enable: false,
+				idKey: "id",
+				pIdKey: "pId",
+				rootPId: null
+			},
+			keep: {
+				parent: false,
+				leaf: false
+			}
+		},
+		async: {
+			enable: false,
+			contentType: "application/x-www-form-urlencoded",
+			type: "post",
+			dataType: "text",
+			url: "",
+			autoParam: [],
+			otherParam: [],
+			dataFilter: null
+		},
+		callback: {
+			beforeAsync:null,
+			beforeClick:null,
+			beforeDblClick:null,
+			beforeRightClick:null,
+			beforeMouseDown:null,
+			beforeMouseUp:null,
+			beforeExpand:null,
+			beforeCollapse:null,
+			beforeRemove:null,
+
+			onAsyncError:null,
+			onAsyncSuccess:null,
+			onNodeCreated:null,
+			onClick:null,
+			onDblClick:null,
+			onRightClick:null,
+			onMouseDown:null,
+			onMouseUp:null,
+			onExpand:null,
+			onCollapse:null,
+			onRemove:null
+		}
+	},
+	//default root of core
+	//zTree use root to save full data
+	_initRoot = function (setting) {
+		var r = data.getRoot(setting);
+		if (!r) {
+			r = {};
+			data.setRoot(setting, r);
+		}
+		r[setting.data.key.children] = [];
+		r.expandTriggerFlag = false;
+		r.curSelectedList = [];
+		r.noSelection = true;
+		r.createdNodes = [];
+		r.zId = 0;
+		r._ver = (new Date()).getTime();
+	},
+	//default cache of core
+	_initCache = function(setting) {
+		var c = data.getCache(setting);
+		if (!c) {
+			c = {};
+			data.setCache(setting, c);
+		}
+		c.nodes = [];
+		c.doms = [];
+	},
+	//default bindEvent of core
+	_bindEvent = function(setting) {
+		var o = setting.treeObj,
+		c = consts.event;
+		o.bind(c.NODECREATED, function (event, treeId, node) {
+			tools.apply(setting.callback.onNodeCreated, [event, treeId, node]);
+		});
+
+		o.bind(c.CLICK, function (event, srcEvent, treeId, node, clickFlag) {
+			tools.apply(setting.callback.onClick, [srcEvent, treeId, node, clickFlag]);
+		});
+
+		o.bind(c.EXPAND, function (event, treeId, node) {
+			tools.apply(setting.callback.onExpand, [event, treeId, node]);
+		});
+
+		o.bind(c.COLLAPSE, function (event, treeId, node) {
+			tools.apply(setting.callback.onCollapse, [event, treeId, node]);
+		});
+
+		o.bind(c.ASYNC_SUCCESS, function (event, treeId, node, msg) {
+			tools.apply(setting.callback.onAsyncSuccess, [event, treeId, node, msg]);
+		});
+
+		o.bind(c.ASYNC_ERROR, function (event, treeId, node, XMLHttpRequest, textStatus, errorThrown) {
+			tools.apply(setting.callback.onAsyncError, [event, treeId, node, XMLHttpRequest, textStatus, errorThrown]);
+		});
+	},
+	_unbindEvent = function(setting) {
+		var o = setting.treeObj,
+		c = consts.event;
+		o.unbind(c.NODECREATED)
+		.unbind(c.CLICK)
+		.unbind(c.EXPAND)
+		.unbind(c.COLLAPSE)
+		.unbind(c.ASYNC_SUCCESS)
+		.unbind(c.ASYNC_ERROR);
+	},
+	//default event proxy of core
+	_eventProxy = function(event) {
+		var target = event.target,
+		setting = data.getSetting(event.data.treeId),
+		tId = "", node = null,
+		nodeEventType = "", treeEventType = "",
+		nodeEventCallback = null, treeEventCallback = null,
+		tmp = null;
+
+		if (tools.eqs(event.type, "mousedown")) {
+			treeEventType = "mousedown";
+		} else if (tools.eqs(event.type, "mouseup")) {
+			treeEventType = "mouseup";
+		} else if (tools.eqs(event.type, "contextmenu")) {
+			treeEventType = "contextmenu";
+		} else if (tools.eqs(event.type, "click")) {
+			if (tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.SWITCH) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "switchNode";
+			} else {
+				tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);
+				if (tmp) {
+					tId = tools.getNodeMainDom(tmp).id;
+					nodeEventType = "clickNode";
+				}
+			}
+		} else if (tools.eqs(event.type, "dblclick")) {
+			treeEventType = "dblclick";
+			tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);
+			if (tmp) {
+				tId = tools.getNodeMainDom(tmp).id;
+				nodeEventType = "switchNode";
+			}
+		}
+		if (treeEventType.length > 0 && tId.length == 0) {
+			tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);
+			if (tmp) {tId = tools.getNodeMainDom(tmp).id;}
+		}
+		// event to node
+		if (tId.length>0) {
+			node = data.getNodeCache(setting, tId);
+			switch (nodeEventType) {
+				case "switchNode" :
+					if (!node.isParent) {
+						nodeEventType = "";
+					} else if (tools.eqs(event.type, "click")
+						|| (tools.eqs(event.type, "dblclick") && tools.apply(setting.view.dblClickExpand, [setting.treeId, node], setting.view.dblClickExpand))) {
+						nodeEventCallback = handler.onSwitchNode;
+					} else {
+						nodeEventType = "";
+					}
+					break;
+				case "clickNode" :
+					nodeEventCallback = handler.onClickNode;
+					break;
+			}
+		}
+		// event to zTree
+		switch (treeEventType) {
+			case "mousedown" :
+				treeEventCallback = handler.onZTreeMousedown;
+				break;
+			case "mouseup" :
+				treeEventCallback = handler.onZTreeMouseup;
+				break;
+			case "dblclick" :
+				treeEventCallback = handler.onZTreeDblclick;
+				break;
+			case "contextmenu" :
+				treeEventCallback = handler.onZTreeContextmenu;
+				break;
+		}
+		var proxyResult = {
+			stop: false,
+			node: node,
+			nodeEventType: nodeEventType,
+			nodeEventCallback: nodeEventCallback,
+			treeEventType: treeEventType,
+			treeEventCallback: treeEventCallback
+		};
+		return proxyResult
+	},
+	//default init node of core
+	_initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {
+		if (!n) return;
+		var r = data.getRoot(setting),
+		childKey = setting.data.key.children;
+		n.level = level;
+		n.tId = setting.treeId + "_" + (++r.zId);
+		n.parentTId = parentNode ? parentNode.tId : null;
+		n.open = (typeof n.open == "string") ? tools.eqs(n.open, "true") : !!n.open;
+		if (n[childKey] && n[childKey].length > 0) {
+			n.isParent = true;
+			n.zAsync = true;
+		} else {
+			n.isParent = (typeof n.isParent == "string") ? tools.eqs(n.isParent, "true") : !!n.isParent;
+			n.open = (n.isParent && !setting.async.enable) ? n.open : false;
+			n.zAsync = !n.isParent;
+		}
+		n.isFirstNode = isFirstNode;
+		n.isLastNode = isLastNode;
+		n.getParentNode = function() {return data.getNodeCache(setting, n.parentTId);};
+		n.getPreNode = function() {return data.getPreNode(setting, n);};
+		n.getNextNode = function() {return data.getNextNode(setting, n);};
+		n.isAjaxing = false;
+		data.fixPIdKeyValue(setting, n);
+	},
+	_init = {
+		bind: [_bindEvent],
+		unbind: [_unbindEvent],
+		caches: [_initCache],
+		nodes: [_initNode],
+		proxys: [_eventProxy],
+		roots: [_initRoot],
+		beforeA: [],
+		afterA: [],
+		innerBeforeA: [],
+		innerAfterA: [],
+		zTreeTools: []
+	},
+	//method of operate data
+	data = {
+		addNodeCache: function(setting, node) {
+			data.getCache(setting).nodes[data.getNodeCacheId(node.tId)] = node;
+		},
+		getNodeCacheId: function(tId) {
+			return tId.substring(tId.lastIndexOf("_")+1);
+		},
+		addAfterA: function(afterA) {
+			_init.afterA.push(afterA);
+		},
+		addBeforeA: function(beforeA) {
+			_init.beforeA.push(beforeA);
+		},
+		addInnerAfterA: function(innerAfterA) {
+			_init.innerAfterA.push(innerAfterA);
+		},
+		addInnerBeforeA: function(innerBeforeA) {
+			_init.innerBeforeA.push(innerBeforeA);
+		},
+		addInitBind: function(bindEvent) {
+			_init.bind.push(bindEvent);
+		},
+		addInitUnBind: function(unbindEvent) {
+			_init.unbind.push(unbindEvent);
+		},
+		addInitCache: function(initCache) {
+			_init.caches.push(initCache);
+		},
+		addInitNode: function(initNode) {
+			_init.nodes.push(initNode);
+		},
+		addInitProxy: function(initProxy, isFirst) {
+			if (!!isFirst) {
+				_init.proxys.splice(0,0,initProxy);
+			} else {
+				_init.proxys.push(initProxy);
+			}
+		},
+		addInitRoot: function(initRoot) {
+			_init.roots.push(initRoot);
+		},
+		addNodesData: function(setting, parentNode, nodes) {
+			var childKey = setting.data.key.children;
+			if (!parentNode[childKey]) parentNode[childKey] = [];
+			if (parentNode[childKey].length > 0) {
+				parentNode[childKey][parentNode[childKey].length - 1].isLastNode = false;
+				view.setNodeLineIcos(setting, parentNode[childKey][parentNode[childKey].length - 1]);
+			}
+			parentNode.isParent = true;
+			parentNode[childKey] = parentNode[childKey].concat(nodes);
+		},
+		addSelectedNode: function(setting, node) {
+			var root = data.getRoot(setting);
+			if (!data.isSelectedNode(setting, node)) {
+				root.curSelectedList.push(node);
+			}
+		},
+		addCreatedNode: function(setting, node) {
+			if (!!setting.callback.onNodeCreated || !!setting.view.addDiyDom) {
+				var root = data.getRoot(setting);
+				root.createdNodes.push(node);
+			}
+		},
+		addZTreeTools: function(zTreeTools) {
+			_init.zTreeTools.push(zTreeTools);
+		},
+		exSetting: function(s) {
+			$.extend(true, _setting, s);
+		},
+		fixPIdKeyValue: function(setting, node) {
+			if (setting.data.simpleData.enable) {
+				node[setting.data.simpleData.pIdKey] = node.parentTId ? node.getParentNode()[setting.data.simpleData.idKey] : setting.data.simpleData.rootPId;
+			}
+		},
+		getAfterA: function(setting, node, array) {
+			for (var i=0, j=_init.afterA.length; i<j; i++) {
+				_init.afterA[i].apply(this, arguments);
+			}
+		},
+		getBeforeA: function(setting, node, array) {
+			for (var i=0, j=_init.beforeA.length; i<j; i++) {
+				_init.beforeA[i].apply(this, arguments);
+			}
+		},
+		getInnerAfterA: function(setting, node, array) {
+			for (var i=0, j=_init.innerAfterA.length; i<j; i++) {
+				_init.innerAfterA[i].apply(this, arguments);
+			}
+		},
+		getInnerBeforeA: function(setting, node, array) {
+			for (var i=0, j=_init.innerBeforeA.length; i<j; i++) {
+				_init.innerBeforeA[i].apply(this, arguments);
+			}
+		},
+		getCache: function(setting) {
+			return caches[setting.treeId];
+		},
+		getNextNode: function(setting, node) {
+			if (!node) return null;
+			var childKey = setting.data.key.children,
+			p = node.parentTId ? node.getParentNode() : data.getRoot(setting);
+			for (var i=0, l=p[childKey].length-1; i<=l; i++) {
+				if (p[childKey][i] === node) {
+					return (i==l ? null : p[childKey][i+1]);
+				}
+			}
+			return null;
+		},
+		getNodeByParam: function(setting, nodes, key, value) {
+			if (!nodes || !key) return null;
+			var childKey = setting.data.key.children;
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				if (nodes[i][key] == value) {
+					return nodes[i];
+				}
+				var tmp = data.getNodeByParam(setting, nodes[i][childKey], key, value);
+				if (tmp) return tmp;
+			}
+			return null;
+		},
+		getNodeCache: function(setting, tId) {
+			if (!tId) return null;
+			var n = caches[setting.treeId].nodes[data.getNodeCacheId(tId)];
+			return n ? n : null;
+		},
+		getNodeName: function(setting, node) {
+			var nameKey = setting.data.key.name;
+			return "" + node[nameKey];
+		},
+		getNodeTitle: function(setting, node) {
+			var t = setting.data.key.title === "" ? setting.data.key.name : setting.data.key.title;
+			return "" + node[t];
+		},
+		getNodes: function(setting) {
+			return data.getRoot(setting)[setting.data.key.children];
+		},
+		getNodesByParam: function(setting, nodes, key, value) {
+			if (!nodes || !key) return [];
+			var childKey = setting.data.key.children,
+			result = [];
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				if (nodes[i][key] == value) {
+					result.push(nodes[i]);
+				}
+				result = result.concat(data.getNodesByParam(setting, nodes[i][childKey], key, value));
+			}
+			return result;
+		},
+		getNodesByParamFuzzy: function(setting, nodes, key, value) {
+			if (!nodes || !key) return [];
+			var childKey = setting.data.key.children,
+			result = [];
+			value = value.toLowerCase();
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				if (typeof nodes[i][key] == "string" && nodes[i][key].toLowerCase().indexOf(value)>-1) {
+					result.push(nodes[i]);
+				}
+				result = result.concat(data.getNodesByParamFuzzy(setting, nodes[i][childKey], key, value));
+			}
+			return result;
+		},
+		getNodesByFilter: function(setting, nodes, filter, isSingle, invokeParam) {
+			if (!nodes) return (isSingle ? null : []);
+			var childKey = setting.data.key.children,
+			result = isSingle ? null : [];
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				if (tools.apply(filter, [nodes[i], invokeParam], false)) {
+					if (isSingle) {return nodes[i];}
+					result.push(nodes[i]);
+				}
+				var tmpResult = data.getNodesByFilter(setting, nodes[i][childKey], filter, isSingle, invokeParam);
+				if (isSingle && !!tmpResult) {return tmpResult;}
+				result = isSingle ? tmpResult : result.concat(tmpResult);
+			}
+			return result;
+		},
+		getPreNode: function(setting, node) {
+			if (!node) return null;
+			var childKey = setting.data.key.children,
+			p = node.parentTId ? node.getParentNode() : data.getRoot(setting);
+			for (var i=0, l=p[childKey].length; i<l; i++) {
+				if (p[childKey][i] === node) {
+					return (i==0 ? null : p[childKey][i-1]);
+				}
+			}
+			return null;
+		},
+		getRoot: function(setting) {
+			return setting ? roots[setting.treeId] : null;
+		},
+		getRoots: function() {
+			return roots;
+		},
+		getSetting: function(treeId) {
+			return settings[treeId];
+		},
+		getSettings: function() {
+			return settings;
+		},
+		getZTreeTools: function(treeId) {
+			var r = this.getRoot(this.getSetting(treeId));
+			return r ? r.treeTools : null;
+		},
+		initCache: function(setting) {
+			for (var i=0, j=_init.caches.length; i<j; i++) {
+				_init.caches[i].apply(this, arguments);
+			}
+		},
+		initNode: function(setting, level, node, parentNode, preNode, nextNode) {
+			for (var i=0, j=_init.nodes.length; i<j; i++) {
+				_init.nodes[i].apply(this, arguments);
+			}
+		},
+		initRoot: function(setting) {
+			for (var i=0, j=_init.roots.length; i<j; i++) {
+				_init.roots[i].apply(this, arguments);
+			}
+		},
+		isSelectedNode: function(setting, node) {
+			var root = data.getRoot(setting);
+			for (var i=0, j=root.curSelectedList.length; i<j; i++) {
+				if(node === root.curSelectedList[i]) return true;
+			}
+			return false;
+		},
+		removeNodeCache: function(setting, node) {
+			var childKey = setting.data.key.children;
+			if (node[childKey]) {
+				for (var i=0, l=node[childKey].length; i<l; i++) {
+					arguments.callee(setting, node[childKey][i]);
+				}
+			}
+			data.getCache(setting).nodes[data.getNodeCacheId(node.tId)] = null;
+		},
+		removeSelectedNode: function(setting, node) {
+			var root = data.getRoot(setting);
+			for (var i=0, j=root.curSelectedList.length; i<j; i++) {
+				if(node === root.curSelectedList[i] || !data.getNodeCache(setting, root.curSelectedList[i].tId)) {
+					root.curSelectedList.splice(i, 1);
+					i--;j--;
+				}
+			}
+		},
+		setCache: function(setting, cache) {
+			caches[setting.treeId] = cache;
+		},
+		setRoot: function(setting, root) {
+			roots[setting.treeId] = root;
+		},
+		setZTreeTools: function(setting, zTreeTools) {
+			for (var i=0, j=_init.zTreeTools.length; i<j; i++) {
+				_init.zTreeTools[i].apply(this, arguments);
+			}
+		},
+		transformToArrayFormat: function (setting, nodes) {
+			if (!nodes) return [];
+			var childKey = setting.data.key.children,
+			r = [];
+			if (tools.isArray(nodes)) {
+				for (var i=0, l=nodes.length; i<l; i++) {
+					r.push(nodes[i]);
+					if (nodes[i][childKey])
+						r = r.concat(data.transformToArrayFormat(setting, nodes[i][childKey]));
+				}
+			} else {
+				r.push(nodes);
+				if (nodes[childKey])
+					r = r.concat(data.transformToArrayFormat(setting, nodes[childKey]));
+			}
+			return r;
+		},
+		transformTozTreeFormat: function(setting, sNodes) {
+			var i,l,
+			key = setting.data.simpleData.idKey,
+			parentKey = setting.data.simpleData.pIdKey,
+			childKey = setting.data.key.children;
+			if (!key || key=="" || !sNodes) return [];
+
+			if (tools.isArray(sNodes)) {
+				var r = [];
+				var tmpMap = [];
+				for (i=0, l=sNodes.length; i<l; i++) {
+					tmpMap[sNodes[i][key]] = sNodes[i];
+				}
+				for (i=0, l=sNodes.length; i<l; i++) {
+					if (tmpMap[sNodes[i][parentKey]] && sNodes[i][key] != sNodes[i][parentKey]) {
+						if (!tmpMap[sNodes[i][parentKey]][childKey])
+							tmpMap[sNodes[i][parentKey]][childKey] = [];
+						tmpMap[sNodes[i][parentKey]][childKey].push(sNodes[i]);
+					} else {
+						r.push(sNodes[i]);
+					}
+				}
+				return r;
+			}else {
+				return [sNodes];
+			}
+		}
+	},
+	//method of event proxy
+	event = {
+		bindEvent: function(setting) {
+			for (var i=0, j=_init.bind.length; i<j; i++) {
+				_init.bind[i].apply(this, arguments);
+			}
+		},
+		unbindEvent: function(setting) {
+			for (var i=0, j=_init.unbind.length; i<j; i++) {
+				_init.unbind[i].apply(this, arguments);
+			}
+		},
+		bindTree: function(setting) {
+			var eventParam = {
+				treeId: setting.treeId
+			},
+			o = setting.treeObj;
+			if (!setting.view.txtSelectedEnable) {
+				// for can't select text
+				o.bind('selectstart', function(e){
+					var node
+					var n = e.originalEvent.srcElement.nodeName.toLowerCase();
+					return (n === "input" || n === "textarea" );
+				}).css({
+					"-moz-user-select":"-moz-none"
+				});
+			}
+			o.bind('click', eventParam, event.proxy);
+			o.bind('dblclick', eventParam, event.proxy);
+			o.bind('mouseover', eventParam, event.proxy);
+			o.bind('mouseout', eventParam, event.proxy);
+			o.bind('mousedown', eventParam, event.proxy);
+			o.bind('mouseup', eventParam, event.proxy);
+			o.bind('contextmenu', eventParam, event.proxy);
+		},
+		unbindTree: function(setting) {
+			var o = setting.treeObj;
+			o.unbind('click', event.proxy)
+			.unbind('dblclick', event.proxy)
+			.unbind('mouseover', event.proxy)
+			.unbind('mouseout', event.proxy)
+			.unbind('mousedown', event.proxy)
+			.unbind('mouseup', event.proxy)
+			.unbind('contextmenu', event.proxy);
+		},
+		doProxy: function(e) {
+			var results = [];
+			for (var i=0, j=_init.proxys.length; i<j; i++) {
+				var proxyResult = _init.proxys[i].apply(this, arguments);
+				results.push(proxyResult);
+				if (proxyResult.stop) {
+					break;
+				}
+			}
+			return results;
+		},
+		proxy: function(e) {
+			var setting = data.getSetting(e.data.treeId);
+			if (!tools.uCanDo(setting, e)) return true;
+			var results = event.doProxy(e),
+			r = true, x = false;
+			for (var i=0, l=results.length; i<l; i++) {
+				var proxyResult = results[i];
+				if (proxyResult.nodeEventCallback) {
+					x = true;
+					r = proxyResult.nodeEventCallback.apply(proxyResult, [e, proxyResult.node]) && r;
+				}
+				if (proxyResult.treeEventCallback) {
+					x = true;
+					r = proxyResult.treeEventCallback.apply(proxyResult, [e, proxyResult.node]) && r;
+				}
+			}
+			return r;
+		}
+	},
+	//method of event handler
+	handler = {
+		onSwitchNode: function (event, node) {
+			var setting = data.getSetting(event.data.treeId);
+			if (node.open) {
+				if (tools.apply(setting.callback.beforeCollapse, [setting.treeId, node], true) == false) return true;
+				data.getRoot(setting).expandTriggerFlag = true;
+				view.switchNode(setting, node);
+			} else {
+				if (tools.apply(setting.callback.beforeExpand, [setting.treeId, node], true) == false) return true;
+				data.getRoot(setting).expandTriggerFlag = true;
+				view.switchNode(setting, node);
+			}
+			return true;
+		},
+		onClickNode: function (event, node) {
+			var setting = data.getSetting(event.data.treeId),
+			clickFlag = ( (setting.view.autoCancelSelected && event.ctrlKey) && data.isSelectedNode(setting, node)) ? 0 : (setting.view.autoCancelSelected && event.ctrlKey && setting.view.selectedMulti) ? 2 : 1;
+			if (tools.apply(setting.callback.beforeClick, [setting.treeId, node, clickFlag], true) == false) return true;
+			if (clickFlag === 0) {
+				view.cancelPreSelectedNode(setting, node);
+			} else {
+				view.selectNode(setting, node, clickFlag === 2);
+			}
+			setting.treeObj.trigger(consts.event.CLICK, [event, setting.treeId, node, clickFlag]);
+			return true;
+		},
+		onZTreeMousedown: function(event, node) {
+			var setting = data.getSetting(event.data.treeId);
+			if (tools.apply(setting.callback.beforeMouseDown, [setting.treeId, node], true)) {
+				tools.apply(setting.callback.onMouseDown, [event, setting.treeId, node]);
+			}
+			return true;
+		},
+		onZTreeMouseup: function(event, node) {
+			var setting = data.getSetting(event.data.treeId);
+			if (tools.apply(setting.callback.beforeMouseUp, [setting.treeId, node], true)) {
+				tools.apply(setting.callback.onMouseUp, [event, setting.treeId, node]);
+			}
+			return true;
+		},
+		onZTreeDblclick: function(event, node) {
+			var setting = data.getSetting(event.data.treeId);
+			if (tools.apply(setting.callback.beforeDblClick, [setting.treeId, node], true)) {
+				tools.apply(setting.callback.onDblClick, [event, setting.treeId, node]);
+			}
+			return true;
+		},
+		onZTreeContextmenu: function(event, node) {
+			var setting = data.getSetting(event.data.treeId);
+			if (tools.apply(setting.callback.beforeRightClick, [setting.treeId, node], true)) {
+				tools.apply(setting.callback.onRightClick, [event, setting.treeId, node]);
+			}
+			return (typeof setting.callback.onRightClick) != "function";
+		}
+	},
+	//method of tools for zTree
+	tools = {
+		apply: function(fun, param, defaultValue) {
+			if ((typeof fun) == "function") {
+				return fun.apply(zt, param?param:[]);
+			}
+			return defaultValue;
+		},
+		canAsync: function(setting, node) {
+			var childKey = setting.data.key.children;
+			return (setting.async.enable && node && node.isParent && !(node.zAsync || (node[childKey] && node[childKey].length > 0)));
+		},
+		clone: function (obj){
+			if (obj === null) return null;
+			var o = tools.isArray(obj) ? [] : {};
+			for(var i in obj){
+				o[i] = (obj[i] instanceof Date) ? new Date(obj[i].getTime()) : (typeof obj[i] === "object" ? arguments.callee(obj[i]) : obj[i]);
+			}
+			return o;
+		},
+		eqs: function(str1, str2) {
+			return str1.toLowerCase() === str2.toLowerCase();
+		},
+		isArray: function(arr) {
+			return Object.prototype.toString.apply(arr) === "[object Array]";
+		},
+		$: function(node, exp, setting) {
+			if (!!exp && typeof exp != "string") {
+				setting = exp;
+				exp = "";
+			}
+			if (typeof node == "string") {
+				return $(node, setting ? setting.treeObj.get(0).ownerDocument : null);
+			} else {
+				return $("#" + node.tId + exp, setting ? setting.treeObj : null);
+			}
+		},
+		getMDom: function (setting, curDom, targetExpr) {
+			if (!curDom) return null;
+			while (curDom && curDom.id !== setting.treeId) {
+				for (var i=0, l=targetExpr.length; curDom.tagName && i<l; i++) {
+					if (tools.eqs(curDom.tagName, targetExpr[i].tagName) && curDom.getAttribute(targetExpr[i].attrName) !== null) {
+						return curDom;
+					}
+				}
+				curDom = curDom.parentNode;
+			}
+			return null;
+		},
+		getNodeMainDom:function(target) {
+			return ($(target).parent("li").get(0) || $(target).parentsUntil("li").parent().get(0));
+		},
+		isChildOrSelf: function(dom, parentId) {
+			return ( $(dom).closest("#" + parentId).length> 0 );
+		},
+		uCanDo: function(setting, e) {
+			return true;
+		}
+	},
+	//method of operate ztree dom
+	view = {
+		addNodes: function(setting, parentNode, newNodes, isSilent) {
+			if (setting.data.keep.leaf && parentNode && !parentNode.isParent) {
+				return;
+			}
+			if (!tools.isArray(newNodes)) {
+				newNodes = [newNodes];
+			}
+			if (setting.data.simpleData.enable) {
+				newNodes = data.transformTozTreeFormat(setting, newNodes);
+			}
+			if (parentNode) {
+				var target_switchObj = $$(parentNode, consts.id.SWITCH, setting),
+				target_icoObj = $$(parentNode, consts.id.ICON, setting),
+				target_ulObj = $$(parentNode, consts.id.UL, setting);
+
+				if (!parentNode.open) {
+					view.replaceSwitchClass(parentNode, target_switchObj, consts.folder.CLOSE);
+					view.replaceIcoClass(parentNode, target_icoObj, consts.folder.CLOSE);
+					parentNode.open = false;
+					target_ulObj.css({
+						"display": "none"
+					});
+				}
+
+				data.addNodesData(setting, parentNode, newNodes);
+				view.createNodes(setting, parentNode.level + 1, newNodes, parentNode);
+				if (!isSilent) {
+					view.expandCollapseParentNode(setting, parentNode, true);
+				}
+			} else {
+				data.addNodesData(setting, data.getRoot(setting), newNodes);
+				view.createNodes(setting, 0, newNodes, null);
+			}
+		},
+		appendNodes: function(setting, level, nodes, parentNode, initFlag, openFlag) {
+			if (!nodes) return [];
+			var html = [],
+			childKey = setting.data.key.children;
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				var node = nodes[i];
+				if (initFlag) {
+					var tmpPNode = (parentNode) ? parentNode: data.getRoot(setting),
+					tmpPChild = tmpPNode[childKey],
+					isFirstNode = ((tmpPChild.length == nodes.length) && (i == 0)),
+					isLastNode = (i == (nodes.length - 1));
+					data.initNode(setting, level, node, parentNode, isFirstNode, isLastNode, openFlag);
+					data.addNodeCache(setting, node);
+				}
+
+				var childHtml = [];
+				if (node[childKey] && node[childKey].length > 0) {
+					//make child html first, because checkType
+					childHtml = view.appendNodes(setting, level + 1, node[childKey], node, initFlag, openFlag && node.open);
+				}
+				if (openFlag) {
+
+					view.makeDOMNodeMainBefore(html, setting, node);
+					view.makeDOMNodeLine(html, setting, node);
+					data.getBeforeA(setting, node, html);
+					view.makeDOMNodeNameBefore(html, setting, node);
+					data.getInnerBeforeA(setting, node, html);
+					view.makeDOMNodeIcon(html, setting, node);
+					data.getInnerAfterA(setting, node, html);
+					view.makeDOMNodeNameAfter(html, setting, node);
+					data.getAfterA(setting, node, html);
+					if (node.isParent && node.open) {
+						view.makeUlHtml(setting, node, html, childHtml.join(''));
+					}
+					view.makeDOMNodeMainAfter(html, setting, node);
+					data.addCreatedNode(setting, node);
+				}
+			}
+			return html;
+		},
+		appendParentULDom: function(setting, node) {
+			var html = [],
+			nObj = $$(node, setting);
+			if (!nObj.get(0) && !!node.parentTId) {
+				view.appendParentULDom(setting, node.getParentNode());
+				nObj = $$(node, setting);
+			}
+			var ulObj = $$(node, consts.id.UL, setting);
+			if (ulObj.get(0)) {
+				ulObj.remove();
+			}
+			var childKey = setting.data.key.children,
+			childHtml = view.appendNodes(setting, node.level+1, node[childKey], node, false, true);
+			view.makeUlHtml(setting, node, html, childHtml.join(''));
+			nObj.append(html.join(''));
+		},
+		asyncNode: function(setting, node, isSilent, callback) {
+			var i, l;
+			if (node && !node.isParent) {
+				tools.apply(callback);
+				return false;
+			} else if (node && node.isAjaxing) {
+				return false;
+			} else if (tools.apply(setting.callback.beforeAsync, [setting.treeId, node], true) == false) {
+				tools.apply(callback);
+				return false;
+			}
+			if (node) {
+				node.isAjaxing = true;
+				var icoObj = $$(node, consts.id.ICON, setting);
+				icoObj.attr({"style":"", "class":consts.className.BUTTON + " " + consts.className.ICO_LOADING});
+			}
+
+			var tmpParam = {};
+			for (i = 0, l = setting.async.autoParam.length; node && i < l; i++) {
+				var pKey = setting.async.autoParam[i].split("="), spKey = pKey;
+				if (pKey.length>1) {
+					spKey = pKey[1];
+					pKey = pKey[0];
+				}
+				tmpParam[spKey] = node[pKey];
+			}
+			if (tools.isArray(setting.async.otherParam)) {
+				for (i = 0, l = setting.async.otherParam.length; i < l; i += 2) {
+					tmpParam[setting.async.otherParam[i]] = setting.async.otherParam[i + 1];
+				}
+			} else {
+				for (var p in setting.async.otherParam) {
+					tmpParam[p] = setting.async.otherParam[p];
+				}
+			}
+
+			var _tmpV = data.getRoot(setting)._ver;
+			$.ajax({
+				contentType: setting.async.contentType,
+				type: setting.async.type,
+				url: tools.apply(setting.async.url, [setting.treeId, node], setting.async.url),
+				data: tmpParam,
+				dataType: setting.async.dataType,
+				success: function(msg) {
+					if (_tmpV != data.getRoot(setting)._ver) {
+						return;
+					}
+					var newNodes = [];
+					try {
+						if (!msg || msg.length == 0) {
+							newNodes = [];
+						} else if (typeof msg == "string") {
+							newNodes = eval("(" + msg + ")");
+						} else {
+							newNodes = msg;
+						}
+					} catch(err) {
+						newNodes = msg;
+					}
+
+					if (node) {
+						node.isAjaxing = null;
+						node.zAsync = true;
+					}
+					view.setNodeLineIcos(setting, node);
+					if (newNodes && newNodes !== "") {
+						newNodes = tools.apply(setting.async.dataFilter, [setting.treeId, node, newNodes], newNodes);
+						view.addNodes(setting, node, !!newNodes ? tools.clone(newNodes) : [], !!isSilent);
+					} else {
+						view.addNodes(setting, node, [], !!isSilent);
+					}
+					setting.treeObj.trigger(consts.event.ASYNC_SUCCESS, [setting.treeId, node, msg]);
+					tools.apply(callback);
+				},
+				error: function(XMLHttpRequest, textStatus, errorThrown) {
+					if (_tmpV != data.getRoot(setting)._ver) {
+						return;
+					}
+					if (node) node.isAjaxing = null;
+					view.setNodeLineIcos(setting, node);
+					setting.treeObj.trigger(consts.event.ASYNC_ERROR, [setting.treeId, node, XMLHttpRequest, textStatus, errorThrown]);
+				}
+			});
+			return true;
+		},
+		cancelPreSelectedNode: function (setting, node) {
+			var list = data.getRoot(setting).curSelectedList;
+			for (var i=0, j=list.length-1; j>=i; j--) {
+				if (!node || node === list[j]) {
+					$$(list[j], consts.id.A, setting).removeClass(consts.node.CURSELECTED);
+					if (node) {
+						data.removeSelectedNode(setting, node);
+						break;
+					}
+				}
+			}
+			if (!node) data.getRoot(setting).curSelectedList = [];
+		},
+		createNodeCallback: function(setting) {
+			if (!!setting.callback.onNodeCreated || !!setting.view.addDiyDom) {
+				var root = data.getRoot(setting);
+				while (root.createdNodes.length>0) {
+					var node = root.createdNodes.shift();
+					tools.apply(setting.view.addDiyDom, [setting.treeId, node]);
+					if (!!setting.callback.onNodeCreated) {
+						setting.treeObj.trigger(consts.event.NODECREATED, [setting.treeId, node]);
+					}
+				}
+			}
+		},
+		createNodes: function(setting, level, nodes, parentNode) {
+			if (!nodes || nodes.length == 0) return;
+			var root = data.getRoot(setting),
+			childKey = setting.data.key.children,
+			openFlag = !parentNode || parentNode.open || !!$$(parentNode[childKey][0], setting).get(0);
+			root.createdNodes = [];
+			var zTreeHtml = view.appendNodes(setting, level, nodes, parentNode, true, openFlag);
+			if (!parentNode) {
+				setting.treeObj.append(zTreeHtml.join(''));
+			} else {
+				var ulObj = $$(parentNode, consts.id.UL, setting);
+				if (ulObj.get(0)) {
+					ulObj.append(zTreeHtml.join(''));
+				}
+			}
+			view.createNodeCallback(setting);
+		},
+		destroy: function(setting) {
+			if (!setting) return;
+			data.initCache(setting);
+			data.initRoot(setting);
+			event.unbindTree(setting);
+			event.unbindEvent(setting);
+			setting.treeObj.empty();
+		},
+		expandCollapseNode: function(setting, node, expandFlag, animateFlag, callback) {
+			var root = data.getRoot(setting),
+			childKey = setting.data.key.children;
+			if (!node) {
+				tools.apply(callback, []);
+				return;
+			}
+			if (root.expandTriggerFlag) {
+				var _callback = callback;
+				callback = function(){
+					if (_callback) _callback();
+					if (node.open) {
+						setting.treeObj.trigger(consts.event.EXPAND, [setting.treeId, node]);
+					} else {
+						setting.treeObj.trigger(consts.event.COLLAPSE, [setting.treeId, node]);
+					}
+				};
+				root.expandTriggerFlag = false;
+			}
+			if (!node.open && node.isParent && ((!$$(node, consts.id.UL, setting).get(0)) || (node[childKey] && node[childKey].length>0 && !$$(node[childKey][0], setting).get(0)))) {
+				view.appendParentULDom(setting, node);
+				view.createNodeCallback(setting);
+			}
+			if (node.open == expandFlag) {
+				tools.apply(callback, []);
+				return;
+			}
+			var ulObj = $$(node, consts.id.UL, setting),
+			switchObj = $$(node, consts.id.SWITCH, setting),
+			icoObj = $$(node, consts.id.ICON, setting);
+
+			if (node.isParent) {
+				node.open = !node.open;
+				if (node.iconOpen && node.iconClose) {
+					icoObj.attr("style", view.makeNodeIcoStyle(setting, node));
+				}
+
+				if (node.open) {
+					view.replaceSwitchClass(node, switchObj, consts.folder.OPEN);
+					view.replaceIcoClass(node, icoObj, consts.folder.OPEN);
+					if (animateFlag == false || setting.view.expandSpeed == "") {
+						ulObj.show();
+						tools.apply(callback, []);
+					} else {
+						if (node[childKey] && node[childKey].length > 0) {
+							ulObj.slideDown(setting.view.expandSpeed, callback);
+						} else {
+							ulObj.show();
+							tools.apply(callback, []);
+						}
+					}
+				} else {
+					view.replaceSwitchClass(node, switchObj, consts.folder.CLOSE);
+					view.replaceIcoClass(node, icoObj, consts.folder.CLOSE);
+					if (animateFlag == false || setting.view.expandSpeed == "" || !(node[childKey] && node[childKey].length > 0)) {
+						ulObj.hide();
+						tools.apply(callback, []);
+					} else {
+						ulObj.slideUp(setting.view.expandSpeed, callback);
+					}
+				}
+			} else {
+				tools.apply(callback, []);
+			}
+		},
+		expandCollapseParentNode: function(setting, node, expandFlag, animateFlag, callback) {
+			if (!node) return;
+			if (!node.parentTId) {
+				view.expandCollapseNode(setting, node, expandFlag, animateFlag, callback);
+				return;
+			} else {
+				view.expandCollapseNode(setting, node, expandFlag, animateFlag);
+			}
+			if (node.parentTId) {
+				view.expandCollapseParentNode(setting, node.getParentNode(), expandFlag, animateFlag, callback);
+			}
+		},
+		expandCollapseSonNode: function(setting, node, expandFlag, animateFlag, callback) {
+			var root = data.getRoot(setting),
+			childKey = setting.data.key.children,
+			treeNodes = (node) ? node[childKey]: root[childKey],
+			selfAnimateSign = (node) ? false : animateFlag,
+			expandTriggerFlag = data.getRoot(setting).expandTriggerFlag;
+			data.getRoot(setting).expandTriggerFlag = false;
+			if (treeNodes) {
+				for (var i = 0, l = treeNodes.length; i < l; i++) {
+					if (treeNodes[i]) view.expandCollapseSonNode(setting, treeNodes[i], expandFlag, selfAnimateSign);
+				}
+			}
+			data.getRoot(setting).expandTriggerFlag = expandTriggerFlag;
+			view.expandCollapseNode(setting, node, expandFlag, animateFlag, callback );
+		},
+		makeDOMNodeIcon: function(html, setting, node) {
+			var nameStr = data.getNodeName(setting, node),
+			name = setting.view.nameIsHTML ? nameStr : nameStr.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
+			html.push("<span id='", node.tId, consts.id.ICON,
+				"' title='' treeNode", consts.id.ICON," class='", view.makeNodeIcoClass(setting, node),
+				"' style='", view.makeNodeIcoStyle(setting, node), "'></span><span id='", node.tId, consts.id.SPAN,
+				"'>",name,"</span>");
+		},
+		makeDOMNodeLine: function(html, setting, node) {
+			html.push("<span id='", node.tId, consts.id.SWITCH,	"' title='' class='", view.makeNodeLineClass(setting, node), "' treeNode", consts.id.SWITCH,"></span>");
+		},
+		makeDOMNodeMainAfter: function(html, setting, node) {
+			html.push("</li>");
+		},
+		makeDOMNodeMainBefore: function(html, setting, node) {
+			html.push("<li id='", node.tId, "' class='", consts.className.LEVEL, node.level,"' tabindex='0' hidefocus='true' treenode>");
+		},
+		makeDOMNodeNameAfter: function(html, setting, node) {
+			html.push("</a>");
+		},
+		makeDOMNodeNameBefore: function(html, setting, node) {
+			var title = data.getNodeTitle(setting, node),
+			url = view.makeNodeUrl(setting, node),
+			fontcss = view.makeNodeFontCss(setting, node),
+			fontStyle = [];
+			for (var f in fontcss) {
+				fontStyle.push(f, ":", fontcss[f], ";");
+			}
+			html.push("<a id='", node.tId, consts.id.A, "' class='", consts.className.LEVEL, node.level,"' treeNode", consts.id.A," onclick=\"", (node.click || ''),
+				"\" ", ((url != null && url.length > 0) ? "href='" + url + "'" : ""), " target='",view.makeNodeTarget(node),"' style='", fontStyle.join(''),
+				"'");
+			if (tools.apply(setting.view.showTitle, [setting.treeId, node], setting.view.showTitle) && title) {html.push("title='", title.replace(/'/g,"&#39;").replace(/</g,'&lt;').replace(/>/g,'&gt;'),"'");}
+			html.push(">");
+		},
+		makeNodeFontCss: function(setting, node) {
+			var fontCss = tools.apply(setting.view.fontCss, [setting.treeId, node], setting.view.fontCss);
+			return (fontCss && ((typeof fontCss) != "function")) ? fontCss : {};
+		},
+		makeNodeIcoClass: function(setting, node) {
+			var icoCss = ["ico"];
+			if (!node.isAjaxing) {
+				icoCss[0] = (node.iconSkin ? node.iconSkin + "_" : "") + icoCss[0];
+				if (node.isParent) {
+					icoCss.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE);
+				} else {
+					icoCss.push(consts.folder.DOCU);
+				}
+			}
+			return consts.className.BUTTON + " " + icoCss.join('_');
+		},
+		makeNodeIcoStyle: function(setting, node) {
+			var icoStyle = [];
+			if (!node.isAjaxing) {
+				var icon = (node.isParent && node.iconOpen && node.iconClose) ? (node.open ? node.iconOpen : node.iconClose) : node.icon;
+				if (icon) icoStyle.push("background:url(", icon, ") 0 0 no-repeat;");
+				if (setting.view.showIcon == false || !tools.apply(setting.view.showIcon, [setting.treeId, node], true)) {
+					icoStyle.push("width:0px;height:0px;");
+				}
+			}
+			return icoStyle.join('');
+		},
+		makeNodeLineClass: function(setting, node) {
+			var lineClass = [];
+			if (setting.view.showLine) {
+				if (node.level == 0 && node.isFirstNode && node.isLastNode) {
+					lineClass.push(consts.line.ROOT);
+				} else if (node.level == 0 && node.isFirstNode) {
+					lineClass.push(consts.line.ROOTS);
+				} else if (node.isLastNode) {
+					lineClass.push(consts.line.BOTTOM);
+				} else {
+					lineClass.push(consts.line.CENTER);
+				}
+			} else {
+				lineClass.push(consts.line.NOLINE);
+			}
+			if (node.isParent) {
+				lineClass.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE);
+			} else {
+				lineClass.push(consts.folder.DOCU);
+			}
+			return view.makeNodeLineClassEx(node) + lineClass.join('_');
+		},
+		makeNodeLineClassEx: function(node) {
+			return consts.className.BUTTON + " " + consts.className.LEVEL + node.level + " " + consts.className.SWITCH + " ";
+		},
+		makeNodeTarget: function(node) {
+			return (node.target || "_blank");
+		},
+		makeNodeUrl: function(setting, node) {
+			var urlKey = setting.data.key.url;
+			return node[urlKey] ? node[urlKey] : null;
+		},
+		makeUlHtml: function(setting, node, html, content) {
+			html.push("<ul id='", node.tId, consts.id.UL, "' class='", consts.className.LEVEL, node.level, " ", view.makeUlLineClass(setting, node), "' style='display:", (node.open ? "block": "none"),"'>");
+			html.push(content);
+			html.push("</ul>");
+		},
+		makeUlLineClass: function(setting, node) {
+			return ((setting.view.showLine && !node.isLastNode) ? consts.line.LINE : "");
+		},
+		removeChildNodes: function(setting, node) {
+			if (!node) return;
+			var childKey = setting.data.key.children,
+			nodes = node[childKey];
+			if (!nodes) return;
+
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				data.removeNodeCache(setting, nodes[i]);
+			}
+			data.removeSelectedNode(setting);
+			delete node[childKey];
+
+			if (!setting.data.keep.parent) {
+				node.isParent = false;
+				node.open = false;
+				var tmp_switchObj = $$(node, consts.id.SWITCH, setting),
+				tmp_icoObj = $$(node, consts.id.ICON, setting);
+				view.replaceSwitchClass(node, tmp_switchObj, consts.folder.DOCU);
+				view.replaceIcoClass(node, tmp_icoObj, consts.folder.DOCU);
+				$$(node, consts.id.UL, setting).remove();
+			} else {
+				$$(node, consts.id.UL, setting).empty();
+			}
+		},
+		setFirstNode: function(setting, parentNode) {
+			var childKey = setting.data.key.children, childLength = parentNode[childKey].length;
+			if ( childLength > 0) {
+				parentNode[childKey][0].isFirstNode = true;
+			}
+		},
+		setLastNode: function(setting, parentNode) {
+			var childKey = setting.data.key.children, childLength = parentNode[childKey].length;
+			if ( childLength > 0) {
+				parentNode[childKey][childLength - 1].isLastNode = true;
+			}
+		},
+		removeNode: function(setting, node) {
+			var root = data.getRoot(setting),
+			childKey = setting.data.key.children,
+			parentNode = (node.parentTId) ? node.getParentNode() : root;
+
+			node.isFirstNode = false;
+			node.isLastNode = false;
+			node.getPreNode = function() {return null;};
+			node.getNextNode = function() {return null;};
+
+			if (!data.getNodeCache(setting, node.tId)) {
+				return;
+			}
+
+			$$(node, setting).remove();
+			data.removeNodeCache(setting, node);
+			data.removeSelectedNode(setting, node);
+
+			for (var i = 0, l = parentNode[childKey].length; i < l; i++) {
+				if (parentNode[childKey][i].tId == node.tId) {
+					parentNode[childKey].splice(i, 1);
+					break;
+				}
+			}
+			view.setFirstNode(setting, parentNode);
+			view.setLastNode(setting, parentNode);
+
+			var tmp_ulObj,tmp_switchObj,tmp_icoObj,
+			childLength = parentNode[childKey].length;
+
+			//repair nodes old parent
+			if (!setting.data.keep.parent && childLength == 0) {
+				//old parentNode has no child nodes
+				parentNode.isParent = false;
+				parentNode.open = false;
+				tmp_ulObj = $$(parentNode, consts.id.UL, setting);
+				tmp_switchObj = $$(parentNode, consts.id.SWITCH, setting);
+				tmp_icoObj = $$(parentNode, consts.id.ICON, setting);
+				view.replaceSwitchClass(parentNode, tmp_switchObj, consts.folder.DOCU);
+				view.replaceIcoClass(parentNode, tmp_icoObj, consts.folder.DOCU);
+				tmp_ulObj.css("display", "none");
+
+			} else if (setting.view.showLine && childLength > 0) {
+				//old parentNode has child nodes
+				var newLast = parentNode[childKey][childLength - 1];
+				tmp_ulObj = $$(newLast, consts.id.UL, setting);
+				tmp_switchObj = $$(newLast, consts.id.SWITCH, setting);
+				tmp_icoObj = $$(newLast, consts.id.ICON, setting);
+				if (parentNode == root) {
+					if (parentNode[childKey].length == 1) {
+						//node was root, and ztree has only one root after move node
+						view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.ROOT);
+					} else {
+						var tmp_first_switchObj = $$(parentNode[childKey][0], consts.id.SWITCH, setting);
+						view.replaceSwitchClass(parentNode[childKey][0], tmp_first_switchObj, consts.line.ROOTS);
+						view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.BOTTOM);
+					}
+				} else {
+					view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.BOTTOM);
+				}
+				tmp_ulObj.removeClass(consts.line.LINE);
+			}
+		},
+		replaceIcoClass: function(node, obj, newName) {
+			if (!obj || node.isAjaxing) return;
+			var tmpName = obj.attr("class");
+			if (tmpName == undefined) return;
+			var tmpList = tmpName.split("_");
+			switch (newName) {
+				case consts.folder.OPEN:
+				case consts.folder.CLOSE:
+				case consts.folder.DOCU:
+					tmpList[tmpList.length-1] = newName;
+					break;
+			}
+			obj.attr("class", tmpList.join("_"));
+		},
+		replaceSwitchClass: function(node, obj, newName) {
+			if (!obj) return;
+			var tmpName = obj.attr("class");
+			if (tmpName == undefined) return;
+			var tmpList = tmpName.split("_");
+			switch (newName) {
+				case consts.line.ROOT:
+				case consts.line.ROOTS:
+				case consts.line.CENTER:
+				case consts.line.BOTTOM:
+				case consts.line.NOLINE:
+					tmpList[0] = view.makeNodeLineClassEx(node) + newName;
+					break;
+				case consts.folder.OPEN:
+				case consts.folder.CLOSE:
+				case consts.folder.DOCU:
+					tmpList[1] = newName;
+					break;
+			}
+			obj.attr("class", tmpList.join("_"));
+			if (newName !== consts.folder.DOCU) {
+				obj.removeAttr("disabled");
+			} else {
+				obj.attr("disabled", "disabled");
+			}
+		},
+		selectNode: function(setting, node, addFlag) {
+			if (!addFlag) {
+				view.cancelPreSelectedNode(setting);
+			}
+			$$(node, consts.id.A, setting).addClass(consts.node.CURSELECTED);
+			data.addSelectedNode(setting, node);
+		},
+		setNodeFontCss: function(setting, treeNode) {
+			var aObj = $$(treeNode, consts.id.A, setting),
+			fontCss = view.makeNodeFontCss(setting, treeNode);
+			if (fontCss) {
+				aObj.css(fontCss);
+			}
+		},
+		setNodeLineIcos: function(setting, node) {
+			if (!node) return;
+			var switchObj = $$(node, consts.id.SWITCH, setting),
+			ulObj = $$(node, consts.id.UL, setting),
+			icoObj = $$(node, consts.id.ICON, setting),
+			ulLine = view.makeUlLineClass(setting, node);
+			if (ulLine.length==0) {
+				ulObj.removeClass(consts.line.LINE);
+			} else {
+				ulObj.addClass(ulLine);
+			}
+			switchObj.attr("class", view.makeNodeLineClass(setting, node));
+			if (node.isParent) {
+				switchObj.removeAttr("disabled");
+			} else {
+				switchObj.attr("disabled", "disabled");
+			}
+			icoObj.removeAttr("style");
+			icoObj.attr("style", view.makeNodeIcoStyle(setting, node));
+			icoObj.attr("class", view.makeNodeIcoClass(setting, node));
+		},
+		setNodeName: function(setting, node) {
+			var title = data.getNodeTitle(setting, node),
+			nObj = $$(node, consts.id.SPAN, setting);
+			nObj.empty();
+			if (setting.view.nameIsHTML) {
+				nObj.html(data.getNodeName(setting, node));
+			} else {
+				nObj.text(data.getNodeName(setting, node));
+			}
+			if (tools.apply(setting.view.showTitle, [setting.treeId, node], setting.view.showTitle)) {
+				var aObj = $$(node, consts.id.A, setting);
+				aObj.attr("title", !title ? "" : title);
+			}
+		},
+		setNodeTarget: function(setting, node) {
+			var aObj = $$(node, consts.id.A, setting);
+			aObj.attr("target", view.makeNodeTarget(node));
+		},
+		setNodeUrl: function(setting, node) {
+			var aObj = $$(node, consts.id.A, setting),
+			url = view.makeNodeUrl(setting, node);
+			if (url == null || url.length == 0) {
+				aObj.removeAttr("href");
+			} else {
+				aObj.attr("href", url);
+			}
+		},
+		switchNode: function(setting, node) {
+			if (node.open || !tools.canAsync(setting, node)) {
+				view.expandCollapseNode(setting, node, !node.open);
+			} else if (setting.async.enable) {
+				if (!view.asyncNode(setting, node)) {
+					view.expandCollapseNode(setting, node, !node.open);
+					return;
+				}
+			} else if (node) {
+				view.expandCollapseNode(setting, node, !node.open);
+			}
+		}
+	};
+	// zTree defind
+	$.fn.zTree = {
+		consts : _consts,
+		_z : {
+			tools: tools,
+			view: view,
+			event: event,
+			data: data
+		},
+		getZTreeObj: function(treeId) {
+			var o = data.getZTreeTools(treeId);
+			return o ? o : null;
+		},
+		destroy: function(treeId) {
+			if (!!treeId && treeId.length > 0) {
+				view.destroy(data.getSetting(treeId));
+			} else {
+				for(var s in settings) {
+					view.destroy(settings[s]);
+				}
+			}
+		},
+		init: function(obj, zSetting, zNodes) {
+			var setting = tools.clone(_setting);
+			$.extend(true, setting, zSetting);
+			setting.treeId = obj.attr("id");
+			setting.treeObj = obj;
+			setting.treeObj.empty();
+			settings[setting.treeId] = setting;
+			//For some older browser,(e.g., ie6)
+			if(typeof document.body.style.maxHeight === "undefined") {
+				setting.view.expandSpeed = "";
+			}
+			data.initRoot(setting);
+			var root = data.getRoot(setting),
+			childKey = setting.data.key.children;
+			zNodes = zNodes ? tools.clone(tools.isArray(zNodes)? zNodes : [zNodes]) : [];
+			if (setting.data.simpleData.enable) {
+				root[childKey] = data.transformTozTreeFormat(setting, zNodes);
+			} else {
+				root[childKey] = zNodes;
+			}
+
+			data.initCache(setting);
+			event.unbindTree(setting);
+			event.bindTree(setting);
+			event.unbindEvent(setting);
+			event.bindEvent(setting);
+
+			var zTreeTools = {
+				setting : setting,
+				addNodes : function(parentNode, newNodes, isSilent) {
+					if (!newNodes) return null;
+					if (!parentNode) parentNode = null;
+					if (parentNode && !parentNode.isParent && setting.data.keep.leaf) return null;
+					var xNewNodes = tools.clone(tools.isArray(newNodes)? newNodes: [newNodes]);
+					function addCallback() {
+						view.addNodes(setting, parentNode, xNewNodes, (isSilent==true));
+					}
+
+					if (tools.canAsync(setting, parentNode)) {
+						view.asyncNode(setting, parentNode, isSilent, addCallback);
+					} else {
+						addCallback();
+					}
+					return xNewNodes;
+				},
+				cancelSelectedNode : function(node) {
+					view.cancelPreSelectedNode(setting, node);
+				},
+				destroy : function() {
+					view.destroy(setting);
+				},
+				expandAll : function(expandFlag) {
+					expandFlag = !!expandFlag;
+					view.expandCollapseSonNode(setting, null, expandFlag, true);
+					return expandFlag;
+				},
+				expandNode : function(node, expandFlag, sonSign, focus, callbackFlag) {
+					if (!node || !node.isParent) return null;
+					if (expandFlag !== true && expandFlag !== false) {
+						expandFlag = !node.open;
+					}
+					callbackFlag = !!callbackFlag;
+
+					if (callbackFlag && expandFlag && (tools.apply(setting.callback.beforeExpand, [setting.treeId, node], true) == false)) {
+						return null;
+					} else if (callbackFlag && !expandFlag && (tools.apply(setting.callback.beforeCollapse, [setting.treeId, node], true) == false)) {
+						return null;
+					}
+					if (expandFlag && node.parentTId) {
+						view.expandCollapseParentNode(setting, node.getParentNode(), expandFlag, false);
+					}
+					if (expandFlag === node.open && !sonSign) {
+						return null;
+					}
+
+					data.getRoot(setting).expandTriggerFlag = callbackFlag;
+					if (!tools.canAsync(setting, node) && sonSign) {
+						view.expandCollapseSonNode(setting, node, expandFlag, true, function() {
+							if (focus !== false) {try{$$(node, setting).focus().blur();}catch(e){}}
+						});
+					} else {
+						node.open = !expandFlag;
+						view.switchNode(this.setting, node);
+						if (focus !== false) {try{$$(node, setting).focus().blur();}catch(e){}}
+					}
+					return expandFlag;
+				},
+				getNodes : function() {
+					return data.getNodes(setting);
+				},
+				getNodeByParam : function(key, value, parentNode) {
+					if (!key) return null;
+					return data.getNodeByParam(setting, parentNode?parentNode[setting.data.key.children]:data.getNodes(setting), key, value);
+				},
+				getNodeByTId : function(tId) {
+					return data.getNodeCache(setting, tId);
+				},
+				getNodesByParam : function(key, value, parentNode) {
+					if (!key) return null;
+					return data.getNodesByParam(setting, parentNode?parentNode[setting.data.key.children]:data.getNodes(setting), key, value);
+				},
+				getNodesByParamFuzzy : function(key, value, parentNode) {
+					if (!key) return null;
+					return data.getNodesByParamFuzzy(setting, parentNode?parentNode[setting.data.key.children]:data.getNodes(setting), key, value);
+				},
+				getNodesByFilter: function(filter, isSingle, parentNode, invokeParam) {
+					isSingle = !!isSingle;
+					if (!filter || (typeof filter != "function")) return (isSingle ? null : []);
+					return data.getNodesByFilter(setting, parentNode?parentNode[setting.data.key.children]:data.getNodes(setting), filter, isSingle, invokeParam);
+				},
+				getNodeIndex : function(node) {
+					if (!node) return null;
+					var childKey = setting.data.key.children,
+					parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(setting);
+					for (var i=0, l = parentNode[childKey].length; i < l; i++) {
+						if (parentNode[childKey][i] == node) return i;
+					}
+					return -1;
+				},
+				getSelectedNodes : function() {
+					var r = [], list = data.getRoot(setting).curSelectedList;
+					for (var i=0, l=list.length; i<l; i++) {
+						r.push(list[i]);
+					}
+					return r;
+				},
+				isSelectedNode : function(node) {
+					return data.isSelectedNode(setting, node);
+				},
+				reAsyncChildNodes : function(parentNode, reloadType, isSilent) {
+					if (!this.setting.async.enable) return;
+					var isRoot = !parentNode;
+					if (isRoot) {
+						parentNode = data.getRoot(setting);
+					}
+					if (reloadType=="refresh") {
+						var childKey = this.setting.data.key.children;
+						for (var i = 0, l = parentNode[childKey] ? parentNode[childKey].length : 0; i < l; i++) {
+							data.removeNodeCache(setting, parentNode[childKey][i]);
+						}
+						data.removeSelectedNode(setting);
+						parentNode[childKey] = [];
+						if (isRoot) {
+							this.setting.treeObj.empty();
+						} else {
+							var ulObj = $$(parentNode, consts.id.UL, setting);
+							ulObj.empty();
+						}
+					}
+					view.asyncNode(this.setting, isRoot? null:parentNode, !!isSilent);
+				},
+				refresh : function() {
+					this.setting.treeObj.empty();
+					var root = data.getRoot(setting),
+					nodes = root[setting.data.key.children]
+					data.initRoot(setting);
+					root[setting.data.key.children] = nodes
+					data.initCache(setting);
+					view.createNodes(setting, 0, root[setting.data.key.children]);
+				},
+				removeChildNodes : function(node) {
+					if (!node) return null;
+					var childKey = setting.data.key.children,
+					nodes = node[childKey];
+					view.removeChildNodes(setting, node);
+					return nodes ? nodes : null;
+				},
+				removeNode : function(node, callbackFlag) {
+					if (!node) return;
+					callbackFlag = !!callbackFlag;
+					if (callbackFlag && tools.apply(setting.callback.beforeRemove, [setting.treeId, node], true) == false) return;
+					view.removeNode(setting, node);
+					if (callbackFlag) {
+						this.setting.treeObj.trigger(consts.event.REMOVE, [setting.treeId, node]);
+					}
+				},
+				selectNode : function(node, addFlag) {
+					if (!node) return;
+					if (tools.uCanDo(setting)) {
+						addFlag = setting.view.selectedMulti && addFlag;
+						if (node.parentTId) {
+							view.expandCollapseParentNode(setting, node.getParentNode(), true, false, function() {
+								try{$$(node, setting).focus().blur();}catch(e){}
+							});
+						} else {
+							try{$$(node, setting).focus().blur();}catch(e){}
+						}
+						view.selectNode(setting, node, addFlag);
+					}
+				},
+				transformTozTreeNodes : function(simpleNodes) {
+					return data.transformTozTreeFormat(setting, simpleNodes);
+				},
+				transformToArray : function(nodes) {
+					return data.transformToArrayFormat(setting, nodes);
+				},
+				updateNode : function(node, checkTypeFlag) {
+					if (!node) return;
+					var nObj = $$(node, setting);
+					if (nObj.get(0) && tools.uCanDo(setting)) {
+						view.setNodeName(setting, node);
+						view.setNodeTarget(setting, node);
+						view.setNodeUrl(setting, node);
+						view.setNodeLineIcos(setting, node);
+						view.setNodeFontCss(setting, node);
+					}
+				}
+			}
+			root.treeTools = zTreeTools;
+			data.setZTreeTools(setting, zTreeTools);
+
+			if (root[childKey] && root[childKey].length > 0) {
+				view.createNodes(setting, 0, root[childKey]);
+			} else if (setting.async.enable && setting.async.url && setting.async.url !== '') {
+				view.asyncNode(setting);
+			}
+			return zTreeTools;
+		}
+	};
+
+	var zt = $.fn.zTree,
+	$$ = tools.$,
+	consts = zt.consts;
+})(jQuery);
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.core-3.5.min.js b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.core-3.5.min.js
new file mode 100644
index 00000000..42ab8b44
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.core-3.5.min.js	
@@ -0,0 +1,68 @@
+/*
+ * JQuery zTree core v3.5.15
+ * http://zTree.me/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2013-10-15
+ */
+(function(p){var G,H,I,J,K,L,r={},u={},v={},M={treeId:"",treeObj:null,view:{addDiyDom:null,autoCancelSelected:!0,dblClickExpand:!0,expandSpeed:"fast",fontCss:{},nameIsHTML:!1,selectedMulti:!0,showIcon:!0,showLine:!0,showTitle:!0,txtSelectedEnable:!1},data:{key:{children:"children",name:"name",title:"",url:"url"},simpleData:{enable:!1,idKey:"id",pIdKey:"pId",rootPId:null},keep:{parent:!1,leaf:!1}},async:{enable:!1,contentType:"application/x-www-form-urlencoded",type:"post",dataType:"text",url:"",autoParam:[],
+otherParam:[],dataFilter:null},callback:{beforeAsync:null,beforeClick:null,beforeDblClick:null,beforeRightClick:null,beforeMouseDown:null,beforeMouseUp:null,beforeExpand:null,beforeCollapse:null,beforeRemove:null,onAsyncError:null,onAsyncSuccess:null,onNodeCreated:null,onClick:null,onDblClick:null,onRightClick:null,onMouseDown:null,onMouseUp:null,onExpand:null,onCollapse:null,onRemove:null}},w=[function(b){var a=b.treeObj,c=e.event;a.bind(c.NODECREATED,function(a,c,g){j.apply(b.callback.onNodeCreated,
+[a,c,g])});a.bind(c.CLICK,function(a,c,g,l,h){j.apply(b.callback.onClick,[c,g,l,h])});a.bind(c.EXPAND,function(a,c,g){j.apply(b.callback.onExpand,[a,c,g])});a.bind(c.COLLAPSE,function(a,c,g){j.apply(b.callback.onCollapse,[a,c,g])});a.bind(c.ASYNC_SUCCESS,function(a,c,g,l){j.apply(b.callback.onAsyncSuccess,[a,c,g,l])});a.bind(c.ASYNC_ERROR,function(a,c,g,l,h,e){j.apply(b.callback.onAsyncError,[a,c,g,l,h,e])})}],x=[function(b){var a=e.event;b.treeObj.unbind(a.NODECREATED).unbind(a.CLICK).unbind(a.EXPAND).unbind(a.COLLAPSE).unbind(a.ASYNC_SUCCESS).unbind(a.ASYNC_ERROR)}],
+y=[function(b){var a=h.getCache(b);a||(a={},h.setCache(b,a));a.nodes=[];a.doms=[]}],z=[function(b,a,c,d,f,g){if(c){var l=h.getRoot(b),e=b.data.key.children;c.level=a;c.tId=b.treeId+"_"+ ++l.zId;c.parentTId=d?d.tId:null;c.open=typeof c.open=="string"?j.eqs(c.open,"true"):!!c.open;c[e]&&c[e].length>0?(c.isParent=!0,c.zAsync=!0):(c.isParent=typeof c.isParent=="string"?j.eqs(c.isParent,"true"):!!c.isParent,c.open=c.isParent&&!b.async.enable?c.open:!1,c.zAsync=!c.isParent);c.isFirstNode=f;c.isLastNode=
+g;c.getParentNode=function(){return h.getNodeCache(b,c.parentTId)};c.getPreNode=function(){return h.getPreNode(b,c)};c.getNextNode=function(){return h.getNextNode(b,c)};c.isAjaxing=!1;h.fixPIdKeyValue(b,c)}}],s=[function(b){var a=b.target,c=h.getSetting(b.data.treeId),d="",f=null,g="",l="",i=null,n=null,k=null;if(j.eqs(b.type,"mousedown"))l="mousedown";else if(j.eqs(b.type,"mouseup"))l="mouseup";else if(j.eqs(b.type,"contextmenu"))l="contextmenu";else if(j.eqs(b.type,"click"))if(j.eqs(a.tagName,"span")&&
+a.getAttribute("treeNode"+e.id.SWITCH)!==null)d=j.getNodeMainDom(a).id,g="switchNode";else{if(k=j.getMDom(c,a,[{tagName:"a",attrName:"treeNode"+e.id.A}]))d=j.getNodeMainDom(k).id,g="clickNode"}else if(j.eqs(b.type,"dblclick")&&(l="dblclick",k=j.getMDom(c,a,[{tagName:"a",attrName:"treeNode"+e.id.A}])))d=j.getNodeMainDom(k).id,g="switchNode";if(l.length>0&&d.length==0&&(k=j.getMDom(c,a,[{tagName:"a",attrName:"treeNode"+e.id.A}])))d=j.getNodeMainDom(k).id;if(d.length>0)switch(f=h.getNodeCache(c,d),g){case "switchNode":f.isParent?
+j.eqs(b.type,"click")||j.eqs(b.type,"dblclick")&&j.apply(c.view.dblClickExpand,[c.treeId,f],c.view.dblClickExpand)?i=G:g="":g="";break;case "clickNode":i=H}switch(l){case "mousedown":n=I;break;case "mouseup":n=J;break;case "dblclick":n=K;break;case "contextmenu":n=L}return{stop:!1,node:f,nodeEventType:g,nodeEventCallback:i,treeEventType:l,treeEventCallback:n}}],A=[function(b){var a=h.getRoot(b);a||(a={},h.setRoot(b,a));a[b.data.key.children]=[];a.expandTriggerFlag=!1;a.curSelectedList=[];a.noSelection=
+!0;a.createdNodes=[];a.zId=0;a._ver=(new Date).getTime()}],B=[],C=[],D=[],E=[],F=[],h={addNodeCache:function(b,a){h.getCache(b).nodes[h.getNodeCacheId(a.tId)]=a},getNodeCacheId:function(b){return b.substring(b.lastIndexOf("_")+1)},addAfterA:function(b){C.push(b)},addBeforeA:function(b){B.push(b)},addInnerAfterA:function(b){E.push(b)},addInnerBeforeA:function(b){D.push(b)},addInitBind:function(b){w.push(b)},addInitUnBind:function(b){x.push(b)},addInitCache:function(b){y.push(b)},addInitNode:function(b){z.push(b)},
+addInitProxy:function(b,a){a?s.splice(0,0,b):s.push(b)},addInitRoot:function(b){A.push(b)},addNodesData:function(b,a,c){var d=b.data.key.children;a[d]||(a[d]=[]);if(a[d].length>0)a[d][a[d].length-1].isLastNode=!1,i.setNodeLineIcos(b,a[d][a[d].length-1]);a.isParent=!0;a[d]=a[d].concat(c)},addSelectedNode:function(b,a){var c=h.getRoot(b);h.isSelectedNode(b,a)||c.curSelectedList.push(a)},addCreatedNode:function(b,a){(b.callback.onNodeCreated||b.view.addDiyDom)&&h.getRoot(b).createdNodes.push(a)},addZTreeTools:function(b){F.push(b)},
+exSetting:function(b){p.extend(!0,M,b)},fixPIdKeyValue:function(b,a){b.data.simpleData.enable&&(a[b.data.simpleData.pIdKey]=a.parentTId?a.getParentNode()[b.data.simpleData.idKey]:b.data.simpleData.rootPId)},getAfterA:function(b,a,c){for(var d=0,f=C.length;d<f;d++)C[d].apply(this,arguments)},getBeforeA:function(b,a,c){for(var d=0,f=B.length;d<f;d++)B[d].apply(this,arguments)},getInnerAfterA:function(b,a,c){for(var d=0,f=E.length;d<f;d++)E[d].apply(this,arguments)},getInnerBeforeA:function(b,a,c){for(var d=
+0,f=D.length;d<f;d++)D[d].apply(this,arguments)},getCache:function(b){return v[b.treeId]},getNextNode:function(b,a){if(!a)return null;for(var c=b.data.key.children,d=a.parentTId?a.getParentNode():h.getRoot(b),f=0,g=d[c].length-1;f<=g;f++)if(d[c][f]===a)return f==g?null:d[c][f+1];return null},getNodeByParam:function(b,a,c,d){if(!a||!c)return null;for(var f=b.data.key.children,g=0,l=a.length;g<l;g++){if(a[g][c]==d)return a[g];var e=h.getNodeByParam(b,a[g][f],c,d);if(e)return e}return null},getNodeCache:function(b,
+a){if(!a)return null;var c=v[b.treeId].nodes[h.getNodeCacheId(a)];return c?c:null},getNodeName:function(b,a){return""+a[b.data.key.name]},getNodeTitle:function(b,a){return""+a[b.data.key.title===""?b.data.key.name:b.data.key.title]},getNodes:function(b){return h.getRoot(b)[b.data.key.children]},getNodesByParam:function(b,a,c,d){if(!a||!c)return[];for(var f=b.data.key.children,g=[],l=0,e=a.length;l<e;l++)a[l][c]==d&&g.push(a[l]),g=g.concat(h.getNodesByParam(b,a[l][f],c,d));return g},getNodesByParamFuzzy:function(b,
+a,c,d){if(!a||!c)return[];for(var f=b.data.key.children,g=[],d=d.toLowerCase(),l=0,e=a.length;l<e;l++)typeof a[l][c]=="string"&&a[l][c].toLowerCase().indexOf(d)>-1&&g.push(a[l]),g=g.concat(h.getNodesByParamFuzzy(b,a[l][f],c,d));return g},getNodesByFilter:function(b,a,c,d,f){if(!a)return d?null:[];for(var g=b.data.key.children,e=d?null:[],i=0,n=a.length;i<n;i++){if(j.apply(c,[a[i],f],!1)){if(d)return a[i];e.push(a[i])}var k=h.getNodesByFilter(b,a[i][g],c,d,f);if(d&&k)return k;e=d?k:e.concat(k)}return e},
+getPreNode:function(b,a){if(!a)return null;for(var c=b.data.key.children,d=a.parentTId?a.getParentNode():h.getRoot(b),f=0,g=d[c].length;f<g;f++)if(d[c][f]===a)return f==0?null:d[c][f-1];return null},getRoot:function(b){return b?u[b.treeId]:null},getRoots:function(){return u},getSetting:function(b){return r[b]},getSettings:function(){return r},getZTreeTools:function(b){return(b=this.getRoot(this.getSetting(b)))?b.treeTools:null},initCache:function(b){for(var a=0,c=y.length;a<c;a++)y[a].apply(this,
+arguments)},initNode:function(b,a,c,d,f,g){for(var e=0,h=z.length;e<h;e++)z[e].apply(this,arguments)},initRoot:function(b){for(var a=0,c=A.length;a<c;a++)A[a].apply(this,arguments)},isSelectedNode:function(b,a){for(var c=h.getRoot(b),d=0,f=c.curSelectedList.length;d<f;d++)if(a===c.curSelectedList[d])return!0;return!1},removeNodeCache:function(b,a){var c=b.data.key.children;if(a[c])for(var d=0,f=a[c].length;d<f;d++)arguments.callee(b,a[c][d]);h.getCache(b).nodes[h.getNodeCacheId(a.tId)]=null},removeSelectedNode:function(b,
+a){for(var c=h.getRoot(b),d=0,f=c.curSelectedList.length;d<f;d++)if(a===c.curSelectedList[d]||!h.getNodeCache(b,c.curSelectedList[d].tId))c.curSelectedList.splice(d,1),d--,f--},setCache:function(b,a){v[b.treeId]=a},setRoot:function(b,a){u[b.treeId]=a},setZTreeTools:function(b,a){for(var c=0,d=F.length;c<d;c++)F[c].apply(this,arguments)},transformToArrayFormat:function(b,a){if(!a)return[];var c=b.data.key.children,d=[];if(j.isArray(a))for(var f=0,g=a.length;f<g;f++)d.push(a[f]),a[f][c]&&(d=d.concat(h.transformToArrayFormat(b,
+a[f][c])));else d.push(a),a[c]&&(d=d.concat(h.transformToArrayFormat(b,a[c])));return d},transformTozTreeFormat:function(b,a){var c,d,f=b.data.simpleData.idKey,g=b.data.simpleData.pIdKey,e=b.data.key.children;if(!f||f==""||!a)return[];if(j.isArray(a)){var h=[],i=[];for(c=0,d=a.length;c<d;c++)i[a[c][f]]=a[c];for(c=0,d=a.length;c<d;c++)i[a[c][g]]&&a[c][f]!=a[c][g]?(i[a[c][g]][e]||(i[a[c][g]][e]=[]),i[a[c][g]][e].push(a[c])):h.push(a[c]);return h}else return[a]}},m={bindEvent:function(b){for(var a=0,
+c=w.length;a<c;a++)w[a].apply(this,arguments)},unbindEvent:function(b){for(var a=0,c=x.length;a<c;a++)x[a].apply(this,arguments)},bindTree:function(b){var a={treeId:b.treeId},c=b.treeObj;b.view.txtSelectedEnable||c.bind("selectstart",function(a){a=a.originalEvent.srcElement.nodeName.toLowerCase();return a==="input"||a==="textarea"}).css({"-moz-user-select":"-moz-none"});c.bind("click",a,m.proxy);c.bind("dblclick",a,m.proxy);c.bind("mouseover",a,m.proxy);c.bind("mouseout",a,m.proxy);c.bind("mousedown",
+a,m.proxy);c.bind("mouseup",a,m.proxy);c.bind("contextmenu",a,m.proxy)},unbindTree:function(b){b.treeObj.unbind("click",m.proxy).unbind("dblclick",m.proxy).unbind("mouseover",m.proxy).unbind("mouseout",m.proxy).unbind("mousedown",m.proxy).unbind("mouseup",m.proxy).unbind("contextmenu",m.proxy)},doProxy:function(b){for(var a=[],c=0,d=s.length;c<d;c++){var f=s[c].apply(this,arguments);a.push(f);if(f.stop)break}return a},proxy:function(b){var a=h.getSetting(b.data.treeId);if(!j.uCanDo(a,b))return!0;
+for(var a=m.doProxy(b),c=!0,d=0,f=a.length;d<f;d++){var g=a[d];g.nodeEventCallback&&(c=g.nodeEventCallback.apply(g,[b,g.node])&&c);g.treeEventCallback&&(c=g.treeEventCallback.apply(g,[b,g.node])&&c)}return c}};G=function(b,a){var c=h.getSetting(b.data.treeId);if(a.open){if(j.apply(c.callback.beforeCollapse,[c.treeId,a],!0)==!1)return!0}else if(j.apply(c.callback.beforeExpand,[c.treeId,a],!0)==!1)return!0;h.getRoot(c).expandTriggerFlag=!0;i.switchNode(c,a);return!0};H=function(b,a){var c=h.getSetting(b.data.treeId),
+d=c.view.autoCancelSelected&&b.ctrlKey&&h.isSelectedNode(c,a)?0:c.view.autoCancelSelected&&b.ctrlKey&&c.view.selectedMulti?2:1;if(j.apply(c.callback.beforeClick,[c.treeId,a,d],!0)==!1)return!0;d===0?i.cancelPreSelectedNode(c,a):i.selectNode(c,a,d===2);c.treeObj.trigger(e.event.CLICK,[b,c.treeId,a,d]);return!0};I=function(b,a){var c=h.getSetting(b.data.treeId);j.apply(c.callback.beforeMouseDown,[c.treeId,a],!0)&&j.apply(c.callback.onMouseDown,[b,c.treeId,a]);return!0};J=function(b,a){var c=h.getSetting(b.data.treeId);
+j.apply(c.callback.beforeMouseUp,[c.treeId,a],!0)&&j.apply(c.callback.onMouseUp,[b,c.treeId,a]);return!0};K=function(b,a){var c=h.getSetting(b.data.treeId);j.apply(c.callback.beforeDblClick,[c.treeId,a],!0)&&j.apply(c.callback.onDblClick,[b,c.treeId,a]);return!0};L=function(b,a){var c=h.getSetting(b.data.treeId);j.apply(c.callback.beforeRightClick,[c.treeId,a],!0)&&j.apply(c.callback.onRightClick,[b,c.treeId,a]);return typeof c.callback.onRightClick!="function"};var j={apply:function(b,a,c){return typeof b==
+"function"?b.apply(N,a?a:[]):c},canAsync:function(b,a){var c=b.data.key.children;return b.async.enable&&a&&a.isParent&&!(a.zAsync||a[c]&&a[c].length>0)},clone:function(b){if(b===null)return null;var a=j.isArray(b)?[]:{},c;for(c in b)a[c]=b[c]instanceof Date?new Date(b[c].getTime()):typeof b[c]==="object"?arguments.callee(b[c]):b[c];return a},eqs:function(b,a){return b.toLowerCase()===a.toLowerCase()},isArray:function(b){return Object.prototype.toString.apply(b)==="[object Array]"},$:function(b,a,
+c){a&&typeof a!="string"&&(c=a,a="");return typeof b=="string"?p(b,c?c.treeObj.get(0).ownerDocument:null):p("#"+b.tId+a,c?c.treeObj:null)},getMDom:function(b,a,c){if(!a)return null;for(;a&&a.id!==b.treeId;){for(var d=0,f=c.length;a.tagName&&d<f;d++)if(j.eqs(a.tagName,c[d].tagName)&&a.getAttribute(c[d].attrName)!==null)return a;a=a.parentNode}return null},getNodeMainDom:function(b){return p(b).parent("li").get(0)||p(b).parentsUntil("li").parent().get(0)},isChildOrSelf:function(b,a){return p(b).closest("#"+
+a).length>0},uCanDo:function(){return!0}},i={addNodes:function(b,a,c,d){if(!b.data.keep.leaf||!a||a.isParent)if(j.isArray(c)||(c=[c]),b.data.simpleData.enable&&(c=h.transformTozTreeFormat(b,c)),a){var f=k(a,e.id.SWITCH,b),g=k(a,e.id.ICON,b),l=k(a,e.id.UL,b);if(!a.open)i.replaceSwitchClass(a,f,e.folder.CLOSE),i.replaceIcoClass(a,g,e.folder.CLOSE),a.open=!1,l.css({display:"none"});h.addNodesData(b,a,c);i.createNodes(b,a.level+1,c,a);d||i.expandCollapseParentNode(b,a,!0)}else h.addNodesData(b,h.getRoot(b),
+c),i.createNodes(b,0,c,null)},appendNodes:function(b,a,c,d,f,g){if(!c)return[];for(var e=[],j=b.data.key.children,k=0,m=c.length;k<m;k++){var o=c[k];if(f){var t=(d?d:h.getRoot(b))[j].length==c.length&&k==0;h.initNode(b,a,o,d,t,k==c.length-1,g);h.addNodeCache(b,o)}t=[];o[j]&&o[j].length>0&&(t=i.appendNodes(b,a+1,o[j],o,f,g&&o.open));g&&(i.makeDOMNodeMainBefore(e,b,o),i.makeDOMNodeLine(e,b,o),h.getBeforeA(b,o,e),i.makeDOMNodeNameBefore(e,b,o),h.getInnerBeforeA(b,o,e),i.makeDOMNodeIcon(e,b,o),h.getInnerAfterA(b,
+o,e),i.makeDOMNodeNameAfter(e,b,o),h.getAfterA(b,o,e),o.isParent&&o.open&&i.makeUlHtml(b,o,e,t.join("")),i.makeDOMNodeMainAfter(e,b,o),h.addCreatedNode(b,o))}return e},appendParentULDom:function(b,a){var c=[],d=k(a,b);!d.get(0)&&a.parentTId&&(i.appendParentULDom(b,a.getParentNode()),d=k(a,b));var f=k(a,e.id.UL,b);f.get(0)&&f.remove();f=i.appendNodes(b,a.level+1,a[b.data.key.children],a,!1,!0);i.makeUlHtml(b,a,c,f.join(""));d.append(c.join(""))},asyncNode:function(b,a,c,d){var f,g;if(a&&!a.isParent)return j.apply(d),
+!1;else if(a&&a.isAjaxing)return!1;else if(j.apply(b.callback.beforeAsync,[b.treeId,a],!0)==!1)return j.apply(d),!1;if(a)a.isAjaxing=!0,k(a,e.id.ICON,b).attr({style:"","class":e.className.BUTTON+" "+e.className.ICO_LOADING});var l={};for(f=0,g=b.async.autoParam.length;a&&f<g;f++){var q=b.async.autoParam[f].split("="),n=q;q.length>1&&(n=q[1],q=q[0]);l[n]=a[q]}if(j.isArray(b.async.otherParam))for(f=0,g=b.async.otherParam.length;f<g;f+=2)l[b.async.otherParam[f]]=b.async.otherParam[f+1];else for(var m in b.async.otherParam)l[m]=
+b.async.otherParam[m];var o=h.getRoot(b)._ver;p.ajax({contentType:b.async.contentType,type:b.async.type,url:j.apply(b.async.url,[b.treeId,a],b.async.url),data:l,dataType:b.async.dataType,success:function(f){if(o==h.getRoot(b)._ver){var g=[];try{g=!f||f.length==0?[]:typeof f=="string"?eval("("+f+")"):f}catch(l){g=f}if(a)a.isAjaxing=null,a.zAsync=!0;i.setNodeLineIcos(b,a);g&&g!==""?(g=j.apply(b.async.dataFilter,[b.treeId,a,g],g),i.addNodes(b,a,g?j.clone(g):[],!!c)):i.addNodes(b,a,[],!!c);b.treeObj.trigger(e.event.ASYNC_SUCCESS,
+[b.treeId,a,f]);j.apply(d)}},error:function(c,d,f){if(o==h.getRoot(b)._ver){if(a)a.isAjaxing=null;i.setNodeLineIcos(b,a);b.treeObj.trigger(e.event.ASYNC_ERROR,[b.treeId,a,c,d,f])}}});return!0},cancelPreSelectedNode:function(b,a){for(var c=h.getRoot(b).curSelectedList,d=c.length-1;d>=0;d--)if(!a||a===c[d])if(k(c[d],e.id.A,b).removeClass(e.node.CURSELECTED),a){h.removeSelectedNode(b,a);break}if(!a)h.getRoot(b).curSelectedList=[]},createNodeCallback:function(b){if(b.callback.onNodeCreated||b.view.addDiyDom)for(var a=
+h.getRoot(b);a.createdNodes.length>0;){var c=a.createdNodes.shift();j.apply(b.view.addDiyDom,[b.treeId,c]);b.callback.onNodeCreated&&b.treeObj.trigger(e.event.NODECREATED,[b.treeId,c])}},createNodes:function(b,a,c,d){if(c&&c.length!=0){var f=h.getRoot(b),g=b.data.key.children,g=!d||d.open||!!k(d[g][0],b).get(0);f.createdNodes=[];a=i.appendNodes(b,a,c,d,!0,g);d?(d=k(d,e.id.UL,b),d.get(0)&&d.append(a.join(""))):b.treeObj.append(a.join(""));i.createNodeCallback(b)}},destroy:function(b){b&&(h.initCache(b),
+h.initRoot(b),m.unbindTree(b),m.unbindEvent(b),b.treeObj.empty())},expandCollapseNode:function(b,a,c,d,f){var g=h.getRoot(b),l=b.data.key.children;if(a){if(g.expandTriggerFlag){var q=f,f=function(){q&&q();a.open?b.treeObj.trigger(e.event.EXPAND,[b.treeId,a]):b.treeObj.trigger(e.event.COLLAPSE,[b.treeId,a])};g.expandTriggerFlag=!1}if(!a.open&&a.isParent&&(!k(a,e.id.UL,b).get(0)||a[l]&&a[l].length>0&&!k(a[l][0],b).get(0)))i.appendParentULDom(b,a),i.createNodeCallback(b);if(a.open==c)j.apply(f,[]);else{var c=
+k(a,e.id.UL,b),g=k(a,e.id.SWITCH,b),n=k(a,e.id.ICON,b);a.isParent?(a.open=!a.open,a.iconOpen&&a.iconClose&&n.attr("style",i.makeNodeIcoStyle(b,a)),a.open?(i.replaceSwitchClass(a,g,e.folder.OPEN),i.replaceIcoClass(a,n,e.folder.OPEN),d==!1||b.view.expandSpeed==""?(c.show(),j.apply(f,[])):a[l]&&a[l].length>0?c.slideDown(b.view.expandSpeed,f):(c.show(),j.apply(f,[]))):(i.replaceSwitchClass(a,g,e.folder.CLOSE),i.replaceIcoClass(a,n,e.folder.CLOSE),d==!1||b.view.expandSpeed==""||!(a[l]&&a[l].length>0)?
+(c.hide(),j.apply(f,[])):c.slideUp(b.view.expandSpeed,f))):j.apply(f,[])}}else j.apply(f,[])},expandCollapseParentNode:function(b,a,c,d,f){a&&(a.parentTId?(i.expandCollapseNode(b,a,c,d),a.parentTId&&i.expandCollapseParentNode(b,a.getParentNode(),c,d,f)):i.expandCollapseNode(b,a,c,d,f))},expandCollapseSonNode:function(b,a,c,d,f){var g=h.getRoot(b),e=b.data.key.children,g=a?a[e]:g[e],e=a?!1:d,j=h.getRoot(b).expandTriggerFlag;h.getRoot(b).expandTriggerFlag=!1;if(g)for(var k=0,m=g.length;k<m;k++)g[k]&&
+i.expandCollapseSonNode(b,g[k],c,e);h.getRoot(b).expandTriggerFlag=j;i.expandCollapseNode(b,a,c,d,f)},makeDOMNodeIcon:function(b,a,c){var d=h.getNodeName(a,c),d=a.view.nameIsHTML?d:d.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");b.push("<span id='",c.tId,e.id.ICON,"' title='' treeNode",e.id.ICON," class='",i.makeNodeIcoClass(a,c),"' style='",i.makeNodeIcoStyle(a,c),"'></span><span id='",c.tId,e.id.SPAN,"'>",d,"</span>")},makeDOMNodeLine:function(b,a,c){b.push("<span id='",c.tId,
+e.id.SWITCH,"' title='' class='",i.makeNodeLineClass(a,c),"' treeNode",e.id.SWITCH,"></span>")},makeDOMNodeMainAfter:function(b){b.push("</li>")},makeDOMNodeMainBefore:function(b,a,c){b.push("<li id='",c.tId,"' class='",e.className.LEVEL,c.level,"' tabindex='0' hidefocus='true' treenode>")},makeDOMNodeNameAfter:function(b){b.push("</a>")},makeDOMNodeNameBefore:function(b,a,c){var d=h.getNodeTitle(a,c),f=i.makeNodeUrl(a,c),g=i.makeNodeFontCss(a,c),l=[],k;for(k in g)l.push(k,":",g[k],";");b.push("<a id='",
+c.tId,e.id.A,"' class='",e.className.LEVEL,c.level,"' treeNode",e.id.A,' onclick="',c.click||"",'" ',f!=null&&f.length>0?"href='"+f+"'":""," target='",i.makeNodeTarget(c),"' style='",l.join(""),"'");j.apply(a.view.showTitle,[a.treeId,c],a.view.showTitle)&&d&&b.push("title='",d.replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),"'");b.push(">")},makeNodeFontCss:function(b,a){var c=j.apply(b.view.fontCss,[b.treeId,a],b.view.fontCss);return c&&typeof c!="function"?c:{}},makeNodeIcoClass:function(b,
+a){var c=["ico"];a.isAjaxing||(c[0]=(a.iconSkin?a.iconSkin+"_":"")+c[0],a.isParent?c.push(a.open?e.folder.OPEN:e.folder.CLOSE):c.push(e.folder.DOCU));return e.className.BUTTON+" "+c.join("_")},makeNodeIcoStyle:function(b,a){var c=[];if(!a.isAjaxing){var d=a.isParent&&a.iconOpen&&a.iconClose?a.open?a.iconOpen:a.iconClose:a.icon;d&&c.push("background:url(",d,") 0 0 no-repeat;");(b.view.showIcon==!1||!j.apply(b.view.showIcon,[b.treeId,a],!0))&&c.push("width:0px;height:0px;")}return c.join("")},makeNodeLineClass:function(b,
+a){var c=[];b.view.showLine?a.level==0&&a.isFirstNode&&a.isLastNode?c.push(e.line.ROOT):a.level==0&&a.isFirstNode?c.push(e.line.ROOTS):a.isLastNode?c.push(e.line.BOTTOM):c.push(e.line.CENTER):c.push(e.line.NOLINE);a.isParent?c.push(a.open?e.folder.OPEN:e.folder.CLOSE):c.push(e.folder.DOCU);return i.makeNodeLineClassEx(a)+c.join("_")},makeNodeLineClassEx:function(b){return e.className.BUTTON+" "+e.className.LEVEL+b.level+" "+e.className.SWITCH+" "},makeNodeTarget:function(b){return b.target||"_blank"},
+makeNodeUrl:function(b,a){var c=b.data.key.url;return a[c]?a[c]:null},makeUlHtml:function(b,a,c,d){c.push("<ul id='",a.tId,e.id.UL,"' class='",e.className.LEVEL,a.level," ",i.makeUlLineClass(b,a),"' style='display:",a.open?"block":"none","'>");c.push(d);c.push("</ul>")},makeUlLineClass:function(b,a){return b.view.showLine&&!a.isLastNode?e.line.LINE:""},removeChildNodes:function(b,a){if(a){var c=b.data.key.children,d=a[c];if(d){for(var f=0,g=d.length;f<g;f++)h.removeNodeCache(b,d[f]);h.removeSelectedNode(b);
+delete a[c];b.data.keep.parent?k(a,e.id.UL,b).empty():(a.isParent=!1,a.open=!1,c=k(a,e.id.SWITCH,b),d=k(a,e.id.ICON,b),i.replaceSwitchClass(a,c,e.folder.DOCU),i.replaceIcoClass(a,d,e.folder.DOCU),k(a,e.id.UL,b).remove())}}},setFirstNode:function(b,a){var c=b.data.key.children;if(a[c].length>0)a[c][0].isFirstNode=!0},setLastNode:function(b,a){var c=b.data.key.children,d=a[c].length;if(d>0)a[c][d-1].isLastNode=!0},removeNode:function(b,a){var c=h.getRoot(b),d=b.data.key.children,f=a.parentTId?a.getParentNode():
+c;a.isFirstNode=!1;a.isLastNode=!1;a.getPreNode=function(){return null};a.getNextNode=function(){return null};if(h.getNodeCache(b,a.tId)){k(a,b).remove();h.removeNodeCache(b,a);h.removeSelectedNode(b,a);for(var g=0,l=f[d].length;g<l;g++)if(f[d][g].tId==a.tId){f[d].splice(g,1);break}i.setFirstNode(b,f);i.setLastNode(b,f);var j,g=f[d].length;if(!b.data.keep.parent&&g==0)f.isParent=!1,f.open=!1,g=k(f,e.id.UL,b),l=k(f,e.id.SWITCH,b),j=k(f,e.id.ICON,b),i.replaceSwitchClass(f,l,e.folder.DOCU),i.replaceIcoClass(f,
+j,e.folder.DOCU),g.css("display","none");else if(b.view.showLine&&g>0){var n=f[d][g-1],g=k(n,e.id.UL,b),l=k(n,e.id.SWITCH,b);j=k(n,e.id.ICON,b);f==c?f[d].length==1?i.replaceSwitchClass(n,l,e.line.ROOT):(c=k(f[d][0],e.id.SWITCH,b),i.replaceSwitchClass(f[d][0],c,e.line.ROOTS),i.replaceSwitchClass(n,l,e.line.BOTTOM)):i.replaceSwitchClass(n,l,e.line.BOTTOM);g.removeClass(e.line.LINE)}}},replaceIcoClass:function(b,a,c){if(a&&!b.isAjaxing&&(b=a.attr("class"),b!=void 0)){b=b.split("_");switch(c){case e.folder.OPEN:case e.folder.CLOSE:case e.folder.DOCU:b[b.length-
+1]=c}a.attr("class",b.join("_"))}},replaceSwitchClass:function(b,a,c){if(a){var d=a.attr("class");if(d!=void 0){d=d.split("_");switch(c){case e.line.ROOT:case e.line.ROOTS:case e.line.CENTER:case e.line.BOTTOM:case e.line.NOLINE:d[0]=i.makeNodeLineClassEx(b)+c;break;case e.folder.OPEN:case e.folder.CLOSE:case e.folder.DOCU:d[1]=c}a.attr("class",d.join("_"));c!==e.folder.DOCU?a.removeAttr("disabled"):a.attr("disabled","disabled")}}},selectNode:function(b,a,c){c||i.cancelPreSelectedNode(b);k(a,e.id.A,
+b).addClass(e.node.CURSELECTED);h.addSelectedNode(b,a)},setNodeFontCss:function(b,a){var c=k(a,e.id.A,b),d=i.makeNodeFontCss(b,a);d&&c.css(d)},setNodeLineIcos:function(b,a){if(a){var c=k(a,e.id.SWITCH,b),d=k(a,e.id.UL,b),f=k(a,e.id.ICON,b),g=i.makeUlLineClass(b,a);g.length==0?d.removeClass(e.line.LINE):d.addClass(g);c.attr("class",i.makeNodeLineClass(b,a));a.isParent?c.removeAttr("disabled"):c.attr("disabled","disabled");f.removeAttr("style");f.attr("style",i.makeNodeIcoStyle(b,a));f.attr("class",
+i.makeNodeIcoClass(b,a))}},setNodeName:function(b,a){var c=h.getNodeTitle(b,a),d=k(a,e.id.SPAN,b);d.empty();b.view.nameIsHTML?d.html(h.getNodeName(b,a)):d.text(h.getNodeName(b,a));j.apply(b.view.showTitle,[b.treeId,a],b.view.showTitle)&&k(a,e.id.A,b).attr("title",!c?"":c)},setNodeTarget:function(b,a){k(a,e.id.A,b).attr("target",i.makeNodeTarget(a))},setNodeUrl:function(b,a){var c=k(a,e.id.A,b),d=i.makeNodeUrl(b,a);d==null||d.length==0?c.removeAttr("href"):c.attr("href",d)},switchNode:function(b,a){a.open||
+!j.canAsync(b,a)?i.expandCollapseNode(b,a,!a.open):b.async.enable?i.asyncNode(b,a)||i.expandCollapseNode(b,a,!a.open):a&&i.expandCollapseNode(b,a,!a.open)}};p.fn.zTree={consts:{className:{BUTTON:"button",LEVEL:"level",ICO_LOADING:"ico_loading",SWITCH:"switch"},event:{NODECREATED:"ztree_nodeCreated",CLICK:"ztree_click",EXPAND:"ztree_expand",COLLAPSE:"ztree_collapse",ASYNC_SUCCESS:"ztree_async_success",ASYNC_ERROR:"ztree_async_error"},id:{A:"_a",ICON:"_ico",SPAN:"_span",SWITCH:"_switch",UL:"_ul"},line:{ROOT:"root",
+ROOTS:"roots",CENTER:"center",BOTTOM:"bottom",NOLINE:"noline",LINE:"line"},folder:{OPEN:"open",CLOSE:"close",DOCU:"docu"},node:{CURSELECTED:"curSelectedNode"}},_z:{tools:j,view:i,event:m,data:h},getZTreeObj:function(b){return(b=h.getZTreeTools(b))?b:null},destroy:function(b){if(b&&b.length>0)i.destroy(h.getSetting(b));else for(var a in r)i.destroy(r[a])},init:function(b,a,c){var d=j.clone(M);p.extend(!0,d,a);d.treeId=b.attr("id");d.treeObj=b;d.treeObj.empty();r[d.treeId]=d;if(typeof document.body.style.maxHeight===
+"undefined")d.view.expandSpeed="";h.initRoot(d);b=h.getRoot(d);a=d.data.key.children;c=c?j.clone(j.isArray(c)?c:[c]):[];b[a]=d.data.simpleData.enable?h.transformTozTreeFormat(d,c):c;h.initCache(d);m.unbindTree(d);m.bindTree(d);m.unbindEvent(d);m.bindEvent(d);c={setting:d,addNodes:function(a,b,c){function e(){i.addNodes(d,a,h,c==!0)}if(!b)return null;a||(a=null);if(a&&!a.isParent&&d.data.keep.leaf)return null;var h=j.clone(j.isArray(b)?b:[b]);j.canAsync(d,a)?i.asyncNode(d,a,c,e):e();return h},cancelSelectedNode:function(a){i.cancelPreSelectedNode(d,
+a)},destroy:function(){i.destroy(d)},expandAll:function(a){a=!!a;i.expandCollapseSonNode(d,null,a,!0);return a},expandNode:function(a,b,c,e,n){if(!a||!a.isParent)return null;b!==!0&&b!==!1&&(b=!a.open);if((n=!!n)&&b&&j.apply(d.callback.beforeExpand,[d.treeId,a],!0)==!1)return null;else if(n&&!b&&j.apply(d.callback.beforeCollapse,[d.treeId,a],!0)==!1)return null;b&&a.parentTId&&i.expandCollapseParentNode(d,a.getParentNode(),b,!1);if(b===a.open&&!c)return null;h.getRoot(d).expandTriggerFlag=n;if(!j.canAsync(d,
+a)&&c)i.expandCollapseSonNode(d,a,b,!0,function(){if(e!==!1)try{k(a,d).focus().blur()}catch(b){}});else if(a.open=!b,i.switchNode(this.setting,a),e!==!1)try{k(a,d).focus().blur()}catch(m){}return b},getNodes:function(){return h.getNodes(d)},getNodeByParam:function(a,b,c){return!a?null:h.getNodeByParam(d,c?c[d.data.key.children]:h.getNodes(d),a,b)},getNodeByTId:function(a){return h.getNodeCache(d,a)},getNodesByParam:function(a,b,c){return!a?null:h.getNodesByParam(d,c?c[d.data.key.children]:h.getNodes(d),
+a,b)},getNodesByParamFuzzy:function(a,b,c){return!a?null:h.getNodesByParamFuzzy(d,c?c[d.data.key.children]:h.getNodes(d),a,b)},getNodesByFilter:function(a,b,c,e){b=!!b;return!a||typeof a!="function"?b?null:[]:h.getNodesByFilter(d,c?c[d.data.key.children]:h.getNodes(d),a,b,e)},getNodeIndex:function(a){if(!a)return null;for(var b=d.data.key.children,c=a.parentTId?a.getParentNode():h.getRoot(d),e=0,i=c[b].length;e<i;e++)if(c[b][e]==a)return e;return-1},getSelectedNodes:function(){for(var a=[],b=h.getRoot(d).curSelectedList,
+c=0,e=b.length;c<e;c++)a.push(b[c]);return a},isSelectedNode:function(a){return h.isSelectedNode(d,a)},reAsyncChildNodes:function(a,b,c){if(this.setting.async.enable){var j=!a;j&&(a=h.getRoot(d));if(b=="refresh"){for(var b=this.setting.data.key.children,m=0,p=a[b]?a[b].length:0;m<p;m++)h.removeNodeCache(d,a[b][m]);h.removeSelectedNode(d);a[b]=[];j?this.setting.treeObj.empty():k(a,e.id.UL,d).empty()}i.asyncNode(this.setting,j?null:a,!!c)}},refresh:function(){this.setting.treeObj.empty();var a=h.getRoot(d),
+b=a[d.data.key.children];h.initRoot(d);a[d.data.key.children]=b;h.initCache(d);i.createNodes(d,0,a[d.data.key.children])},removeChildNodes:function(a){if(!a)return null;var b=a[d.data.key.children];i.removeChildNodes(d,a);return b?b:null},removeNode:function(a,b){a&&(b=!!b,b&&j.apply(d.callback.beforeRemove,[d.treeId,a],!0)==!1||(i.removeNode(d,a),b&&this.setting.treeObj.trigger(e.event.REMOVE,[d.treeId,a])))},selectNode:function(a,b){if(a&&j.uCanDo(d)){b=d.view.selectedMulti&&b;if(a.parentTId)i.expandCollapseParentNode(d,
+a.getParentNode(),!0,!1,function(){try{k(a,d).focus().blur()}catch(b){}});else try{k(a,d).focus().blur()}catch(c){}i.selectNode(d,a,b)}},transformTozTreeNodes:function(a){return h.transformTozTreeFormat(d,a)},transformToArray:function(a){return h.transformToArrayFormat(d,a)},updateNode:function(a){a&&k(a,d).get(0)&&j.uCanDo(d)&&(i.setNodeName(d,a),i.setNodeTarget(d,a),i.setNodeUrl(d,a),i.setNodeLineIcos(d,a),i.setNodeFontCss(d,a))}};b.treeTools=c;h.setZTreeTools(d,c);b[a]&&b[a].length>0?i.createNodes(d,
+0,b[a]):d.async.enable&&d.async.url&&d.async.url!==""&&i.asyncNode(d);return c}};var N=p.fn.zTree,k=j.$,e=N.consts})(jQuery);
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.excheck-3.5.js b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.excheck-3.5.js
new file mode 100644
index 00000000..c3fbfc5e
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.excheck-3.5.js	
@@ -0,0 +1,626 @@
+/*
+ * JQuery zTree excheck v3.5.15
+ * http://zTree.me/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2013-10-15
+ */
+(function($){
+	//default consts of excheck
+	var _consts = {
+		event: {
+			CHECK: "ztree_check"
+		},
+		id: {
+			CHECK: "_check"
+		},
+		checkbox: {
+			STYLE: "checkbox",
+			DEFAULT: "chk",
+			DISABLED: "disable",
+			FALSE: "false",
+			TRUE: "true",
+			FULL: "full",
+			PART: "part",
+			FOCUS: "focus"
+		},
+		radio: {
+			STYLE: "radio",
+			TYPE_ALL: "all",
+			TYPE_LEVEL: "level"
+		}
+	},
+	//default setting of excheck
+	_setting = {
+		check: {
+			enable: false,
+			autoCheckTrigger: false,
+			chkStyle: _consts.checkbox.STYLE,
+			nocheckInherit: false,
+			chkDisabledInherit: false,
+			radioType: _consts.radio.TYPE_LEVEL,
+			chkboxType: {
+				"Y": "ps",
+				"N": "ps"
+			}
+		},
+		data: {
+			key: {
+				checked: "checked"
+			}
+		},
+		callback: {
+			beforeCheck:null,
+			onCheck:null
+		}
+	},
+	//default root of excheck
+	_initRoot = function (setting) {
+		var r = data.getRoot(setting);
+		r.radioCheckedList = [];
+	},
+	//default cache of excheck
+	_initCache = function(treeId) {},
+	//default bind event of excheck
+	_bindEvent = function(setting) {
+		var o = setting.treeObj,
+		c = consts.event;
+		o.bind(c.CHECK, function (event, srcEvent, treeId, node) {
+			tools.apply(setting.callback.onCheck, [!!srcEvent?srcEvent : event, treeId, node]);
+		});
+	},
+	_unbindEvent = function(setting) {
+		var o = setting.treeObj,
+		c = consts.event;
+		o.unbind(c.CHECK);
+	},
+	//default event proxy of excheck
+	_eventProxy = function(e) {
+		var target = e.target,
+		setting = data.getSetting(e.data.treeId),
+		tId = "", node = null,
+		nodeEventType = "", treeEventType = "",
+		nodeEventCallback = null, treeEventCallback = null;
+
+		if (tools.eqs(e.type, "mouseover")) {
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "mouseoverCheck";
+			}
+		} else if (tools.eqs(e.type, "mouseout")) {
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "mouseoutCheck";
+			}
+		} else if (tools.eqs(e.type, "click")) {
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "checkNode";
+			}
+		}
+		if (tId.length>0) {
+			node = data.getNodeCache(setting, tId);
+			switch (nodeEventType) {
+				case "checkNode" :
+					nodeEventCallback = _handler.onCheckNode;
+					break;
+				case "mouseoverCheck" :
+					nodeEventCallback = _handler.onMouseoverCheck;
+					break;
+				case "mouseoutCheck" :
+					nodeEventCallback = _handler.onMouseoutCheck;
+					break;
+			}
+		}
+		var proxyResult = {
+			stop: nodeEventType === "checkNode",
+			node: node,
+			nodeEventType: nodeEventType,
+			nodeEventCallback: nodeEventCallback,
+			treeEventType: treeEventType,
+			treeEventCallback: treeEventCallback
+		};
+		return proxyResult
+	},
+	//default init node of excheck
+	_initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {
+		if (!n) return;
+		var checkedKey = setting.data.key.checked;
+		if (typeof n[checkedKey] == "string") n[checkedKey] = tools.eqs(n[checkedKey], "true");
+		n[checkedKey] = !!n[checkedKey];
+		n.checkedOld = n[checkedKey];
+		if (typeof n.nocheck == "string") n.nocheck = tools.eqs(n.nocheck, "true");
+		n.nocheck = !!n.nocheck || (setting.check.nocheckInherit && parentNode && !!parentNode.nocheck);
+		if (typeof n.chkDisabled == "string") n.chkDisabled = tools.eqs(n.chkDisabled, "true");
+		n.chkDisabled = !!n.chkDisabled || (setting.check.chkDisabledInherit && parentNode && !!parentNode.chkDisabled);
+		if (typeof n.halfCheck == "string") n.halfCheck = tools.eqs(n.halfCheck, "true");
+		n.halfCheck = !!n.halfCheck;
+		n.check_Child_State = -1;
+		n.check_Focus = false;
+		n.getCheckStatus = function() {return data.getCheckStatus(setting, n);};
+
+		if (setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL && n[checkedKey] ) {
+			var r = data.getRoot(setting);
+			r.radioCheckedList.push(n);
+		}
+	},
+	//add dom for check
+	_beforeA = function(setting, node, html) {
+		var checkedKey = setting.data.key.checked;
+		if (setting.check.enable) {
+			data.makeChkFlag(setting, node);
+			html.push("<span ID='", node.tId, consts.id.CHECK, "' class='", view.makeChkClass(setting, node), "' treeNode", consts.id.CHECK, (node.nocheck === true?" style='display:none;'":""),"></span>");
+		}
+	},
+	//update zTreeObj, add method of check
+	_zTreeTools = function(setting, zTreeTools) {
+		zTreeTools.checkNode = function(node, checked, checkTypeFlag, callbackFlag) {
+			var checkedKey = setting.data.key.checked;
+			if (node.chkDisabled === true) return;
+			if (checked !== true && checked !== false) {
+				checked = !node[checkedKey];
+			}
+			callbackFlag = !!callbackFlag;
+
+			if (node[checkedKey] === checked && !checkTypeFlag) {
+				return;
+			} else if (callbackFlag && tools.apply(this.setting.callback.beforeCheck, [setting.treeId, node], true) == false) {
+				return;
+			}
+			if (tools.uCanDo(this.setting) && setting.check.enable && node.nocheck !== true) {
+				node[checkedKey] = checked;
+				var checkObj = $$(node, consts.id.CHECK, setting);
+				if (checkTypeFlag || setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(setting, node);
+				view.setChkClass(setting, checkObj, node);
+				view.repairParentChkClassWithSelf(setting, node);
+				if (callbackFlag) {
+					setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
+				}
+			}
+		}
+
+		zTreeTools.checkAllNodes = function(checked) {
+			view.repairAllChk(setting, !!checked);
+		}
+
+		zTreeTools.getCheckedNodes = function(checked) {
+			var childKey = setting.data.key.children;
+			checked = (checked !== false);
+			return data.getTreeCheckedNodes(setting, data.getRoot(setting)[childKey], checked);
+		}
+
+		zTreeTools.getChangeCheckedNodes = function() {
+			var childKey = setting.data.key.children;
+			return data.getTreeChangeCheckedNodes(setting, data.getRoot(setting)[childKey]);
+		}
+
+		zTreeTools.setChkDisabled = function(node, disabled, inheritParent, inheritChildren) {
+			disabled = !!disabled;
+			inheritParent = !!inheritParent;
+			inheritChildren = !!inheritChildren;
+			view.repairSonChkDisabled(setting, node, disabled, inheritChildren);
+			view.repairParentChkDisabled(setting, node.getParentNode(), disabled, inheritParent);
+		}
+
+		var _updateNode = zTreeTools.updateNode;
+		zTreeTools.updateNode = function(node, checkTypeFlag) {
+			if (_updateNode) _updateNode.apply(zTreeTools, arguments);
+			if (!node || !setting.check.enable) return;
+			var nObj = $$(node, setting);
+			if (nObj.get(0) && tools.uCanDo(setting)) {
+				var checkObj = $$(node, consts.id.CHECK, setting);
+				if (checkTypeFlag == true || setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(setting, node);
+				view.setChkClass(setting, checkObj, node);
+				view.repairParentChkClassWithSelf(setting, node);
+			}
+		}
+	},
+	//method of operate data
+	_data = {
+		getRadioCheckedList: function(setting) {
+			var checkedList = data.getRoot(setting).radioCheckedList;
+			for (var i=0, j=checkedList.length; i<j; i++) {
+				if(!data.getNodeCache(setting, checkedList[i].tId)) {
+					checkedList.splice(i, 1);
+					i--; j--;
+				}
+			}
+			return checkedList;
+		},
+		getCheckStatus: function(setting, node) {
+			if (!setting.check.enable || node.nocheck || node.chkDisabled) return null;
+			var checkedKey = setting.data.key.checked,
+			r = {
+				checked: node[checkedKey],
+				half: node.halfCheck ? node.halfCheck : (setting.check.chkStyle == consts.radio.STYLE ? (node.check_Child_State === 2) : (node[checkedKey] ? (node.check_Child_State > -1 && node.check_Child_State < 2) : (node.check_Child_State > 0)))
+			};
+			return r;
+		},
+		getTreeCheckedNodes: function(setting, nodes, checked, results) {
+			if (!nodes) return [];
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			onlyOne = (checked && setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL);
+			results = !results ? [] : results;
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				if (nodes[i].nocheck !== true && nodes[i].chkDisabled !== true && nodes[i][checkedKey] == checked) {
+					results.push(nodes[i]);
+					if(onlyOne) {
+						break;
+					}
+				}
+				data.getTreeCheckedNodes(setting, nodes[i][childKey], checked, results);
+				if(onlyOne && results.length > 0) {
+					break;
+				}
+			}
+			return results;
+		},
+		getTreeChangeCheckedNodes: function(setting, nodes, results) {
+			if (!nodes) return [];
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked;
+			results = !results ? [] : results;
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				if (nodes[i].nocheck !== true && nodes[i].chkDisabled !== true && nodes[i][checkedKey] != nodes[i].checkedOld) {
+					results.push(nodes[i]);
+				}
+				data.getTreeChangeCheckedNodes(setting, nodes[i][childKey], results);
+			}
+			return results;
+		},
+		makeChkFlag: function(setting, node) {
+			if (!node) return;
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			chkFlag = -1;
+			if (node[childKey]) {
+				for (var i = 0, l = node[childKey].length; i < l; i++) {
+					var cNode = node[childKey][i];
+					var tmp = -1;
+					if (setting.check.chkStyle == consts.radio.STYLE) {
+						if (cNode.nocheck === true || cNode.chkDisabled === true) {
+							tmp = cNode.check_Child_State;
+						} else if (cNode.halfCheck === true) {
+							tmp = 2;
+						} else if (cNode[checkedKey]) {
+							tmp = 2;
+						} else {
+							tmp = cNode.check_Child_State > 0 ? 2:0;
+						}
+						if (tmp == 2) {
+							chkFlag = 2; break;
+						} else if (tmp == 0){
+							chkFlag = 0;
+						}
+					} else if (setting.check.chkStyle == consts.checkbox.STYLE) {
+						if (cNode.nocheck === true || cNode.chkDisabled === true) {
+							tmp = cNode.check_Child_State;
+						} else if (cNode.halfCheck === true) {
+							tmp = 1;
+						} else if (cNode[checkedKey] ) {
+							tmp = (cNode.check_Child_State === -1 || cNode.check_Child_State === 2) ? 2 : 1;
+						} else {
+							tmp = (cNode.check_Child_State > 0) ? 1 : 0;
+						}
+						if (tmp === 1) {
+							chkFlag = 1; break;
+						} else if (tmp === 2 && chkFlag > -1 && i > 0 && tmp !== chkFlag) {
+							chkFlag = 1; break;
+						} else if (chkFlag === 2 && tmp > -1 && tmp < 2) {
+							chkFlag = 1; break;
+						} else if (tmp > -1) {
+							chkFlag = tmp;
+						}
+					}
+				}
+			}
+			node.check_Child_State = chkFlag;
+		}
+	},
+	//method of event proxy
+	_event = {
+
+	},
+	//method of event handler
+	_handler = {
+		onCheckNode: function (event, node) {
+			if (node.chkDisabled === true) return false;
+			var setting = data.getSetting(event.data.treeId),
+			checkedKey = setting.data.key.checked;
+			if (tools.apply(setting.callback.beforeCheck, [setting.treeId, node], true) == false) return true;
+			node[checkedKey] = !node[checkedKey];
+			view.checkNodeRelation(setting, node);
+			var checkObj = $$(node, consts.id.CHECK, setting);
+			view.setChkClass(setting, checkObj, node);
+			view.repairParentChkClassWithSelf(setting, node);
+			setting.treeObj.trigger(consts.event.CHECK, [event, setting.treeId, node]);
+			return true;
+		},
+		onMouseoverCheck: function(event, node) {
+			if (node.chkDisabled === true) return false;
+			var setting = data.getSetting(event.data.treeId),
+			checkObj = $$(node, consts.id.CHECK, setting);
+			node.check_Focus = true;
+			view.setChkClass(setting, checkObj, node);
+			return true;
+		},
+		onMouseoutCheck: function(event, node) {
+			if (node.chkDisabled === true) return false;
+			var setting = data.getSetting(event.data.treeId),
+			checkObj = $$(node, consts.id.CHECK, setting);
+			node.check_Focus = false;
+			view.setChkClass(setting, checkObj, node);
+			return true;
+		}
+	},
+	//method of tools for zTree
+	_tools = {
+
+	},
+	//method of operate ztree dom
+	_view = {
+		checkNodeRelation: function(setting, node) {
+			var pNode, i, l,
+			childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			r = consts.radio;
+			if (setting.check.chkStyle == r.STYLE) {
+				var checkedList = data.getRadioCheckedList(setting);
+				if (node[checkedKey]) {
+					if (setting.check.radioType == r.TYPE_ALL) {
+						for (i = checkedList.length-1; i >= 0; i--) {
+							pNode = checkedList[i];
+							pNode[checkedKey] = false;
+							checkedList.splice(i, 1);
+
+							view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode);
+							if (pNode.parentTId != node.parentTId) {
+								view.repairParentChkClassWithSelf(setting, pNode);
+							}
+						}
+						checkedList.push(node);
+					} else {
+						var parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(setting);
+						for (i = 0, l = parentNode[childKey].length; i < l; i++) {
+							pNode = parentNode[childKey][i];
+							if (pNode[checkedKey] && pNode != node) {
+								pNode[checkedKey] = false;
+								view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode);
+							}
+						}
+					}
+				} else if (setting.check.radioType == r.TYPE_ALL) {
+					for (i = 0, l = checkedList.length; i < l; i++) {
+						if (node == checkedList[i]) {
+							checkedList.splice(i, 1);
+							break;
+						}
+					}
+				}
+
+			} else {
+				if (node[checkedKey] && (!node[childKey] || node[childKey].length==0 || setting.check.chkboxType.Y.indexOf("s") > -1)) {
+					view.setSonNodeCheckBox(setting, node, true);
+				}
+				if (!node[checkedKey] && (!node[childKey] || node[childKey].length==0 || setting.check.chkboxType.N.indexOf("s") > -1)) {
+					view.setSonNodeCheckBox(setting, node, false);
+				}
+				if (node[checkedKey] && setting.check.chkboxType.Y.indexOf("p") > -1) {
+					view.setParentNodeCheckBox(setting, node, true);
+				}
+				if (!node[checkedKey] && setting.check.chkboxType.N.indexOf("p") > -1) {
+					view.setParentNodeCheckBox(setting, node, false);
+				}
+			}
+		},
+		makeChkClass: function(setting, node) {
+			var checkedKey = setting.data.key.checked,
+			c = consts.checkbox, r = consts.radio,
+			fullStyle = "";
+			if (node.chkDisabled === true) {
+				fullStyle = c.DISABLED;
+			} else if (node.halfCheck) {
+				fullStyle = c.PART;
+			} else if (setting.check.chkStyle == r.STYLE) {
+				fullStyle = (node.check_Child_State < 1)? c.FULL:c.PART;
+			} else {
+				fullStyle = node[checkedKey] ? ((node.check_Child_State === 2 || node.check_Child_State === -1) ? c.FULL:c.PART) : ((node.check_Child_State < 1)? c.FULL:c.PART);
+			}
+			var chkName = setting.check.chkStyle + "_" + (node[checkedKey] ? c.TRUE : c.FALSE) + "_" + fullStyle;
+			chkName = (node.check_Focus && node.chkDisabled !== true) ? chkName + "_" + c.FOCUS : chkName;
+			return consts.className.BUTTON + " " + c.DEFAULT + " " + chkName;
+		},
+		repairAllChk: function(setting, checked) {
+			if (setting.check.enable && setting.check.chkStyle === consts.checkbox.STYLE) {
+				var checkedKey = setting.data.key.checked,
+				childKey = setting.data.key.children,
+				root = data.getRoot(setting);
+				for (var i = 0, l = root[childKey].length; i<l ; i++) {
+					var node = root[childKey][i];
+					if (node.nocheck !== true && node.chkDisabled !== true) {
+						node[checkedKey] = checked;
+					}
+					view.setSonNodeCheckBox(setting, node, checked);
+				}
+			}
+		},
+		repairChkClass: function(setting, node) {
+			if (!node) return;
+			data.makeChkFlag(setting, node);
+			if (node.nocheck !== true) {
+				var checkObj = $$(node, consts.id.CHECK, setting);
+				view.setChkClass(setting, checkObj, node);
+			}
+		},
+		repairParentChkClass: function(setting, node) {
+			if (!node || !node.parentTId) return;
+			var pNode = node.getParentNode();
+			view.repairChkClass(setting, pNode);
+			view.repairParentChkClass(setting, pNode);
+		},
+		repairParentChkClassWithSelf: function(setting, node) {
+			if (!node) return;
+			var childKey = setting.data.key.children;
+			if (node[childKey] && node[childKey].length > 0) {
+				view.repairParentChkClass(setting, node[childKey][0]);
+			} else {
+				view.repairParentChkClass(setting, node);
+			}
+		},
+		repairSonChkDisabled: function(setting, node, chkDisabled, inherit) {
+			if (!node) return;
+			var childKey = setting.data.key.children;
+			if (node.chkDisabled != chkDisabled) {
+				node.chkDisabled = chkDisabled;
+			}
+			view.repairChkClass(setting, node);
+			if (node[childKey] && inherit) {
+				for (var i = 0, l = node[childKey].length; i < l; i++) {
+					var sNode = node[childKey][i];
+					view.repairSonChkDisabled(setting, sNode, chkDisabled, inherit);
+				}
+			}
+		},
+		repairParentChkDisabled: function(setting, node, chkDisabled, inherit) {
+			if (!node) return;
+			if (node.chkDisabled != chkDisabled && inherit) {
+				node.chkDisabled = chkDisabled;
+			}
+			view.repairChkClass(setting, node);
+			view.repairParentChkDisabled(setting, node.getParentNode(), chkDisabled, inherit);
+		},
+		setChkClass: function(setting, obj, node) {
+			if (!obj) return;
+			if (node.nocheck === true) {
+				obj.hide();
+			} else {
+				obj.show();
+			}
+			obj.removeClass();
+			obj.addClass(view.makeChkClass(setting, node));
+		},
+		setParentNodeCheckBox: function(setting, node, value, srcNode) {
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			checkObj = $$(node, consts.id.CHECK, setting);
+			if (!srcNode) srcNode = node;
+			data.makeChkFlag(setting, node);
+			if (node.nocheck !== true && node.chkDisabled !== true) {
+				node[checkedKey] = value;
+				view.setChkClass(setting, checkObj, node);
+				if (setting.check.autoCheckTrigger && node != srcNode) {
+					setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
+				}
+			}
+			if (node.parentTId) {
+				var pSign = true;
+				if (!value) {
+					var pNodes = node.getParentNode()[childKey];
+					for (var i = 0, l = pNodes.length; i < l; i++) {
+						if ((pNodes[i].nocheck !== true && pNodes[i].chkDisabled !== true && pNodes[i][checkedKey])
+						|| ((pNodes[i].nocheck === true || pNodes[i].chkDisabled === true) && pNodes[i].check_Child_State > 0)) {
+							pSign = false;
+							break;
+						}
+					}
+				}
+				if (pSign) {
+					view.setParentNodeCheckBox(setting, node.getParentNode(), value, srcNode);
+				}
+			}
+		},
+		setSonNodeCheckBox: function(setting, node, value, srcNode) {
+			if (!node) return;
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			checkObj = $$(node, consts.id.CHECK, setting);
+			if (!srcNode) srcNode = node;
+
+			var hasDisable = false;
+			if (node[childKey]) {
+				for (var i = 0, l = node[childKey].length; i < l && node.chkDisabled !== true; i++) {
+					var sNode = node[childKey][i];
+					view.setSonNodeCheckBox(setting, sNode, value, srcNode);
+					if (sNode.chkDisabled === true) hasDisable = true;
+				}
+			}
+
+			if (node != data.getRoot(setting) && node.chkDisabled !== true) {
+				if (hasDisable && node.nocheck !== true) {
+					data.makeChkFlag(setting, node);
+				}
+				if (node.nocheck !== true && node.chkDisabled !== true) {
+					node[checkedKey] = value;
+					if (!hasDisable) node.check_Child_State = (node[childKey] && node[childKey].length > 0) ? (value ? 2 : 0) : -1;
+				} else {
+					node.check_Child_State = -1;
+				}
+				view.setChkClass(setting, checkObj, node);
+				if (setting.check.autoCheckTrigger && node != srcNode && node.nocheck !== true && node.chkDisabled !== true) {
+					setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
+				}
+			}
+
+		}
+	},
+
+	_z = {
+		tools: _tools,
+		view: _view,
+		event: _event,
+		data: _data
+	};
+	$.extend(true, $.fn.zTree.consts, _consts);
+	$.extend(true, $.fn.zTree._z, _z);
+
+	var zt = $.fn.zTree,
+	tools = zt._z.tools,
+	consts = zt.consts,
+	view = zt._z.view,
+	data = zt._z.data,
+	event = zt._z.event,
+	$$ = tools.$;
+
+	data.exSetting(_setting);
+	data.addInitBind(_bindEvent);
+	data.addInitUnBind(_unbindEvent);
+	data.addInitCache(_initCache);
+	data.addInitNode(_initNode);
+	data.addInitProxy(_eventProxy, true);
+	data.addInitRoot(_initRoot);
+	data.addBeforeA(_beforeA);
+	data.addZTreeTools(_zTreeTools);
+
+	var _createNodes = view.createNodes;
+	view.createNodes = function(setting, level, nodes, parentNode) {
+		if (_createNodes) _createNodes.apply(view, arguments);
+		if (!nodes) return;
+		view.repairParentChkClassWithSelf(setting, parentNode);
+	}
+	var _removeNode = view.removeNode;
+	view.removeNode = function(setting, node) {
+		var parentNode = node.getParentNode();
+		if (_removeNode) _removeNode.apply(view, arguments);
+		if (!node || !parentNode) return;
+		view.repairChkClass(setting, parentNode);
+		view.repairParentChkClass(setting, parentNode);
+	}
+
+	var _appendNodes = view.appendNodes;
+	view.appendNodes = function(setting, level, nodes, parentNode, initFlag, openFlag) {
+		var html = "";
+		if (_appendNodes) {
+			html = _appendNodes.apply(view, arguments);
+		}
+		if (parentNode) {
+			data.makeChkFlag(setting, parentNode);
+		}
+		return html;
+	}
+})(jQuery);
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.excheck-3.5.min.js b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.excheck-3.5.min.js
new file mode 100644
index 00000000..38455906
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.excheck-3.5.min.js	
@@ -0,0 +1,33 @@
+/*
+ * JQuery zTree excheck v3.5.15
+ * http://zTree.me/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2013-10-15
+ */
+(function(m){var p,q,r,o={event:{CHECK:"ztree_check"},id:{CHECK:"_check"},checkbox:{STYLE:"checkbox",DEFAULT:"chk",DISABLED:"disable",FALSE:"false",TRUE:"true",FULL:"full",PART:"part",FOCUS:"focus"},radio:{STYLE:"radio",TYPE_ALL:"all",TYPE_LEVEL:"level"}},v={check:{enable:!1,autoCheckTrigger:!1,chkStyle:o.checkbox.STYLE,nocheckInherit:!1,chkDisabledInherit:!1,radioType:o.radio.TYPE_LEVEL,chkboxType:{Y:"ps",N:"ps"}},data:{key:{checked:"checked"}},callback:{beforeCheck:null,onCheck:null}};p=function(b,
+a){if(a.chkDisabled===!0)return!1;var c=f.getSetting(b.data.treeId),d=c.data.key.checked;if(k.apply(c.callback.beforeCheck,[c.treeId,a],!0)==!1)return!0;a[d]=!a[d];e.checkNodeRelation(c,a);d=n(a,j.id.CHECK,c);e.setChkClass(c,d,a);e.repairParentChkClassWithSelf(c,a);c.treeObj.trigger(j.event.CHECK,[b,c.treeId,a]);return!0};q=function(b,a){if(a.chkDisabled===!0)return!1;var c=f.getSetting(b.data.treeId),d=n(a,j.id.CHECK,c);a.check_Focus=!0;e.setChkClass(c,d,a);return!0};r=function(b,a){if(a.chkDisabled===
+!0)return!1;var c=f.getSetting(b.data.treeId),d=n(a,j.id.CHECK,c);a.check_Focus=!1;e.setChkClass(c,d,a);return!0};m.extend(!0,m.fn.zTree.consts,o);m.extend(!0,m.fn.zTree._z,{tools:{},view:{checkNodeRelation:function(b,a){var c,d,h,i=b.data.key.children,l=b.data.key.checked;c=j.radio;if(b.check.chkStyle==c.STYLE){var g=f.getRadioCheckedList(b);if(a[l])if(b.check.radioType==c.TYPE_ALL){for(d=g.length-1;d>=0;d--)c=g[d],c[l]=!1,g.splice(d,1),e.setChkClass(b,n(c,j.id.CHECK,b),c),c.parentTId!=a.parentTId&&
+e.repairParentChkClassWithSelf(b,c);g.push(a)}else{g=a.parentTId?a.getParentNode():f.getRoot(b);for(d=0,h=g[i].length;d<h;d++)c=g[i][d],c[l]&&c!=a&&(c[l]=!1,e.setChkClass(b,n(c,j.id.CHECK,b),c))}else if(b.check.radioType==c.TYPE_ALL)for(d=0,h=g.length;d<h;d++)if(a==g[d]){g.splice(d,1);break}}else a[l]&&(!a[i]||a[i].length==0||b.check.chkboxType.Y.indexOf("s")>-1)&&e.setSonNodeCheckBox(b,a,!0),!a[l]&&(!a[i]||a[i].length==0||b.check.chkboxType.N.indexOf("s")>-1)&&e.setSonNodeCheckBox(b,a,!1),a[l]&&
+b.check.chkboxType.Y.indexOf("p")>-1&&e.setParentNodeCheckBox(b,a,!0),!a[l]&&b.check.chkboxType.N.indexOf("p")>-1&&e.setParentNodeCheckBox(b,a,!1)},makeChkClass:function(b,a){var c=b.data.key.checked,d=j.checkbox,h=j.radio,i="",i=a.chkDisabled===!0?d.DISABLED:a.halfCheck?d.PART:b.check.chkStyle==h.STYLE?a.check_Child_State<1?d.FULL:d.PART:a[c]?a.check_Child_State===2||a.check_Child_State===-1?d.FULL:d.PART:a.check_Child_State<1?d.FULL:d.PART,c=b.check.chkStyle+"_"+(a[c]?d.TRUE:d.FALSE)+"_"+i,c=a.check_Focus&&
+a.chkDisabled!==!0?c+"_"+d.FOCUS:c;return j.className.BUTTON+" "+d.DEFAULT+" "+c},repairAllChk:function(b,a){if(b.check.enable&&b.check.chkStyle===j.checkbox.STYLE)for(var c=b.data.key.checked,d=b.data.key.children,h=f.getRoot(b),i=0,l=h[d].length;i<l;i++){var g=h[d][i];g.nocheck!==!0&&g.chkDisabled!==!0&&(g[c]=a);e.setSonNodeCheckBox(b,g,a)}},repairChkClass:function(b,a){if(a&&(f.makeChkFlag(b,a),a.nocheck!==!0)){var c=n(a,j.id.CHECK,b);e.setChkClass(b,c,a)}},repairParentChkClass:function(b,a){if(a&&
+a.parentTId){var c=a.getParentNode();e.repairChkClass(b,c);e.repairParentChkClass(b,c)}},repairParentChkClassWithSelf:function(b,a){if(a){var c=b.data.key.children;a[c]&&a[c].length>0?e.repairParentChkClass(b,a[c][0]):e.repairParentChkClass(b,a)}},repairSonChkDisabled:function(b,a,c,d){if(a){var h=b.data.key.children;if(a.chkDisabled!=c)a.chkDisabled=c;e.repairChkClass(b,a);if(a[h]&&d)for(var i=0,l=a[h].length;i<l;i++)e.repairSonChkDisabled(b,a[h][i],c,d)}},repairParentChkDisabled:function(b,a,c,
+d){if(a){if(a.chkDisabled!=c&&d)a.chkDisabled=c;e.repairChkClass(b,a);e.repairParentChkDisabled(b,a.getParentNode(),c,d)}},setChkClass:function(b,a,c){a&&(c.nocheck===!0?a.hide():a.show(),a.removeClass(),a.addClass(e.makeChkClass(b,c)))},setParentNodeCheckBox:function(b,a,c,d){var h=b.data.key.children,i=b.data.key.checked,l=n(a,j.id.CHECK,b);d||(d=a);f.makeChkFlag(b,a);a.nocheck!==!0&&a.chkDisabled!==!0&&(a[i]=c,e.setChkClass(b,l,a),b.check.autoCheckTrigger&&a!=d&&b.treeObj.trigger(j.event.CHECK,
+[null,b.treeId,a]));if(a.parentTId){l=!0;if(!c)for(var h=a.getParentNode()[h],g=0,k=h.length;g<k;g++)if(h[g].nocheck!==!0&&h[g].chkDisabled!==!0&&h[g][i]||(h[g].nocheck===!0||h[g].chkDisabled===!0)&&h[g].check_Child_State>0){l=!1;break}l&&e.setParentNodeCheckBox(b,a.getParentNode(),c,d)}},setSonNodeCheckBox:function(b,a,c,d){if(a){var h=b.data.key.children,i=b.data.key.checked,l=n(a,j.id.CHECK,b);d||(d=a);var g=!1;if(a[h])for(var k=0,m=a[h].length;k<m&&a.chkDisabled!==!0;k++){var o=a[h][k];e.setSonNodeCheckBox(b,
+o,c,d);o.chkDisabled===!0&&(g=!0)}if(a!=f.getRoot(b)&&a.chkDisabled!==!0){g&&a.nocheck!==!0&&f.makeChkFlag(b,a);if(a.nocheck!==!0&&a.chkDisabled!==!0){if(a[i]=c,!g)a.check_Child_State=a[h]&&a[h].length>0?c?2:0:-1}else a.check_Child_State=-1;e.setChkClass(b,l,a);b.check.autoCheckTrigger&&a!=d&&a.nocheck!==!0&&a.chkDisabled!==!0&&b.treeObj.trigger(j.event.CHECK,[null,b.treeId,a])}}}},event:{},data:{getRadioCheckedList:function(b){for(var a=f.getRoot(b).radioCheckedList,c=0,d=a.length;c<d;c++)f.getNodeCache(b,
+a[c].tId)||(a.splice(c,1),c--,d--);return a},getCheckStatus:function(b,a){if(!b.check.enable||a.nocheck||a.chkDisabled)return null;var c=b.data.key.checked;return{checked:a[c],half:a.halfCheck?a.halfCheck:b.check.chkStyle==j.radio.STYLE?a.check_Child_State===2:a[c]?a.check_Child_State>-1&&a.check_Child_State<2:a.check_Child_State>0}},getTreeCheckedNodes:function(b,a,c,d){if(!a)return[];for(var h=b.data.key.children,i=b.data.key.checked,e=c&&b.check.chkStyle==j.radio.STYLE&&b.check.radioType==j.radio.TYPE_ALL,
+d=!d?[]:d,g=0,k=a.length;g<k;g++){if(a[g].nocheck!==!0&&a[g].chkDisabled!==!0&&a[g][i]==c&&(d.push(a[g]),e))break;f.getTreeCheckedNodes(b,a[g][h],c,d);if(e&&d.length>0)break}return d},getTreeChangeCheckedNodes:function(b,a,c){if(!a)return[];for(var d=b.data.key.children,h=b.data.key.checked,c=!c?[]:c,i=0,e=a.length;i<e;i++)a[i].nocheck!==!0&&a[i].chkDisabled!==!0&&a[i][h]!=a[i].checkedOld&&c.push(a[i]),f.getTreeChangeCheckedNodes(b,a[i][d],c);return c},makeChkFlag:function(b,a){if(a){var c=b.data.key.children,
+d=b.data.key.checked,h=-1;if(a[c])for(var i=0,e=a[c].length;i<e;i++){var g=a[c][i],f=-1;if(b.check.chkStyle==j.radio.STYLE)if(f=g.nocheck===!0||g.chkDisabled===!0?g.check_Child_State:g.halfCheck===!0?2:g[d]?2:g.check_Child_State>0?2:0,f==2){h=2;break}else f==0&&(h=0);else if(b.check.chkStyle==j.checkbox.STYLE)if(f=g.nocheck===!0||g.chkDisabled===!0?g.check_Child_State:g.halfCheck===!0?1:g[d]?g.check_Child_State===-1||g.check_Child_State===2?2:1:g.check_Child_State>0?1:0,f===1){h=1;break}else if(f===
+2&&h>-1&&i>0&&f!==h){h=1;break}else if(h===2&&f>-1&&f<2){h=1;break}else f>-1&&(h=f)}a.check_Child_State=h}}}});var m=m.fn.zTree,k=m._z.tools,j=m.consts,e=m._z.view,f=m._z.data,n=k.$;f.exSetting(v);f.addInitBind(function(b){b.treeObj.bind(j.event.CHECK,function(a,c,d,h){k.apply(b.callback.onCheck,[c?c:a,d,h])})});f.addInitUnBind(function(b){b.treeObj.unbind(j.event.CHECK)});f.addInitCache(function(){});f.addInitNode(function(b,a,c,d){if(c){a=b.data.key.checked;typeof c[a]=="string"&&(c[a]=k.eqs(c[a],
+"true"));c[a]=!!c[a];c.checkedOld=c[a];if(typeof c.nocheck=="string")c.nocheck=k.eqs(c.nocheck,"true");c.nocheck=!!c.nocheck||b.check.nocheckInherit&&d&&!!d.nocheck;if(typeof c.chkDisabled=="string")c.chkDisabled=k.eqs(c.chkDisabled,"true");c.chkDisabled=!!c.chkDisabled||b.check.chkDisabledInherit&&d&&!!d.chkDisabled;if(typeof c.halfCheck=="string")c.halfCheck=k.eqs(c.halfCheck,"true");c.halfCheck=!!c.halfCheck;c.check_Child_State=-1;c.check_Focus=!1;c.getCheckStatus=function(){return f.getCheckStatus(b,
+c)};b.check.chkStyle==j.radio.STYLE&&b.check.radioType==j.radio.TYPE_ALL&&c[a]&&f.getRoot(b).radioCheckedList.push(c)}});f.addInitProxy(function(b){var a=b.target,c=f.getSetting(b.data.treeId),d="",h=null,e="",l=null;if(k.eqs(b.type,"mouseover")){if(c.check.enable&&k.eqs(a.tagName,"span")&&a.getAttribute("treeNode"+j.id.CHECK)!==null)d=k.getNodeMainDom(a).id,e="mouseoverCheck"}else if(k.eqs(b.type,"mouseout")){if(c.check.enable&&k.eqs(a.tagName,"span")&&a.getAttribute("treeNode"+j.id.CHECK)!==null)d=
+k.getNodeMainDom(a).id,e="mouseoutCheck"}else if(k.eqs(b.type,"click")&&c.check.enable&&k.eqs(a.tagName,"span")&&a.getAttribute("treeNode"+j.id.CHECK)!==null)d=k.getNodeMainDom(a).id,e="checkNode";if(d.length>0)switch(h=f.getNodeCache(c,d),e){case "checkNode":l=p;break;case "mouseoverCheck":l=q;break;case "mouseoutCheck":l=r}return{stop:e==="checkNode",node:h,nodeEventType:e,nodeEventCallback:l,treeEventType:"",treeEventCallback:null}},!0);f.addInitRoot(function(b){f.getRoot(b).radioCheckedList=[]});
+f.addBeforeA(function(b,a,c){b.check.enable&&(f.makeChkFlag(b,a),c.push("<span ID='",a.tId,j.id.CHECK,"' class='",e.makeChkClass(b,a),"' treeNode",j.id.CHECK,a.nocheck===!0?" style='display:none;'":"","></span>"))});f.addZTreeTools(function(b,a){a.checkNode=function(a,c,i,f){var g=b.data.key.checked;if(a.chkDisabled!==!0&&(c!==!0&&c!==!1&&(c=!a[g]),f=!!f,(a[g]!==c||i)&&!(f&&k.apply(this.setting.callback.beforeCheck,[b.treeId,a],!0)==!1)&&k.uCanDo(this.setting)&&b.check.enable&&a.nocheck!==!0))a[g]=
+c,c=n(a,j.id.CHECK,b),(i||b.check.chkStyle===j.radio.STYLE)&&e.checkNodeRelation(b,a),e.setChkClass(b,c,a),e.repairParentChkClassWithSelf(b,a),f&&b.treeObj.trigger(j.event.CHECK,[null,b.treeId,a])};a.checkAllNodes=function(a){e.repairAllChk(b,!!a)};a.getCheckedNodes=function(a){var c=b.data.key.children;return f.getTreeCheckedNodes(b,f.getRoot(b)[c],a!==!1)};a.getChangeCheckedNodes=function(){var a=b.data.key.children;return f.getTreeChangeCheckedNodes(b,f.getRoot(b)[a])};a.setChkDisabled=function(a,
+c,f,j){c=!!c;f=!!f;e.repairSonChkDisabled(b,a,c,!!j);e.repairParentChkDisabled(b,a.getParentNode(),c,f)};var c=a.updateNode;a.updateNode=function(d,f){c&&c.apply(a,arguments);if(d&&b.check.enable&&n(d,b).get(0)&&k.uCanDo(b)){var i=n(d,j.id.CHECK,b);(f==!0||b.check.chkStyle===j.radio.STYLE)&&e.checkNodeRelation(b,d);e.setChkClass(b,i,d);e.repairParentChkClassWithSelf(b,d)}}});var s=e.createNodes;e.createNodes=function(b,a,c,d){s&&s.apply(e,arguments);c&&e.repairParentChkClassWithSelf(b,d)};var t=e.removeNode;
+e.removeNode=function(b,a){var c=a.getParentNode();t&&t.apply(e,arguments);a&&c&&(e.repairChkClass(b,c),e.repairParentChkClass(b,c))};var u=e.appendNodes;e.appendNodes=function(b,a,c,d,h,i){var j="";u&&(j=u.apply(e,arguments));d&&f.makeChkFlag(b,d);return j}})(jQuery);
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.exedit-3.5.js b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.exedit-3.5.js
new file mode 100644
index 00000000..485b3a35
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.exedit-3.5.js	
@@ -0,0 +1,1183 @@
+/*
+ * JQuery zTree exedit v3.5.15
+ * http://zTree.me/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2013-10-15
+ */
+(function($){
+	//default consts of exedit
+	var _consts = {
+		event: {
+			DRAG: "ztree_drag",
+			DROP: "ztree_drop",
+			REMOVE: "ztree_remove",
+			RENAME: "ztree_rename"
+		},
+		id: {
+			EDIT: "_edit",
+			INPUT: "_input",
+			REMOVE: "_remove"
+		},
+		move: {
+			TYPE_INNER: "inner",
+			TYPE_PREV: "prev",
+			TYPE_NEXT: "next"
+		},
+		node: {
+			CURSELECTED_EDIT: "curSelectedNode_Edit",
+			TMPTARGET_TREE: "tmpTargetzTree",
+			TMPTARGET_NODE: "tmpTargetNode"
+		}
+	},
+	//default setting of exedit
+	_setting = {
+		edit: {
+			enable: false,
+			editNameSelectAll: false,
+			showRemoveBtn: true,
+			showRenameBtn: true,
+			removeTitle: "remove",
+			renameTitle: "rename",
+			drag: {
+				autoExpandTrigger: false,
+				isCopy: true,
+				isMove: true,
+				prev: true,
+				next: true,
+				inner: true,
+				minMoveSize: 5,
+				borderMax: 10,
+				borderMin: -5,
+				maxShowNodeNum: 5,
+				autoOpenTime: 500
+			}
+		},
+		view: {
+			addHoverDom: null,
+			removeHoverDom: null
+		},
+		callback: {
+			beforeDrag:null,
+			beforeDragOpen:null,
+			beforeDrop:null,
+			beforeEditName:null,
+			beforeRename:null,
+			onDrag:null,
+			onDrop:null,
+			onRename:null
+		}
+	},
+	//default root of exedit
+	_initRoot = function (setting) {
+		var r = data.getRoot(setting), rs = data.getRoots();
+		r.curEditNode = null;
+		r.curEditInput = null;
+		r.curHoverNode = null;
+		r.dragFlag = 0;
+		r.dragNodeShowBefore = [];
+		r.dragMaskList = new Array();
+		rs.showHoverDom = true;
+	},
+	//default cache of exedit
+	_initCache = function(treeId) {},
+	//default bind event of exedit
+	_bindEvent = function(setting) {
+		var o = setting.treeObj;
+		var c = consts.event;
+		o.bind(c.RENAME, function (event, treeId, treeNode, isCancel) {
+			tools.apply(setting.callback.onRename, [event, treeId, treeNode, isCancel]);
+		});
+
+		o.bind(c.REMOVE, function (event, treeId, treeNode) {
+			tools.apply(setting.callback.onRemove, [event, treeId, treeNode]);
+		});
+
+		o.bind(c.DRAG, function (event, srcEvent, treeId, treeNodes) {
+			tools.apply(setting.callback.onDrag, [srcEvent, treeId, treeNodes]);
+		});
+
+		o.bind(c.DROP, function (event, srcEvent, treeId, treeNodes, targetNode, moveType, isCopy) {
+			tools.apply(setting.callback.onDrop, [srcEvent, treeId, treeNodes, targetNode, moveType, isCopy]);
+		});
+	},
+	_unbindEvent = function(setting) {
+		var o = setting.treeObj;
+		var c = consts.event;
+		o.unbind(c.RENAME);
+		o.unbind(c.REMOVE);
+		o.unbind(c.DRAG);
+		o.unbind(c.DROP);
+	},
+	//default event proxy of exedit
+	_eventProxy = function(e) {
+		var target = e.target,
+		setting = data.getSetting(e.data.treeId),
+		relatedTarget = e.relatedTarget,
+		tId = "", node = null,
+		nodeEventType = "", treeEventType = "",
+		nodeEventCallback = null, treeEventCallback = null,
+		tmp = null;
+
+		if (tools.eqs(e.type, "mouseover")) {
+			tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);
+			if (tmp) {
+				tId = tools.getNodeMainDom(tmp).id;
+				nodeEventType = "hoverOverNode";
+			}
+		} else if (tools.eqs(e.type, "mouseout")) {
+			tmp = tools.getMDom(setting, relatedTarget, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);
+			if (!tmp) {
+				tId = "remove";
+				nodeEventType = "hoverOutNode";
+			}
+		} else if (tools.eqs(e.type, "mousedown")) {
+			tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);
+			if (tmp) {
+				tId = tools.getNodeMainDom(tmp).id;
+				nodeEventType = "mousedownNode";
+			}
+		}
+		if (tId.length>0) {
+			node = data.getNodeCache(setting, tId);
+			switch (nodeEventType) {
+				case "mousedownNode" :
+					nodeEventCallback = _handler.onMousedownNode;
+					break;
+				case "hoverOverNode" :
+					nodeEventCallback = _handler.onHoverOverNode;
+					break;
+				case "hoverOutNode" :
+					nodeEventCallback = _handler.onHoverOutNode;
+					break;
+			}
+		}
+		var proxyResult = {
+			stop: false,
+			node: node,
+			nodeEventType: nodeEventType,
+			nodeEventCallback: nodeEventCallback,
+			treeEventType: treeEventType,
+			treeEventCallback: treeEventCallback
+		};
+		return proxyResult
+	},
+	//default init node of exedit
+	_initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {
+		if (!n) return;
+		n.isHover = false;
+		n.editNameFlag = false;
+	},
+	//update zTreeObj, add method of edit
+	_zTreeTools = function(setting, zTreeTools) {
+		zTreeTools.cancelEditName = function(newName) {
+			var root = data.getRoot(setting);
+			if (!root.curEditNode) return;
+			view.cancelCurEditNode(setting, newName?newName:null, true);
+		}
+		zTreeTools.copyNode = function(targetNode, node, moveType, isSilent) {
+			if (!node) return null;
+			if (targetNode && !targetNode.isParent && setting.data.keep.leaf && moveType === consts.move.TYPE_INNER) return null;
+			var newNode = tools.clone(node);
+			if (!targetNode) {
+				targetNode = null;
+				moveType = consts.move.TYPE_INNER;
+			}
+			if (moveType == consts.move.TYPE_INNER) {
+				function copyCallback() {
+					view.addNodes(setting, targetNode, [newNode], isSilent);
+				}
+
+				if (tools.canAsync(setting, targetNode)) {
+					view.asyncNode(setting, targetNode, isSilent, copyCallback);
+				} else {
+					copyCallback();
+				}
+			} else {
+				view.addNodes(setting, targetNode.parentNode, [newNode], isSilent);
+				view.moveNode(setting, targetNode, newNode, moveType, false, isSilent);
+			}
+			return newNode;
+		}
+		zTreeTools.editName = function(node) {
+			if (!node || !node.tId || node !== data.getNodeCache(setting, node.tId)) return;
+			if (node.parentTId) view.expandCollapseParentNode(setting, node.getParentNode(), true);
+			view.editNode(setting, node)
+		}
+		zTreeTools.moveNode = function(targetNode, node, moveType, isSilent) {
+			if (!node) return node;
+			if (targetNode && !targetNode.isParent && setting.data.keep.leaf && moveType === consts.move.TYPE_INNER) {
+				return null;
+			} else if (targetNode && ((node.parentTId == targetNode.tId && moveType == consts.move.TYPE_INNER) || $$(node, setting).find("#" + targetNode.tId).length > 0)) {
+				return null;
+			} else if (!targetNode) {
+				targetNode = null;
+			}
+			function moveCallback() {
+				view.moveNode(setting, targetNode, node, moveType, false, isSilent);
+			}
+			if (tools.canAsync(setting, targetNode) && moveType === consts.move.TYPE_INNER) {
+				view.asyncNode(setting, targetNode, isSilent, moveCallback);
+			} else {
+				moveCallback();
+			}
+			return node;
+		}
+		zTreeTools.setEditable = function(editable) {
+			setting.edit.enable = editable;
+			return this.refresh();
+		}
+	},
+	//method of operate data
+	_data = {
+		setSonNodeLevel: function(setting, parentNode, node) {
+			if (!node) return;
+			var childKey = setting.data.key.children;
+			node.level = (parentNode)? parentNode.level + 1 : 0;
+			if (!node[childKey]) return;
+			for (var i = 0, l = node[childKey].length; i < l; i++) {
+				if (node[childKey][i]) data.setSonNodeLevel(setting, node, node[childKey][i]);
+			}
+		}
+	},
+	//method of event proxy
+	_event = {
+
+	},
+	//method of event handler
+	_handler = {
+		onHoverOverNode: function(event, node) {
+			var setting = data.getSetting(event.data.treeId),
+			root = data.getRoot(setting);
+			if (root.curHoverNode != node) {
+				_handler.onHoverOutNode(event);
+			}
+			root.curHoverNode = node;
+			view.addHoverDom(setting, node);
+		},
+		onHoverOutNode: function(event, node) {
+			var setting = data.getSetting(event.data.treeId),
+			root = data.getRoot(setting);
+			if (root.curHoverNode && !data.isSelectedNode(setting, root.curHoverNode)) {
+				view.removeTreeDom(setting, root.curHoverNode);
+				root.curHoverNode = null;
+			}
+		},
+		onMousedownNode: function(eventMouseDown, _node) {
+			var i,l,
+			setting = data.getSetting(eventMouseDown.data.treeId),
+			root = data.getRoot(setting), roots = data.getRoots();
+			//right click can't drag & drop
+			if (eventMouseDown.button == 2 || !setting.edit.enable || (!setting.edit.drag.isCopy && !setting.edit.drag.isMove)) return true;
+
+			//input of edit node name can't drag & drop
+			var target = eventMouseDown.target,
+			_nodes = data.getRoot(setting).curSelectedList,
+			nodes = [];
+			if (!data.isSelectedNode(setting, _node)) {
+				nodes = [_node];
+			} else {
+				for (i=0, l=_nodes.length; i<l; i++) {
+					if (_nodes[i].editNameFlag && tools.eqs(target.tagName, "input") && target.getAttribute("treeNode"+consts.id.INPUT) !== null) {
+						return true;
+					}
+					nodes.push(_nodes[i]);
+					if (nodes[0].parentTId !== _nodes[i].parentTId) {
+						nodes = [_node];
+						break;
+					}
+				}
+			}
+
+			view.editNodeBlur = true;
+			view.cancelCurEditNode(setting);
+
+			var doc = $(setting.treeObj.get(0).ownerDocument),
+			body = $(setting.treeObj.get(0).ownerDocument.body), curNode, tmpArrow, tmpTarget,
+			isOtherTree = false,
+			targetSetting = setting,
+			sourceSetting = setting,
+			preNode, nextNode,
+			preTmpTargetNodeId = null,
+			preTmpMoveType = null,
+			tmpTargetNodeId = null,
+			moveType = consts.move.TYPE_INNER,
+			mouseDownX = eventMouseDown.clientX,
+			mouseDownY = eventMouseDown.clientY,
+			startTime = (new Date()).getTime();
+
+			if (tools.uCanDo(setting)) {
+				doc.bind("mousemove", _docMouseMove);
+			}
+			function _docMouseMove(event) {
+				//avoid start drag after click node
+				if (root.dragFlag == 0 && Math.abs(mouseDownX - event.clientX) < setting.edit.drag.minMoveSize
+					&& Math.abs(mouseDownY - event.clientY) < setting.edit.drag.minMoveSize) {
+					return true;
+				}
+				var i, l, tmpNode, tmpDom, tmpNodes,
+				childKey = setting.data.key.children;
+				body.css("cursor", "pointer");
+
+				if (root.dragFlag == 0) {
+					if (tools.apply(setting.callback.beforeDrag, [setting.treeId, nodes], true) == false) {
+						_docMouseUp(event);
+						return true;
+					}
+
+					for (i=0, l=nodes.length; i<l; i++) {
+						if (i==0) {
+							root.dragNodeShowBefore = [];
+						}
+						tmpNode = nodes[i];
+						if (tmpNode.isParent && tmpNode.open) {
+							view.expandCollapseNode(setting, tmpNode, !tmpNode.open);
+							root.dragNodeShowBefore[tmpNode.tId] = true;
+						} else {
+							root.dragNodeShowBefore[tmpNode.tId] = false;
+						}
+					}
+
+					root.dragFlag = 1;
+					roots.showHoverDom = false;
+					tools.showIfameMask(setting, true);
+
+					//sort
+					var isOrder = true, lastIndex = -1;
+					if (nodes.length>1) {
+						var pNodes = nodes[0].parentTId ? nodes[0].getParentNode()[childKey] : data.getNodes(setting);
+						tmpNodes = [];
+						for (i=0, l=pNodes.length; i<l; i++) {
+							if (root.dragNodeShowBefore[pNodes[i].tId] !== undefined) {
+								if (isOrder && lastIndex > -1 && (lastIndex+1) !== i) {
+									isOrder = false;
+								}
+								tmpNodes.push(pNodes[i]);
+								lastIndex = i;
+							}
+							if (nodes.length === tmpNodes.length) {
+								nodes = tmpNodes;
+								break;
+							}
+						}
+					}
+					if (isOrder) {
+						preNode = nodes[0].getPreNode();
+						nextNode = nodes[nodes.length-1].getNextNode();
+					}
+
+					//set node in selected
+					curNode = $$("<ul class='zTreeDragUL'></ul>", setting);
+					for (i=0, l=nodes.length; i<l; i++) {
+						tmpNode = nodes[i];
+						tmpNode.editNameFlag = false;
+						view.selectNode(setting, tmpNode, i>0);
+						view.removeTreeDom(setting, tmpNode);
+
+						tmpDom = $$("<li id='"+ tmpNode.tId +"_tmp'></li>", setting);
+						tmpDom.append($$(tmpNode, consts.id.A, setting).clone());
+						tmpDom.css("padding", "0");
+						tmpDom.children("#" + tmpNode.tId + consts.id.A).removeClass(consts.node.CURSELECTED);
+						curNode.append(tmpDom);
+						if (i == setting.edit.drag.maxShowNodeNum-1) {
+							tmpDom = $$("<li id='"+ tmpNode.tId +"_moretmp'><a>  ...  </a></li>", setting);
+							curNode.append(tmpDom);
+							break;
+						}
+					}
+					curNode.attr("id", nodes[0].tId + consts.id.UL + "_tmp");
+					curNode.addClass(setting.treeObj.attr("class"));
+					curNode.appendTo(body);
+
+					tmpArrow = $$("<span class='tmpzTreeMove_arrow'></span>", setting);
+					tmpArrow.attr("id", "zTreeMove_arrow_tmp");
+					tmpArrow.appendTo(body);
+
+					setting.treeObj.trigger(consts.event.DRAG, [event, setting.treeId, nodes]);
+				}
+
+				if (root.dragFlag == 1) {
+					if (tmpTarget && tmpArrow.attr("id") == event.target.id && tmpTargetNodeId && (event.clientX + doc.scrollLeft()+2) > ($("#" + tmpTargetNodeId + consts.id.A, tmpTarget).offset().left)) {
+						var xT = $("#" + tmpTargetNodeId + consts.id.A, tmpTarget);
+						event.target = (xT.length > 0) ? xT.get(0) : event.target;
+					} else if (tmpTarget) {
+						tmpTarget.removeClass(consts.node.TMPTARGET_TREE);
+						if (tmpTargetNodeId) $("#" + tmpTargetNodeId + consts.id.A, tmpTarget).removeClass(consts.node.TMPTARGET_NODE + "_" + consts.move.TYPE_PREV)
+							.removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_NEXT).removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_INNER);
+					}
+					tmpTarget = null;
+					tmpTargetNodeId = null;
+
+					//judge drag & drop in multi ztree
+					isOtherTree = false;
+					targetSetting = setting;
+					var settings = data.getSettings();
+					for (var s in settings) {
+						if (settings[s].treeId && settings[s].edit.enable && settings[s].treeId != setting.treeId
+							&& (event.target.id == settings[s].treeId || $(event.target).parents("#" + settings[s].treeId).length>0)) {
+							isOtherTree = true;
+							targetSetting = settings[s];
+						}
+					}
+
+					var docScrollTop = doc.scrollTop(),
+					docScrollLeft = doc.scrollLeft(),
+					treeOffset = targetSetting.treeObj.offset(),
+					scrollHeight = targetSetting.treeObj.get(0).scrollHeight,
+					scrollWidth = targetSetting.treeObj.get(0).scrollWidth,
+					dTop = (event.clientY + docScrollTop - treeOffset.top),
+					dBottom = (targetSetting.treeObj.height() + treeOffset.top - event.clientY - docScrollTop),
+					dLeft = (event.clientX + docScrollLeft - treeOffset.left),
+					dRight = (targetSetting.treeObj.width() + treeOffset.left - event.clientX - docScrollLeft),
+					isTop = (dTop < setting.edit.drag.borderMax && dTop > setting.edit.drag.borderMin),
+					isBottom = (dBottom < setting.edit.drag.borderMax && dBottom > setting.edit.drag.borderMin),
+					isLeft = (dLeft < setting.edit.drag.borderMax && dLeft > setting.edit.drag.borderMin),
+					isRight = (dRight < setting.edit.drag.borderMax && dRight > setting.edit.drag.borderMin),
+					isTreeInner = dTop > setting.edit.drag.borderMin && dBottom > setting.edit.drag.borderMin && dLeft > setting.edit.drag.borderMin && dRight > setting.edit.drag.borderMin,
+					isTreeTop = (isTop && targetSetting.treeObj.scrollTop() <= 0),
+					isTreeBottom = (isBottom && (targetSetting.treeObj.scrollTop() + targetSetting.treeObj.height()+10) >= scrollHeight),
+					isTreeLeft = (isLeft && targetSetting.treeObj.scrollLeft() <= 0),
+					isTreeRight = (isRight && (targetSetting.treeObj.scrollLeft() + targetSetting.treeObj.width()+10) >= scrollWidth);
+
+					if (event.target && tools.isChildOrSelf(event.target, targetSetting.treeId)) {
+						//get node <li> dom
+						var targetObj = event.target;
+						while (targetObj && targetObj.tagName && !tools.eqs(targetObj.tagName, "li") && targetObj.id != targetSetting.treeId) {
+							targetObj = targetObj.parentNode;
+						}
+
+						var canMove = true;
+						//don't move to self or children of self
+						for (i=0, l=nodes.length; i<l; i++) {
+							tmpNode = nodes[i];
+							if (targetObj.id === tmpNode.tId) {
+								canMove = false;
+								break;
+							} else if ($$(tmpNode, setting).find("#" + targetObj.id).length > 0) {
+								canMove = false;
+								break;
+							}
+						}
+						if (canMove && event.target && tools.isChildOrSelf(event.target, targetObj.id + consts.id.A)) {
+							tmpTarget = $(targetObj);
+							tmpTargetNodeId = targetObj.id;
+						}
+					}
+
+					//the mouse must be in zTree
+					tmpNode = nodes[0];
+					if (isTreeInner && tools.isChildOrSelf(event.target, targetSetting.treeId)) {
+						//judge mouse move in root of ztree
+						if (!tmpTarget && (event.target.id == targetSetting.treeId || isTreeTop || isTreeBottom || isTreeLeft || isTreeRight) && (isOtherTree || (!isOtherTree && tmpNode.parentTId))) {
+							tmpTarget = targetSetting.treeObj;
+						}
+						//auto scroll top
+						if (isTop) {
+							targetSetting.treeObj.scrollTop(targetSetting.treeObj.scrollTop()-10);
+						} else if (isBottom)  {
+							targetSetting.treeObj.scrollTop(targetSetting.treeObj.scrollTop()+10);
+						}
+						if (isLeft) {
+							targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft()-10);
+						} else if (isRight) {
+							targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft()+10);
+						}
+						//auto scroll left
+						if (tmpTarget && tmpTarget != targetSetting.treeObj && tmpTarget.offset().left < targetSetting.treeObj.offset().left) {
+							targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft()+ tmpTarget.offset().left - targetSetting.treeObj.offset().left);
+						}
+					}
+
+					curNode.css({
+						"top": (event.clientY + docScrollTop + 3) + "px",
+						"left": (event.clientX + docScrollLeft + 3) + "px"
+					});
+
+					var dX = 0;
+					var dY = 0;
+					if (tmpTarget && tmpTarget.attr("id")!=targetSetting.treeId) {
+						var tmpTargetNode = tmpTargetNodeId == null ? null: data.getNodeCache(targetSetting, tmpTargetNodeId),
+						isCopy = (event.ctrlKey && setting.edit.drag.isMove && setting.edit.drag.isCopy) || (!setting.edit.drag.isMove && setting.edit.drag.isCopy),
+						isPrev = !!(preNode && tmpTargetNodeId === preNode.tId),
+						isNext = !!(nextNode && tmpTargetNodeId === nextNode.tId),
+						isInner = (tmpNode.parentTId && tmpNode.parentTId == tmpTargetNodeId),
+						canPrev = (isCopy || !isNext) && tools.apply(targetSetting.edit.drag.prev, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.prev),
+						canNext = (isCopy || !isPrev) && tools.apply(targetSetting.edit.drag.next, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.next),
+						canInner = (isCopy || !isInner) && !(targetSetting.data.keep.leaf && !tmpTargetNode.isParent) && tools.apply(targetSetting.edit.drag.inner, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.inner);
+						if (!canPrev && !canNext && !canInner) {
+							tmpTarget = null;
+							tmpTargetNodeId = "";
+							moveType = consts.move.TYPE_INNER;
+							tmpArrow.css({
+								"display":"none"
+							});
+							if (window.zTreeMoveTimer) {
+								clearTimeout(window.zTreeMoveTimer);
+								window.zTreeMoveTargetNodeTId = null
+							}
+						} else {
+							var tmpTargetA = $("#" + tmpTargetNodeId + consts.id.A, tmpTarget),
+							tmpNextA = tmpTargetNode.isLastNode ? null : $("#" + tmpTargetNode.getNextNode().tId + consts.id.A, tmpTarget.next()),
+							tmpTop = tmpTargetA.offset().top,
+							tmpLeft = tmpTargetA.offset().left,
+							prevPercent = canPrev ? (canInner ? 0.25 : (canNext ? 0.5 : 1) ) : -1,
+							nextPercent = canNext ? (canInner ? 0.75 : (canPrev ? 0.5 : 0) ) : -1,
+							dY_percent = (event.clientY + docScrollTop - tmpTop)/tmpTargetA.height();
+							if ((prevPercent==1 ||dY_percent<=prevPercent && dY_percent>=-.2) && canPrev) {
+								dX = 1 - tmpArrow.width();
+								dY = tmpTop - tmpArrow.height()/2;
+								moveType = consts.move.TYPE_PREV;
+							} else if ((nextPercent==0 || dY_percent>=nextPercent && dY_percent<=1.2) && canNext) {
+								dX = 1 - tmpArrow.width();
+								dY = (tmpNextA == null || (tmpTargetNode.isParent && tmpTargetNode.open)) ? (tmpTop + tmpTargetA.height() - tmpArrow.height()/2) : (tmpNextA.offset().top - tmpArrow.height()/2);
+								moveType = consts.move.TYPE_NEXT;
+							}else {
+								dX = 5 - tmpArrow.width();
+								dY = tmpTop;
+								moveType = consts.move.TYPE_INNER;
+							}
+							tmpArrow.css({
+								"display":"block",
+								"top": dY + "px",
+								"left": (tmpLeft + dX) + "px"
+							});
+							tmpTargetA.addClass(consts.node.TMPTARGET_NODE + "_" + moveType);
+
+							if (preTmpTargetNodeId != tmpTargetNodeId || preTmpMoveType != moveType) {
+								startTime = (new Date()).getTime();
+							}
+							if (tmpTargetNode && tmpTargetNode.isParent && moveType == consts.move.TYPE_INNER) {
+								var startTimer = true;
+								if (window.zTreeMoveTimer && window.zTreeMoveTargetNodeTId !== tmpTargetNode.tId) {
+									clearTimeout(window.zTreeMoveTimer);
+									window.zTreeMoveTargetNodeTId = null;
+								}else if (window.zTreeMoveTimer && window.zTreeMoveTargetNodeTId === tmpTargetNode.tId) {
+									startTimer = false;
+								}
+								if (startTimer) {
+									window.zTreeMoveTimer = setTimeout(function() {
+										if (moveType != consts.move.TYPE_INNER) return;
+										if (tmpTargetNode && tmpTargetNode.isParent && !tmpTargetNode.open && (new Date()).getTime() - startTime > targetSetting.edit.drag.autoOpenTime
+											&& tools.apply(targetSetting.callback.beforeDragOpen, [targetSetting.treeId, tmpTargetNode], true)) {
+											view.switchNode(targetSetting, tmpTargetNode);
+											if (targetSetting.edit.drag.autoExpandTrigger) {
+												targetSetting.treeObj.trigger(consts.event.EXPAND, [targetSetting.treeId, tmpTargetNode]);
+											}
+										}
+									}, targetSetting.edit.drag.autoOpenTime+50);
+									window.zTreeMoveTargetNodeTId = tmpTargetNode.tId;
+								}
+							}
+						}
+					} else {
+						moveType = consts.move.TYPE_INNER;
+						if (tmpTarget && tools.apply(targetSetting.edit.drag.inner, [targetSetting.treeId, nodes, null], !!targetSetting.edit.drag.inner)) {
+							tmpTarget.addClass(consts.node.TMPTARGET_TREE);
+						} else {
+							tmpTarget = null;
+						}
+						tmpArrow.css({
+							"display":"none"
+						});
+						if (window.zTreeMoveTimer) {
+							clearTimeout(window.zTreeMoveTimer);
+							window.zTreeMoveTargetNodeTId = null;
+						}
+					}
+					preTmpTargetNodeId = tmpTargetNodeId;
+					preTmpMoveType = moveType;
+				}
+				return false;
+			}
+
+			doc.bind("mouseup", _docMouseUp);
+			function _docMouseUp(event) {
+				if (window.zTreeMoveTimer) {
+					clearTimeout(window.zTreeMoveTimer);
+					window.zTreeMoveTargetNodeTId = null;
+				}
+				preTmpTargetNodeId = null;
+				preTmpMoveType = null;
+				doc.unbind("mousemove", _docMouseMove);
+				doc.unbind("mouseup", _docMouseUp);
+				doc.unbind("selectstart", _docSelect);
+				body.css("cursor", "auto");
+				if (tmpTarget) {
+					tmpTarget.removeClass(consts.node.TMPTARGET_TREE);
+					if (tmpTargetNodeId) $("#" + tmpTargetNodeId + consts.id.A, tmpTarget).removeClass(consts.node.TMPTARGET_NODE + "_" + consts.move.TYPE_PREV)
+							.removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_NEXT).removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_INNER);
+				}
+				tools.showIfameMask(setting, false);
+
+				roots.showHoverDom = true;
+				if (root.dragFlag == 0) return;
+				root.dragFlag = 0;
+
+				var i, l, tmpNode;
+				for (i=0, l=nodes.length; i<l; i++) {
+					tmpNode = nodes[i];
+					if (tmpNode.isParent && root.dragNodeShowBefore[tmpNode.tId] && !tmpNode.open) {
+						view.expandCollapseNode(setting, tmpNode, !tmpNode.open);
+						delete root.dragNodeShowBefore[tmpNode.tId];
+					}
+				}
+
+				if (curNode) curNode.remove();
+				if (tmpArrow) tmpArrow.remove();
+
+				var isCopy = (event.ctrlKey && setting.edit.drag.isMove && setting.edit.drag.isCopy) || (!setting.edit.drag.isMove && setting.edit.drag.isCopy);
+				if (!isCopy && tmpTarget && tmpTargetNodeId && nodes[0].parentTId && tmpTargetNodeId==nodes[0].parentTId && moveType == consts.move.TYPE_INNER) {
+					tmpTarget = null;
+				}
+				if (tmpTarget) {
+					var dragTargetNode = tmpTargetNodeId == null ? null: data.getNodeCache(targetSetting, tmpTargetNodeId);
+					if (tools.apply(setting.callback.beforeDrop, [targetSetting.treeId, nodes, dragTargetNode, moveType, isCopy], true) == false) {
+						view.selectNodes(sourceSetting, nodes);
+						return;
+					}
+					var newNodes = isCopy ? tools.clone(nodes) : nodes;
+
+					function dropCallback() {
+						if (isOtherTree) {
+							if (!isCopy) {
+								for(var i=0, l=nodes.length; i<l; i++) {
+									view.removeNode(setting, nodes[i]);
+								}
+							}
+							if (moveType == consts.move.TYPE_INNER) {
+								view.addNodes(targetSetting, dragTargetNode, newNodes);
+							} else {
+								view.addNodes(targetSetting, dragTargetNode.getParentNode(), newNodes);
+								if (moveType == consts.move.TYPE_PREV) {
+									for (i=0, l=newNodes.length; i<l; i++) {
+										view.moveNode(targetSetting, dragTargetNode, newNodes[i], moveType, false);
+									}
+								} else {
+									for (i=-1, l=newNodes.length-1; i<l; l--) {
+										view.moveNode(targetSetting, dragTargetNode, newNodes[l], moveType, false);
+									}
+								}
+							}
+						} else {
+							if (isCopy && moveType == consts.move.TYPE_INNER) {
+								view.addNodes(targetSetting, dragTargetNode, newNodes);
+							} else {
+								if (isCopy) {
+									view.addNodes(targetSetting, dragTargetNode.getParentNode(), newNodes);
+								}
+								if (moveType != consts.move.TYPE_NEXT) {
+									for (i=0, l=newNodes.length; i<l; i++) {
+										view.moveNode(targetSetting, dragTargetNode, newNodes[i], moveType, false);
+									}
+								} else {
+									for (i=-1, l=newNodes.length-1; i<l; l--) {
+										view.moveNode(targetSetting, dragTargetNode, newNodes[l], moveType, false);
+									}
+								}
+							}
+						}
+						view.selectNodes(targetSetting, newNodes);
+						$$(newNodes[0], setting).focus().blur();
+
+						setting.treeObj.trigger(consts.event.DROP, [event, targetSetting.treeId, newNodes, dragTargetNode, moveType, isCopy]);
+					}
+
+					if (moveType == consts.move.TYPE_INNER && tools.canAsync(targetSetting, dragTargetNode)) {
+						view.asyncNode(targetSetting, dragTargetNode, false, dropCallback);
+					} else {
+						dropCallback();
+					}
+
+				} else {
+					view.selectNodes(sourceSetting, nodes);
+					setting.treeObj.trigger(consts.event.DROP, [event, setting.treeId, nodes, null, null, null]);
+				}
+			}
+
+			doc.bind("selectstart", _docSelect);
+			function _docSelect() {
+				return false;
+			}
+
+			//Avoid FireFox's Bug
+			//If zTree Div CSS set 'overflow', so drag node outside of zTree, and event.target is error.
+			if(eventMouseDown.preventDefault) {
+				eventMouseDown.preventDefault();
+			}
+			return true;
+		}
+	},
+	//method of tools for zTree
+	_tools = {
+		getAbs: function (obj) {
+			var oRect = obj.getBoundingClientRect(),
+			scrollTop = document.body.scrollTop+document.documentElement.scrollTop,
+			scrollLeft = document.body.scrollLeft+document.documentElement.scrollLeft;
+			return [oRect.left+scrollLeft,oRect.top+scrollTop];
+		},
+		inputFocus: function(inputObj) {
+			if (inputObj.get(0)) {
+				inputObj.focus();
+				tools.setCursorPosition(inputObj.get(0), inputObj.val().length);
+			}
+		},
+		inputSelect: function(inputObj) {
+			if (inputObj.get(0)) {
+				inputObj.focus();
+				inputObj.select();
+			}
+		},
+		setCursorPosition: function(obj, pos){
+			if(obj.setSelectionRange) {
+				obj.focus();
+				obj.setSelectionRange(pos,pos);
+			} else if (obj.createTextRange) {
+				var range = obj.createTextRange();
+				range.collapse(true);
+				range.moveEnd('character', pos);
+				range.moveStart('character', pos);
+				range.select();
+			}
+		},
+		showIfameMask: function(setting, showSign) {
+			var root = data.getRoot(setting);
+			//clear full mask
+			while (root.dragMaskList.length > 0) {
+				root.dragMaskList[0].remove();
+				root.dragMaskList.shift();
+			}
+			if (showSign) {
+				//show mask
+				var iframeList = $$("iframe", setting);
+				for (var i = 0, l = iframeList.length; i < l; i++) {
+					var obj = iframeList.get(i),
+					r = tools.getAbs(obj),
+					dragMask = $$("<div id='zTreeMask_" + i + "' class='zTreeMask' style='top:" + r[1] + "px; left:" + r[0] + "px; width:" + obj.offsetWidth + "px; height:" + obj.offsetHeight + "px;'></div>", setting);
+					dragMask.appendTo($$("body", setting));
+					root.dragMaskList.push(dragMask);
+				}
+			}
+		}
+	},
+	//method of operate ztree dom
+	_view = {
+		addEditBtn: function(setting, node) {
+			if (node.editNameFlag || $$(node, consts.id.EDIT, setting).length > 0) {
+				return;
+			}
+			if (!tools.apply(setting.edit.showRenameBtn, [setting.treeId, node], setting.edit.showRenameBtn)) {
+				return;
+			}
+			var aObj = $$(node, consts.id.A, setting),
+			editStr = "<span class='" + consts.className.BUTTON + " edit' id='" + node.tId + consts.id.EDIT + "' title='"+tools.apply(setting.edit.renameTitle, [setting.treeId, node], setting.edit.renameTitle)+"' treeNode"+consts.id.EDIT+" style='display:none;'></span>";
+			aObj.append(editStr);
+
+			$$(node, consts.id.EDIT, setting).bind('click',
+				function() {
+					if (!tools.uCanDo(setting) || tools.apply(setting.callback.beforeEditName, [setting.treeId, node], true) == false) return false;
+					view.editNode(setting, node);
+					return false;
+				}
+				).show();
+		},
+		addRemoveBtn: function(setting, node) {
+			if (node.editNameFlag || $$(node, consts.id.REMOVE, setting).length > 0) {
+				return;
+			}
+			if (!tools.apply(setting.edit.showRemoveBtn, [setting.treeId, node], setting.edit.showRemoveBtn)) {
+				return;
+			}
+			var aObj = $$(node, consts.id.A, setting),
+			removeStr = "<span class='" + consts.className.BUTTON + " remove' id='" + node.tId + consts.id.REMOVE + "' title='"+tools.apply(setting.edit.removeTitle, [setting.treeId, node], setting.edit.removeTitle)+"' treeNode"+consts.id.REMOVE+" style='display:none;'></span>";
+			aObj.append(removeStr);
+
+			$$(node, consts.id.REMOVE, setting).bind('click',
+				function() {
+					if (!tools.uCanDo(setting) || tools.apply(setting.callback.beforeRemove, [setting.treeId, node], true) == false) return false;
+					view.removeNode(setting, node);
+					setting.treeObj.trigger(consts.event.REMOVE, [setting.treeId, node]);
+					return false;
+				}
+				).bind('mousedown',
+				function(eventMouseDown) {
+					return true;
+				}
+				).show();
+		},
+		addHoverDom: function(setting, node) {
+			if (data.getRoots().showHoverDom) {
+				node.isHover = true;
+				if (setting.edit.enable) {
+					view.addEditBtn(setting, node);
+					view.addRemoveBtn(setting, node);
+				}
+				tools.apply(setting.view.addHoverDom, [setting.treeId, node]);
+			}
+		},
+		cancelCurEditNode: function (setting, forceName, isCancel) {
+			var root = data.getRoot(setting),
+			nameKey = setting.data.key.name,
+			node = root.curEditNode;
+
+			if (node) {
+				var inputObj = root.curEditInput,
+				newName = forceName ? forceName:(isCancel ? node[nameKey]: inputObj.val());
+				if (tools.apply(setting.callback.beforeRename, [setting.treeId, node, newName, isCancel], true) === false) {
+					return false;
+				} else {
+					node[nameKey] = newName;
+					setting.treeObj.trigger(consts.event.RENAME, [setting.treeId, node, isCancel]);
+				}
+				var aObj = $$(node, consts.id.A, setting);
+				aObj.removeClass(consts.node.CURSELECTED_EDIT);
+				inputObj.unbind();
+				view.setNodeName(setting, node);
+				node.editNameFlag = false;
+				root.curEditNode = null;
+				root.curEditInput = null;
+				view.selectNode(setting, node, false);
+			}
+			root.noSelection = true;
+			return true;
+		},
+		editNode: function(setting, node) {
+			var root = data.getRoot(setting);
+			view.editNodeBlur = false;
+			if (data.isSelectedNode(setting, node) && root.curEditNode == node && node.editNameFlag) {
+				setTimeout(function() {tools.inputFocus(root.curEditInput);}, 0);
+				return;
+			}
+			var nameKey = setting.data.key.name;
+			node.editNameFlag = true;
+			view.removeTreeDom(setting, node);
+			view.cancelCurEditNode(setting);
+			view.selectNode(setting, node, false);
+			$$(node, consts.id.SPAN, setting).html("<input type=text class='rename' id='" + node.tId + consts.id.INPUT + "' treeNode" + consts.id.INPUT + " >");
+			var inputObj = $$(node, consts.id.INPUT, setting);
+			inputObj.attr("value", node[nameKey]);
+			if (setting.edit.editNameSelectAll) {
+				tools.inputSelect(inputObj);
+			} else {
+				tools.inputFocus(inputObj);
+			}
+
+			inputObj.bind('blur', function(event) {
+				if (!view.editNodeBlur) {
+					view.cancelCurEditNode(setting);
+				}
+			}).bind('keydown', function(event) {
+				if (event.keyCode=="13") {
+					view.editNodeBlur = true;
+					view.cancelCurEditNode(setting);
+				} else if (event.keyCode=="27") {
+					view.cancelCurEditNode(setting, null, true);
+				}
+			}).bind('click', function(event) {
+				return false;
+			}).bind('dblclick', function(event) {
+				return false;
+			});
+
+			$$(node, consts.id.A, setting).addClass(consts.node.CURSELECTED_EDIT);
+			root.curEditInput = inputObj;
+			root.noSelection = false;
+			root.curEditNode = node;
+		},
+		moveNode: function(setting, targetNode, node, moveType, animateFlag, isSilent) {
+			var root = data.getRoot(setting),
+			childKey = setting.data.key.children;
+			if (targetNode == node) return;
+			if (setting.data.keep.leaf && targetNode && !targetNode.isParent && moveType == consts.move.TYPE_INNER) return;
+			var oldParentNode = (node.parentTId ? node.getParentNode(): root),
+			targetNodeIsRoot = (targetNode === null || targetNode == root);
+			if (targetNodeIsRoot && targetNode === null) targetNode = root;
+			if (targetNodeIsRoot) moveType = consts.move.TYPE_INNER;
+			var targetParentNode = (targetNode.parentTId ? targetNode.getParentNode() : root);
+
+			if (moveType != consts.move.TYPE_PREV && moveType != consts.move.TYPE_NEXT) {
+				moveType = consts.move.TYPE_INNER;
+			}
+
+			if (moveType == consts.move.TYPE_INNER) {
+				if (targetNodeIsRoot) {
+					//parentTId of root node is null
+					node.parentTId = null;
+				} else {
+					if (!targetNode.isParent) {
+						targetNode.isParent = true;
+						targetNode.open = !!targetNode.open;
+						view.setNodeLineIcos(setting, targetNode);
+					}
+					node.parentTId = targetNode.tId;
+				}
+			}
+
+			//move node Dom
+			var targetObj, target_ulObj;
+			if (targetNodeIsRoot) {
+				targetObj = setting.treeObj;
+				target_ulObj = targetObj;
+			} else {
+				if (!isSilent && moveType == consts.move.TYPE_INNER) {
+					view.expandCollapseNode(setting, targetNode, true, false);
+				} else if (!isSilent) {
+					view.expandCollapseNode(setting, targetNode.getParentNode(), true, false);
+				}
+				targetObj = $$(targetNode, setting);
+				target_ulObj = $$(targetNode, consts.id.UL, setting);
+				if (!!targetObj.get(0) && !target_ulObj.get(0)) {
+					var ulstr = [];
+					view.makeUlHtml(setting, targetNode, ulstr, '');
+					targetObj.append(ulstr.join(''));
+				}
+				target_ulObj = $$(targetNode, consts.id.UL, setting);
+			}
+			var nodeDom = $$(node, setting);
+			if (!nodeDom.get(0)) {
+				nodeDom = view.appendNodes(setting, node.level, [node], null, false, true).join('');
+			} else if (!targetObj.get(0)) {
+				nodeDom.remove();
+			}
+			if (target_ulObj.get(0) && moveType == consts.move.TYPE_INNER) {
+				target_ulObj.append(nodeDom);
+			} else if (targetObj.get(0) && moveType == consts.move.TYPE_PREV) {
+				targetObj.before(nodeDom);
+			} else if (targetObj.get(0) && moveType == consts.move.TYPE_NEXT) {
+				targetObj.after(nodeDom);
+			}
+
+			//repair the data after move
+			var i,l,
+			tmpSrcIndex = -1,
+			tmpTargetIndex = 0,
+			oldNeighbor = null,
+			newNeighbor = null,
+			oldLevel = node.level;
+			if (node.isFirstNode) {
+				tmpSrcIndex = 0;
+				if (oldParentNode[childKey].length > 1 ) {
+					oldNeighbor = oldParentNode[childKey][1];
+					oldNeighbor.isFirstNode = true;
+				}
+			} else if (node.isLastNode) {
+				tmpSrcIndex = oldParentNode[childKey].length -1;
+				oldNeighbor = oldParentNode[childKey][tmpSrcIndex - 1];
+				oldNeighbor.isLastNode = true;
+			} else {
+				for (i = 0, l = oldParentNode[childKey].length; i < l; i++) {
+					if (oldParentNode[childKey][i].tId == node.tId) {
+						tmpSrcIndex = i;
+						break;
+					}
+				}
+			}
+			if (tmpSrcIndex >= 0) {
+				oldParentNode[childKey].splice(tmpSrcIndex, 1);
+			}
+			if (moveType != consts.move.TYPE_INNER) {
+				for (i = 0, l = targetParentNode[childKey].length; i < l; i++) {
+					if (targetParentNode[childKey][i].tId == targetNode.tId) tmpTargetIndex = i;
+				}
+			}
+			if (moveType == consts.move.TYPE_INNER) {
+				if (!targetNode[childKey]) targetNode[childKey] = new Array();
+				if (targetNode[childKey].length > 0) {
+					newNeighbor = targetNode[childKey][targetNode[childKey].length - 1];
+					newNeighbor.isLastNode = false;
+				}
+				targetNode[childKey].splice(targetNode[childKey].length, 0, node);
+				node.isLastNode = true;
+				node.isFirstNode = (targetNode[childKey].length == 1);
+			} else if (targetNode.isFirstNode && moveType == consts.move.TYPE_PREV) {
+				targetParentNode[childKey].splice(tmpTargetIndex, 0, node);
+				newNeighbor = targetNode;
+				newNeighbor.isFirstNode = false;
+				node.parentTId = targetNode.parentTId;
+				node.isFirstNode = true;
+				node.isLastNode = false;
+
+			} else if (targetNode.isLastNode && moveType == consts.move.TYPE_NEXT) {
+				targetParentNode[childKey].splice(tmpTargetIndex + 1, 0, node);
+				newNeighbor = targetNode;
+				newNeighbor.isLastNode = false;
+				node.parentTId = targetNode.parentTId;
+				node.isFirstNode = false;
+				node.isLastNode = true;
+
+			} else {
+				if (moveType == consts.move.TYPE_PREV) {
+					targetParentNode[childKey].splice(tmpTargetIndex, 0, node);
+				} else {
+					targetParentNode[childKey].splice(tmpTargetIndex + 1, 0, node);
+				}
+				node.parentTId = targetNode.parentTId;
+				node.isFirstNode = false;
+				node.isLastNode = false;
+			}
+			data.fixPIdKeyValue(setting, node);
+			data.setSonNodeLevel(setting, node.getParentNode(), node);
+
+			//repair node what been moved
+			view.setNodeLineIcos(setting, node);
+			view.repairNodeLevelClass(setting, node, oldLevel)
+
+			//repair node's old parentNode dom
+			if (!setting.data.keep.parent && oldParentNode[childKey].length < 1) {
+				//old parentNode has no child nodes
+				oldParentNode.isParent = false;
+				oldParentNode.open = false;
+				var tmp_ulObj = $$(oldParentNode, consts.id.UL, setting),
+				tmp_switchObj = $$(oldParentNode, consts.id.SWITCH, setting),
+				tmp_icoObj = $$(oldParentNode, consts.id.ICON, setting);
+				view.replaceSwitchClass(oldParentNode, tmp_switchObj, consts.folder.DOCU);
+				view.replaceIcoClass(oldParentNode, tmp_icoObj, consts.folder.DOCU);
+				tmp_ulObj.css("display", "none");
+
+			} else if (oldNeighbor) {
+				//old neigbor node
+				view.setNodeLineIcos(setting, oldNeighbor);
+			}
+
+			//new neigbor node
+			if (newNeighbor) {
+				view.setNodeLineIcos(setting, newNeighbor);
+			}
+
+			//repair checkbox / radio
+			if (!!setting.check && setting.check.enable && view.repairChkClass) {
+				view.repairChkClass(setting, oldParentNode);
+				view.repairParentChkClassWithSelf(setting, oldParentNode);
+				if (oldParentNode != node.parent)
+					view.repairParentChkClassWithSelf(setting, node);
+			}
+
+			//expand parents after move
+			if (!isSilent) {
+				view.expandCollapseParentNode(setting, node.getParentNode(), true, animateFlag);
+			}
+		},
+		removeEditBtn: function(setting, node) {
+			$$(node, consts.id.EDIT, setting).unbind().remove();
+		},
+		removeRemoveBtn: function(setting, node) {
+			$$(node, consts.id.REMOVE, setting).unbind().remove();
+		},
+		removeTreeDom: function(setting, node) {
+			node.isHover = false;
+			view.removeEditBtn(setting, node);
+			view.removeRemoveBtn(setting, node);
+			tools.apply(setting.view.removeHoverDom, [setting.treeId, node]);
+		},
+		repairNodeLevelClass: function(setting, node, oldLevel) {
+			if (oldLevel === node.level) return;
+			var liObj = $$(node, setting),
+			aObj = $$(node, consts.id.A, setting),
+			ulObj = $$(node, consts.id.UL, setting),
+			oldClass = consts.className.LEVEL + oldLevel,
+			newClass = consts.className.LEVEL + node.level;
+			liObj.removeClass(oldClass);
+			liObj.addClass(newClass);
+			aObj.removeClass(oldClass);
+			aObj.addClass(newClass);
+			ulObj.removeClass(oldClass);
+			ulObj.addClass(newClass);
+		},
+		selectNodes : function(setting, nodes) {
+			for (var i=0, l=nodes.length; i<l; i++) {
+				view.selectNode(setting, nodes[i], i>0);
+			}
+		}
+	},
+
+	_z = {
+		tools: _tools,
+		view: _view,
+		event: _event,
+		data: _data
+	};
+	$.extend(true, $.fn.zTree.consts, _consts);
+	$.extend(true, $.fn.zTree._z, _z);
+
+	var zt = $.fn.zTree,
+	tools = zt._z.tools,
+	consts = zt.consts,
+	view = zt._z.view,
+	data = zt._z.data,
+	event = zt._z.event,
+	$$ = tools.$;
+
+	data.exSetting(_setting);
+	data.addInitBind(_bindEvent);
+	data.addInitUnBind(_unbindEvent);
+	data.addInitCache(_initCache);
+	data.addInitNode(_initNode);
+	data.addInitProxy(_eventProxy);
+	data.addInitRoot(_initRoot);
+	data.addZTreeTools(_zTreeTools);
+
+	var _cancelPreSelectedNode = view.cancelPreSelectedNode;
+	view.cancelPreSelectedNode = function (setting, node) {
+		var list = data.getRoot(setting).curSelectedList;
+		for (var i=0, j=list.length; i<j; i++) {
+			if (!node || node === list[i]) {
+				view.removeTreeDom(setting, list[i]);
+				if (node) break;
+			}
+		}
+		if (_cancelPreSelectedNode) _cancelPreSelectedNode.apply(view, arguments);
+	}
+
+	var _createNodes = view.createNodes;
+	view.createNodes = function(setting, level, nodes, parentNode) {
+		if (_createNodes) {
+			_createNodes.apply(view, arguments);
+		}
+		if (!nodes) return;
+		if (view.repairParentChkClassWithSelf) {
+			view.repairParentChkClassWithSelf(setting, parentNode);
+		}
+	}
+
+	var _makeNodeUrl = view.makeNodeUrl;
+	view.makeNodeUrl = function(setting, node) {
+		return setting.edit.enable ? null : (_makeNodeUrl.apply(view, arguments));
+	}
+
+	var _removeNode = view.removeNode;
+	view.removeNode = function(setting, node) {
+		var root = data.getRoot(setting);
+		if (root.curEditNode === node) root.curEditNode = null;
+		if (_removeNode) {
+			_removeNode.apply(view, arguments);
+		}
+	}
+
+	var _selectNode = view.selectNode;
+	view.selectNode = function(setting, node, addFlag) {
+		var root = data.getRoot(setting);
+		if (data.isSelectedNode(setting, node) && root.curEditNode == node && node.editNameFlag) {
+			return false;
+		}
+		if (_selectNode) _selectNode.apply(view, arguments);
+		view.addHoverDom(setting, node);
+		return true;
+	}
+
+	var _uCanDo = tools.uCanDo;
+	tools.uCanDo = function(setting, e) {
+		var root = data.getRoot(setting);
+		if (e && (tools.eqs(e.type, "mouseover") || tools.eqs(e.type, "mouseout") || tools.eqs(e.type, "mousedown") || tools.eqs(e.type, "mouseup"))) {
+			return true;
+		}
+		if (root.curEditNode) {
+			view.editNodeBlur = false;
+			root.curEditInput.focus();
+		}
+		return (!root.curEditNode) && (_uCanDo ? _uCanDo.apply(view, arguments) : true);
+	}
+})(jQuery);
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.exedit-3.5.min.js b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.exedit-3.5.min.js
new file mode 100644
index 00000000..c9eacef8
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.exedit-3.5.min.js	
@@ -0,0 +1,52 @@
+/*
+ * JQuery zTree exedit v3.5.15
+ * http://zTree.me/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2013-10-15
+ */
+(function(w){var I={event:{DRAG:"ztree_drag",DROP:"ztree_drop",REMOVE:"ztree_remove",RENAME:"ztree_rename"},id:{EDIT:"_edit",INPUT:"_input",REMOVE:"_remove"},move:{TYPE_INNER:"inner",TYPE_PREV:"prev",TYPE_NEXT:"next"},node:{CURSELECTED_EDIT:"curSelectedNode_Edit",TMPTARGET_TREE:"tmpTargetzTree",TMPTARGET_NODE:"tmpTargetNode"}},x={onHoverOverNode:function(b,a){var c=n.getSetting(b.data.treeId),d=n.getRoot(c);if(d.curHoverNode!=a)x.onHoverOutNode(b);d.curHoverNode=a;e.addHoverDom(c,a)},onHoverOutNode:function(b){var b=
+n.getSetting(b.data.treeId),a=n.getRoot(b);if(a.curHoverNode&&!n.isSelectedNode(b,a.curHoverNode))e.removeTreeDom(b,a.curHoverNode),a.curHoverNode=null},onMousedownNode:function(b,a){function c(b){if(B.dragFlag==0&&Math.abs(N-b.clientX)<f.edit.drag.minMoveSize&&Math.abs(O-b.clientY)<f.edit.drag.minMoveSize)return!0;var a,c,o,k,i;i=f.data.key.children;M.css("cursor","pointer");if(B.dragFlag==0){if(g.apply(f.callback.beforeDrag,[f.treeId,m],!0)==!1)return l(b),!0;for(a=0,c=m.length;a<c;a++){if(a==0)B.dragNodeShowBefore=
+[];o=m[a];o.isParent&&o.open?(e.expandCollapseNode(f,o,!o.open),B.dragNodeShowBefore[o.tId]=!0):B.dragNodeShowBefore[o.tId]=!1}B.dragFlag=1;t.showHoverDom=!1;g.showIfameMask(f,!0);o=!0;k=-1;if(m.length>1){var j=m[0].parentTId?m[0].getParentNode()[i]:n.getNodes(f);i=[];for(a=0,c=j.length;a<c;a++)if(B.dragNodeShowBefore[j[a].tId]!==void 0&&(o&&k>-1&&k+1!==a&&(o=!1),i.push(j[a]),k=a),m.length===i.length){m=i;break}}o&&(H=m[0].getPreNode(),R=m[m.length-1].getNextNode());C=p("<ul class='zTreeDragUL'></ul>",
+f);for(a=0,c=m.length;a<c;a++)if(o=m[a],o.editNameFlag=!1,e.selectNode(f,o,a>0),e.removeTreeDom(f,o),k=p("<li id='"+o.tId+"_tmp'></li>",f),k.append(p(o,d.id.A,f).clone()),k.css("padding","0"),k.children("#"+o.tId+d.id.A).removeClass(d.node.CURSELECTED),C.append(k),a==f.edit.drag.maxShowNodeNum-1){k=p("<li id='"+o.tId+"_moretmp'><a>  ...  </a></li>",f);C.append(k);break}C.attr("id",m[0].tId+d.id.UL+"_tmp");C.addClass(f.treeObj.attr("class"));C.appendTo(M);A=p("<span class='tmpzTreeMove_arrow'></span>",
+f);A.attr("id","zTreeMove_arrow_tmp");A.appendTo(M);f.treeObj.trigger(d.event.DRAG,[b,f.treeId,m])}if(B.dragFlag==1){s&&A.attr("id")==b.target.id&&u&&b.clientX+F.scrollLeft()+2>w("#"+u+d.id.A,s).offset().left?(o=w("#"+u+d.id.A,s),b.target=o.length>0?o.get(0):b.target):s&&(s.removeClass(d.node.TMPTARGET_TREE),u&&w("#"+u+d.id.A,s).removeClass(d.node.TMPTARGET_NODE+"_"+d.move.TYPE_PREV).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_NEXT).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_INNER));
+u=s=null;J=!1;h=f;o=n.getSettings();for(var D in o)if(o[D].treeId&&o[D].edit.enable&&o[D].treeId!=f.treeId&&(b.target.id==o[D].treeId||w(b.target).parents("#"+o[D].treeId).length>0))J=!0,h=o[D];D=F.scrollTop();k=F.scrollLeft();i=h.treeObj.offset();a=h.treeObj.get(0).scrollHeight;o=h.treeObj.get(0).scrollWidth;c=b.clientY+D-i.top;var q=h.treeObj.height()+i.top-b.clientY-D,r=b.clientX+k-i.left,x=h.treeObj.width()+i.left-b.clientX-k;i=c<f.edit.drag.borderMax&&c>f.edit.drag.borderMin;var j=q<f.edit.drag.borderMax&&
+q>f.edit.drag.borderMin,K=r<f.edit.drag.borderMax&&r>f.edit.drag.borderMin,G=x<f.edit.drag.borderMax&&x>f.edit.drag.borderMin,q=c>f.edit.drag.borderMin&&q>f.edit.drag.borderMin&&r>f.edit.drag.borderMin&&x>f.edit.drag.borderMin,r=i&&h.treeObj.scrollTop()<=0,x=j&&h.treeObj.scrollTop()+h.treeObj.height()+10>=a,P=K&&h.treeObj.scrollLeft()<=0,Q=G&&h.treeObj.scrollLeft()+h.treeObj.width()+10>=o;if(b.target&&g.isChildOrSelf(b.target,h.treeId)){for(var E=b.target;E&&E.tagName&&!g.eqs(E.tagName,"li")&&E.id!=
+h.treeId;)E=E.parentNode;var S=!0;for(a=0,c=m.length;a<c;a++)if(o=m[a],E.id===o.tId){S=!1;break}else if(p(o,f).find("#"+E.id).length>0){S=!1;break}if(S&&b.target&&g.isChildOrSelf(b.target,E.id+d.id.A))s=w(E),u=E.id}o=m[0];if(q&&g.isChildOrSelf(b.target,h.treeId)){if(!s&&(b.target.id==h.treeId||r||x||P||Q)&&(J||!J&&o.parentTId))s=h.treeObj;i?h.treeObj.scrollTop(h.treeObj.scrollTop()-10):j&&h.treeObj.scrollTop(h.treeObj.scrollTop()+10);K?h.treeObj.scrollLeft(h.treeObj.scrollLeft()-10):G&&h.treeObj.scrollLeft(h.treeObj.scrollLeft()+
+10);s&&s!=h.treeObj&&s.offset().left<h.treeObj.offset().left&&h.treeObj.scrollLeft(h.treeObj.scrollLeft()+s.offset().left-h.treeObj.offset().left)}C.css({top:b.clientY+D+3+"px",left:b.clientX+k+3+"px"});i=a=0;if(s&&s.attr("id")!=h.treeId){var y=u==null?null:n.getNodeCache(h,u);c=b.ctrlKey&&f.edit.drag.isMove&&f.edit.drag.isCopy||!f.edit.drag.isMove&&f.edit.drag.isCopy;a=!!(H&&u===H.tId);i=!!(R&&u===R.tId);k=o.parentTId&&o.parentTId==u;o=(c||!i)&&g.apply(h.edit.drag.prev,[h.treeId,m,y],!!h.edit.drag.prev);
+a=(c||!a)&&g.apply(h.edit.drag.next,[h.treeId,m,y],!!h.edit.drag.next);G=(c||!k)&&!(h.data.keep.leaf&&!y.isParent)&&g.apply(h.edit.drag.inner,[h.treeId,m,y],!!h.edit.drag.inner);if(!o&&!a&&!G){if(s=null,u="",v=d.move.TYPE_INNER,A.css({display:"none"}),window.zTreeMoveTimer)clearTimeout(window.zTreeMoveTimer),window.zTreeMoveTargetNodeTId=null}else{c=w("#"+u+d.id.A,s);i=y.isLastNode?null:w("#"+y.getNextNode().tId+d.id.A,s.next());j=c.offset().top;k=c.offset().left;K=o?G?0.25:a?0.5:1:-1;G=a?G?0.75:
+o?0.5:0:-1;b=(b.clientY+D-j)/c.height();(K==1||b<=K&&b>=-0.2)&&o?(a=1-A.width(),i=j-A.height()/2,v=d.move.TYPE_PREV):(G==0||b>=G&&b<=1.2)&&a?(a=1-A.width(),i=i==null||y.isParent&&y.open?j+c.height()-A.height()/2:i.offset().top-A.height()/2,v=d.move.TYPE_NEXT):(a=5-A.width(),i=j,v=d.move.TYPE_INNER);A.css({display:"block",top:i+"px",left:k+a+"px"});c.addClass(d.node.TMPTARGET_NODE+"_"+v);if(T!=u||U!=v)L=(new Date).getTime();if(y&&y.isParent&&v==d.move.TYPE_INNER&&(b=!0,window.zTreeMoveTimer&&window.zTreeMoveTargetNodeTId!==
+y.tId?(clearTimeout(window.zTreeMoveTimer),window.zTreeMoveTargetNodeTId=null):window.zTreeMoveTimer&&window.zTreeMoveTargetNodeTId===y.tId&&(b=!1),b))window.zTreeMoveTimer=setTimeout(function(){v==d.move.TYPE_INNER&&y&&y.isParent&&!y.open&&(new Date).getTime()-L>h.edit.drag.autoOpenTime&&g.apply(h.callback.beforeDragOpen,[h.treeId,y],!0)&&(e.switchNode(h,y),h.edit.drag.autoExpandTrigger&&h.treeObj.trigger(d.event.EXPAND,[h.treeId,y]))},h.edit.drag.autoOpenTime+50),window.zTreeMoveTargetNodeTId=y.tId}}else if(v=
+d.move.TYPE_INNER,s&&g.apply(h.edit.drag.inner,[h.treeId,m,null],!!h.edit.drag.inner)?s.addClass(d.node.TMPTARGET_TREE):s=null,A.css({display:"none"}),window.zTreeMoveTimer)clearTimeout(window.zTreeMoveTimer),window.zTreeMoveTargetNodeTId=null;T=u;U=v}return!1}function l(b){if(window.zTreeMoveTimer)clearTimeout(window.zTreeMoveTimer),window.zTreeMoveTargetNodeTId=null;U=T=null;F.unbind("mousemove",c);F.unbind("mouseup",l);F.unbind("selectstart",k);M.css("cursor","auto");s&&(s.removeClass(d.node.TMPTARGET_TREE),
+u&&w("#"+u+d.id.A,s).removeClass(d.node.TMPTARGET_NODE+"_"+d.move.TYPE_PREV).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_NEXT).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_INNER));g.showIfameMask(f,!1);t.showHoverDom=!0;if(B.dragFlag!=0){B.dragFlag=0;var a,i,j;for(a=0,i=m.length;a<i;a++)j=m[a],j.isParent&&B.dragNodeShowBefore[j.tId]&&!j.open&&(e.expandCollapseNode(f,j,!j.open),delete B.dragNodeShowBefore[j.tId]);C&&C.remove();A&&A.remove();var q=b.ctrlKey&&f.edit.drag.isMove&&f.edit.drag.isCopy||
+!f.edit.drag.isMove&&f.edit.drag.isCopy;!q&&s&&u&&m[0].parentTId&&u==m[0].parentTId&&v==d.move.TYPE_INNER&&(s=null);if(s){var r=u==null?null:n.getNodeCache(h,u);if(g.apply(f.callback.beforeDrop,[h.treeId,m,r,v,q],!0)==!1)e.selectNodes(x,m);else{var z=q?g.clone(m):m;a=function(){if(J){if(!q)for(var a=0,c=m.length;a<c;a++)e.removeNode(f,m[a]);if(v==d.move.TYPE_INNER)e.addNodes(h,r,z);else if(e.addNodes(h,r.getParentNode(),z),v==d.move.TYPE_PREV)for(a=0,c=z.length;a<c;a++)e.moveNode(h,r,z[a],v,!1);else for(a=
+-1,c=z.length-1;a<c;c--)e.moveNode(h,r,z[c],v,!1)}else if(q&&v==d.move.TYPE_INNER)e.addNodes(h,r,z);else if(q&&e.addNodes(h,r.getParentNode(),z),v!=d.move.TYPE_NEXT)for(a=0,c=z.length;a<c;a++)e.moveNode(h,r,z[a],v,!1);else for(a=-1,c=z.length-1;a<c;c--)e.moveNode(h,r,z[c],v,!1);e.selectNodes(h,z);p(z[0],f).focus().blur();f.treeObj.trigger(d.event.DROP,[b,h.treeId,z,r,v,q])};v==d.move.TYPE_INNER&&g.canAsync(h,r)?e.asyncNode(h,r,!1,a):a()}}else e.selectNodes(x,m),f.treeObj.trigger(d.event.DROP,[b,f.treeId,
+m,null,null,null])}}function k(){return!1}var i,j,f=n.getSetting(b.data.treeId),B=n.getRoot(f),t=n.getRoots();if(b.button==2||!f.edit.enable||!f.edit.drag.isCopy&&!f.edit.drag.isMove)return!0;var q=b.target,r=n.getRoot(f).curSelectedList,m=[];if(n.isSelectedNode(f,a))for(i=0,j=r.length;i<j;i++){if(r[i].editNameFlag&&g.eqs(q.tagName,"input")&&q.getAttribute("treeNode"+d.id.INPUT)!==null)return!0;m.push(r[i]);if(m[0].parentTId!==r[i].parentTId){m=[a];break}}else m=[a];e.editNodeBlur=!0;e.cancelCurEditNode(f);
+var F=w(f.treeObj.get(0).ownerDocument),M=w(f.treeObj.get(0).ownerDocument.body),C,A,s,J=!1,h=f,x=f,H,R,T=null,U=null,u=null,v=d.move.TYPE_INNER,N=b.clientX,O=b.clientY,L=(new Date).getTime();g.uCanDo(f)&&F.bind("mousemove",c);F.bind("mouseup",l);F.bind("selectstart",k);b.preventDefault&&b.preventDefault();return!0}};w.extend(!0,w.fn.zTree.consts,I);w.extend(!0,w.fn.zTree._z,{tools:{getAbs:function(b){b=b.getBoundingClientRect();return[b.left+(document.body.scrollLeft+document.documentElement.scrollLeft),
+b.top+(document.body.scrollTop+document.documentElement.scrollTop)]},inputFocus:function(b){b.get(0)&&(b.focus(),g.setCursorPosition(b.get(0),b.val().length))},inputSelect:function(b){b.get(0)&&(b.focus(),b.select())},setCursorPosition:function(b,a){if(b.setSelectionRange)b.focus(),b.setSelectionRange(a,a);else if(b.createTextRange){var c=b.createTextRange();c.collapse(!0);c.moveEnd("character",a);c.moveStart("character",a);c.select()}},showIfameMask:function(b,a){for(var c=n.getRoot(b);c.dragMaskList.length>
+0;)c.dragMaskList[0].remove(),c.dragMaskList.shift();if(a)for(var d=p("iframe",b),e=0,i=d.length;e<i;e++){var j=d.get(e),f=g.getAbs(j),j=p("<div id='zTreeMask_"+e+"' class='zTreeMask' style='top:"+f[1]+"px; left:"+f[0]+"px; width:"+j.offsetWidth+"px; height:"+j.offsetHeight+"px;'></div>",b);j.appendTo(p("body",b));c.dragMaskList.push(j)}}},view:{addEditBtn:function(b,a){if(!(a.editNameFlag||p(a,d.id.EDIT,b).length>0)&&g.apply(b.edit.showRenameBtn,[b.treeId,a],b.edit.showRenameBtn)){var c=p(a,d.id.A,
+b),l="<span class='"+d.className.BUTTON+" edit' id='"+a.tId+d.id.EDIT+"' title='"+g.apply(b.edit.renameTitle,[b.treeId,a],b.edit.renameTitle)+"' treeNode"+d.id.EDIT+" style='display:none;'></span>";c.append(l);p(a,d.id.EDIT,b).bind("click",function(){if(!g.uCanDo(b)||g.apply(b.callback.beforeEditName,[b.treeId,a],!0)==!1)return!1;e.editNode(b,a);return!1}).show()}},addRemoveBtn:function(b,a){if(!(a.editNameFlag||p(a,d.id.REMOVE,b).length>0)&&g.apply(b.edit.showRemoveBtn,[b.treeId,a],b.edit.showRemoveBtn)){var c=
+p(a,d.id.A,b),l="<span class='"+d.className.BUTTON+" remove' id='"+a.tId+d.id.REMOVE+"' title='"+g.apply(b.edit.removeTitle,[b.treeId,a],b.edit.removeTitle)+"' treeNode"+d.id.REMOVE+" style='display:none;'></span>";c.append(l);p(a,d.id.REMOVE,b).bind("click",function(){if(!g.uCanDo(b)||g.apply(b.callback.beforeRemove,[b.treeId,a],!0)==!1)return!1;e.removeNode(b,a);b.treeObj.trigger(d.event.REMOVE,[b.treeId,a]);return!1}).bind("mousedown",function(){return!0}).show()}},addHoverDom:function(b,a){if(n.getRoots().showHoverDom)a.isHover=
+!0,b.edit.enable&&(e.addEditBtn(b,a),e.addRemoveBtn(b,a)),g.apply(b.view.addHoverDom,[b.treeId,a])},cancelCurEditNode:function(b,a,c){var l=n.getRoot(b),k=b.data.key.name,i=l.curEditNode;if(i){var j=l.curEditInput,a=a?a:c?i[k]:j.val();if(g.apply(b.callback.beforeRename,[b.treeId,i,a,c],!0)===!1)return!1;else i[k]=a,b.treeObj.trigger(d.event.RENAME,[b.treeId,i,c]);p(i,d.id.A,b).removeClass(d.node.CURSELECTED_EDIT);j.unbind();e.setNodeName(b,i);i.editNameFlag=!1;l.curEditNode=null;l.curEditInput=null;
+e.selectNode(b,i,!1)}return l.noSelection=!0},editNode:function(b,a){var c=n.getRoot(b);e.editNodeBlur=!1;if(n.isSelectedNode(b,a)&&c.curEditNode==a&&a.editNameFlag)setTimeout(function(){g.inputFocus(c.curEditInput)},0);else{var l=b.data.key.name;a.editNameFlag=!0;e.removeTreeDom(b,a);e.cancelCurEditNode(b);e.selectNode(b,a,!1);p(a,d.id.SPAN,b).html("<input type=text class='rename' id='"+a.tId+d.id.INPUT+"' treeNode"+d.id.INPUT+" >");var k=p(a,d.id.INPUT,b);k.attr("value",a[l]);b.edit.editNameSelectAll?
+g.inputSelect(k):g.inputFocus(k);k.bind("blur",function(){e.editNodeBlur||e.cancelCurEditNode(b)}).bind("keydown",function(a){a.keyCode=="13"?(e.editNodeBlur=!0,e.cancelCurEditNode(b)):a.keyCode=="27"&&e.cancelCurEditNode(b,null,!0)}).bind("click",function(){return!1}).bind("dblclick",function(){return!1});p(a,d.id.A,b).addClass(d.node.CURSELECTED_EDIT);c.curEditInput=k;c.noSelection=!1;c.curEditNode=a}},moveNode:function(b,a,c,l,k,i){var j=n.getRoot(b),f=b.data.key.children;if(a!=c&&(!b.data.keep.leaf||
+!a||a.isParent||l!=d.move.TYPE_INNER)){var g=c.parentTId?c.getParentNode():j,t=a===null||a==j;t&&a===null&&(a=j);if(t)l=d.move.TYPE_INNER;j=a.parentTId?a.getParentNode():j;if(l!=d.move.TYPE_PREV&&l!=d.move.TYPE_NEXT)l=d.move.TYPE_INNER;if(l==d.move.TYPE_INNER)if(t)c.parentTId=null;else{if(!a.isParent)a.isParent=!0,a.open=!!a.open,e.setNodeLineIcos(b,a);c.parentTId=a.tId}var q;t?q=t=b.treeObj:(!i&&l==d.move.TYPE_INNER?e.expandCollapseNode(b,a,!0,!1):i||e.expandCollapseNode(b,a.getParentNode(),!0,!1),
+t=p(a,b),q=p(a,d.id.UL,b),t.get(0)&&!q.get(0)&&(q=[],e.makeUlHtml(b,a,q,""),t.append(q.join(""))),q=p(a,d.id.UL,b));var r=p(c,b);r.get(0)?t.get(0)||r.remove():r=e.appendNodes(b,c.level,[c],null,!1,!0).join("");q.get(0)&&l==d.move.TYPE_INNER?q.append(r):t.get(0)&&l==d.move.TYPE_PREV?t.before(r):t.get(0)&&l==d.move.TYPE_NEXT&&t.after(r);var m=-1,w=0,x=null,t=null,C=c.level;if(c.isFirstNode){if(m=0,g[f].length>1)x=g[f][1],x.isFirstNode=!0}else if(c.isLastNode)m=g[f].length-1,x=g[f][m-1],x.isLastNode=
+!0;else for(q=0,r=g[f].length;q<r;q++)if(g[f][q].tId==c.tId){m=q;break}m>=0&&g[f].splice(m,1);if(l!=d.move.TYPE_INNER)for(q=0,r=j[f].length;q<r;q++)j[f][q].tId==a.tId&&(w=q);if(l==d.move.TYPE_INNER){a[f]||(a[f]=[]);if(a[f].length>0)t=a[f][a[f].length-1],t.isLastNode=!1;a[f].splice(a[f].length,0,c);c.isLastNode=!0;c.isFirstNode=a[f].length==1}else a.isFirstNode&&l==d.move.TYPE_PREV?(j[f].splice(w,0,c),t=a,t.isFirstNode=!1,c.parentTId=a.parentTId,c.isFirstNode=!0,c.isLastNode=!1):a.isLastNode&&l==d.move.TYPE_NEXT?
+(j[f].splice(w+1,0,c),t=a,t.isLastNode=!1,c.parentTId=a.parentTId,c.isFirstNode=!1,c.isLastNode=!0):(l==d.move.TYPE_PREV?j[f].splice(w,0,c):j[f].splice(w+1,0,c),c.parentTId=a.parentTId,c.isFirstNode=!1,c.isLastNode=!1);n.fixPIdKeyValue(b,c);n.setSonNodeLevel(b,c.getParentNode(),c);e.setNodeLineIcos(b,c);e.repairNodeLevelClass(b,c,C);!b.data.keep.parent&&g[f].length<1?(g.isParent=!1,g.open=!1,a=p(g,d.id.UL,b),l=p(g,d.id.SWITCH,b),f=p(g,d.id.ICON,b),e.replaceSwitchClass(g,l,d.folder.DOCU),e.replaceIcoClass(g,
+f,d.folder.DOCU),a.css("display","none")):x&&e.setNodeLineIcos(b,x);t&&e.setNodeLineIcos(b,t);b.check&&b.check.enable&&e.repairChkClass&&(e.repairChkClass(b,g),e.repairParentChkClassWithSelf(b,g),g!=c.parent&&e.repairParentChkClassWithSelf(b,c));i||e.expandCollapseParentNode(b,c.getParentNode(),!0,k)}},removeEditBtn:function(b,a){p(a,d.id.EDIT,b).unbind().remove()},removeRemoveBtn:function(b,a){p(a,d.id.REMOVE,b).unbind().remove()},removeTreeDom:function(b,a){a.isHover=!1;e.removeEditBtn(b,a);e.removeRemoveBtn(b,
+a);g.apply(b.view.removeHoverDom,[b.treeId,a])},repairNodeLevelClass:function(b,a,c){if(c!==a.level){var e=p(a,b),g=p(a,d.id.A,b),b=p(a,d.id.UL,b),c=d.className.LEVEL+c,a=d.className.LEVEL+a.level;e.removeClass(c);e.addClass(a);g.removeClass(c);g.addClass(a);b.removeClass(c);b.addClass(a)}},selectNodes:function(b,a){for(var c=0,d=a.length;c<d;c++)e.selectNode(b,a[c],c>0)}},event:{},data:{setSonNodeLevel:function(b,a,c){if(c){var d=b.data.key.children;c.level=a?a.level+1:0;if(c[d])for(var a=0,e=c[d].length;a<
+e;a++)c[d][a]&&n.setSonNodeLevel(b,c,c[d][a])}}}});var H=w.fn.zTree,g=H._z.tools,d=H.consts,e=H._z.view,n=H._z.data,p=g.$;n.exSetting({edit:{enable:!1,editNameSelectAll:!1,showRemoveBtn:!0,showRenameBtn:!0,removeTitle:"remove",renameTitle:"rename",drag:{autoExpandTrigger:!1,isCopy:!0,isMove:!0,prev:!0,next:!0,inner:!0,minMoveSize:5,borderMax:10,borderMin:-5,maxShowNodeNum:5,autoOpenTime:500}},view:{addHoverDom:null,removeHoverDom:null},callback:{beforeDrag:null,beforeDragOpen:null,beforeDrop:null,
+beforeEditName:null,beforeRename:null,onDrag:null,onDrop:null,onRename:null}});n.addInitBind(function(b){var a=b.treeObj,c=d.event;a.bind(c.RENAME,function(a,c,d,e){g.apply(b.callback.onRename,[a,c,d,e])});a.bind(c.REMOVE,function(a,c,d){g.apply(b.callback.onRemove,[a,c,d])});a.bind(c.DRAG,function(a,c,d,e){g.apply(b.callback.onDrag,[c,d,e])});a.bind(c.DROP,function(a,c,d,e,f,n,p){g.apply(b.callback.onDrop,[c,d,e,f,n,p])})});n.addInitUnBind(function(b){var b=b.treeObj,a=d.event;b.unbind(a.RENAME);
+b.unbind(a.REMOVE);b.unbind(a.DRAG);b.unbind(a.DROP)});n.addInitCache(function(){});n.addInitNode(function(b,a,c){if(c)c.isHover=!1,c.editNameFlag=!1});n.addInitProxy(function(b){var a=b.target,c=n.getSetting(b.data.treeId),e=b.relatedTarget,k="",i=null,j="",f=null,p=null;if(g.eqs(b.type,"mouseover")){if(p=g.getMDom(c,a,[{tagName:"a",attrName:"treeNode"+d.id.A}]))k=g.getNodeMainDom(p).id,j="hoverOverNode"}else if(g.eqs(b.type,"mouseout"))p=g.getMDom(c,e,[{tagName:"a",attrName:"treeNode"+d.id.A}]),
+p||(k="remove",j="hoverOutNode");else if(g.eqs(b.type,"mousedown")&&(p=g.getMDom(c,a,[{tagName:"a",attrName:"treeNode"+d.id.A}])))k=g.getNodeMainDom(p).id,j="mousedownNode";if(k.length>0)switch(i=n.getNodeCache(c,k),j){case "mousedownNode":f=x.onMousedownNode;break;case "hoverOverNode":f=x.onHoverOverNode;break;case "hoverOutNode":f=x.onHoverOutNode}return{stop:!1,node:i,nodeEventType:j,nodeEventCallback:f,treeEventType:"",treeEventCallback:null}});n.addInitRoot(function(b){var b=n.getRoot(b),a=n.getRoots();
+b.curEditNode=null;b.curEditInput=null;b.curHoverNode=null;b.dragFlag=0;b.dragNodeShowBefore=[];b.dragMaskList=[];a.showHoverDom=!0});n.addZTreeTools(function(b,a){a.cancelEditName=function(a){n.getRoot(b).curEditNode&&e.cancelCurEditNode(b,a?a:null,!0)};a.copyNode=function(a,l,k,i){if(!l)return null;if(a&&!a.isParent&&b.data.keep.leaf&&k===d.move.TYPE_INNER)return null;var j=g.clone(l);if(!a)a=null,k=d.move.TYPE_INNER;k==d.move.TYPE_INNER?(l=function(){e.addNodes(b,a,[j],i)},g.canAsync(b,a)?e.asyncNode(b,
+a,i,l):l()):(e.addNodes(b,a.parentNode,[j],i),e.moveNode(b,a,j,k,!1,i));return j};a.editName=function(a){a&&a.tId&&a===n.getNodeCache(b,a.tId)&&(a.parentTId&&e.expandCollapseParentNode(b,a.getParentNode(),!0),e.editNode(b,a))};a.moveNode=function(a,l,k,i){function j(){e.moveNode(b,a,l,k,!1,i)}if(!l)return l;if(a&&!a.isParent&&b.data.keep.leaf&&k===d.move.TYPE_INNER)return null;else if(a&&(l.parentTId==a.tId&&k==d.move.TYPE_INNER||p(l,b).find("#"+a.tId).length>0))return null;else a||(a=null);g.canAsync(b,
+a)&&k===d.move.TYPE_INNER?e.asyncNode(b,a,i,j):j();return l};a.setEditable=function(a){b.edit.enable=a;return this.refresh()}});var N=e.cancelPreSelectedNode;e.cancelPreSelectedNode=function(b,a){for(var c=n.getRoot(b).curSelectedList,d=0,g=c.length;d<g;d++)if(!a||a===c[d])if(e.removeTreeDom(b,c[d]),a)break;N&&N.apply(e,arguments)};var O=e.createNodes;e.createNodes=function(b,a,c,d){O&&O.apply(e,arguments);c&&e.repairParentChkClassWithSelf&&e.repairParentChkClassWithSelf(b,d)};var V=e.makeNodeUrl;
+e.makeNodeUrl=function(b,a){return b.edit.enable?null:V.apply(e,arguments)};var L=e.removeNode;e.removeNode=function(b,a){var c=n.getRoot(b);if(c.curEditNode===a)c.curEditNode=null;L&&L.apply(e,arguments)};var P=e.selectNode;e.selectNode=function(b,a,c){var d=n.getRoot(b);if(n.isSelectedNode(b,a)&&d.curEditNode==a&&a.editNameFlag)return!1;P&&P.apply(e,arguments);e.addHoverDom(b,a);return!0};var Q=g.uCanDo;g.uCanDo=function(b,a){var c=n.getRoot(b);if(a&&(g.eqs(a.type,"mouseover")||g.eqs(a.type,"mouseout")||
+g.eqs(a.type,"mousedown")||g.eqs(a.type,"mouseup")))return!0;if(c.curEditNode)e.editNodeBlur=!1,c.curEditInput.focus();return!c.curEditNode&&(Q?Q.apply(e,arguments):!0)}})(jQuery);
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.exhide-3.5.js b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.exhide-3.5.js
new file mode 100644
index 00000000..a35655d2
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.exhide-3.5.js	
@@ -0,0 +1,363 @@
+/*
+ * JQuery zTree exHideNodes v3.5.15
+ * http://zTree.me/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2013-10-15
+ */
+(function($){
+	//default init node of exLib
+	var _initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {
+		if (typeof n.isHidden == "string") n.isHidden = tools.eqs(n.isHidden, "true");
+		n.isHidden = !!n.isHidden;
+		data.initHideForExCheck(setting, n);
+	},
+	//add dom for check
+	_beforeA = function(setting, node, html) {},
+	//update zTreeObj, add method of exLib
+	_zTreeTools = function(setting, zTreeTools) {
+		zTreeTools.showNodes = function(nodes, options) {
+			view.showNodes(setting, nodes, options);
+		}
+		zTreeTools.showNode = function(node, options) {
+			if (!node) {
+				return;
+			}
+			view.showNodes(setting, [node], options);
+		}
+		zTreeTools.hideNodes = function(nodes, options) {
+			view.hideNodes(setting, nodes, options);
+		}
+		zTreeTools.hideNode = function(node, options) {
+			if (!node) {
+				return;
+			}
+			view.hideNodes(setting, [node], options);
+		}
+
+		var _checkNode = zTreeTools.checkNode;
+		if (_checkNode) {
+			zTreeTools.checkNode = function(node, checked, checkTypeFlag, callbackFlag) {
+				if (!!node && !!node.isHidden) {
+					return;
+				}
+				_checkNode.apply(zTreeTools, arguments);
+			}
+		}
+	},
+	//method of operate data
+	_data = {
+		initHideForExCheck: function(setting, n) {
+			if (n.isHidden && setting.check && setting.check.enable) {
+				if(typeof n._nocheck == "undefined") {
+					n._nocheck = !!n.nocheck
+					n.nocheck = true;
+				}
+				n.check_Child_State = -1;
+				if (view.repairParentChkClassWithSelf) {
+					view.repairParentChkClassWithSelf(setting, n);
+				}
+			}
+		},
+		initShowForExCheck: function(setting, n) {
+			if (!n.isHidden && setting.check && setting.check.enable) {
+				if(typeof n._nocheck != "undefined") {
+					n.nocheck = n._nocheck;
+					delete n._nocheck;
+				}
+				if (view.setChkClass) {
+					var checkObj = $$(n, consts.id.CHECK, setting);
+					view.setChkClass(setting, checkObj, n);
+				}
+				if (view.repairParentChkClassWithSelf) {
+					view.repairParentChkClassWithSelf(setting, n);
+				}
+			}
+		}
+	},
+	//method of operate ztree dom
+	_view = {
+		clearOldFirstNode: function(setting, node) {
+			var n = node.getNextNode();
+			while(!!n){
+				if (n.isFirstNode) {
+					n.isFirstNode = false;
+					view.setNodeLineIcos(setting, n);
+					break;
+				}
+				if (n.isLastNode) {
+					break;
+				}
+				n = n.getNextNode();
+			}
+		},
+		clearOldLastNode: function(setting, node) {
+			var n = node.getPreNode();
+			while(!!n){
+				if (n.isLastNode) {
+					n.isLastNode = false;
+					view.setNodeLineIcos(setting, n);
+					break;
+				}
+				if (n.isFirstNode) {
+					break;
+				}
+				n = n.getPreNode();
+			}
+		},
+		makeDOMNodeMainBefore: function(html, setting, node) {
+			html.push("<li ", (node.isHidden ? "style='display:none;' " : ""), "id='", node.tId, "' class='", consts.className.LEVEL, node.level,"' tabindex='0' hidefocus='true' treenode>");
+		},
+		showNode: function(setting, node, options) {
+			node.isHidden = false;
+			data.initShowForExCheck(setting, node);
+			$$(node, setting).show();
+		},
+		showNodes: function(setting, nodes, options) {
+			if (!nodes || nodes.length == 0) {
+				return;
+			}
+			var pList = {}, i, j;
+			for (i=0, j=nodes.length; i<j; i++) {
+				var n = nodes[i];
+				if (!pList[n.parentTId]) {
+					var pn = n.getParentNode();
+					pList[n.parentTId] = (pn === null) ? data.getRoot(setting) : n.getParentNode();
+				}
+				view.showNode(setting, n, options);
+			}
+			for (var tId in pList) {
+				var children = pList[tId][setting.data.key.children];
+				view.setFirstNodeForShow(setting, children);
+				view.setLastNodeForShow(setting, children);
+			}
+		},
+		hideNode: function(setting, node, options) {
+			node.isHidden = true;
+			node.isFirstNode = false;
+			node.isLastNode = false;
+			data.initHideForExCheck(setting, node);
+			view.cancelPreSelectedNode(setting, node);
+			$$(node, setting).hide();
+		},
+		hideNodes: function(setting, nodes, options) {
+			if (!nodes || nodes.length == 0) {
+				return;
+			}
+			var pList = {}, i, j;
+			for (i=0, j=nodes.length; i<j; i++) {
+				var n = nodes[i];
+				if ((n.isFirstNode || n.isLastNode) && !pList[n.parentTId]) {
+					var pn = n.getParentNode();
+					pList[n.parentTId] = (pn === null) ? data.getRoot(setting) : n.getParentNode();
+				}
+				view.hideNode(setting, n, options);
+			}
+			for (var tId in pList) {
+				var children = pList[tId][setting.data.key.children];
+				view.setFirstNodeForHide(setting, children);
+				view.setLastNodeForHide(setting, children);
+			}
+		},
+		setFirstNode: function(setting, parentNode) {
+			var childKey = setting.data.key.children, childLength = parentNode[childKey].length;
+			if (childLength > 0 && !parentNode[childKey][0].isHidden) {
+				parentNode[childKey][0].isFirstNode = true;
+			} else if (childLength > 0) {
+				view.setFirstNodeForHide(setting, parentNode[childKey]);
+			}
+		},
+		setLastNode: function(setting, parentNode) {
+			var childKey = setting.data.key.children, childLength = parentNode[childKey].length;
+			if (childLength > 0 && !parentNode[childKey][0].isHidden) {
+				parentNode[childKey][childLength - 1].isLastNode = true;
+			} else if (childLength > 0) {
+				view.setLastNodeForHide(setting, parentNode[childKey]);
+			}
+		},
+		setFirstNodeForHide: function(setting, nodes) {
+			var n,i,j;
+			for (i=0, j=nodes.length; i<j; i++) {
+				n = nodes[i];
+				if (n.isFirstNode) {
+					break;
+				}
+				if (!n.isHidden && !n.isFirstNode) {
+					n.isFirstNode = true;
+					view.setNodeLineIcos(setting, n);
+					break;
+				} else {
+					n = null;
+				}
+			}
+			return n;
+		},
+		setFirstNodeForShow: function(setting, nodes) {
+			var n,i,j, first, old;
+			for(i=0, j=nodes.length; i<j; i++) {
+				n = nodes[i];
+				if (!first && !n.isHidden && n.isFirstNode) {
+					first = n;
+					break;
+				} else if (!first && !n.isHidden && !n.isFirstNode) {
+					n.isFirstNode = true;
+					first = n;
+					view.setNodeLineIcos(setting, n);
+				} else if (first && n.isFirstNode) {
+					n.isFirstNode = false;
+					old = n;
+					view.setNodeLineIcos(setting, n);
+					break;
+				} else {
+					n = null;
+				}
+			}
+			return {"new":first, "old":old};
+		},
+		setLastNodeForHide: function(setting, nodes) {
+			var n,i;
+			for (i=nodes.length-1; i>=0; i--) {
+				n = nodes[i];
+				if (n.isLastNode) {
+					break;
+				}
+				if (!n.isHidden && !n.isLastNode) {
+					n.isLastNode = true;
+					view.setNodeLineIcos(setting, n);
+					break;
+				} else {
+					n = null;
+				}
+			}
+			return n;
+		},
+		setLastNodeForShow: function(setting, nodes) {
+			var n,i,j, last, old;
+			for (i=nodes.length-1; i>=0; i--) {
+				n = nodes[i];
+				if (!last && !n.isHidden && n.isLastNode) {
+					last = n;
+					break;
+				} else if (!last && !n.isHidden && !n.isLastNode) {
+					n.isLastNode = true;
+					last = n;
+					view.setNodeLineIcos(setting, n);
+				} else if (last && n.isLastNode) {
+					n.isLastNode = false;
+					old = n;
+					view.setNodeLineIcos(setting, n);
+					break;
+				} else {
+					n = null;
+				}
+			}
+			return {"new":last, "old":old};
+		}
+	},
+
+	_z = {
+		view: _view,
+		data: _data
+	};
+	$.extend(true, $.fn.zTree._z, _z);
+
+	var zt = $.fn.zTree,
+	tools = zt._z.tools,
+	consts = zt.consts,
+	view = zt._z.view,
+	data = zt._z.data,
+	event = zt._z.event,
+	$$ = tools.$;
+
+	data.addInitNode(_initNode);
+	data.addBeforeA(_beforeA);
+	data.addZTreeTools(_zTreeTools);
+
+//	Override method in core
+	var _dInitNode = data.initNode;
+	data.initNode = function(setting, level, node, parentNode, isFirstNode, isLastNode, openFlag) {
+		var tmpPNode = (parentNode) ? parentNode: data.getRoot(setting),
+			children = tmpPNode[setting.data.key.children];
+		data.tmpHideFirstNode = view.setFirstNodeForHide(setting, children);
+		data.tmpHideLastNode = view.setLastNodeForHide(setting, children);
+		view.setNodeLineIcos(setting, data.tmpHideFirstNode);
+		view.setNodeLineIcos(setting, data.tmpHideLastNode);
+		isFirstNode = (data.tmpHideFirstNode === node);
+		isLastNode = (data.tmpHideLastNode === node);
+		if (_dInitNode) _dInitNode.apply(data, arguments);
+		if (isLastNode) {
+			view.clearOldLastNode(setting, node);
+		}
+	};
+
+	var _makeChkFlag = data.makeChkFlag;
+	if (!!_makeChkFlag) {
+		data.makeChkFlag = function(setting, node) {
+			if (!!node && !!node.isHidden) {
+				return;
+			}
+			_makeChkFlag.apply(data, arguments);
+		}
+	}
+
+	var _getTreeCheckedNodes = data.getTreeCheckedNodes;
+	if (!!_getTreeCheckedNodes) {
+		data.getTreeCheckedNodes = function(setting, nodes, checked, results) {
+			if (!!nodes && nodes.length > 0) {
+				var p = nodes[0].getParentNode();
+				if (!!p && !!p.isHidden) {
+					return [];
+				}
+			}
+			return _getTreeCheckedNodes.apply(data, arguments);
+		}
+	}
+
+	var _getTreeChangeCheckedNodes = data.getTreeChangeCheckedNodes;
+	if (!!_getTreeChangeCheckedNodes) {
+		data.getTreeChangeCheckedNodes = function(setting, nodes, results) {
+			if (!!nodes && nodes.length > 0) {
+				var p = nodes[0].getParentNode();
+				if (!!p && !!p.isHidden) {
+					return [];
+				}
+			}
+			return _getTreeChangeCheckedNodes.apply(data, arguments);
+		}
+	}
+
+	var _expandCollapseSonNode = view.expandCollapseSonNode;
+	if (!!_expandCollapseSonNode) {
+		view.expandCollapseSonNode = function(setting, node, expandFlag, animateFlag, callback) {
+			if (!!node && !!node.isHidden) {
+				return;
+			}
+			_expandCollapseSonNode.apply(view, arguments);
+		}
+	}
+
+	var _setSonNodeCheckBox = view.setSonNodeCheckBox;
+	if (!!_setSonNodeCheckBox) {
+		view.setSonNodeCheckBox = function(setting, node, value, srcNode) {
+			if (!!node && !!node.isHidden) {
+				return;
+			}
+			_setSonNodeCheckBox.apply(view, arguments);
+		}
+	}
+
+	var _repairParentChkClassWithSelf = view.repairParentChkClassWithSelf;
+	if (!!_repairParentChkClassWithSelf) {
+		view.repairParentChkClassWithSelf = function(setting, node) {
+			if (!!node && !!node.isHidden) {
+				return;
+			}
+			_repairParentChkClassWithSelf.apply(view, arguments);
+		}
+	}
+})(jQuery);
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.exhide-3.5.min.js b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.exhide-3.5.min.js
new file mode 100644
index 00000000..06c41b05
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/js/jquery.ztree.exhide-3.5.min.js	
@@ -0,0 +1,22 @@
+/*
+ * JQuery zTree exHideNodes v3.5.15
+ * http://zTree.me/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2013-10-15
+ */
+(function(i){i.extend(!0,i.fn.zTree._z,{view:{clearOldFirstNode:function(c,a){for(var b=a.getNextNode();b;){if(b.isFirstNode){b.isFirstNode=!1;d.setNodeLineIcos(c,b);break}if(b.isLastNode)break;b=b.getNextNode()}},clearOldLastNode:function(c,a){for(var b=a.getPreNode();b;){if(b.isLastNode){b.isLastNode=!1;d.setNodeLineIcos(c,b);break}if(b.isFirstNode)break;b=b.getPreNode()}},makeDOMNodeMainBefore:function(c,a,b){c.push("<li ",b.isHidden?"style='display:none;' ":"","id='",b.tId,"' class='",l.className.LEVEL,
+b.level,"' tabindex='0' hidefocus='true' treenode>")},showNode:function(c,a){a.isHidden=!1;f.initShowForExCheck(c,a);j(a,c).show()},showNodes:function(c,a,b){if(a&&a.length!=0){var e={},g,k;for(g=0,k=a.length;g<k;g++){var h=a[g];if(!e[h.parentTId]){var i=h.getParentNode();e[h.parentTId]=i===null?f.getRoot(c):h.getParentNode()}d.showNode(c,h,b)}for(var j in e)a=e[j][c.data.key.children],d.setFirstNodeForShow(c,a),d.setLastNodeForShow(c,a)}},hideNode:function(c,a){a.isHidden=!0;a.isFirstNode=!1;a.isLastNode=
+!1;f.initHideForExCheck(c,a);d.cancelPreSelectedNode(c,a);j(a,c).hide()},hideNodes:function(c,a,b){if(a&&a.length!=0){var e={},g,k;for(g=0,k=a.length;g<k;g++){var h=a[g];if((h.isFirstNode||h.isLastNode)&&!e[h.parentTId]){var i=h.getParentNode();e[h.parentTId]=i===null?f.getRoot(c):h.getParentNode()}d.hideNode(c,h,b)}for(var j in e)a=e[j][c.data.key.children],d.setFirstNodeForHide(c,a),d.setLastNodeForHide(c,a)}},setFirstNode:function(c,a){var b=c.data.key.children,e=a[b].length;e>0&&!a[b][0].isHidden?
+a[b][0].isFirstNode=!0:e>0&&d.setFirstNodeForHide(c,a[b])},setLastNode:function(c,a){var b=c.data.key.children,e=a[b].length;e>0&&!a[b][0].isHidden?a[b][e-1].isLastNode=!0:e>0&&d.setLastNodeForHide(c,a[b])},setFirstNodeForHide:function(c,a){var b,e,g;for(e=0,g=a.length;e<g;e++){b=a[e];if(b.isFirstNode)break;if(!b.isHidden&&!b.isFirstNode){b.isFirstNode=!0;d.setNodeLineIcos(c,b);break}else b=null}return b},setFirstNodeForShow:function(c,a){var b,e,g,f,h;for(e=0,g=a.length;e<g;e++)if(b=a[e],!f&&!b.isHidden&&
+b.isFirstNode){f=b;break}else if(!f&&!b.isHidden&&!b.isFirstNode)b.isFirstNode=!0,f=b,d.setNodeLineIcos(c,b);else if(f&&b.isFirstNode){b.isFirstNode=!1;h=b;d.setNodeLineIcos(c,b);break}return{"new":f,old:h}},setLastNodeForHide:function(c,a){var b,e;for(e=a.length-1;e>=0;e--){b=a[e];if(b.isLastNode)break;if(!b.isHidden&&!b.isLastNode){b.isLastNode=!0;d.setNodeLineIcos(c,b);break}else b=null}return b},setLastNodeForShow:function(c,a){var b,e,g,f;for(e=a.length-1;e>=0;e--)if(b=a[e],!g&&!b.isHidden&&
+b.isLastNode){g=b;break}else if(!g&&!b.isHidden&&!b.isLastNode)b.isLastNode=!0,g=b,d.setNodeLineIcos(c,b);else if(g&&b.isLastNode){b.isLastNode=!1;f=b;d.setNodeLineIcos(c,b);break}return{"new":g,old:f}}},data:{initHideForExCheck:function(c,a){if(a.isHidden&&c.check&&c.check.enable){if(typeof a._nocheck=="undefined")a._nocheck=!!a.nocheck,a.nocheck=!0;a.check_Child_State=-1;d.repairParentChkClassWithSelf&&d.repairParentChkClassWithSelf(c,a)}},initShowForExCheck:function(c,a){if(!a.isHidden&&c.check&&
+c.check.enable){if(typeof a._nocheck!="undefined")a.nocheck=a._nocheck,delete a._nocheck;if(d.setChkClass){var b=j(a,l.id.CHECK,c);d.setChkClass(c,b,a)}d.repairParentChkClassWithSelf&&d.repairParentChkClassWithSelf(c,a)}}}});var i=i.fn.zTree,m=i._z.tools,l=i.consts,d=i._z.view,f=i._z.data,j=m.$;f.addInitNode(function(c,a,b){if(typeof b.isHidden=="string")b.isHidden=m.eqs(b.isHidden,"true");b.isHidden=!!b.isHidden;f.initHideForExCheck(c,b)});f.addBeforeA(function(){});f.addZTreeTools(function(c,a){a.showNodes=
+function(a,b){d.showNodes(c,a,b)};a.showNode=function(a,b){a&&d.showNodes(c,[a],b)};a.hideNodes=function(a,b){d.hideNodes(c,a,b)};a.hideNode=function(a,b){a&&d.hideNodes(c,[a],b)};var b=a.checkNode;if(b)a.checkNode=function(c,d,f,h){(!c||!c.isHidden)&&b.apply(a,arguments)}});var n=f.initNode;f.initNode=function(c,a,b,e,g,i,h){var j=(e?e:f.getRoot(c))[c.data.key.children];f.tmpHideFirstNode=d.setFirstNodeForHide(c,j);f.tmpHideLastNode=d.setLastNodeForHide(c,j);d.setNodeLineIcos(c,f.tmpHideFirstNode);
+d.setNodeLineIcos(c,f.tmpHideLastNode);g=f.tmpHideFirstNode===b;i=f.tmpHideLastNode===b;n&&n.apply(f,arguments);i&&d.clearOldLastNode(c,b)};var o=f.makeChkFlag;if(o)f.makeChkFlag=function(c,a){(!a||!a.isHidden)&&o.apply(f,arguments)};var p=f.getTreeCheckedNodes;if(p)f.getTreeCheckedNodes=function(c,a,b,e){if(a&&a.length>0){var d=a[0].getParentNode();if(d&&d.isHidden)return[]}return p.apply(f,arguments)};var q=f.getTreeChangeCheckedNodes;if(q)f.getTreeChangeCheckedNodes=function(c,a,b){if(a&&a.length>
+0){var d=a[0].getParentNode();if(d&&d.isHidden)return[]}return q.apply(f,arguments)};var r=d.expandCollapseSonNode;if(r)d.expandCollapseSonNode=function(c,a,b,e,f){(!a||!a.isHidden)&&r.apply(d,arguments)};var s=d.setSonNodeCheckBox;if(s)d.setSonNodeCheckBox=function(c,a,b,e){(!a||!a.isHidden)&&s.apply(d,arguments)};var t=d.repairParentChkClassWithSelf;if(t)d.repairParentChkClassWithSelf=function(c,a){(!a||!a.isHidden)&&t.apply(d,arguments)}})(jQuery);
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/log v3.x.txt b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/log v3.x.txt
new file mode 100644
index 00000000..55cf8e89
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/JQuery zTree v3.5.15/log v3.x.txt	
@@ -0,0 +1,199 @@
+=ZTree v3.x (JQuery Tree插件) 更新日志=
+
+<font color="red">为了更好的优化及扩展zTree, 因此决定升级为v3.x，并且对之前的v2.x不兼容，会有很多结构上的修改，对此深感无奈与抱歉，请大家谅解。</font>
+<font color="red">
+
+具体修改内容可参考：
+
+   * [http://www.ztree.me/v3/api.php zTree v3.0 API 文档]
+
+   * [http://www.ztree.me/v3/demo.php#_101 zTree v3.0 Demo 演示]
+
+   * [http://www.ztree.me/v3/faq.php#_101 zTree v3.0 常见问题]
+
+</font>
+
+<font color=#041594>
+
+*2013.10.19* v3.5.15
+   * 【增加】setting.view.txtSelectedEnable 属性，满足部分项目中客户对于可以选择节点文本信息的强烈欲望。
+
+   * 【修改】 exhide 扩展包导致操作子节点后 isLastNode 属性异常 的bug
+   * 【修改】 使用 cancelEditName 方法时，beforeRename & onRename 的 isCancel 始终为 false 的bug
+   * 【修改】 编辑状态， beforeRename 回调 return false 时，提示信息导致 input 失去焦点后， 当树再次得到焦点时，让 input 自动获取焦点
+   * 【修改】 判断拖拽到节点的 <a> 标签中自定义的无 id 组件判断错误的bug
+   * 【修改】 async_edit.html demo 中 添加按钮 显示的 bug
+   * 【修改】 当没有开启异步加载模式下，对于没有子节点的父节点，即使设置 open=true 在初始化时也不会设置为展开状态的bug （对于异步加载模式下依然会强行设置为折叠状态）
+
+*2013.06.28* v3.5.14
+   * 【修改】 拖拽节点时 iframe 遮罩异常的bug
+   * 【修改】 清空子节点后重新添加子节点无法显示的bug
+
+*2013.06.02* v3.5.13
+
+   * 【增加】beforeRename & onRename 增加 isCancel 参数，可以监控用户 ESC 取消编辑的事件
+
+   * 【修改】初始化时 radioType="all", 父节点未展开 且 子节点有被勾选，点击其他 radio 时，不会取消勾选该子节点的bug
+   * 【修改】多棵树拖拽时，拖拽无效后会导致目标书已选择的节点清空的 bug。
+   * 【修改】多棵树拖拽时，会触发 addHoverDom 的bug。
+   * 【修改】多棵树拖拽时，由于 beforeDrog 或 prev / inner / next 返回 false 后未触发原始节点的 addHoverDom 的bug
+   * 【修改】异步加载时，对于未加载子节点的父节点使用 expandNode 方法时， sonSign 设置为 true后，导致异步加载的节点无法正常显示的bug
+   * 【修改】一次性加载全部数据，如果父节点 A 未展开，但下一级的父节点 A1 设置了 open=true 的时候，使用 expandAll 方法导致 A1 的下一级父节点出现重复的 bug
+   * 【修改】增加对 iframe 的支持，可以只在主页面加载 zTree 的 js，在 iframe 内创建树 [https://github.com/zTree/zTree_v3/issues/7 Issue Info]
+   * 【修改】引入 exhide 扩展包 导致页面上同时加载多棵树时，根节点 的 连接线图标出现异常 的 bug [http://tieba.baidu.com/p/2277416574]
+   * 【修改】excheck & exedit 扩展包中事件代理获取节点 tId 的方法，保证适当修改 DOM 结构也能得到 tId
+
+*2013.03.11* v3.5.12
+   * 【修改】由于 jquery 1.9 中移除 event.srcElement 导致的 js 报错的bug。
+   * 【修改】在异步加载模式下，使用 moveNode 方法，且 moveType != "inner" 时，也会导致 targetNode 自动加载子节点的 bug
+   * 【修改】对已经显示的节点(nochecked=true)使用 showNodes 或 showNode 方法后，导致勾选框出现的bug。
+   * 【修改】对已经隐藏的节点(nochecked=false)使用 hideNodes 或 hideNode 方法后，导致勾选框消失的bug。
+   * 【修改】getNodesByParamFuzzy 支持 大小写模糊。
+   * 【修改】className 结构，提取 _consts.className.BUTTON / LEVEL / ICO_LOADING / SWITCH，便于快速修改 css 冲突。
+     例如：与 WordPress 产生冲突后，直接修改 core 中的 "button" 和 "level" 即可。  Issue: https://github.com/zTree/zTree_v3/issues/2
+
+*2013.01.28* v3.5.02
+   * 【增加】setting.check.chkDisabledInherit 属性，用于设置 chkDisabled 在初始化时子节点是否可以继承父节点的 chkDisabled 属性
+   * 【删除】内部 noSel 方法，使用 selectstart事件 和 "-moz-user-select"样式 处理禁止 节点文字被选择的功能
+   * 【修改】不兼容 jQuery 1.9 的bug
+   * 【修改】onDrop 的触发规则，保证异步加载模式下，可以在延迟加载结束后触发，避免 onDrop 中被拖拽的节点是已经更新后的数据。
+   * 【修改】setChkDisabled 方法，增加 inheritParent, inheritChildren 参数设置是否让父子节点继承 disabled
+   * 【修改】异步加载时 拼接参数的方法，由 string 修改为 json 对象
+   * 【修正】1-2-3 3级节点时，如果 2级节点 全部设置为 nocheck 或 chkDisabled后，勾选3级节点时，1级节点的半勾选状态错误的 bug
+   * 【修改】Demo: checkbox_nocheck.html & checkbox_chkDisabled.html;
+   * 【修改】Demo: edit_super.html，增加 showRenameBtn & showRemoveBtn 的演示
+   * 【修改】Demo: asyncForAll, 将 post 修改为 get；为了避免由于 IE10 的 bug 造成的客户端 以及 服务端崩溃
+      IE10 ajax Post 无法提交参数的bug (http://bugs.jquery.com/ticket/12790)
+
+*2012.12.21* v3.5.01
+   * 【优化】clone 方法
+   * 【修正】对于初始化无 children 属性的父节点进行 reAsyncChildNodes 操作时出错的 bug
+   * 【修正】beforeRename 回调中使用 cancelEditName 方法后，再 return false 导致无法重新进行编辑的 bug
+   * 【修正】exedit 扩展包让 setting.data.key.url 失效的 bug
+   * 【修正】setting.check.autoCheckTrigger 设置为 true 时，onCheck 回调缺少 event 参数的 bug
+   * 【修正】singlepath.html Demo 中的 bug
+
+*2012.11.20* v3.5
+   * 【优化】原先的 clone 方法 （特别感谢：愚人码头）
+   * 【修改】隐藏父节点后，使用 expandAll 方法导致 父节点展开的 bug
+   * 【修改】使用 jQuery v1.7 以上时，设置 zTree 容器 ul 隐藏（visibility: hidden;）后， 调用 selectNode 导致 IE 浏览器报错 Can't move focus 的 bug
+   * 【修改】正在异步加载时，执行 destory 或 init 方法后，异步加载的节点影响新树的 bug
+   * 【修改】方法 reAsyncChildNodes 在 refresh 的时候未清空内部 cache 导致内存泄露 的 bug
+   * 【修改】批量节点拖拽到其他父节点内（inner）时，导致顺序反转 的 bug
+   * 【修改】对于 使用 html格式的 节点无法触发 双击事件 的 bug
+   * 【修改】onCheck 回调中的 event ，保证与触发事件中的 event 一致
+   * 【修改】异步加载时，在 onNodeCreated 中执行 selectNode 后，导致节点折叠的 bug
+   * 【修改】API 中 dataFilter 的参数名称 childNodes ->  responseData
+   * 【修改】API 中 iconSkin 的 举例内容
+   * 【修改】API 中 chkDisabled 的说明
+   * 【修改】Demo 中 index.html 内的 loadReady 重复绑定问题
+
+*2012.09.03* v3.4
+   * 【增加】 Demo —— OutLook 样式的左侧菜单
+   * 【增加】清空 zTree 的方法 $.fn.zTree.destory(treeId) & zTree.destory()
+
+   * 【修改】core核心文件内 _eventProxy 方法中获取 tId 的方法，提高 DOM 的灵活性
+   * 【修改】初始化时 多层父节点的 checkbox 半选状态计算错误的 bug
+   * 【修改】同时选中父、子节点后，利用 getSelectedNodes 获取选中节点并利用 removeNode 删除时报错的 bug
+   * 【修改】treeNode.chkDisabled / nocheck 属性，支持字符串格式的 "false"/"true"
+   * 【修改】异步加载模式下无法利用 server 返回 xml 并且 在 dataFilter 中继续处理的 bug
+   * 【修改】title 只允许设置为 string 类型值的问题。 修正后允许设置为 number 类型的值
+   * 【修改】zId 计数规则 & Cache 保存，减少 IE9 的 bug 造成的内存泄漏
+   * 【修改】API 页面搜索功能导致 IE 崩溃的 bug
+
+*2012.07.16* v3.3
+   * 【增加】扩展库 exhide -- 节点隐藏功能
+
+   * 【修改】getNodesByFilter 方法，添加 invokeParam 自定义参数
+   * 【修改】拖拽中测试代码未删除，导致出现黄颜色的 iframe 遮罩层的 bug
+   * 【修改】延迟加载方法 对于使用 expandAll 进行全部展开时，导致 onNodeCreated 回调 和 addDiyDom 方法触发过早的 bug
+   * 【修改】使用 moveNode 移动尚未生成 DOM 的节点时，视图会出现异常的 bug
+   * 【修改】删除节点后，相关节点的 isFirstNode 属性未重置的 bug
+   * 【修改】getPreNode(),getNextNode() 方法在对于特殊情况时计算错误的 bug
+   * 【修改】设置 title 之后，如果重新将 title 内容设置为空后，会导致无法更新 title 的 bug
+   * 【修改】针对 setting.check.chkStyle=="radio" && setting.check.radioType=="all" 的情况时，getTreeCheckedNodes方法优化，找到一个结果就 break
+   * 【修改】zTreeObj.getCheckedNodes(false) 在 radioType = "all" 时计算错误的 bug
+   * 【修改】完善 API 中 beforeDrop / onDrop 的关于 treeId 的说明
+
+*2012.05.13* v3.2
+   * 【增加】setting.data.key.url 允许修改 treeNode.url 属性
+   * 【增加】getNodesByFilter(filter, isSingle) 方法
+   * 【增加】"与其他 DOM 拖拽互动" 的 Demo (http://www.ztree.me/v3/demo.php#_511)
+   * 【增加】"异步加载模式下全部展开" 的 Demo (http://www.ztree.me/v3/demo.php#_512)
+
+   * 【修改】代码结构，将 addNodes、removeNode、removeChildNodes 方法 和 beforeRemove、onRemove 回调 转移到 core 内
+   * 【修改】IE7的环境下无子节点的父节点反复展开出现多余空行的 bug
+   * 【修改】异步加载时，如果出现网络异常等，会导致 图标显示错误的 bug
+   * 【修改】dataFilter中 return null 导致异常 的 bug
+   * 【修改】removeChildNodes 方法清空子节点后，无法正常添加节点的 bug
+   * 【修改】moveNode 后节点中的自定义元素的事件丢失的 bug
+   * 【修改】moveNode 方法中设置 isSilent = true 时，如果移动到已展开的 父节点后，出现异常的 bug
+   * 【修改】onClick/onDrag/onDrop 回调中 event 不是原始 event 的 bug
+   * 【修改】onDrop 回调中 当拖拽无效时，无法获得 treeNodes 的 bug
+   * 【修改】onDrop 无法判断拖拽是 移动还是复制的问题
+   * 【修改】未开启异步加载模式时，拖拽节点到子节点为空的父节点内时 出现异常 的 bug
+   * 【修改】拖拽过程中，反复在 父节点图标上划动时，会出现停顿的 bug
+            (需要css 结构—— button -> span.button)
+
+   * 【修改】拖拽操作时箭头 与 targetNode 背景之间的细节现实问题，便于用户拖拽时更容易区分 prev、next 和 inner 操作
+   * 【修改】拖拽操作时IE6/7 下 在 节点<a> 右侧 10px 内会导致 targetNode = root 的 bug
+   * 【修改】编辑模式下 默认的编辑按钮、删除按钮点击后，如果相应的 before 回调 return false 时会触发 onClick 回调的 bug
+
+*2012.02.14* v3.1
+   * 【增加】ajax 的参数 setting.async.contentType ，让提交参数适用于 json 数据提交 （主要适用于 .Net 的开发）。
+   * 【增加】setting.edit.editNameSelectAll, 用于设定编辑节点名称时初次显示 input 后 text 内容为全选
+   * 【修改】异步加载 规则，不再仅仅依靠父节点的子节点数来判定，增加内部属性 zAsync，保证默认状态下父节点及时无子节点也只能异步加载一次，除非使用 reAsyncChildNodes 方法强行控制异步加载。
+   * 【修改】放大浏览器后导致 界面出现多余连接线的bug （需要更新：icon 图标和 css ）
+   * 【修改】在编辑状态，如果节点名超过编辑框宽度，左右键在框内不起作用的bug（IE 6 7 8 出现）
+      CSS 中 filter:alpha(opacity=80) 造成的，应该是 ie 的 bug，需要更新 css 文件
+   * 【修改】title 设置后，如果属性不存在，则默认为 title 为空，便于数据容错和用户灵活使用
+   * 【修改】editName 方法如果针对尚未展开的 父节点，会导致该父节点自动展开的 bug
+   * 【修改】title 中存在标签时导致 title 显示异常的bug（例如：蓝色字22%"'`<input/>`）
+
+*2012.01.10* v3.0
+   * 【增加】setting.check.autoCheckTrigger 默认值 false，可以设置联动选中时是否触发事件回调函数
+   * 【增加】setting.callback.beforeEditName 回调函数，以保证用户可以捕获点击编辑按钮的事件
+   * 【增加】treeNode.chkDisabled 属性，显示 checkbox 但是用户无法修改 checkbox 状态，并且该 checkbox 会影响父节点的 checkbox 的半选状态
+   * 【增加】setting.check.nocheckInherit 属性，用户设置子节点继承 nocheck 属性，用于批量初始化节点，不适用于已经显示的节点
+   * 【增加】setting.edit.drag.autoExpandTrigger 默认值 false，可以设置自动展开、折叠操作时是否触发事件回调函数
+   * 【增加】setting.view.nameIsHTML 默认值 false，允许用户对 name 设置 DOM 对象
+   * 【增加】treeNode.click 属性的说明文档
+   * 【增加】treeObj.setChkDisabled 方法用于设置 checkbox / radio disabled 状态
+   * 【增加】treeNode.halfCheck 属性，用于强制设定节点的半选状态
+
+   * 【修改】异步加载 & 编辑功能 共存时，拖拽节点 或 增加节点 导致 ie 上报错的 bug （apply 方法引起）
+   * 【修改】zTreeStyle 样式冲突
+   * 【修改】setting.data.key.title 默认值设置为 ""，初始化时自动赋值为 setting.data.key.name 这样可避免希望 title 与 name 一致的用户反复设置参数
+   * 【修改】点击叶子节点的连接线会触发 expand 事件的 bug
+   * 【修改】IE 下 点击叶子节点连线会出现虚线框的 bug
+   * 【修改】updateNode 导致 checkbox 半选状态错误的 bug
+   * 【修改】checkNode 方法实现 toggle 操作, 取消 expandAll 方法的 toggle 操作
+   * 【修改】zTree 内鼠标移动会抢页面上 input 内的焦点的 bug
+   * 【修改】beforeRename / onRename 的触发方式——即使名称内容未改变也会触发，便于用户配合 beforeEditName 捕获编辑状态的结束，赋予用户更多调整规则的权利
+   * 【修改】与 easyUI 共存时无法拖拽的bug
+   * 【修改】beforeRename 在 Firefox 下如果利用 alert，会触发两次的 bug
+   * 【修改】checkNode/expandNode/removeNode 方法，默认不触发回调函数，恢复 v2.6 的默认状态，同时增加 callbackFlag 参数，设置为 true 时，可以触发回调函数
+   * 【修改】IE9下“根据参数查找节点”的Demo 报错：行14 重新声明常量属性(Demo 自身的问题，定义了history变量)
+   * 【修改】初始化 zTree 时 onNodeCreated 事件回调函数中无法 用 getZTreeObj 获取 zTree 对象的 bug
+   * 【修改】setting.edit.drag.prev / next / inner 参数，增加被拖拽的节点集合
+   * 【修改】异步加载模式下，otherParam 使用Array数组会出错的 bug。例如： ["id", "1", "name", "test"]
+   * 【修改】FireFox 下多棵树拖拽异常的 bug
+   * 【修改】exedit 中调用 excheck库的方法时没有进行容错处理，导致如果只加入 exedit 而没有 excheck的时候，会出现 js 错误
+   * 【修改】显示 checkbox 的 zTree 在编辑模式下，移动节点不会更新父节点半选状态的 bug
+   * 【修改】treeNode.childs --> children; treeObject.removeChilds --> removeChildNodes; setting.data.key.childs --> children（英文不好惹的祸！抱歉了！）
+   * 【修改】onRemove 回调中得到的 treeNode 还可以查找 preNode、nextNode 的bug。 修正后，getPreNode 和 getNextNode 都返回 null； 为了便于查找父节点，getParentNode 仍保留
+   * 【修改】简单数据模式下，如果 id 与 pId 的值相同会导致该节点无法正常加载的 bug
+   * 【修改】移动或删除中间节点会导致最后一个节点连接线图标变小的 bug
+
+*2011.09.05* v3.0 beta
+   * 【修改】zTree 的 js 代码架构全面修改，并且拆分
+   * 【修改】zTree 的 css 样式全面修改，对浏览器可以更好地兼容，同时解决了以前1个像素差的问题
+   * 【优化】采用延迟加载技术，一次性加载大数据量的节点性能飞速提升
+   * 【增加】支持多节点同时选中、拖拽
+   * 【增加】checkNode、checkAllNodes 等多种方法
+   * 【增加】IE6 自动取消动画展开、折叠的功能
+   * 【修正】异步加载 & 编辑模式 能够更完美的共存
+   * 【修正】setting 配置更加合理，并且增加了若干项配置参数
+   * 【修正】treeNode 节点数据的属性更加合理，并且增加了一些方法
+   * 【修正】拖拽操作更加灵活方便，更容易制定自己的规则
+   * 【修正】其他若干修改，详细对比请参考 url：[http://www.ztree.me/v3/faq.php#_101 zTree v3.0 常见问题]
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/css/css.css b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/css/css.css
new file mode 100644
index 00000000..aa9da8e9
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/css/css.css
@@ -0,0 +1,27 @@
+.table {
+    width:80%;
+    font:14px;
+    color:#333333;
+    text-align:center;
+    border-collapse:collapse;
+}
+.table td,.table th{
+    border:1px solid #333333;
+    padding: 10px;
+}
+
+.message {
+    background: #eee;
+    border: 1px solid #eee;
+    margin: 10px 0;
+    padding: 10px;
+}
+
+.form-group {
+    margin: 10px 0;
+}
+
+.form-group label {
+    width: 130px;
+    float: left;
+}
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/css/layout-default-latest.css b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/css/layout-default-latest.css
new file mode 100644
index 00000000..aa382de3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/css/layout-default-latest.css
@@ -0,0 +1,224 @@
+/*
+ * Default Layout Theme
+ *
+ * Created for jquery.layout 
+ *
+ * Copyright (c) 2010 
+ *   Fabrizio Balliano (http://www.fabrizioballiano.net)
+ *   Kevin Dalman (http://allpro.net)
+ *
+ * Dual licensed under the GPL (http://www.gnu.org/licenses/gpl.html)
+ * and MIT (http://www.opensource.org/licenses/mit-license.php) licenses.
+ *
+ * Last Updated: 2010-02-10
+ * NOTE: For best code readability, view this with a fixed-space font and tabs equal to 4-chars
+ */
+
+/*
+ *	DEFAULT FONT
+ *	Just to make demo-pages look better - not actually relevant to Layout!
+ */
+body {
+	font-family: Geneva, Arial, Helvetica, sans-serif;
+	font-size:   100%;
+	*font-size:  80%;
+}
+
+/*
+ *	PANES & CONTENT-DIVs
+ */
+.ui-layout-pane { /* all 'panes' */
+	background:	#FFF; 
+	border:		1px solid #BBB;
+	padding:	10px; 
+	overflow:	auto;
+	/* DO NOT add scrolling (or padding) to 'panes' that have a content-div,
+	   otherwise you may get double-scrollbars - on the pane AND on the content-div
+	   - use ui-layout-wrapper class if pane has a content-div
+	   - use ui-layout-container if pane has an inner-layout
+	*/
+	}
+	/* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s) */
+	.ui-layout-content {
+		padding:	10px;
+		position:	relative; /* contain floated or positioned elements */
+		overflow:	auto; /* add scrolling to content-div */
+	}
+
+/*
+ *	UTILITY CLASSES
+ *	Must come AFTER pane-class above so will override
+ *	These classes are NOT auto-generated and are NOT used by Layout
+ */
+.layout-child-container,
+.layout-content-container {
+	padding:	0;
+	overflow:	hidden;
+}
+.layout-child-container {
+	border:		0; /* remove border because inner-layout-panes probably have borders */
+}
+.layout-scroll {
+	overflow:	auto;
+}
+.layout-hide {
+	display:	none;
+}
+
+/*
+ *	RESIZER-BARS
+ */
+.ui-layout-resizer	{ /* all 'resizer-bars' */
+	background:		#DDD;
+	border:			1px solid #BBB;
+	border-width:	0;
+	}
+	.ui-layout-resizer-drag {		/* REAL resizer while resize in progress */
+	}
+	.ui-layout-resizer-hover	{	/* affects both open and closed states */
+	}
+	/* NOTE: It looks best when 'hover' and 'dragging' are set to the same color,
+		otherwise color shifts while dragging when bar can't keep up with mouse */
+	.ui-layout-resizer-open-hover ,	/* hover-color to 'resize' */
+	.ui-layout-resizer-dragging {	/* resizer beging 'dragging' */
+		background: #C4E1A4;
+	}
+	.ui-layout-resizer-dragging {	/* CLONED resizer being dragged */
+		border: 	 1px solid #BBB;
+	}
+	.ui-layout-resizer-north-dragging,
+	.ui-layout-resizer-south-dragging {
+		border-width:	1px 0;
+	}
+	.ui-layout-resizer-west-dragging,
+	.ui-layout-resizer-east-dragging {
+		border-width:	0 1px;
+	}
+	/* NOTE: Add a 'dragging-limit' color to provide visual feedback when resizer hits min/max size limits */
+	.ui-layout-resizer-dragging-limit {	/* CLONED resizer at min or max size-limit */
+		background: #E1A4A4; /* red */
+	}
+
+	.ui-layout-resizer-closed-hover	{ /* hover-color to 'slide open' */
+		background: #EBD5AA;
+	}
+	.ui-layout-resizer-sliding {	/* resizer when pane is 'slid open' */
+		opacity: .10; /* show only a slight shadow */
+		filter:  alpha(opacity=10);
+		}
+		.ui-layout-resizer-sliding-hover {	/* sliding resizer - hover */
+			opacity: 1.00; /* on-hover, show the resizer-bar normally */
+			filter:  alpha(opacity=100);
+		}
+		/* sliding resizer - add 'outside-border' to resizer on-hover 
+		 * this sample illustrates how to target specific panes and states */
+		.ui-layout-resizer-north-sliding-hover	{ border-bottom-width:	1px; }
+		.ui-layout-resizer-south-sliding-hover	{ border-top-width:		1px; }
+		.ui-layout-resizer-west-sliding-hover	{ border-right-width:	1px; }
+		.ui-layout-resizer-east-sliding-hover	{ border-left-width:	1px; }
+
+/*
+ *	TOGGLER-BUTTONS
+ */
+.ui-layout-toggler {
+	border: 1px solid #BBB; /* match pane-border */
+	background-color: #BBB;
+	}
+	.ui-layout-resizer-hover .ui-layout-toggler {
+		opacity: .60;
+		filter:  alpha(opacity=60);
+	}
+	.ui-layout-toggler-hover , /* need when NOT resizable */
+	.ui-layout-resizer-hover .ui-layout-toggler-hover { /* need specificity when IS resizable */
+		background-color: #FC6;
+		opacity: 1.00;
+		filter:  alpha(opacity=100);
+	}
+	.ui-layout-toggler-north ,
+	.ui-layout-toggler-south {
+		border-width: 0 1px; /* left/right borders */
+	}
+	.ui-layout-toggler-west ,
+	.ui-layout-toggler-east {
+		border-width: 1px 0; /* top/bottom borders */
+	}
+	/* hide the toggler-button when the pane is 'slid open' */
+	.ui-layout-resizer-sliding  .ui-layout-toggler {
+		display: none;
+	}
+	/*
+	 *	style the text we put INSIDE the togglers
+	 */
+	.ui-layout-toggler .content {
+		color:			#666;
+		font-size:		12px;
+		font-weight:	bold;
+		width:			100%;
+		padding-bottom:	0.35ex; /* to 'vertically center' text inside text-span */
+	}
+
+/*
+ *	PANE-MASKS
+ *	these styles are hard-coded on mask elems, but are also 
+ *	included here as !important to ensure will overrides any generic styles
+ */
+.ui-layout-mask {
+	border:		none !important;
+	padding:	0 !important;
+	margin:		0 !important;
+	overflow:	hidden !important;
+	position:	absolute !important;
+	opacity:	0 !important;
+	filter:		Alpha(Opacity="0") !important;
+}
+.ui-layout-mask-inside-pane { /* masks always inside pane EXCEPT when pane is an iframe */
+	top:		0 !important;
+	left:		0 !important;
+	width:		100% !important;
+	height:		100% !important;
+}
+div.ui-layout-mask {}		/* standard mask for iframes */
+iframe.ui-layout-mask {}	/* extra mask for objects/applets */
+
+/*
+ *	Default printing styles
+ */
+@media print {
+	/*
+	 *	Unless you want to print the layout as it appears onscreen,
+	 *	these html/body styles are needed to allow the content to 'flow'
+	 */
+	html {
+		height:		auto !important;
+		overflow:	visible !important;
+	}
+	body.ui-layout-container {
+		position:	static !important;
+		top:		auto !important;
+		bottom:		auto !important;
+		left:		auto !important;
+		right:		auto !important;
+		/* only IE6 has container width & height set by Layout */
+		_width:		auto !important;
+		_height:	auto !important;
+	}
+	.ui-layout-resizer, .ui-layout-toggler {
+		display:	none !important;
+	}
+	/*
+	 *	Default pane print styles disables positioning, borders and backgrounds.
+	 *	You can modify these styles however it suit your needs.
+	 */
+	.ui-layout-pane {
+		border:		none !important;
+		background:	 transparent !important;
+		position:	relative !important;
+		top:		auto !important;
+		bottom:		auto !important;
+		left:		auto !important;
+		right:		auto !important;
+		width:		auto !important;
+		height:		auto !important;
+		overflow:	visible !important;
+	}
+}
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/.gitignore b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/.gitignore
new file mode 100644
index 00000000..58e291ea
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/.gitignore
@@ -0,0 +1,3 @@
+*.swo
+*.swp
+.DS_Store
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/CHANGELOG.txt b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/CHANGELOG.txt
new file mode 100644
index 00000000..f6b14756
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/CHANGELOG.txt
@@ -0,0 +1,126 @@
+== 3.1.0 - October 14, 2013
+
+* [FEATURE] Added branch sort API (#87)
+* [FEATURE] Added removeNode function to completely remove a node and its descendants (#75)
+* [ENHANCEMENT] Embed Base64 encoded theme images in CSS (#103)
+* [ENHANCEMENT] Do not show child nodes on expand of a hidden node (#97)
+* [BUG] Moving nodes around caused order of children to be reversed (#112)
+* [BUG] Bootstrap v3 compatibility fix for indenter (#111)
+* [BUG] D&D example code should not break when nested inside other table (#108)
+* [BUG] Node expanders wouldn't render correctly when nodes added dynamically (#79)
+
+== 3.0.2 - July 3, 2013
+
+* [FEATURE] Add argument to treetable plugin function to force reinitialization (#65)
+* [BUG] Prevent error when new rows have leading white space (#77)
+* [BUG] Fix loadBranch case when new nodes end up at wrong position when added to a branch with already expanded child nodes (#73)
+
+== 3.0.1 - April 6, 2013
+
+* [FEATURE] Expand/collapse nodes using keyboard Return key (#27, #30)
+* [FEATURE] Allow root nodes to be added to the tree with loadBranch (#56)
+* [ENHANCEMENT] Prevent potential reinitialization (#58)
+* [ENHANCEMENT] Add new nodes at the end of children (#52)
+* [ENHANCEMENT] Use on/off instead of bind/unbind for ataching event handlers (as per jQuery preferred guidelines)
+* [BUG] Nodes wouldn't initialize properly when using loadBranch (#55)
+
+== 3.0.0 - February 14, 2013
+
+* [ENHANCEMENT] Use 'treetable' everywhere instead of a mix between 'treeTable' and 'treetable'
+
+== 3.0.0-rc.2 - February 10, 2013
+
+NOTE: This is a release candidate. Please test this version and report any
+issues found.
+
+* [FEATURE] Added (optional) tt-branch data attribute for AJAX use case
+* [FEATURE] Added loadBranch()/unloadBranch() functions for adding/removing nodes to the tree (AJAX)
+* [FEATURE] Added onInitialized event
+* [FEATURE] Added onNodeInitialized event (#21)
+* [ENHANCEMENT] Split CSS file into two files, one with basic styling required in most cases (jquery.treetable.css) and a 'theme' CSS (jquery.treetable.theme.default.css) that styles the trees like the ones in the documentation (#51)
+* [ENHANCEMENT] Made appropriate plugin methods chainable
+* [BUG] Having an empty data-tt-parent-id attribute would result in an error
+* [BUG] A hardcoded reference to 'ttId' prevented proper use of nodeIdAttr setting
+
+== 3.0.0-rc.1 - February 3, 2013
+
+NOTE: This is a release candidate. Please test this version and report any
+issues found.
+
+The treeTable plugin has been completely rewritten for this release. Please
+review the documentation for changes in the way the plugin is used and the
+options that are supported.
+
+* [FEATURE] Added test suite to verify plugin behavior
+* [ENHANCEMENT] Better adhere to jQuery plugin standards
+* [ENHANCEMENT] Use 'data-' attributes for tree metadata (#48, #7)
+* [ENHANCEMENT] Optimized performance of large trees (#41)
+* [BUG] Do not pollute the jQuery namespace (#45)
+* [REMOVED] Built-in persistence feature has been removed
+* [REMOVED] IE6 support
+
+== 2.3.1 - 18 January 2013
+* [FEATURE] Keyboard accessibility (#27, #30)
+* [FEATURE] Optionally persist expanded node state using $.cookie (requires
+jquery-cookie plugin) (#19)
+* [ENHANCEMENT] Passing options to $.cookie persistence (#31)
+* [ENHANCEMENT] Use addClass('ui-helper-hidden') as suggested by whittet (#15)
+* [ENHANCEMENT] Added manifest file for jQuery plugin registry
+* [BUG] onNodeShow doesn't pass context (#28)
+* [BUG] Fixed problems with multiple treeTables with identical rows on the
+same page (#16)
+* [BUG] Fixed parentOf() not using options.childPrefix (#16)
+* [BUG] Prototype conflict (#14)
+* [BUG] Wrong documentation for "initialState" (#11)
+* [BUG] failed to reveal a node for a pitfall in parentOf (#8)
+
+== 2.3.0 - 16 March 2010
+* Added GPL-LICENSE. The jQuery treeTable plugin is now dual-licensed under both the MIT and GPLv2 license.
+* Added reveal function to expand a tree to a given node.
+* Verified compatibility with jQuery 1.4.2.
+
+== 2.2.3 - 18 August 2009
+* Further optimized performance by eliminating most calls to jQuery's css function
+
+== 2.2.2 - 25 July 2009
+* Optimized performance of tree initialization (with initialState is collapsed)
+* Added option 'clickableNodeNames' to make entire node name clickable to expand branch
+* Updated jQuery to version 1.3.2
+* Updated jQuery UI components to version 1.7.2 (Core, Draggable, Droppable)
+
+== 2.2.1 - 15 February 2009
+* Updated jQuery to version 1.3.1
+* Updated jQuery UI components to 1.6rc6 (Core, Draggable, Droppable)
+
+== 2.2 - 18 January 2009
+* Fixed expander icon not showing on lazy-initialized nodes
+* Fixed drag and drop example code to work for tables within tables
+* Updated jQuery to version 1.3.0
+* Updated jQuery UI components to 1.6rc5 (Core, Draggable, Droppable)
+
+== 2.1 - 16 November 2008
+* Optimized for faster initial loading (Issue #1)
+* Implemented lazy initialization of nodes (Issue #1)
+* Added information about the order of the rows in the HTML table to the documentation (Issue 2)
+* Added performance.html with an example of a large table with drag and drop
+
+== 2.0 - 12 November 2008
+* Renamed plugin from ActsAsTreeTable to treeTable
+* Added a minified version of the source code (jquery.treeTable.min.js)
+* Added appendBranchTo function for easier manipulation of the tree with drag & drop (see docs for an example)
+* Added option 'childPrefix' to allow customisation of the prefix used for node classes (default: 'child-of-')
+* Renamed option 'default_state' to 'initialState'
+* Changed initialState from 'expanded' to 'collapsed'
+* Refactored collapse/expand behavior
+* Moved private function bodies to their respective public function
+
+== 1.2 - 3 November 2008
+* Added option 'default_state'
+* Expose additional functions: collapse, expand and toggleBranch
+
+== 1.1 - 21 October 2008
+* Fix JavaScript errors in IE7 due to comma-madness
+* Fix collapse/expand behavior in IE7
+
+== 1.0 - 2 October 2008
+* Public release
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/GPL-LICENSE.txt b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/GPL-LICENSE.txt
new file mode 100644
index 00000000..76927f58
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/GPL-LICENSE.txt
@@ -0,0 +1,278 @@
+        GNU GENERAL PUBLIC LICENSE
+           Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc.
+ 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+          Preamble
+
+  The licenses for most software are designed to take away your
+freedom to share and change it.  By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users.  This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it.  (Some other Free Software Foundation software is covered by
+the GNU Lesser General Public License instead.)  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+this service if you wish), that you receive source code or can get it
+if you want it, that you can change the software or use pieces of it
+in new free programs; and that you know you can do these things.
+
+  To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have.  You must make sure that they, too, receive or can get the
+source code.  And you must show them these terms so they know their
+rights.
+
+  We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+  Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software.  If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+  Finally, any free program is threatened constantly by software
+patents.  We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary.  To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+        GNU GENERAL PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License.  The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language.  (Hereinafter, translation is included without limitation in
+the term "modification".)  Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope.  The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+  1. You may copy and distribute verbatim copies of the Program's
+source code as you receive it, in any medium, provided that you
+conspicuously and appropriately publish on each copy an appropriate
+copyright notice and disclaimer of warranty; keep intact all the
+notices that refer to this License and to the absence of any warranty;
+and give any other recipients of the Program a copy of this License
+along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and
+you may at your option offer warranty protection in exchange for a fee.
+
+  2. You may modify your copy or copies of the Program or any portion
+of it, thus forming a work based on the Program, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+    a) You must cause the modified files to carry prominent notices
+    stating that you changed the files and the date of any change.
+
+    b) You must cause any work that you distribute or publish, that in
+    whole or in part contains or is derived from the Program or any
+    part thereof, to be licensed as a whole at no charge to all third
+    parties under the terms of this License.
+
+    c) If the modified program normally reads commands interactively
+    when run, you must cause it, when started running for such
+    interactive use in the most ordinary way, to print or display an
+    announcement including an appropriate copyright notice and a
+    notice that there is no warranty (or else, saying that you provide
+    a warranty) and that users may redistribute the program under
+    these conditions, and telling the user how to view a copy of this
+    License.  (Exception: if the Program itself is interactive but
+    does not normally print such an announcement, your work based on
+    the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole.  If
+identifiable sections of that work are not derived from the Program,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works.  But when you
+distribute the same sections as part of a whole which is a work based
+on the Program, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+  3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+    a) Accompany it with the complete corresponding machine-readable
+    source code, which must be distributed under the terms of Sections
+    1 and 2 above on a medium customarily used for software interchange; or,
+
+    b) Accompany it with a written offer, valid for at least three
+    years, to give any third party, for a charge no more than your
+    cost of physically performing source distribution, a complete
+    machine-readable copy of the corresponding source code, to be
+    distributed under the terms of Sections 1 and 2 above on a medium
+    customarily used for software interchange; or,
+
+    c) Accompany it with the information you received as to the offer
+    to distribute corresponding source code.  (This alternative is
+    allowed only for noncommercial distribution and only if you
+    received the program in object code or executable form with such
+    an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it.  For an executable work, complete source
+code means all the source code for all modules it contains, plus any
+associated interface definition files, plus the scripts used to
+control compilation and installation of the executable.  However, as a
+special exception, the source code distributed need not include
+anything that is normally distributed (in either source or binary
+form) with the major components (compiler, kernel, and so on) of the
+operating system on which the executable runs, unless that component
+itself accompanies the executable.
+
+If distribution of executable or object code is made by offering
+access to copy from a designated place, then offering equivalent
+access to copy the source code from the same place counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+  4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License.  Any attempt
+otherwise to copy, modify, sublicense or distribute the Program is
+void, and will automatically terminate your rights under this License.
+However, parties who have received copies, or rights, from you under
+this License will not have their licenses terminated so long as such
+parties remain in full compliance.
+
+  5. You are not required to accept this License, since you have not
+signed it.  However, nothing else grants you permission to modify or
+distribute the Program or its derivative works.  These actions are
+prohibited by law if you do not accept this License.  Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+  6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program subject to
+these terms and conditions.  You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties to
+this License.
+
+  7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Program at all.  For example, if a patent
+license would not permit royalty-free redistribution of the Program by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under
+any particular circumstance, the balance of the section is intended to
+apply and the section as a whole is intended to apply in other
+circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system, which is
+implemented by public license practices.  Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+  8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program under this License
+may add an explicit geographical distribution limitation excluding
+those countries, so that distribution is permitted only in or among
+countries not thus excluded.  In such case, this License incorporates
+the limitation as if written in the body of this License.
+
+  9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number.  If the Program
+specifies a version number of this License which applies to it and "any
+later version", you have the option of following the terms and conditions
+either of that version or of any later version published by the Free
+Software Foundation.  If the Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+  10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, write to the author
+to ask for permission.  For software which is copyrighted by the Free
+Software Foundation, write to the Free Software Foundation; we sometimes
+make exceptions for this.  Our decision will be guided by the two goals
+of preserving the free status of all derivatives of our free software and
+of promoting the sharing and reuse of software generally.
+
+          NO WARRANTY
+
+  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
+OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
+OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
+TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
+YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES.
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/MIT-LICENSE.txt b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/MIT-LICENSE.txt
new file mode 100644
index 00000000..c2e824fb
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/MIT-LICENSE.txt
@@ -0,0 +1,20 @@
+Copyright (c) 2013 Ludo van den Boom, http://ludovandenboom.com
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/README.md b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/README.md
new file mode 100644
index 00000000..ece7afb5
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/README.md
@@ -0,0 +1,20 @@
+# jQuery treetable
+
+jQuery treetable is a plugin for jQuery, the 'Write Less, Do More, JavaScript
+Library'. With this plugin you can display a tree in an HTML table, e.g. a
+directory structure or a nested list. Why not use a list, you say? Because lists
+are great for displaying a tree, and tables are not. Oh wait, but this plugin
+uses tables, doesn't it? Yes. Why do I use a table to display a list? Because I
+need multiple columns to display additional data besides the tree.
+
+Download the latest release from the jQuery Plugin Registry or grab the source
+code from Github. Please report issues through Github issues. This plugin is
+released under both the MIT and the GPLv2 license by Ludo van den Boom.
+
+## Documentation and Examples
+
+See index.html for technical documentation and examples. The most recent version
+of this document is also available online at
+http://ludo.cubicphuse.nl/jquery-treetable. An AJAX enabled example built with
+Ruby on Rails can be found at
+https://github.com/ludo/jquery-treetable-ajax-example.
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/index.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/index.html
new file mode 100644
index 00000000..2828b36f
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/index.html
@@ -0,0 +1,948 @@
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>jQuery treetable</title>
+    <link rel="stylesheet" href="stylesheets/screen.css" media="screen" />
+    <link rel="stylesheet" href="stylesheets/jquery.treetable.css" />
+    <link rel="stylesheet" href="stylesheets/jquery.treetable.theme.default.css" />
+  </head>
+  <body>
+    <div id="main">
+      <h1>jQuery treetable</h1>
+
+      <p><b><a href="http://plugins.jquery.com/treetable">Download</a> the latest release from the jQuery Plugin Registry or grab the <a href="https://github.com/ludo/jquery-treetable">source code</a> from Github.</b> Please <a href="https://github.com/ludo/jquery-treetable/issues">report issues</a> through Github issues. This plugin is released under both the MIT and the GPLv2 license by <a href="http://ludovandenboom.com">Ludo van den Boom</a>.</p>
+
+      <table id="example-basic">
+        <caption>Basic jQuery treetable Example</caption>
+        <thead>
+          <tr>
+            <th>Tree column</th>
+            <th>Additional data</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr data-tt-id="1">
+            <td>Node 1: Click on the icon in front of me to expand this branch.</td>
+            <td>I live in the second column.</td>
+          </tr>
+          <tr data-tt-id="1.1" data-tt-parent-id="1">
+            <td>Node 1.1: Look, I am a table row <em>and</em> I am part of a tree!</td>
+            <td>Interesting.</td>
+          </tr>
+          <tr data-tt-id="1.1.1" data-tt-parent-id="1.1">
+            <td>Node 1.1.1: I am part of the tree too!</td>
+            <td>That's it!</td>
+          </tr>
+          <tr data-tt-id="2">
+            <td>Node 2: I am another root node, but without children</td>
+            <td>Hurray!</td>
+          </tr>
+        </tbody>
+      </table>
+
+      <h2>Table of Contents</h2>
+      <ol>
+        <li><a href="#overview">Overview</a></li>
+        <li><a href="#usage">Usage</a></li>
+        <li><a href="#configuration">Configuration</a></li>
+        <li><a href="#api">Public API</a></li>
+        <li><a href="#examples">Examples</a></li>
+        <li><a href="test.html">Test Suite</a></li>
+        <li><a href="CHANGELOG.txt">CHANGELOG.txt</a></li>
+      </ol>
+
+      <h2><a name="overview">1. Overview</a></h2>
+
+      <p>jQuery treetable is a plugin for <a href="http://jquery.com">jQuery</a>, the 'Write Less, Do More, JavaScript Library'. With this plugin you can display a tree in an HTML table, e.g. a directory structure or a nested list. Why not use a list, you say? Because lists are great for displaying a tree, and tables are not. Oh wait, but this plugin uses tables, doesn't it? Yes. Why do I use a table to display a list? Because I need multiple columns to display additional data besides the tree.</p>
+
+      <h3>Unobtrusiveness</h3>
+
+      <p>One of the goals of jQuery treetable is to be as unobtrusive as possible. Being 'unobtrusive' is very cool nowadays, so that was an important requirement. But it is cool for a reason: it keeps your HTML documents clean and it allows the code to degrade nicely when Javascript is not available.</p>
+
+      <p>The treetable plugin only requires that you add specific <tt>data</tt> attributes to every row that is part of your tree. The plugin uses these attributes to determine what your tree looks like. Otherwise, it would have to guess the structure of the tree and it wouldn't be very successful in doing that. See the <a href="#usage">Usage</a> chapter for more information on how to prepare your tree.</p>
+
+      <h3>Features</h3>
+      <ul>
+        <li>It can display a tree of data in a table column.</li>
+        <li>It does this as unobtrusively as possible.</li>
+        <li>It allows branches to be collapsed and expanded (think of how a directory structure works in most file explorers).</li>
+        <li>It allows unlimited tree depth.</li>
+        <li>It uses the lightweight <a href="http://jquery.com">jQuery</a> Javascript libray.</li>
+      </ul>
+
+      <h2><a name="usage">2. Usage</a></h2>
+
+      <p><b>Note:</b> This chapter assumes that you have already installed jQuery as described on their website.</p>
+
+      <h3><a name="head">Include the plugin in your document</a></h3>
+
+      <p>Copy the files <tt>javascripts/src/jquery.treetable.js</tt> and <tt>stylesheets/jquery.treetable.css</tt> to your project. Paste the following code right before the closing <tt>body</tt> tag in your HTML document. Make sure these lines are <b>below</b> the line where you include jQuery. Change the <b style="color: #f00;">red</b> parts to reflect your situation.</p>
+
+      <pre class="listing">
+&lt;link href="<b>path/to/</b>jquery.treetable.css" rel="stylesheet" type="text/css" /&gt;
+&lt;script src="<b>path/to/</b>jquery.treetable.js"&gt;&lt;/script&gt;
+&lt;script&gt;
+$("<b>#your_table_id</b>").treetable();
+&lt;/script&gt;</pre>
+
+      <h3><a name="theme">Styling the tree</a></h3>
+
+      <p>By default the tree has little styling. Use the file <tt>stylesheets/jquery.treetable.theme.default.css</tt> as a template for your own styling. You can also just use this default theme, in that case don't forget to copy the images from <tt>images</tt> and update the paths in the CSS accordingly.</p>
+
+      <h3><a name="tree">Representing your tree in a table</a></h3>
+      <p>When you pasted the above code and adjusted it to reflect your situation, you enabled the <em>possibility</em> of displaying a tree in your table. To make the tree actually display as a tree you have to add <tt>data-tt-id</tt> and <tt>data-tt-parent-id</tt> attributes to your table rows (<tt>tr</tt>).</p>
+
+      <h4>How to do this?</h4>
+      <p>First, you should add a <em>unique</em> <tt>data-tt-id</tt> attribute to each of the rows in your table, for example '<tt>node-<em>x</em></tt>'. Then you add a <tt>data-tt-parent-id</tt> attribute to each child of a node, give this class a value of '<tt><em>node-x</em></tt>'. The <em>node-x</em> part should be the same as the <tt>data-tt-id</tt> of its parent. Do you still follow me? Let me show you an example of a very simple tree: a single parent with a single child. For more examples you should view the source code of this page, where you find several tables for the examples in the <a href="#examples">examples</a> chapter.</p>
+
+      <pre class="listing">
+&lt;table&gt;
+  &lt;tr data-tt-id="1"&gt;
+    &lt;td&gt;Parent&lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr data-tt-id="2" data-tt-parent-id="1"&gt;
+    &lt;td&gt;Child&lt;/td&gt;
+  &lt;/tr&gt;
+&lt;/table&gt;</pre>
+
+      <p>Please note that the plugin expects the rows in the HTML table to be in the same order in which they should be displayed in the tree. For example, suppose you have three nodes: <strong style="color: red;">A</strong>, <strong style="color: navy;">B</strong> (child of node <span style="color: red">A</span>) and <strong style="color: green;">C</strong> (child of node <span style="color: navy">B</span>). If you create rows for these nodes in your HTML table in the following order <span style="color: red">A</span> - <span style="color: green">C</span> - <span style="color: navy">B</span>, then the tree will not display correctly. You have to make sure that the rows are in the order <span style="color: red">A</span> - <span style="color: navy">B</span> - <span style="color: green">C</span>.</p>
+
+      <h2><a name="configuration">3. Configuration</a></h2>
+
+      <p>There are several settings that let you adjust the behavior of the plugin. Each of these settings is described in this section. Pass these options and callback functions to the <tt>treetable()</tt> function. See the <a href="#examples">examples</a>.</p>
+
+      <h3>Settings</h3>
+
+      <table class="treetable">
+        <thead>
+          <tr>
+            <th>Setting</th>
+            <th>Type</th>
+            <th>Default</th>
+            <th>Description</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td><tt>branchAttr</tt></td>
+            <td><tt>string</tt></td>
+            <td><tt>&quot;ttBranch&quot;</tt></td>
+            <td>Optional data attribute that can be used to force the expander icon to be rendered on a node. This allows us to define a node as a branch node even though it does not have children yet. This translates to a <tt>data-tt-branch</tt> attribute in your HTML.</td>
+          </tr>
+          <tr>
+            <td><tt>clickableNodeNames</tt></td>
+            <td><tt>bool</tt></td>
+            <td><tt>false</tt></td>
+            <td>Set to true to expand branches not only when expander icon is clicked but also when node name is clicked.</td>
+          </tr>
+          <tr>
+            <td><tt>column</tt></td>
+            <td><tt>int</tt></td>
+            <td><tt>0</tt></td>
+            <td>The number of the column in the table that should be displayed as a tree.</td>
+          </tr>
+          <tr>
+            <td><tt>columnElType</tt></td>
+            <td><tt>string</tt></td>
+            <td><tt>&quot;td&quot;</tt></td>
+            <td>The types of cells that should be considered for the tree (<tt>td</tt>, <tt>th</tt> or both).</td>
+          </tr>
+          <tr>
+            <td><tt>expandable</tt></td>
+            <td><tt>bool</tt></td>
+            <td><tt>false</tt></td>
+            <td>Should the tree be expandable? An expandable tree contains buttons to make each branch with children collapsible/expandable.</td>
+          </tr>
+          <tr>
+            <td><tt>expanderTemplate</tt></td>
+            <td><tt>string</tt></td>
+            <td><tt>&lt;a href=&quot;#&quot;&gt;&amp;nbsp;&lt;/a&gt;</tt></td>
+            <td>The HTML fragment used for the expander.</td>
+          </tr>
+          <tr>
+            <td><tt>indent</tt></td>
+            <td><tt>int</tt></td>
+            <td><tt>19</tt></td>
+            <td>The number of pixels that each branch should be indented with.</td>
+          </tr>
+          <tr>
+            <td><tt>indenterTemplate</tt></td>
+            <td><tt>string</tt></td>
+            <td><tt>&lt;span class=&quot;indenter&quot;&gt;&lt;/span&gt;</tt></td>
+            <td>The HTML fragment used for the indenter.</td>
+          </tr>
+          <tr>
+            <td><tt>initialState</tt></td>
+            <td><tt>string</tt></td>
+            <td><tt>&quot;collapsed&quot;</tt></td>
+            <td>Possible values: <tt>&quot;expanded&quot;</tt> or <tt>&quot;collapsed&quot;</tt>.</td>
+          </tr>
+          <tr>
+            <td><tt>nodeIdAttr</tt></td>
+            <td><tt>string</tt></td>
+            <td><tt>&quot;ttId&quot;</tt></td>
+            <td>Name of the data attribute used to identify node. Translates to <tt>data-tt-id</tt> in your HTML.</td>
+          </tr>
+          <tr>
+            <td><tt>parentIdAttr</tt></td>
+            <td><tt>string</tt></td>
+            <td><tt>&quot;ttParentId&quot;</tt></td>
+            <td>Name of the data attribute used to set parent node. Translates to <tt>data-tt-parent-id</tt> in your HTML.</td>
+          </tr>
+          <tr>
+            <td><tt>stringCollapse</tt></td>
+            <td><tt>string</tt></td>
+            <td><tt>&quot;Collapse&quot;</tt></td>
+            <td>For internationalization.</td>
+          </tr>
+          <tr>
+            <td><tt>stringExpand</tt></td>
+            <td><tt>string</tt></td>
+            <td><tt>&quot;Expand&quot;</tt></td>
+            <td>For internationalization.</td>
+          </tr>
+        </tbody>
+      </table>
+
+      <h3>Events</h3>
+
+      <table class="treetable">
+        <thead>
+          <tr>
+            <th>Setting</th>
+            <th>Type</th>
+            <th>Default</th>
+            <th>Description</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td><tt>onInitialized</tt></td>
+            <td><tt>function</tt></td>
+            <td><tt>null</tt></td>
+            <td>Callback function fired when the tree has been initialized.</td>
+          </tr>
+          <tr>
+            <td><tt>onNodeCollapse</tt></td>
+            <td><tt>function</tt></td>
+            <td><tt>null</tt></td>
+            <td>Callback function fired when a branch is collapsed.</td>
+          </tr>
+          <tr>
+            <td><tt>onNodeExpand</tt></td>
+            <td><tt>function</tt></td>
+            <td><tt>null</tt></td>
+            <td>Callback function fired when a branch is expanded.</td>
+          </tr>
+          <tr>
+            <td><tt>onNodeInitialized</tt></td>
+            <td><tt>function</tt></td>
+            <td><tt>null</tt></td>
+            <td>Callback function fired when a node has been initialized.</td>
+          </tr>
+        </tbody>
+      </table>
+
+      <h2><a name="api">4. Public API</a></h2>
+
+      <h3><tt>treetable()</tt> Plugin Function</h3>
+
+      <p>The <tt>treetable()</tt> function accepts the following arguments:</p>
+
+      <dl>
+        <dt><tt>options</tt> (optional)</dt>
+        <dd>A Javascript object of configuration settings as described in the chapter on <a href="#configuration">configuration</a>.</dd>
+        <dt><tt>force</tt> (optional)</dt>
+        <dd>Pass the boolean <tt>true</tt> to force reinitialization of the tree.</dd>
+      </dl>
+
+      <h3>Additional Functions</h3>
+
+      <p>Use the following functions to manipulate the tree programmatically. Calling a function should be done through the <tt>treetable()</tt> function. For example, to collapse node '42' use <tt>$("#tree").treetable("collapseNode", "42")</tt>.</p>
+
+      <dl>
+        <dt><tt>collapseAll()</tt></dt>
+        <dd>Collapse all nodes at once.</dd>
+        <dt><tt>collapseNode(id)</tt></dt>
+        <dd>Collapse a single node, identified by <tt>id</tt>.</dd>
+        <dt><tt>expandAll()</tt></dt>
+        <dd>Expand all nodes at once.</dd>
+        <dt><tt>expandNode(id)</tt></dt>
+        <dd>Expand a single node, identified by <tt>id</tt>.</dd>
+        <dt><tt>loadBranch(node, rows)</tt></dt>
+        <dd>Load additional rows (HTML <tt>&lt;tr&gt;</tt>s) into the tree, with parent <tt>node</tt>. If <tt>node</tt> is <tt>null</tt> rows will be added as root nodes.</dd>
+        <dt><tt>move(nodeId, destinationId)</tt></dt>
+        <dd>Move node <tt>nodeId</tt> to new parent with <tt>destinationId</tt>.</dd>
+        <dt><tt>node(id)</tt></dt>
+        <dd>Select a node from the tree. Returns a <tt>TreeTable.Node</tt> object.</dd>
+        <dt><tt>removeNode(id)</tt></dt>
+        <dd>Remove a node and all its descendants from the tree.</dd>
+        <dt><tt>reveal(id)</tt></dt>
+        <dd>Reveal a node in the tree.</dd>
+        <dt><tt>sortBranch(node)</tt>, <tt>sortBranch(node, columnOrFunction)</tt></dt>
+        <dd>Sort <tt>node</tt>'s children alphabetically. Defaults to sorting on the values in the configured tree column (see settings). Pass an optional column number or sorting function as the second argument <tt>columnOrFunction</tt>. See <a href="test.html?grep=treetable()%20sortBranch()">the tests</a> for examples of custom sorting functions. Does not recursively sort children of children.</dd>
+        <dt><tt>unloadBranch(node)</tt></dt>
+        <dd>Remove nodes/rows (HTML <tt>&lt;tr&gt;</tt>s) from the tree, with parent <tt>node</tt>. Note that the parent (<tt>node</tt>) will not be removed.</dd>
+      </dl>
+
+
+      <h3>Classes</h3>
+      The following classes are dynamically added to the tree rows:
+      <dl>
+          <dt><tt>expanded</tt></dt>
+          <dd>When the row is expanded</dd>
+          <dt><tt>collapsed</tt></dt>
+          <dd>When the row is collapsed</dd>
+          <dt><tt>branch</tt></dt>
+          <dd>When the row has children or the branchAttr is present</dd>
+          <dt><tt>leaf</tt></dt>
+          <dd>When the row has no children</dd>
+      </dl>
+
+
+      <h2><a name="examples">5. Examples</a></h2>
+
+      <h3>Basic Static Tree</h3>
+
+      <table id="example-basic-static">
+        <tr data-tt-id="0">
+          <td>app</td>
+        </tr>
+        <tr data-tt-id="1" data-tt-parent-id="0">
+          <td>controllers</td>
+        </tr>
+        <tr data-tt-id="5" data-tt-parent-id="1">
+          <td>application_controller.rb</td>
+        </tr>
+        <tr data-tt-id="2" data-tt-parent-id="0">
+          <td>helpers</td>
+        </tr>
+        <tr data-tt-id="3" data-tt-parent-id="0">
+          <td>models</td>
+        </tr>
+        <tr data-tt-id="4" data-tt-parent-id="0">
+          <td>views</td>
+        </tr>
+      </table>
+
+      <pre class="listing">
+$("#example-basic-static").treetable();</pre>
+
+      <h3>Basic Expandable Tree</h3>
+
+      <table id="example-basic-expandable">
+        <tr data-tt-id="0">
+          <td>app</td>
+        </tr>
+        <tr data-tt-id="1" data-tt-parent-id="0">
+          <td>controllers</td>
+        </tr>
+        <tr data-tt-id="5" data-tt-parent-id="1">
+          <td>application_controller.rb</td>
+        </tr>
+        <tr data-tt-id="2" data-tt-parent-id="0">
+          <td>helpers</td>
+        </tr>
+        <tr data-tt-id="3" data-tt-parent-id="0">
+          <td>models</td>
+        </tr>
+        <tr data-tt-id="4" data-tt-parent-id="0">
+          <td>views</td>
+        </tr>
+      </table>
+
+      <pre class="listing">
+$("#example-basic-expandable").treetable({ expandable: true });</pre>
+
+      <h3>Complex Tree With Drag and Drop</h3>
+
+      <p>This example uses <a href="http://jqueryui.com">jQuery UI</a>'s Draggable and Droppable components. The tree has 459 nodes.</p>
+
+      <form id="reveal">
+        <input type="text" name="nodeId" placeholder="nodeId" id="revealNodeId"/>
+        <input type="submit" value="Reveal"/><br/>
+        <small>Examples: <tt>2-1-1</tt>, <tt>3-1-1-2-2</tt> and <tt>3-2-1-2-3-1-2-2-1-1-1-1-2-5</tt></small>
+      </form>
+
+      <table id="example-advanced">
+        <caption>
+          <a href="#" onclick="jQuery('#example-advanced').treetable('expandAll'); return false;">Expand all</a>
+          <a href="#" onclick="jQuery('#example-advanced').treetable('collapseAll'); return false;">Collapse all</a>
+        </caption>
+        <thead>
+          <tr>
+            <th>Name</th>
+            <th>Kind</th>
+            <th>Size</th>
+          </tr>
+        </thead>
+        <tbody>
+        <tr data-tt-id='1'><td><span class='file'>Acknowledgements.rtf</span></td><td>File</td><td>480.95 KB</td></tr>
+      <tr data-tt-id='2'><td><span class='folder'>CHUD</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='2-1' data-tt-parent-id='2'><td><span class='folder'>amber</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='2-1-1' data-tt-parent-id='2-1'><td><span class='file'>AmberTraceFormats.pdf</span></td><td>File</td><td>124.46 KB</td></tr>
+      <tr data-tt-id='2-2' data-tt-parent-id='2'><td><span class='folder'>BigTop</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='2-2-1' data-tt-parent-id='2-2'><td><span class='file'>BigTopUserGuide.pdf</span></td><td>File</td><td>1314.71 KB</td></tr>
+      <tr data-tt-id='2-3' data-tt-parent-id='2'><td><span class='folder'>Saturn</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='2-3-1' data-tt-parent-id='2-3'><td><span class='file'>SaturnUserGuide.pdf</span></td><td>File</td><td>694.29 KB</td></tr>
+      <tr data-tt-id='2-4' data-tt-parent-id='2'><td><span class='folder'>Shark</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='2-4-1' data-tt-parent-id='2-4'><td><span class='file'>SharkUserGuide.pdf</span></td><td>File</td><td>12902.51 KB</td></tr>
+      <tr data-tt-id='2-5' data-tt-parent-id='2'><td><span class='folder'>simg4</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='2-6' data-tt-parent-id='2'><td><span class='folder'>simg4_plus</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='2-7' data-tt-parent-id='2'><td><span class='folder'>simg5</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3'><td><span class='folder'>DocSets</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1' data-tt-parent-id='3'><td><span class='folder'>com.apple.ADC_Reference_Library.CoreReference.docset</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1' data-tt-parent-id='3-1'><td><span class='folder'>Contents</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-1' data-tt-parent-id='3-1-1'><td><span class='file'>Info.plist</span></td><td>File</td><td>1.23 KB</td></tr>
+      <tr data-tt-id='3-1-1-2' data-tt-parent-id='3-1-1'><td><span class='folder'>Resources</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-1' data-tt-parent-id='3-1-1-2'><td><span class='file'>docSet.dsidx</span></td><td>File</td><td>41504 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-2' data-tt-parent-id='3-1-1-2'><td><span class='file'>docSet.skidx</span></td><td>File</td><td>43072 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3' data-tt-parent-id='3-1-1-2'><td><span class='folder'>Documents</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1' data-tt-parent-id='3-1-1-2-3'><td><span class='folder'>documentation</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>Accessibility</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1' data-tt-parent-id='3-1-1-2-3-1-1'><td><span class='folder'>Reference</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-1' data-tt-parent-id='3-1-1-2-3-1-1-1'><td><span class='folder'>AccessibilityCarbonRef</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-1-1' data-tt-parent-id='3-1-1-2-3-1-1-1-1'><td><span class='folder'>CarbonAXRefRevisions</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-1-1-1' data-tt-parent-id='3-1-1-2-3-1-1-1-1-1'><td><span class='file'>CarbonAXRefRevisions.html</span></td><td>File</td><td>7.44 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-1-2' data-tt-parent-id='3-1-1-2-3-1-1-1-1'><td><span class='folder'>Index</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-1-2-1' data-tt-parent-id='3-1-1-2-3-1-1-1-1-2'><td><span class='file'>index_of_book.html</span></td><td>File</td><td>174.1 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-1-3' data-tt-parent-id='3-1-1-2-3-1-1-1-1'><td><span class='file'>index.html</span></td><td>File</td><td>1.1 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-1-4' data-tt-parent-id='3-1-1-2-3-1-1-1-1'><td><span class='folder'>Reference</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-1-4-1' data-tt-parent-id='3-1-1-2-3-1-1-1-1-4'><td><span class='file'>reference.html</span></td><td>File</td><td>196.28 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-1-5' data-tt-parent-id='3-1-1-2-3-1-1-1-1'><td><span class='file'>toc.html</span></td><td>File</td><td>15.92 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2' data-tt-parent-id='3-1-1-2-3-1-1-1'><td><span class='folder'>AccessibilityLowlevel</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-1' data-tt-parent-id='3-1-1-2-3-1-1-1-2'><td><span class='folder'>accessibility</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-1-1' data-tt-parent-id='3-1-1-2-3-1-1-1-2-1'><td><span class='file'>CompositePage.html</span></td><td>File</td><td>5.7 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-1-2' data-tt-parent-id='3-1-1-2-3-1-1-1-2-1'><td><span class='file'>index.html</span></td><td>File</td><td>1.67 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-1-3' data-tt-parent-id='3-1-1-2-3-1-1-1-2-1'><td><span class='file'>toc.html</span></td><td>File</td><td>2.87 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-2' data-tt-parent-id='3-1-1-2-3-1-1-1-2'><td><span class='file'>accessibility-constants.html</span></td><td>File</td><td>26.94 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-3' data-tt-parent-id='3-1-1-2-3-1-1-1-2'><td><span class='file'>accessibility-datatypes.html</span></td><td>File</td><td>11.02 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-4' data-tt-parent-id='3-1-1-2-3-1-1-1-2'><td><span class='file'>accessibility-functions.html</span></td><td>File</td><td>15.55 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-5' data-tt-parent-id='3-1-1-2-3-1-1-1-2'><td><span class='file'>accessibility-mpindex.html</span></td><td>File</td><td>9.87 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-6' data-tt-parent-id='3-1-1-2-3-1-1-1-2'><td><span class='folder'>AXActionConstants</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-6-1' data-tt-parent-id='3-1-1-2-3-1-1-1-2-6'><td><span class='file'>CompositePage.html</span></td><td>File</td><td>15.08 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-6-2' data-tt-parent-id='3-1-1-2-3-1-1-1-2-6'><td><span class='file'>index.html</span></td><td>File</td><td>1.67 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-6-3' data-tt-parent-id='3-1-1-2-3-1-1-1-2-6'><td><span class='file'>toc.html</span></td><td>File</td><td>4.9 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-7' data-tt-parent-id='3-1-1-2-3-1-1-1-2'><td><span class='folder'>AXAttributeConstants</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-8' data-tt-parent-id='3-1-1-2-3-1-1-1-2'><td><span class='folder'>AXError</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-9' data-tt-parent-id='3-1-1-2-3-1-1-1-2'><td><span class='folder'>AXNotificationConstants</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-10' data-tt-parent-id='3-1-1-2-3-1-1-1-2'><td><span class='folder'>AXRoleConstants</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-11' data-tt-parent-id='3-1-1-2-3-1-1-1-2'><td><span class='folder'>AXTextAttributedString</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-12' data-tt-parent-id='3-1-1-2-3-1-1-1-2'><td><span class='folder'>AXUIElement</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-13' data-tt-parent-id='3-1-1-2-3-1-1-1-2'><td><span class='folder'>AXValue</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-14' data-tt-parent-id='3-1-1-2-3-1-1-1-2'><td><span class='folder'>AXValueConstants</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-15' data-tt-parent-id='3-1-1-2-3-1-1-1-2'><td><span class='file'>index.html</span></td><td>File</td><td>10.1 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-1-1-2-16' data-tt-parent-id='3-1-1-2-3-1-1-1-2'><td><span class='folder'>UniversalAccess</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-2' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>adcstyle.css</span></td><td>File</td><td>15.86 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>AppleApplications</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1' data-tt-parent-id='3-1-1-2-3-1-3'><td><span class='folder'>Reference</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-1' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>AddressBookC_Collection</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-1-1' data-tt-parent-id='3-1-1-2-3-1-3-1-1'><td><span class='folder'>Index</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-1-1-1' data-tt-parent-id='3-1-1-2-3-1-3-1-1-1'><td><span class='file'>index_of_book.html</span></td><td>File</td><td>153.98 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-1-2' data-tt-parent-id='3-1-1-2-3-1-3-1-1'><td><span class='file'>index.html</span></td><td>File</td><td>13.62 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-1-3' data-tt-parent-id='3-1-1-2-3-1-3-1-1'><td><span class='folder'>Introduction</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-1-3-1' data-tt-parent-id='3-1-1-2-3-1-3-1-1-3'><td><span class='file'>Introduction.html</span></td><td>File</td><td>5.41 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-1-4' data-tt-parent-id='3-1-1-2-3-1-3-1-1'><td><span class='file'>RevisionHistory.html</span></td><td>File</td><td>4.66 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-2' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>AddressBookRefUpdate</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-2-1' data-tt-parent-id='3-1-1-2-3-1-3-1-2'><td><span class='folder'>Articles</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-2-1-1' data-tt-parent-id='3-1-1-2-3-1-3-1-2-1'><td><span class='file'>AddressBook_10.1-10.2_SymbolChanges.html</span></td><td>File</td><td>80.84 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-2-1-2' data-tt-parent-id='3-1-1-2-3-1-3-1-2-1'><td><span class='file'>AddressBook_10.2-10.3_SymbolChanges.html</span></td><td>File</td><td>54.2 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-2-1-3' data-tt-parent-id='3-1-1-2-3-1-3-1-2-1'><td><span class='file'>AddressBook_10.3-10.4_SymbolChanges.html</span></td><td>File</td><td>14.78 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-2-1-4' data-tt-parent-id='3-1-1-2-3-1-3-1-2-1'><td><span class='file'>AddressBook_10.4-10.5_SymbolChanges.html</span></td><td>File</td><td>11.03 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-2-1-5' data-tt-parent-id='3-1-1-2-3-1-3-1-2-1'><td><span class='file'>Introduction.html</span></td><td>File</td><td>7.3 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-2-1-6' data-tt-parent-id='3-1-1-2-3-1-3-1-2-1'><td><span class='file'>RevisionHistory.html</span></td><td>File</td><td>6.19 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-2-2' data-tt-parent-id='3-1-1-2-3-1-3-1-2'><td><span class='file'>index.html</span></td><td>File</td><td>1.08 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-2-3' data-tt-parent-id='3-1-1-2-3-1-3-1-2'><td><span class='file'>toc.html</span></td><td>File</td><td>2.84 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-3' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>AMWorkflow_class</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-4' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>AMWorkflowController_class</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-5' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>AMWorkflowView_Class</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-6' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>AppleApp_Aperture_002</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-7' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>Automator_constants</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-8' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>AutomatorFramework</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-9' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>AutomatorReference</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-10' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>AutomatorRefUpdate</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-11' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>CalendarStoreFramework</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-12' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>CalendarStoreReference</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-13' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>CalendarStoreRefUpdate</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-14' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>Dashboard_Ref</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-15' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>FinalCutPro_XML</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-16' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>InstantMessageFramework</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-17' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>InstantMessageFrameworkRef</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-18' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>InstantMessageRefUpdate</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-19' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>iSyncJavaScriptRef</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-20' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>iSyncManualTestSuiteRef</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-21' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>iSyncSyncMLRef</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-22' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>MessageFrameworkReference</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-23' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>Motion_FXPlug_Ref</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-24' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>SafariCSSRef</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-25' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>SafariHTMLRef</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-26' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>SyncServicesRefUpdate</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-27' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>SyncServicesSchemaRef</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-3-1-28' data-tt-parent-id='3-1-1-2-3-1-3-1'><td><span class='folder'>WebKitDOMRef</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>AppleScript</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1' data-tt-parent-id='3-1-1-2-3-1-4'><td><span class='folder'>Reference</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1' data-tt-parent-id='3-1-1-2-3-1-4-1'><td><span class='folder'>StudioReference</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1' data-tt-parent-id='3-1-1-2-3-1-4-1-1'><td><span class='folder'>art</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-1' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>boxes.gif</span></td><td>File</td><td>11.52 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-2' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>browser.gif</span></td><td>File</td><td>26.04 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-3' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>button_in_window.gif</span></td><td>File</td><td>8.17 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-4' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>cc_app_info_window.gif</span></td><td>File</td><td>24.36 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-5' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>circular_prog_indicator.gif</span></td><td>File</td><td>0.65 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-6' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>color_panel.jpg</span></td><td>File</td><td>24.91 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-7' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>color_well.gif</span></td><td>File</td><td>7.58 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-8' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>combobox.gif</span></td><td>File</td><td>1.44 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-9' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>comboboxlist.gif</span></td><td>File</td><td>4.12 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-10' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>display_alert.gif</span></td><td>File</td><td>28.69 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-11' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>display_dialog.gif</span></td><td>File</td><td>28.42 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-12' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>doc_exp_groups.gif</span></td><td>File</td><td>22.52 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-13' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>drawer.gif</span></td><td>File</td><td>34.4 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-14' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>drawer_content_view.gif</span></td><td>File</td><td>8.21 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-15' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>drawer_instances_in_nib.gif</span></td><td>File</td><td>20.97 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-16' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>drawers_in_palette.gif</span></td><td>File</td><td>17.34 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-17' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>files_owner_in_nib.gif</span></td><td>File</td><td>15.24 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-18' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>font_panel.gif</span></td><td>File</td><td>17.16 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-19' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>hw_exp_grps_files.gif</span></td><td>File</td><td>15.35 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-20' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>ib_number_formatter.gif</span></td><td>File</td><td>1.46 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-21' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>image_tab_mainmenu_nib.gif</span></td><td>File</td><td>12.33 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-22' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>image_view_from_app.gif</span></td><td>File</td><td>17.18 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-23' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>matrix.gif</span></td><td>File</td><td>7.36 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-24' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>menu_item.gif</span></td><td>File</td><td>16.85 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-25' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>menu_showing_file_menu.gif</span></td><td>File</td><td>17 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-26' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>movie_view.gif</span></td><td>File</td><td>34.76 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-27' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>number_formatter_info.gif</span></td><td>File</td><td>24.8 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-28' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>open_panel.gif</span></td><td>File</td><td>32.06 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-29' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>outline_view.gif</span></td><td>File</td><td>18.7 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-30' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>popup_button.gif</span></td><td>File</td><td>6.76 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-31' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>progindindet.gif</span></td><td>File</td><td>3.78 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-32' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>save_panel.gif</span></td><td>File</td><td>39.43 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-33' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>secure_text_field.gif</span></td><td>File</td><td>9.91 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-34' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>simple_toolbar.gif</span></td><td>File</td><td>10.4 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-35' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>sliders.gif</span></td><td>File</td><td>11.01 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-36' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>sounds_in_nib_window.gif</span></td><td>File</td><td>22.26 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-37' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>split_view.gif</span></td><td>File</td><td>15.73 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-38' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>stepper.gif</span></td><td>File</td><td>1.08 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-39' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>table_app.gif</span></td><td>File</td><td>22.72 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-40' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>table_view.gif</span></td><td>File</td><td>14.55 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-41' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>tabview.gif</span></td><td>File</td><td>24.86 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-42' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>text_fields.gif</span></td><td>File</td><td>7.1 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-43' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>text_view.gif</span></td><td>File</td><td>12.18 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-44' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>to_do_outline.gif</span></td><td>File</td><td>15.4 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-1-45' data-tt-parent-id='3-1-1-2-3-1-4-1-1-1'><td><span class='file'>window.gif</span></td><td>File</td><td>6.41 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-2' data-tt-parent-id='3-1-1-2-3-1-4-1-1'><td><span class='folder'>Index</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-3' data-tt-parent-id='3-1-1-2-3-1-4-1-1'><td><span class='file'>index.html</span></td><td>File</td><td>1.13 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-4' data-tt-parent-id='3-1-1-2-3-1-4-1-1'><td><span class='folder'>sr10_panel_suite</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-5' data-tt-parent-id='3-1-1-2-3-1-4-1-1'><td><span class='folder'>sr10_pplugin_suite</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-6' data-tt-parent-id='3-1-1-2-3-1-4-1-1'><td><span class='folder'>sr11_textview_suite</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-7' data-tt-parent-id='3-1-1-2-3-1-4-1-1'><td><span class='folder'>sr1_about</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-8' data-tt-parent-id='3-1-1-2-3-1-4-1-1'><td><span class='folder'>sr2_fundamentals</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-9' data-tt-parent-id='3-1-1-2-3-1-4-1-1'><td><span class='folder'>sr3_app_suite</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-10' data-tt-parent-id='3-1-1-2-3-1-4-1-1'><td><span class='folder'>sr4_container_suite</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-11' data-tt-parent-id='3-1-1-2-3-1-4-1-1'><td><span class='folder'>sr5_control_suite</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-12' data-tt-parent-id='3-1-1-2-3-1-4-1-1'><td><span class='folder'>sr6_data_suite</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-13' data-tt-parent-id='3-1-1-2-3-1-4-1-1'><td><span class='folder'>sr7_doc_suite</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-14' data-tt-parent-id='3-1-1-2-3-1-4-1-1'><td><span class='folder'>sr8_drag_drop_suite</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-15' data-tt-parent-id='3-1-1-2-3-1-4-1-1'><td><span class='folder'>sr9_menu_suite</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-16' data-tt-parent-id='3-1-1-2-3-1-4-1-1'><td><span class='folder'>sr_history</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-4-1-1-17' data-tt-parent-id='3-1-1-2-3-1-4-1-1'><td><span class='file'>toc.html</span></td><td>File</td><td>132.84 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-5' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>Carbon</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-6' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>Cocoa</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-7' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>CoreFoundation</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-8' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>css</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-9' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>Darwin</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-10' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>DeveloperTools</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-11' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>DeviceDrivers</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-12' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>Games</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-13' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>GraphicsImaging</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-14' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>Hardware</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-15' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>HardwareDrivers</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-16' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>images</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-17' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-date.html</span></td><td>File</td><td>74.06 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-18' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-date0.html</span></td><td>File</td><td>284.1 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-19' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-date2.html</span></td><td>File</td><td>73.94 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-20' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-date3.html</span></td><td>File</td><td>74.4 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-21' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-date4.html</span></td><td>File</td><td>75.11 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-22' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-date5.html</span></td><td>File</td><td>41.11 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-23' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-rev-date.html</span></td><td>File</td><td>49.03 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-24' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-rev-revision.html</span></td><td>File</td><td>49.01 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-25' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-rev-title.html</span></td><td>File</td><td>49.03 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-26' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-rev-topic.html</span></td><td>File</td><td>71.41 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-27' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-rev-topic0.html</span></td><td>File</td><td>93.76 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-28' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-rev-topic2.html</span></td><td>File</td><td>29.61 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-29' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-title.html</span></td><td>File</td><td>73.91 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-30' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-title0.html</span></td><td>File</td><td>284.11 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-31' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-title2.html</span></td><td>File</td><td>74.7 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-32' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-title3.html</span></td><td>File</td><td>73 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-33' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-title4.html</span></td><td>File</td><td>74.15 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-34' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-title5.html</span></td><td>File</td><td>42.91 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-35' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-topic.html</span></td><td>File</td><td>72.46 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-36' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-topic0.html</span></td><td>File</td><td>601.26 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-37' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-topic10.html</span></td><td>File</td><td>74.41 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-38' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-topic2.html</span></td><td>File</td><td>73.6 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-39' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-topic3.html</span></td><td>File</td><td>72.47 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-40' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-topic4.html</span></td><td>File</td><td>71.89 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-41' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-topic5.html</span></td><td>File</td><td>73.89 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-42' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-topic6.html</span></td><td>File</td><td>73.1 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-43' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-topic7.html</span></td><td>File</td><td>70.55 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-44' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-topic8.html</span></td><td>File</td><td>71.25 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-45' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index-topic9.html</span></td><td>File</td><td>72.56 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-46' data-tt-parent-id='3-1-1-2-3-1'><td><span class='file'>index.html</span></td><td>File</td><td>20.65 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-47' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>Internationalization</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-48' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>InternetWeb</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-49' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>iPhone</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-50' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>js</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-51' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>LegacyTechnologies</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-52' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>MacOSX</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-53' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>MacOSXServer</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-54' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>MusicAudio</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-55' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>Networking</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-56' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>OpenSource</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-57' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>Performance</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-58' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>Porting</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-59' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>Printing</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-60' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>QuickTime</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-61' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>Resources</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-62' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>ScriptingAutomation</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-63' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>Security</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-64' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>Storage</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-65' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>TextFonts</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-66' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>UserExperience</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-1-67' data-tt-parent-id='3-1-1-2-3-1'><td><span class='folder'>WebObjects</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-2' data-tt-parent-id='3-1-1-2-3'><td><span class='folder'>referencelibrary</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-2-1' data-tt-parent-id='3-1-1-2-3-2'><td><span class='file'>adc.css</span></td><td>File</td><td>1.46 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-2-2' data-tt-parent-id='3-1-1-2-3-2'><td><span class='file'>base.css</span></td><td>File</td><td>1.08 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-2-3' data-tt-parent-id='3-1-1-2-3-2'><td><span class='folder'>images</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-1-1-2-3-2-3-1' data-tt-parent-id='3-1-1-2-3-2-3'><td><span class='file'>body_bg.gif</span></td><td>File</td><td>0.24 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-2-3-2' data-tt-parent-id='3-1-1-2-3-2-3'><td><span class='file'>main_bgbottom.gif</span></td><td>File</td><td>2.35 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-2-3-3' data-tt-parent-id='3-1-1-2-3-2-3'><td><span class='file'>main_bgtop.gif</span></td><td>File</td><td>6.88 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-2-3-4' data-tt-parent-id='3-1-1-2-3-2-3'><td><span class='file'>main_bgtop_stroke.gif</span></td><td>File</td><td>7.62 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-2-3-5' data-tt-parent-id='3-1-1-2-3-2-3'><td><span class='file'>UpdateBanner_core.png</span></td><td>File</td><td>24.25 KB</td></tr>
+      <tr data-tt-id='3-1-1-2-3-2-4' data-tt-parent-id='3-1-1-2-3-2'><td><span class='file'>index.html</span></td><td>File</td><td>1.15 KB</td></tr>
+      <tr data-tt-id='3-1-1-3' data-tt-parent-id='3-1-1'><td><span class='file'>version.plist</span></td><td>File</td><td>0.44 KB</td></tr>
+      <tr data-tt-id='3-2' data-tt-parent-id='3'><td><span class='folder'>com.apple.ADC_Reference_Library.DeveloperTools.docset</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1' data-tt-parent-id='3-2'><td><span class='folder'>Contents</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-1' data-tt-parent-id='3-2-1'><td><span class='file'>Info.plist</span></td><td>File</td><td>1.33 KB</td></tr>
+      <tr data-tt-id='3-2-1-2' data-tt-parent-id='3-2-1'><td><span class='folder'>Resources</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-1' data-tt-parent-id='3-2-1-2'><td><span class='file'>docSet.dsidx</span></td><td>File</td><td>2752 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-2' data-tt-parent-id='3-2-1-2'><td><span class='file'>docSet.skidx</span></td><td>File</td><td>5664 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3' data-tt-parent-id='3-2-1-2'><td><span class='folder'>Documents</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1' data-tt-parent-id='3-2-1-2-3'><td><span class='folder'>documentation</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-1' data-tt-parent-id='3-2-1-2-3-1'><td><span class='file'>adcstyle.css</span></td><td>File</td><td>15.86 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>AppleApplications</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-1' data-tt-parent-id='3-2-1-2-3-1-2'><td><span class='file'>AppleApplications.html</span></td><td>File</td><td>0.22 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2' data-tt-parent-id='3-2-1-2-3-1-2'><td><span class='folder'>Conceptual</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1' data-tt-parent-id='3-2-1-2-3-1-2-2'><td><span class='folder'>Dashcode_UserGuide</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1' data-tt-parent-id='3-2-1-2-3-1-2-2-1'><td><span class='folder'>Contents</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1'><td><span class='folder'>Resources</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1'><td><span class='folder'>de.lproj</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-1' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1'><td><span class='folder'>Advanced</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-1-1' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1-1'><td><span class='file'>chapter_8_section_1.html</span></td><td>File</td><td>6.71 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-1-2' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1-1'><td><span class='file'>chapter_8_section_2.html</span></td><td>File</td><td>7.93 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-1-3' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1-1'><td><span class='file'>chapter_8_section_3.html</span></td><td>File</td><td>6.38 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-2' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1'><td><span class='folder'>Art</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-2-1' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1-2'><td><span class='file'>apple_birthday_widget.jpg</span></td><td>File</td><td>33.5 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-2-2' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1-2'><td><span class='file'>canvas_inspector.jpg</span></td><td>File</td><td>71.75 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-2-3' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1-2'><td><span class='file'>countdown_attributes.jpg</span></td><td>File</td><td>46.69 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-2-4' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1-2'><td><span class='file'>project_window.jpg</span></td><td>File</td><td>107.57 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-2-5' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1-2'><td><span class='file'>source_code_inspector.jpg</span></td><td>File</td><td>76.19 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-2-6' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1-2'><td><span class='file'>webapp_add_code.jpg</span></td><td>File</td><td>85.65 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-2-7' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1-2'><td><span class='file'>webapp_add_part.jpg</span></td><td>File</td><td>108.16 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-2-8' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1-2'><td><span class='file'>webapp_first_test.jpg</span></td><td>File</td><td>86.82 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-2-9' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1-2'><td><span class='file'>webapp_project_window.jpg</span></td><td>File</td><td>152.27 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-3' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1'><td><span class='file'>chapter_999_section_1.html</span></td><td>File</td><td>6.3 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-4' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1'><td><span class='folder'>CodeAndDebugging</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-5' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1'><td><span class='file'>Dashcode_UserGuide.pdf</span></td><td>File</td><td>1875.27 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-6' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1'><td><span class='folder'>DebuggingSharing</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-7' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1'><td><span class='folder'>DesignTools</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-8' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1'><td><span class='file'>index.html</span></td><td>File</td><td>1.11 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-9' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1'><td><span class='folder'>Introduction</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-10' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1'><td><span class='folder'>MakingaWebApp</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-11' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1'><td><span class='folder'>MakingaWidgetwithDashcode</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-12' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1'><td><span class='folder'>PartsReference</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-13' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1'><td><span class='folder'>Templates</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-14' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1'><td><span class='file'>toc.html</span></td><td>File</td><td>38.57 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-1-15' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-1'><td><span class='folder'>WidgetProjects</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1'><td><span class='folder'>en.lproj</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2-1' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-2'><td><span class='folder'>Advanced</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2-1-1' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-2-1'><td><span class='file'>chapter_8_section_1.html</span></td><td>File</td><td>6.6 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2-1-2' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-2-1'><td><span class='file'>chapter_8_section_2.html</span></td><td>File</td><td>7.4 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2-1-3' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-2-1'><td><span class='file'>chapter_8_section_3.html</span></td><td>File</td><td>6.24 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2-2' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-2'><td><span class='folder'>Art</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2-3' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-2'><td><span class='file'>chapter_999_section_1.html</span></td><td>File</td><td>6.2 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2-4' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-2'><td><span class='folder'>CodeAndDebugging</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2-5' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-2'><td><span class='file'>Dashcode_UserGuide.pdf</span></td><td>File</td><td>1087.36 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2-6' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-2'><td><span class='folder'>DebuggingSharing</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2-7' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-2'><td><span class='folder'>DesignTools</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2-8' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-2'><td><span class='file'>index.html</span></td><td>File</td><td>1.09 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2-9' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-2'><td><span class='folder'>Introduction</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2-10' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-2'><td><span class='folder'>MakingaWebApp</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2-11' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-2'><td><span class='folder'>MakingaWidgetwithDashcode</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2-12' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-2'><td><span class='folder'>PartsReference</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2-13' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-2'><td><span class='folder'>Templates</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2-14' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-2'><td><span class='file'>toc.html</span></td><td>File</td><td>38.11 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-2-15' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1-2'><td><span class='folder'>WidgetProjects</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-3' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1'><td><span class='folder'>es.lproj</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-4' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1'><td><span class='folder'>fr.lproj</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-5' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1'><td><span class='folder'>it.lproj</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-6' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1'><td><span class='folder'>ja.lproj</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-7' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1'><td><span class='folder'>nl.lproj</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-2-1-1-1-8' data-tt-parent-id='3-2-1-2-3-1-2-2-1-1-1'><td><span class='folder'>zh.lproj</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-3' data-tt-parent-id='3-2-1-2-3-1-2'><td><span class='file'>Dashboard-date.html</span></td><td>File</td><td>10.88 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-4' data-tt-parent-id='3-2-1-2-3-1-2'><td><span class='file'>Dashboard-rev-date.html</span></td><td>File</td><td>8.85 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-5' data-tt-parent-id='3-2-1-2-3-1-2'><td><span class='file'>Dashboard-rev-revision.html</span></td><td>File</td><td>8.83 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-6' data-tt-parent-id='3-2-1-2-3-1-2'><td><span class='file'>Dashboard-rev-title.html</span></td><td>File</td><td>8.85 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-7' data-tt-parent-id='3-2-1-2-3-1-2'><td><span class='file'>Dashboard-title.html</span></td><td>File</td><td>10.71 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-8' data-tt-parent-id='3-2-1-2-3-1-2'><td><span class='file'>index-date.html</span></td><td>File</td><td>11.79 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-9' data-tt-parent-id='3-2-1-2-3-1-2'><td><span class='file'>index-rev-date.html</span></td><td>File</td><td>9.38 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-10' data-tt-parent-id='3-2-1-2-3-1-2'><td><span class='file'>index-rev-revision.html</span></td><td>File</td><td>9.36 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-11' data-tt-parent-id='3-2-1-2-3-1-2'><td><span class='file'>index-rev-title.html</span></td><td>File</td><td>9.37 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-12' data-tt-parent-id='3-2-1-2-3-1-2'><td><span class='file'>index-rev-topic.html</span></td><td>File</td><td>9.37 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-13' data-tt-parent-id='3-2-1-2-3-1-2'><td><span class='file'>index-title.html</span></td><td>File</td><td>11.78 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-14' data-tt-parent-id='3-2-1-2-3-1-2'><td><span class='file'>index-topic.html</span></td><td>File</td><td>12.39 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-15' data-tt-parent-id='3-2-1-2-3-1-2'><td><span class='file'>index.html</span></td><td>File</td><td>7.24 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-16' data-tt-parent-id='3-2-1-2-3-1-2'><td><span class='file'>iSync-date.html</span></td><td>File</td><td>8.17 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-2-17' data-tt-parent-id='3-2-1-2-3-1-2'><td><span class='file'>iSync-title.html</span></td><td>File</td><td>8 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>Carbon</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-1' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>Carbon.html</span></td><td>File</td><td>0.21 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-2' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>DesignGuidelines-date.html</span></td><td>File</td><td>9.93 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-3' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>DesignGuidelines-rev-date.html</span></td><td>File</td><td>7.45 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-4' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>DesignGuidelines-rev-revision.html</span></td><td>File</td><td>7.44 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-5' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>DesignGuidelines-rev-title.html</span></td><td>File</td><td>7.45 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-6' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>DesignGuidelines-title.html</span></td><td>File</td><td>9.77 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-7' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>index-date.html</span></td><td>File</td><td>19.66 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-8' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>index-rev-date.html</span></td><td>File</td><td>12.35 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-9' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>index-rev-revision.html</span></td><td>File</td><td>12.33 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-10' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>index-rev-title.html</span></td><td>File</td><td>12.34 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-11' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>index-rev-topic.html</span></td><td>File</td><td>12.98 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-12' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>index-title.html</span></td><td>File</td><td>19.65 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-13' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>index-topic.html</span></td><td>File</td><td>22.64 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-14' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>index.html</span></td><td>File</td><td>10.96 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-15' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>IntelBasedMacs-date.html</span></td><td>File</td><td>10.5 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-16' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>IntelBasedMacs-title.html</span></td><td>File</td><td>10.33 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-17' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>Performance-date.html</span></td><td>File</td><td>9.14 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-18' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>Performance-title.html</span></td><td>File</td><td>8.98 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-19' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>Porting-date.html</span></td><td>File</td><td>8.78 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-20' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>Porting-title.html</span></td><td>File</td><td>8.63 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-21' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>Tools-date.html</span></td><td>File</td><td>16.03 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-22' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>Tools-rev-date.html</span></td><td>File</td><td>10.85 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-23' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>Tools-rev-revision.html</span></td><td>File</td><td>10.83 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-24' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>Tools-rev-title.html</span></td><td>File</td><td>10.84 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-25' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>Tools-title.html</span></td><td>File</td><td>15.88 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-26' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>UserExperience-date.html</span></td><td>File</td><td>8.85 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-3-27' data-tt-parent-id='3-2-1-2-3-1-3'><td><span class='file'>UserExperience-title.html</span></td><td>File</td><td>8.69 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-4' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>Cocoa</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-5' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>CoreFoundation</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-6' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>css</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-7' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>Darwin</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-8' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>DeveloperTools</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-9' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>GraphicsImaging</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-10' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>HardwareDrivers</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-11' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>images</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-12' data-tt-parent-id='3-2-1-2-3-1'><td><span class='file'>index-date.html</span></td><td>File</td><td>38.14 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-13' data-tt-parent-id='3-2-1-2-3-1'><td><span class='file'>index-rev-date.html</span></td><td>File</td><td>20.91 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-14' data-tt-parent-id='3-2-1-2-3-1'><td><span class='file'>index-rev-revision.html</span></td><td>File</td><td>20.89 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-15' data-tt-parent-id='3-2-1-2-3-1'><td><span class='file'>index-rev-title.html</span></td><td>File</td><td>20.9 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-16' data-tt-parent-id='3-2-1-2-3-1'><td><span class='file'>index-rev-topic.html</span></td><td>File</td><td>45.06 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-17' data-tt-parent-id='3-2-1-2-3-1'><td><span class='file'>index-title.html</span></td><td>File</td><td>38.14 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-18' data-tt-parent-id='3-2-1-2-3-1'><td><span class='file'>index-topic.html</span></td><td>File</td><td>77.78 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-19' data-tt-parent-id='3-2-1-2-3-1'><td><span class='file'>index.html</span></td><td>File</td><td>17.08 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-20' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>Internationalization</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-21' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>InternetWeb</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-22' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>Java</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-23' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>js</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-24' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>LegacyTechnologies</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-25' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>MacOSX</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-26' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>OpenSource</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-27' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>Performance</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-28' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>Porting</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-29' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>Resources</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-30' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>ScriptingAutomation</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-31' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>UserExperience</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-1-32' data-tt-parent-id='3-2-1-2-3-1'><td><span class='folder'>Xcode</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2' data-tt-parent-id='3-2-1-2-3'><td><span class='folder'>featuredarticles</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-1' data-tt-parent-id='3-2-1-2-3-2'><td><span class='file'>adcstyle.css</span></td><td>File</td><td>15.86 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-2' data-tt-parent-id='3-2-1-2-3-2'><td><span class='folder'>AppleApplications</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-2-1' data-tt-parent-id='3-2-1-2-3-2-2'><td><span class='file'>idxDashboard-date.html</span></td><td>File</td><td>8.35 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-2-2' data-tt-parent-id='3-2-1-2-3-2-2'><td><span class='file'>idxDashboard-title.html</span></td><td>File</td><td>8.24 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-2-3' data-tt-parent-id='3-2-1-2-3-2-2'><td><span class='file'>index-date.html</span></td><td>File</td><td>8.52 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-2-4' data-tt-parent-id='3-2-1-2-3-2-2'><td><span class='file'>index-title.html</span></td><td>File</td><td>8.51 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-2-5' data-tt-parent-id='3-2-1-2-3-2-2'><td><span class='file'>index-topic.html</span></td><td>File</td><td>8.51 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-2-6' data-tt-parent-id='3-2-1-2-3-2-2'><td><span class='file'>index.html</span></td><td>File</td><td>6.46 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-3' data-tt-parent-id='3-2-1-2-3-2'><td><span class='folder'>Carbon</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-4' data-tt-parent-id='3-2-1-2-3-2'><td><span class='folder'>Cocoa</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-5' data-tt-parent-id='3-2-1-2-3-2'><td><span class='folder'>css</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-6' data-tt-parent-id='3-2-1-2-3-2'><td><span class='folder'>DeveloperTools</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-7' data-tt-parent-id='3-2-1-2-3-2'><td><span class='folder'>Games</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-8' data-tt-parent-id='3-2-1-2-3-2'><td><span class='folder'>images</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-9' data-tt-parent-id='3-2-1-2-3-2'><td><span class='file'>index-date.html</span></td><td>File</td><td>16.03 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-10' data-tt-parent-id='3-2-1-2-3-2'><td><span class='file'>index-title.html</span></td><td>File</td><td>16.03 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-11' data-tt-parent-id='3-2-1-2-3-2'><td><span class='file'>index-topic.html</span></td><td>File</td><td>19.32 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-12' data-tt-parent-id='3-2-1-2-3-2'><td><span class='file'>index.html</span></td><td>File</td><td>10.98 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-13' data-tt-parent-id='3-2-1-2-3-2'><td><span class='folder'>js</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-14' data-tt-parent-id='3-2-1-2-3-2'><td><span class='folder'>LegacyTechnologies</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-15' data-tt-parent-id='3-2-1-2-3-2'><td><span class='folder'>ScriptingAutomation</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-2-16' data-tt-parent-id='3-2-1-2-3-2'><td><span class='folder'>UserExperience</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-3' data-tt-parent-id='3-2-1-2-3'><td><span class='file'>index.html</span></td><td>File</td><td>0.23 KB</td></tr>
+      <tr data-tt-id='3-2-1-2-3-4' data-tt-parent-id='3-2-1-2-3'><td><span class='folder'>qa</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-5' data-tt-parent-id='3-2-1-2-3'><td><span class='folder'>reference</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-6' data-tt-parent-id='3-2-1-2-3'><td><span class='folder'>referencelibrary</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-7' data-tt-parent-id='3-2-1-2-3'><td><span class='folder'>releasenotes</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-8' data-tt-parent-id='3-2-1-2-3'><td><span class='folder'>samplecode</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-9' data-tt-parent-id='3-2-1-2-3'><td><span class='folder'>technicalnotes</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-10' data-tt-parent-id='3-2-1-2-3'><td><span class='folder'>technicalqas</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-2-3-11' data-tt-parent-id='3-2-1-2-3'><td><span class='folder'>technotes</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='3-2-1-3' data-tt-parent-id='3-2-1'><td><span class='file'>version.plist</span></td><td>File</td><td>0.44 KB</td></tr>
+      <tr data-tt-id='4'><td><span class='file'>iPhone SDK License.rtf</span></td><td>File</td><td>37.93 KB</td></tr>
+      <tr data-tt-id='5'><td><span class='folder'>Perl</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='5-1' data-tt-parent-id='5'><td><span class='folder'>wxPerl</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='5-1-1' data-tt-parent-id='5-1'><td><span class='file'>INSTALL.pod</span></td><td>File</td><td>8.26 KB</td></tr>
+      <tr data-tt-id='5-1-2' data-tt-parent-id='5-1'><td><span class='file'>todo.txt</span></td><td>File</td><td>2.3 KB</td></tr>
+      <tr data-tt-id='6'><td><span class='folder'>Python</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='6-1' data-tt-parent-id='6'><td><span class='folder'>PyObjC</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='6-1-1' data-tt-parent-id='6-1'><td><span class='file'>announcement.txt</span></td><td>File</td><td>2.33 KB</td></tr>
+      <tr data-tt-id='6-1-2' data-tt-parent-id='6-1'><td><span class='file'>api-notes-macosx.html</span></td><td>File</td><td>30.09 KB</td></tr>
+      <tr data-tt-id='6-1-3' data-tt-parent-id='6-1'><td><span class='file'>api-notes-macosx.txt</span></td><td>File</td><td>18.37 KB</td></tr>
+      <tr data-tt-id='6-1-4' data-tt-parent-id='6-1'><td><span class='file'>C-API.html</span></td><td>File</td><td>11 KB</td></tr>
+      <tr data-tt-id='6-1-5' data-tt-parent-id='6-1'><td><span class='file'>C-API.txt</span></td><td>File</td><td>8.67 KB</td></tr>
+      <tr data-tt-id='6-1-6' data-tt-parent-id='6-1'><td><span class='file'>coding-style.html</span></td><td>File</td><td>4.53 KB</td></tr>
+      <tr data-tt-id='6-1-7' data-tt-parent-id='6-1'><td><span class='file'>coding-style.txt</span></td><td>File</td><td>2.92 KB</td></tr>
+      <tr data-tt-id='6-1-8' data-tt-parent-id='6-1'><td><span class='file'>gnustep.html</span></td><td>File</td><td>1.96 KB</td></tr>
+      <tr data-tt-id='6-1-9' data-tt-parent-id='6-1'><td><span class='file'>gnustep.txt</span></td><td>File</td><td>1.52 KB</td></tr>
+      <tr data-tt-id='6-1-10' data-tt-parent-id='6-1'><td><span class='file'>index.html</span></td><td>File</td><td>2.75 KB</td></tr>
+      <tr data-tt-id='6-1-11' data-tt-parent-id='6-1'><td><span class='file'>index.txt</span></td><td>File</td><td>2.64 KB</td></tr>
+      <tr data-tt-id='6-1-12' data-tt-parent-id='6-1'><td><span class='file'>intro.html</span></td><td>File</td><td>44.82 KB</td></tr>
+      <tr data-tt-id='6-1-13' data-tt-parent-id='6-1'><td><span class='file'>intro.txt</span></td><td>File</td><td>38.38 KB</td></tr>
+      <tr data-tt-id='6-1-14' data-tt-parent-id='6-1'><td><span class='file'>protocols.html</span></td><td>File</td><td>3.48 KB</td></tr>
+      <tr data-tt-id='6-1-15' data-tt-parent-id='6-1'><td><span class='file'>protocols.txt</span></td><td>File</td><td>2.79 KB</td></tr>
+      <tr data-tt-id='6-1-16' data-tt-parent-id='6-1'><td><span class='file'>PyObjCTools.html</span></td><td>File</td><td>10.96 KB</td></tr>
+      <tr data-tt-id='6-1-17' data-tt-parent-id='6-1'><td><span class='file'>PyObjCTools.txt</span></td><td>File</td><td>7.9 KB</td></tr>
+      <tr data-tt-id='6-1-18' data-tt-parent-id='6-1'><td><span class='folder'>Quartz</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='6-1-18-1' data-tt-parent-id='6-1-18'><td><span class='file'>api-notes.txt</span></td><td>File</td><td>1.47 KB</td></tr>
+      <tr data-tt-id='6-1-19' data-tt-parent-id='6-1'><td><span class='file'>release-process.html</span></td><td>File</td><td>3.83 KB</td></tr>
+      <tr data-tt-id='6-1-20' data-tt-parent-id='6-1'><td><span class='file'>release-process.txt</span></td><td>File</td><td>2.65 KB</td></tr>
+      <tr data-tt-id='6-1-21' data-tt-parent-id='6-1'><td><span class='file'>structure.html</span></td><td>File</td><td>6.55 KB</td></tr>
+      <tr data-tt-id='6-1-22' data-tt-parent-id='6-1'><td><span class='file'>structure.txt</span></td><td>File</td><td>5.1 KB</td></tr>
+      <tr data-tt-id='6-1-23' data-tt-parent-id='6-1'><td><span class='file'>TODO.html</span></td><td>File</td><td>13.49 KB</td></tr>
+      <tr data-tt-id='6-1-24' data-tt-parent-id='6-1'><td><span class='file'>TODO.txt</span></td><td>File</td><td>9.06 KB</td></tr>
+      <tr data-tt-id='6-1-25' data-tt-parent-id='6-1'><td><span class='folder'>tutorial</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='6-1-26' data-tt-parent-id='6-1'><td><span class='folder'>tutorial_embed</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='6-1-27' data-tt-parent-id='6-1'><td><span class='file'>tutorial_reading.html</span></td><td>File</td><td>12.85 KB</td></tr>
+      <tr data-tt-id='6-1-28' data-tt-parent-id='6-1'><td><span class='file'>tutorial_reading.txt</span></td><td>File</td><td>11.12 KB</td></tr>
+      <tr data-tt-id='6-1-29' data-tt-parent-id='6-1'><td><span class='file'>website.lst</span></td><td>File</td><td>0.58 KB</td></tr>
+      <tr data-tt-id='6-1-30' data-tt-parent-id='6-1'><td><span class='file'>wrapping.html</span></td><td>File</td><td>6.04 KB</td></tr>
+      <tr data-tt-id='6-1-31' data-tt-parent-id='6-1'><td><span class='file'>wrapping.txt</span></td><td>File</td><td>5.2 KB</td></tr>
+      <tr data-tt-id='6-1-32' data-tt-parent-id='6-1'><td><span class='folder'>xcode</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='6-1-33' data-tt-parent-id='6-1'><td><span class='file'>Xcode-Templates.html</span></td><td>File</td><td>13.97 KB</td></tr>
+      <tr data-tt-id='6-2' data-tt-parent-id='6'><td><span class='folder'>wxPython</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='7'><td><span class='folder'>RubyCocoa</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='8'><td><span class='folder'>wxWidgets</span></td><td>Folder</td><td>--</td></tr>
+      <tr data-tt-id='9'><td><span class='file'>Xcode Tools License.rtf</span></td><td>File</td><td>18.79 KB</td></tr>
+        </tbody>
+      </table>
+
+      <pre class="listing">
+$("#example-advanced").treetable({ expandable: true });
+
+// Highlight selected row
+$("#example-advanced tbody").on("mousedown", "tr", function() {
+  $(".selected").not(this).removeClass("selected");
+  $(this).toggleClass("selected");
+});
+
+// Drag & Drop Example Code
+$("#example-advanced .file, #example-advanced .folder").draggable({
+  helper: "clone",
+  opacity: .75,
+  refreshPositions: true,
+  revert: "invalid",
+  revertDuration: 300,
+  scroll: true
+});
+
+$("#example-advanced .folder").each(function() {
+  $(this).parents("#example-advanced tr").droppable({
+    accept: ".file, .folder",
+    drop: function(e, ui) {
+      var droppedEl = ui.draggable.parents("tr");
+      $("#example-advanced").treetable("move", droppedEl.data("ttId"), $(this).data("ttId"));
+    },
+    hoverClass: "accept",
+    over: function(e, ui) {
+      var droppedEl = ui.draggable.parents("tr");
+      if(this != droppedEl[0] && !$(this).is(".expanded")) {
+        $("#example-advanced").treetable("expandNode", $(this).data("ttId"));
+      }
+    }
+  });
+});</pre>
+
+      <h3>AJAX enabled D&D example</h3>
+
+      <p>See <a href="https://github.com/ludo/jquery-treetable-ajax-example">https://github.com/ludo/jquery-treetable-ajax-example</a>.</p>
+
+      <h3>Using treetable with PersistJS</h3>
+
+      <p>See <a href="https://github.com/jughead/jquery-treetable-ajax-persist">https://github.com/jughead/jquery-treetable-ajax-persist</a>.</p>
+    </div>
+
+    <script src="vendor/jquery.js"></script>
+    <script src="vendor/jquery-ui.js"></script>
+    <script src="javascripts/src/jquery.treetable.js"></script>
+    <script>
+      $("#example-basic").treetable({ expandable: true });
+
+      $("#example-basic-static").treetable();
+
+      $("#example-basic-expandable").treetable({ expandable: true });
+
+      $("#example-advanced").treetable({ expandable: true });
+
+      // Highlight selected row
+      $("#example-advanced tbody").on("mousedown", "tr", function() {
+        $(".selected").not(this).removeClass("selected");
+        $(this).toggleClass("selected");
+      });
+
+      // Drag & Drop Example Code
+      $("#example-advanced .file, #example-advanced .folder").draggable({
+        helper: "clone",
+        opacity: .75,
+        refreshPositions: true, // Performance?
+        revert: "invalid",
+        revertDuration: 300,
+        scroll: true
+      });
+
+      $("#example-advanced .folder").each(function() {
+        $(this).parents("#example-advanced tr").droppable({
+          accept: ".file, .folder",
+          drop: function(e, ui) {
+            var droppedEl = ui.draggable.parents("tr");
+            $("#example-advanced").treetable("move", droppedEl.data("ttId"), $(this).data("ttId"));
+          },
+          hoverClass: "accept",
+          over: function(e, ui) {
+            var droppedEl = ui.draggable.parents("tr");
+            if(this != droppedEl[0] && !$(this).is(".expanded")) {
+              $("#example-advanced").treetable("expandNode", $(this).data("ttId"));
+            }
+          }
+        });
+      });
+
+      $("form#reveal").submit(function() {
+        var nodeId = $("#revealNodeId").val()
+
+        try {
+          $("#example-advanced").treetable("reveal", nodeId);
+        }
+        catch(error) {
+          alert(error.message);
+        }
+
+        return false;
+      });
+    </script>
+  </body>
+</html>
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/javascripts/src/jquery.treetable.js b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/javascripts/src/jquery.treetable.js
new file mode 100644
index 00000000..42e7427c
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/javascripts/src/jquery.treetable.js
@@ -0,0 +1,620 @@
+/*
+ * jQuery treetable Plugin 3.1.0
+ * http://ludo.cubicphuse.nl/jquery-treetable
+ *
+ * Copyright 2013, Ludo van den Boom
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ */
+(function() {
+  var $, Node, Tree, methods;
+
+  $ = jQuery;
+
+  Node = (function() {
+    function Node(row, tree, settings) {
+      var parentId;
+
+      this.row = row;
+      this.tree = tree;
+      this.settings = settings;
+
+      // TODO Ensure id/parentId is always a string (not int)
+      this.id = this.row.data(this.settings.nodeIdAttr);
+
+      // TODO Move this to a setParentId function?
+      parentId = this.row.data(this.settings.parentIdAttr);
+      if (parentId != null && parentId !== "") {
+        this.parentId = parentId;
+      }
+
+      this.treeCell = $(this.row.children(this.settings.columnElType)[this.settings.column]);
+      this.expander = $(this.settings.expanderTemplate);
+      this.indenter = $(this.settings.indenterTemplate);
+      this.children = [];
+      this.initialized = false;
+      this.treeCell.prepend(this.indenter);
+    }
+
+    Node.prototype.addChild = function(child) {
+      return this.children.push(child);
+    };
+
+    Node.prototype.ancestors = function() {
+      var ancestors, node;
+      node = this;
+      ancestors = [];
+      while (node = node.parentNode()) {
+        ancestors.push(node);
+      }
+      return ancestors;
+    };
+
+    Node.prototype.collapse = function() {
+      if (this.collapsed()) {
+        return this;
+      }
+
+      this.row.removeClass("expanded").addClass("collapsed");
+
+      this._hideChildren();
+      this.expander.attr("title", this.settings.stringExpand);
+
+      if (this.initialized && this.settings.onNodeCollapse != null) {
+        this.settings.onNodeCollapse.apply(this);
+      }
+
+      return this;
+    };
+
+    Node.prototype.collapsed = function() {
+      return this.row.hasClass("collapsed");
+    };
+
+    // TODO destroy: remove event handlers, expander, indenter, etc.
+
+    Node.prototype.expand = function() {
+      if (this.expanded()) {
+        return this;
+      }
+
+      this.row.removeClass("collapsed").addClass("expanded");
+
+      if (this.initialized && this.settings.onNodeExpand != null) {
+        this.settings.onNodeExpand.apply(this);
+      }
+
+      if ($(this.row).is(":visible")) {
+        this._showChildren();
+      }
+
+      this.expander.attr("title", this.settings.stringCollapse);
+
+      return this;
+    };
+
+    Node.prototype.expanded = function() {
+      return this.row.hasClass("expanded");
+    };
+
+    Node.prototype.hide = function() {
+      this._hideChildren();
+      this.row.hide();
+      return this;
+    };
+
+    Node.prototype.isBranchNode = function() {
+      if(this.children.length > 0 || this.row.data(this.settings.branchAttr) === true) {
+        return true;
+      } else {
+        return false;
+      }
+    };
+
+    Node.prototype.updateBranchLeafClass = function(){
+      this.row.removeClass('branch');
+      this.row.removeClass('leaf');
+      this.row.addClass(this.isBranchNode() ? 'branch' : 'leaf');
+    };
+
+    Node.prototype.level = function() {
+      return this.ancestors().length;
+    };
+
+    Node.prototype.parentNode = function() {
+      if (this.parentId != null) {
+        return this.tree[this.parentId];
+      } else {
+        return null;
+      }
+    };
+
+    Node.prototype.removeChild = function(child) {
+      var i = $.inArray(child, this.children);
+      return this.children.splice(i, 1)
+    };
+
+    Node.prototype.render = function() {
+      var handler,
+          settings = this.settings,
+          target;
+
+      if (settings.expandable === true && this.isBranchNode()) {
+        handler = function(e) {
+          $(this).parents("table").treetable("node", $(this).parents("tr").data(settings.nodeIdAttr)).toggle();
+          return e.preventDefault();
+        };
+
+        this.indenter.html(this.expander);
+        target = settings.clickableNodeNames === true ? this.treeCell : this.expander;
+
+        target.off("click.treetable").on("click.treetable", handler);
+        target.off("keydown.treetable").on("keydown.treetable", function(e) {
+          if (e.keyCode == 13) {
+            handler.apply(this, [e]);
+          }
+        });
+      }
+
+      this.indenter[0].style.paddingLeft = "" + (this.level() * settings.indent) + "px";
+
+      return this;
+    };
+
+    Node.prototype.reveal = function() {
+      if (this.parentId != null) {
+        this.parentNode().reveal();
+      }
+      return this.expand();
+    };
+
+    Node.prototype.setParent = function(node) {
+      if (this.parentId != null) {
+        this.tree[this.parentId].removeChild(this);
+      }
+      this.parentId = node.id;
+      this.row.data(this.settings.parentIdAttr, node.id);
+      return node.addChild(this);
+    };
+
+    Node.prototype.show = function() {
+      if (!this.initialized) {
+        this._initialize();
+      }
+      this.row.show();
+      if (this.expanded()) {
+        this._showChildren();
+      }
+      return this;
+    };
+
+    Node.prototype.toggle = function() {
+      if (this.expanded()) {
+        this.collapse();
+      } else {
+        this.expand();
+      }
+      return this;
+    };
+
+    Node.prototype._hideChildren = function() {
+      var child, _i, _len, _ref, _results;
+      _ref = this.children;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        child = _ref[_i];
+        _results.push(child.hide());
+      }
+      return _results;
+    };
+
+    Node.prototype._initialize = function() {
+      var settings = this.settings;
+
+      this.render();
+
+      if (settings.expandable === true && settings.initialState === "collapsed") {
+        this.collapse();
+      } else {
+        this.expand();
+      }
+
+      if (settings.onNodeInitialized != null) {
+        settings.onNodeInitialized.apply(this);
+      }
+
+      return this.initialized = true;
+    };
+
+    Node.prototype._showChildren = function() {
+      var child, _i, _len, _ref, _results;
+      _ref = this.children;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        child = _ref[_i];
+        _results.push(child.show());
+      }
+      return _results;
+    };
+
+    return Node;
+  })();
+
+  Tree = (function() {
+    function Tree(table, settings) {
+      this.table = table;
+      this.settings = settings;
+      this.tree = {};
+
+      // Cache the nodes and roots in simple arrays for quick access/iteration
+      this.nodes = [];
+      this.roots = [];
+    }
+
+    Tree.prototype.collapseAll = function() {
+      var node, _i, _len, _ref, _results;
+      _ref = this.nodes;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        node = _ref[_i];
+        _results.push(node.collapse());
+      }
+      return _results;
+    };
+
+    Tree.prototype.expandAll = function() {
+      var node, _i, _len, _ref, _results;
+      _ref = this.nodes;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        node = _ref[_i];
+        _results.push(node.expand());
+      }
+      return _results;
+    };
+
+    Tree.prototype.findLastNode = function (node) {
+      if (node.children.length > 0) {
+        return this.findLastNode(node.children[node.children.length - 1]);
+      } else {
+        return node;
+      }
+    };
+
+    Tree.prototype.loadRows = function(rows) {
+      var node, row, i;
+
+      if (rows != null) {
+        for (i = 0; i < rows.length; i++) {
+          row = $(rows[i]);
+
+          if (row.data(this.settings.nodeIdAttr) != null) {
+            node = new Node(row, this.tree, this.settings);
+            this.nodes.push(node);
+            this.tree[node.id] = node;
+
+            if (node.parentId != null) {
+              this.tree[node.parentId].addChild(node);
+            } else {
+              this.roots.push(node);
+            }
+          }
+        }
+      }
+
+      for (i = 0; i < this.nodes.length; i++) {
+        node = this.nodes[i].updateBranchLeafClass();
+      }
+
+      return this;
+    };
+
+    Tree.prototype.move = function(node, destination) {
+      // Conditions:
+      // 1: +node+ should not be inserted as a child of +node+ itself.
+      // 2: +destination+ should not be the same as +node+'s current parent (this
+      //    prevents +node+ from being moved to the same location where it already
+      //    is).
+      // 3: +node+ should not be inserted in a location in a branch if this would
+      //    result in +node+ being an ancestor of itself.
+      var nodeParent = node.parentNode();
+      if (node !== destination && destination.id !== node.parentId && $.inArray(node, destination.ancestors()) === -1) {
+        node.setParent(destination);
+        this._moveRows(node, destination);
+
+        // Re-render parentNode if this is its first child node, and therefore
+        // doesn't have the expander yet.
+        if (node.parentNode().children.length === 1) {
+          node.parentNode().render();
+        }
+      }
+
+      if(nodeParent){
+        nodeParent.updateBranchLeafClass();
+      }
+      if(node.parentNode()){
+        node.parentNode().updateBranchLeafClass();
+      }
+      node.updateBranchLeafClass();
+      return this;
+    };
+
+    Tree.prototype.removeNode = function(node) {
+      // Recursively remove all descendants of +node+
+      this.unloadBranch(node);
+
+      // Remove node from DOM (<tr>)
+      node.row.remove();
+
+      // Clean up Tree object (so Node objects are GC-ed)
+      delete this.tree[node.id];
+      this.nodes.splice($.inArray(node, this.nodes), 1);
+    }
+
+    Tree.prototype.render = function() {
+      var root, _i, _len, _ref;
+      _ref = this.roots;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        root = _ref[_i];
+
+        // Naming is confusing (show/render). I do not call render on node from
+        // here.
+        root.show();
+      }
+      return this;
+    };
+
+    Tree.prototype.sortBranch = function(node, sortFun) {
+      // First sort internal array of children
+      node.children.sort(sortFun);
+
+      // Next render rows in correct order on page
+      this._sortChildRows(node);
+
+      return this;
+    };
+
+    Tree.prototype.unloadBranch = function(node) {
+      var children, i;
+
+      for (i = 0; i < node.children.length; i++) {
+        this.removeNode(node.children[i]);
+      }
+
+      // Reset node's collection of children
+      node.children = [];
+
+      node.updateBranchLeafClass();
+
+      return this;
+    };
+
+    Tree.prototype._moveRows = function(node, destination) {
+      var children = node.children, i;
+
+      node.row.insertAfter(destination.row);
+      node.render();
+
+      // Loop backwards through children to have them end up on UI in correct
+      // order (see #112)
+      for (i = children.length - 1; i >= 0; i--) {
+        this._moveRows(children[i], node);
+      }
+    };
+
+    // Special _moveRows case, move children to itself to force sorting
+    Tree.prototype._sortChildRows = function(parentNode) {
+      return this._moveRows(parentNode, parentNode);
+    };
+
+    return Tree;
+  })();
+
+  // jQuery Plugin
+  methods = {
+    init: function(options, force) {
+      var settings;
+
+      settings = $.extend({
+        branchAttr: "ttBranch",
+        clickableNodeNames: false,
+        column: 0,
+        columnElType: "td", // i.e. 'td', 'th' or 'td,th'
+        expandable: false,
+        expanderTemplate: "<a href='#'>&nbsp;</a>",
+        indent: 19,
+        indenterTemplate: "<span class='indenter'></span>",
+        initialState: "collapsed",
+        nodeIdAttr: "ttId", // maps to data-tt-id
+        parentIdAttr: "ttParentId", // maps to data-tt-parent-id
+        stringExpand: "Expand",
+        stringCollapse: "Collapse",
+
+        // Events
+        onInitialized: null,
+        onNodeCollapse: null,
+        onNodeExpand: null,
+        onNodeInitialized: null
+      }, options);
+
+      return this.each(function() {
+        var el = $(this), tree;
+
+        if (force || el.data("treetable") === undefined) {
+          tree = new Tree(this, settings);
+          tree.loadRows(this.rows).render();
+
+          el.addClass("treetable").data("treetable", tree);
+
+          if (settings.onInitialized != null) {
+            settings.onInitialized.apply(tree);
+          }
+        }
+
+        return el;
+      });
+    },
+
+    destroy: function() {
+      return this.each(function() {
+        return $(this).removeData("treetable").removeClass("treetable");
+      });
+    },
+
+    collapseAll: function() {
+      this.data("treetable").collapseAll();
+      return this;
+    },
+
+    collapseNode: function(id) {
+      var node = this.data("treetable").tree[id];
+
+      if (node) {
+        node.collapse();
+      } else {
+        throw new Error("Unknown node '" + id + "'");
+      }
+
+      return this;
+    },
+
+    expandAll: function() {
+      this.data("treetable").expandAll();
+      return this;
+    },
+
+    expandNode: function(id) {
+      var node = this.data("treetable").tree[id];
+
+      if (node) {
+        if (!node.initialized) {
+          node._initialize();
+        }
+
+        node.expand();
+      } else {
+        throw new Error("Unknown node '" + id + "'");
+      }
+
+      return this;
+    },
+
+    loadBranch: function(node, rows) {
+      var settings = this.data("treetable").settings,
+          tree = this.data("treetable").tree;
+
+      // TODO Switch to $.parseHTML
+      rows = $(rows);
+
+      if (node == null) { // Inserting new root nodes
+        this.append(rows);
+      } else {
+        var lastNode = this.data("treetable").findLastNode(node);
+        rows.insertAfter(lastNode.row);
+      }
+
+      this.data("treetable").loadRows(rows);
+
+      // Make sure nodes are properly initialized
+      rows.filter("tr").each(function() {
+        tree[$(this).data(settings.nodeIdAttr)].show();
+      });
+
+      if (node != null) {
+        // Re-render parent to ensure expander icon is shown (#79)
+        node.render().expand();
+      }
+
+      return this;
+    },
+
+    move: function(nodeId, destinationId) {
+      var destination, node;
+
+      node = this.data("treetable").tree[nodeId];
+      destination = this.data("treetable").tree[destinationId];
+      this.data("treetable").move(node, destination);
+
+      return this;
+    },
+
+    node: function(id) {
+      return this.data("treetable").tree[id];
+    },
+
+    removeNode: function(id) {
+      var node = this.data("treetable").tree[id];
+
+      if (node) {
+        this.data("treetable").removeNode(node);
+      } else {
+        throw new Error("Unknown node '" + id + "'");
+      }
+
+      return this;
+    },
+
+    reveal: function(id) {
+      var node = this.data("treetable").tree[id];
+
+      if (node) {
+        node.reveal();
+      } else {
+        throw new Error("Unknown node '" + id + "'");
+      }
+
+      return this;
+    },
+
+    sortBranch: function(node, columnOrFunction) {
+      var settings = this.data("treetable").settings,
+          prepValue,
+          sortFun;
+
+      columnOrFunction = columnOrFunction || settings.column;
+      sortFun = columnOrFunction;
+
+      if ($.isNumeric(columnOrFunction)) {
+        sortFun = function(a, b) {
+          var extractValue, valA, valB;
+
+          extractValue = function(node) {
+            var val = node.row.find("td:eq(" + columnOrFunction + ")").text();
+            // Ignore trailing/leading whitespace and use uppercase values for
+            // case insensitive ordering
+            return $.trim(val).toUpperCase();
+          }
+
+          valA = extractValue(a);
+          valB = extractValue(b);
+
+          if (valA < valB) return -1;
+          if (valA > valB) return 1;
+          return 0;
+        };
+      }
+
+      this.data("treetable").sortBranch(node, sortFun);
+      return this;
+    },
+
+    unloadBranch: function(node) {
+      this.data("treetable").unloadBranch(node);
+      return this;
+    }
+  };
+
+  $.fn.treetable = function(method) {
+    if (methods[method]) {
+      return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
+    } else if (typeof method === 'object' || !method) {
+      return methods.init.apply(this, arguments);
+    } else {
+      return $.error("Method " + method + " does not exist on jQuery.treetable");
+    }
+  };
+
+  // Expose classes to world
+  this.TreeTable || (this.TreeTable = {});
+  this.TreeTable.Node = Node;
+  this.TreeTable.Tree = Tree;
+}).call(this);
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/javascripts/test/jquery.treetable.test.js b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/javascripts/test/jquery.treetable.test.js
new file mode 100644
index 00000000..3063b7a0
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/javascripts/test/jquery.treetable.test.js
@@ -0,0 +1,1555 @@
+(function() {
+  var expect;
+
+  expect = chai.expect;
+
+  function collectValues(nodes) {
+    return $.map(nodes, function(node, i) {
+      return node.row.find("td").first().text();
+    });
+  };
+
+  function collectValuesInTable(table) {
+    var result = table.find("tbody tr td:first-child").map(function() {
+      return $(this).text();
+    });
+
+    return $.makeArray(result);
+  };
+
+  describe("treetable()", function() {
+    beforeEach(function() {
+      this.subject = $("<table><tr data-tt-id='0'><td>N0</td></tr><tr data-tt-id='1' data-tt-parent-id='0'><td>N1</td></tr><tr data-tt-id='2' data-tt-parent-id='0' data-tt-branch='true'><td>N2</td></tr></table>");
+    });
+
+    it("maintains chainability", function() {
+      expect(this.subject.treetable()).to.equal(this.subject);
+    });
+
+    it("adds treetable object to element", function() {
+      expect(this.subject.data("treetable")).to.be.undefined;
+      this.subject.treetable();
+      expect(this.subject.data("treetable")).to.be.defined;
+    });
+
+    it("adds .treetable css class to element", function() {
+      expect(this.subject.hasClass("treetable")).to.be.false;
+      this.subject.treetable();
+      expect(this.subject.hasClass("treetable")).to.be.true;
+    });
+
+    it("does not initialize twice", function() {
+      var data;
+      this.subject.treetable();
+      data = this.subject.data("treetable");
+      this.subject.treetable();
+      expect(this.subject.data("treetable")).to.equal(data);
+    });
+
+    it("initializes twice when explicitly requested", function() {
+      var newData, oldData;
+      this.subject.treetable();
+      oldData = this.subject.data("treetable");
+      this.subject.treetable({}, true);
+      newData = this.subject.data("treetable");
+      expect(newData).not.to.equal(oldData);
+      expect(this.subject.data("treetable")).to.equal(newData);
+    });
+
+    describe("destroy()", function() {
+      it("removes treetable object from element", function() {
+        this.subject.treetable();
+        expect(this.subject.data("treetable")).to.be.defined;
+        this.subject.treetable("destroy");
+        expect(this.subject.data("treetable")).to.be.undefined;
+      });
+
+      it("removes .treetable css class from element", function() {
+        this.subject.treetable();
+        expect(this.subject.hasClass("treetable")).to.be.true;
+        this.subject.treetable("destroy");
+        expect(this.subject.hasClass("treetable")).to.be.false;
+      });
+    });
+
+    describe("with expandable: false", function() {
+      beforeEach(function() {
+        this.subject.treetable({
+          expandable: false
+        }).appendTo("body");
+      });
+
+      afterEach(function() {
+        this.subject.remove();
+      });
+
+      it("all nodes are visible", function() {
+        var row, _i, _len, _ref, _results;
+        _ref = this.subject[0].rows;
+        _results = [];
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          row = _ref[_i];
+          _results.push(expect($(row)).to.be.visible);
+        }
+        return _results;
+      });
+    });
+
+    describe("with expandable: true and clickableNodeNames: false", function() {
+      beforeEach(function() {
+        this.subject.treetable({
+          expandable: true,
+          initialState: "expanded"
+        }).appendTo("body");
+      });
+
+      afterEach(function() {
+        this.subject.remove();
+      });
+
+      it("collapses branch when node toggler clicked", function() {
+        expect(this.subject.treetable("node", 1).row).to.be.visible;
+        this.subject.treetable("node", 0).row.find(".indenter a").click();
+        expect(this.subject.treetable("node", 1).row).to.not.be.visible;
+      });
+
+      it("does not collapse branch when cell clicked", function() {
+        expect(this.subject.treetable("node", 1).row).to.be.visible;
+        this.subject.treetable("node", 0).row.find("td").first().click();
+        expect(this.subject.treetable("node", 1).row).to.be.visible;
+      });
+
+      describe("for nodes with children", function() {
+        it("renders a clickable node toggler", function() {
+          expect(this.subject.treetable("node", 0).row).to.have("a");
+        });
+      });
+
+      describe("for nodes without children", function() {
+        it("does not render a clickable node toggler", function() {
+          expect(this.subject.treetable("node", 1).row).to.not.have("a");
+        });
+      });
+
+      describe("for nodes without children but with branch node data attribute", function() {
+        it("renders a clickable node toggler", function() {
+          expect(this.subject.treetable("node", 2).row).to.have("a");
+        });
+      });
+    });
+
+    describe("with expandable: true and clickableNodeNames: true", function() {
+      beforeEach(function() {
+        this.subject.treetable({
+          expandable: true,
+          clickableNodeNames: true
+        }).appendTo("body");
+      });
+
+      afterEach(function() {
+        this.subject.remove();
+      });
+
+      it("expands branch when node toggler clicked", function() {
+        expect(this.subject.treetable("node", 1).row).to.not.be.visible;
+        this.subject.treetable("node", 0).row.find(".indenter a").click();
+        expect(this.subject.treetable("node", 1).row).to.be.visible;
+      });
+
+      it("expands branch when cell clicked", function() {
+        expect(this.subject.treetable("node", 1).row).to.not.be.visible;
+        this.subject.treetable("node", 0).row.find("td").first().click();
+        expect(this.subject.treetable("node", 1).row).to.be.visible;
+      });
+    });
+
+    describe("collapseAll()", function() {
+      beforeEach(function() {
+        this.subject.treetable({
+          initialState: "expanded"
+        });
+      });
+
+      it("collapses all nodes", function() {
+        var row, _i, _len, _ref, _results;
+        this.subject.treetable("collapseAll");
+        _ref = this.subject[0].rows;
+        _results = [];
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          row = _ref[_i];
+          _results.push(expect($(row).hasClass("collapsed")).to.be.true);
+        }
+        return _results;
+      });
+
+      it("maintains chainability", function() {
+        expect(this.subject.treetable("collapseAll")).to.equal(this.subject);
+      });
+    });
+
+    describe("collapseNode()", function() {
+      beforeEach(function() {
+        this.subject.treetable({
+          initialState: "expanded"
+        });
+      });
+
+      it("collapses a root node", function() {
+        var row = $(this.subject[0].rows[0]);
+        this.subject.treetable("collapseNode", row.data("ttId"));
+        expect(row.hasClass("collapsed")).to.be.true;
+      });
+
+      it("collapses a branch node", function() {
+        var row = $(this.subject[0].rows[1]);
+        this.subject.treetable("collapseNode", row.data("ttId"));
+        expect(row.hasClass("collapsed")).to.be.true;
+      });
+
+      it("throws an error for unknown nodes", function() {
+        var fn, subject;
+        subject = this.subject;
+        fn = function() {
+          subject.treetable("collapseNode", "whatever");
+        };
+        expect(fn).to["throw"](Error, "Unknown node 'whatever'");
+      });
+
+      it("maintains chainability", function() {
+        var row = $(this.subject[0].rows[0]);
+        expect(this.subject.treetable("collapseNode", row.data("ttId"))).to.equal(this.subject);
+      });
+    });
+
+    describe("expandAll()", function() {
+      beforeEach(function() {
+        this.subject.treetable({
+          initialState: "collapsed"
+        });
+      });
+
+      it("expands all nodes", function() {
+        var row, _i, _len, _ref, _results;
+        this.subject.treetable("expandAll");
+        _ref = this.subject[0].rows;
+        _results = [];
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          row = _ref[_i];
+          _results.push(expect($(row).hasClass("expanded")).to.be.true);
+        }
+        return _results;
+      });
+
+      it("maintains chainability", function() {
+        expect(this.subject.treetable("expandAll")).to.equal(this.subject);
+      });
+    });
+
+    describe("expandNode()", function() {
+      beforeEach(function() {
+        this.subject.treetable({
+          expandable: true,
+          initialState: "collapsed"
+        });
+      });
+
+      it("expands a root node", function() {
+        var row = $(this.subject[0].rows[0]);
+        this.subject.treetable("expandNode", row.data("ttId"));
+        expect(row.hasClass("expanded")).to.be.true;
+      });
+
+      it("expands a branch node", function() {
+        var row = $(this.subject[0].rows[1]);
+        this.subject.treetable("expandNode", row.data("ttId"));
+        expect(row.hasClass("expanded")).to.be.true;
+      });
+
+      it("throws an error for unknown nodes", function() {
+        var fn, subject;
+        subject = this.subject;
+        fn = function() {
+          subject.treetable("expandNode", "whatever");
+        };
+        expect(fn).to["throw"](Error, "Unknown node 'whatever'");
+      });
+
+      it("maintains chainability", function() {
+        var row = $(this.subject[0].rows[0]);
+        expect(this.subject.treetable("expandNode", row.data("ttId"))).to.equal(this.subject);
+      });
+
+      it("initializes nodes", function() {
+        var row = $(this.subject[0].rows[2]);
+        this.subject.treetable("expandNode", row.data("ttId"));
+        expect(this.subject.treetable("node", row.data("ttId")).initialized).to.be.true;
+      });
+    });
+
+    describe("loadBranch()", function() {
+      beforeEach(function() {
+        this.newRows = "<tr data-tt-id='3' data-tt-parent-id='2'><td>N3</td></tr><tr data-tt-id='4' data-tt-parent-id='2'><td>N4</td></tr>"
+        this.moreRows = "<tr data-tt-id='5' data-tt-parent-id='2'><td>N5</td></tr>";
+
+        this.subject.treetable({ expandable: true });
+        this.parentNode = this.subject.treetable("node", 2);
+      });
+
+      it("shows expander for parent if neccessary (#79)", function() {
+        var childRow,
+            rootNode,
+            rootRow;
+
+        // This row won't show an expander
+        rootRow = "<tr data-tt-id='3'><td>N3</td></tr>";
+
+        // But when this row is added as a child it should add expander to N3
+        childRow = "<tr data-tt-id='4' data-tt-parent-id='3'><td>N4</td></tr>";
+
+        // First add nonBranchRow as a new root node
+        this.subject.treetable("loadBranch", null, rootRow);
+        rootNode = this.subject.treetable("node", "3");
+
+        expect(rootNode.indenter).to.be.empty;
+        this.subject.treetable("loadBranch", rootNode, childRow);
+        expect(rootNode.indenter).not.to.be.empty;
+      });
+
+      it("shows parent expanded when child nodes loaded (#79)", function() {
+        var childRow,
+            rootNode,
+            rootRow;
+
+        // This row won't show an expander
+        rootRow = "<tr data-tt-id='3'><td>N3</td></tr>";
+
+        // But when this row is added as a child it should add expander to N3
+        childRow = "<tr data-tt-id='4' data-tt-parent-id='3'><td>N4</td></tr>";
+
+        // First add nonBranchRow as a new root node
+        this.subject.treetable("loadBranch", null, rootRow);
+        rootNode = this.subject.treetable("node", "3");
+
+        this.subject.treetable("loadBranch", rootNode, childRow);
+        expect(rootNode.row).to.have.class("expanded");
+      });
+
+      it("inserts rows into DOM, appending new rows to end of children", function() {
+        expect(this.subject[0].rows.length).to.equal(3);
+        this.subject.treetable("loadBranch", this.parentNode, this.newRows);
+        expect(this.subject[0].rows.length).to.equal(5);
+        this.subject.treetable("loadBranch", this.parentNode, this.moreRows);
+        expect(this.subject[0].rows.length).to.equal(6);
+
+        // Verify order
+        var order = _.map(this.subject[0].rows, function(row) { return $(row).data("ttId"); });
+        expect(order).to.deep.equal([0,1,2,3,4,5]);
+      });
+
+      it("inserts rows after any descendants (#73)", function() {
+        var childRows = "<tr data-tt-id='6' data-tt-parent-id='4'><td>N6</td></tr>";
+
+        this.subject.treetable("loadBranch", this.parentNode, this.newRows);
+        this.subject.treetable("loadBranch", this.parentNode, childRows);
+        this.subject.treetable("loadBranch", this.parentNode, this.moreRows);
+
+        // Verify order
+        var order = _.map(this.subject[0].rows, function(row) { return $(row).data("ttId"); });
+        expect(order).to.deep.equal([0,1,2,3,4,6,5]);
+      });
+
+      it("does not choke when fed a collection object with rows instead of a string", function() {
+        expect(this.subject.data("treetable").tree[3]).to.be.undefined;
+        this.subject.treetable("loadBranch", this.parentNode, $.parseHTML(this.newRows));
+        expect(this.subject.data("treetable").tree[3]).to.be.defined;
+      });
+
+      it("does not choke on leading whitespace", function() {
+        expect(this.subject.data("treetable").tree[3]).to.be.undefined;
+        this.subject.treetable("loadBranch", this.parentNode, "   <tr data-tt-id='3' data-tt-parent-id='2'><td>N3</td></tr>");
+        expect(this.subject.data("treetable").tree[3]).to.be.defined;
+      });
+
+      it("does not choke on whitespace between rows", function() {
+        expect(this.subject.data("treetable").tree[3]).to.be.undefined;
+        this.subject.treetable("loadBranch", this.parentNode, "<tr data-tt-id='3' data-tt-parent-id='2'><td>N3</td></tr>     <tr data-tt-id='4' data-tt-parent-id='2'><td>N4</td></tr>");
+        expect(this.subject.data("treetable").tree[3]).to.be.defined;
+      });
+
+      it("does not choke on non-row elements", function() {
+        expect(this.subject.data("treetable").tree[3]).to.be.undefined;
+        this.subject.treetable("loadBranch", this.parentNode, "<b>Wish you were here</b><tr data-tt-id='3' data-tt-parent-id='2'><td>N3</td></tr>");
+        expect(this.subject.data("treetable").tree[3]).to.be.defined;
+      });
+
+      it("inserts rows into tree", function() {
+        expect(this.subject.data("treetable").tree[3]).to.be.undefined;
+        expect(this.subject.data("treetable").tree[4]).to.be.undefined;
+        this.subject.treetable("loadBranch", this.parentNode, this.newRows);
+        expect(this.subject.data("treetable").tree[3]).to.be.defined;
+        expect(this.subject.data("treetable").tree[4]).to.be.defined;
+      });
+
+      it("registers nodes", function() {
+        expect(this.subject.data("treetable").nodes.length).to.equal(3);
+        this.subject.treetable("loadBranch", this.parentNode, this.newRows);
+        expect(this.subject.data("treetable").nodes.length).to.equal(5);
+      });
+
+      it("initializes nodes", function() {
+        this.subject.treetable("loadBranch", this.parentNode, this.newRows);
+        expect(this.subject.data("treetable").tree[3].initialized).to.be.true;
+        expect(this.subject.data("treetable").tree[4].initialized).to.be.true;
+      });
+
+      it("maintains chainability", function() {
+        expect(this.subject.treetable("loadBranch", this.parentNode, this.newRows)).to.equal(this.subject);
+      });
+
+      describe("adding nodes at root level", function() {
+        beforeEach(function() {
+          this.rootRows = "<tr data-tt-id='6'><td>N6</td></tr>";
+        });
+
+        it("registers nodes as root nodes", function () {
+          expect(this.subject.data("treetable").roots.length).to.equal(1);
+          this.subject.treetable("loadBranch", null, this.rootRows);
+          expect(this.subject.data("treetable").roots.length).to.equal(2);
+        });
+
+        it("inserts rows into DOM", function () {
+          this.subject.treetable("loadBranch", null, this.rootRows);
+          expect($(this.subject[0].rows[3]).data("ttId")).to.equal(6);
+        });
+
+        describe("when table uses a tbody element", function() {
+          beforeEach(function() {
+            this.subject = $("<table><tbody><tr data-tt-id='0'><td>N0</td></tr><tr data-tt-id='1' data-tt-parent-id='0'><td>N1</td></tr><tr data-tt-id='2' data-tt-parent-id='0' data-tt-branch='true'><td>N2</td></tr></tbody></table>");
+            this.subject.treetable();
+          });
+
+          it("appends nodes to tbody", function() {
+            this.subject.treetable("loadBranch", null, this.rootRows);
+            expect($(this.subject.find("tbody tr:last")).data("ttId")).to.equal(6);
+          });
+        });
+
+        describe("when table uses tbody and tfoot elements", function() {
+          beforeEach(function() {
+            this.subject = $("<table><tbody><tr data-tt-id='0'><td>N0</td></tr><tr data-tt-id='1' data-tt-parent-id='0'><td>N1</td></tr><tr data-tt-id='2' data-tt-parent-id='0' data-tt-branch='true'><td>N2</td></tr></tbody><tfoot><tr><td>Footer</td></tr></table>");
+            this.subject.treetable();
+          });
+
+          it("still appends nodes to tbody", function() {
+            this.subject.treetable("loadBranch", null, this.rootRows);
+            expect($(this.subject.find("tbody tr:last")).data("ttId")).to.equal(6);
+          });
+        });
+      });
+    });
+
+    describe("move()", function() {
+      beforeEach(function() {
+        this.subject.treetable();
+      });
+
+      it("maintains chainability", function() {
+        expect(this.subject.treetable("move", 1, 2)).to.equal(this.subject);
+      });
+    });
+
+    describe("node()", function() {
+      beforeEach(function() {
+        this.subject.treetable();
+      });
+
+      it("returns node by id", function() {
+        expect(this.subject.treetable("node", "0")).to.equal(this.subject.data("treetable").tree[0]);
+        expect(this.subject.treetable("node", 0)).to.equal(this.subject.data("treetable").tree[0]);
+      });
+
+      it("returns undefined for unknown node", function() {
+        expect(this.subject.treetable("node", "unknown")).to.be.undefined;
+      });
+    });
+
+    describe("removeNode()", function() {
+      beforeEach(function() {
+        this.subject.treetable();
+      });
+
+      it("maintains chainability", function() {
+        expect(this.subject.treetable("removeNode", "2")).to.equal(this.subject);
+      });
+    });
+
+    describe("reveal()", function() {
+      beforeEach(function() {
+        this.subject.treetable();
+      });
+
+      it("maintains chainability", function() {
+        expect(this.subject.treetable("reveal", "2")).to.equal(this.subject);
+      });
+    });
+
+    describe("sortBranch()", function() {
+      beforeEach(function() {
+        this.subject = $("<table><tr data-tt-id='0'><td>ROOT</td><td>Col 2</td></tr><tr data-tt-id='1' data-tt-parent-id='0'><td>C1C</td><td>C2A</tr><tr data-tt-id='2' data-tt-parent-id='0' data-tt-branch='true'><td> C1a</td><td>C2C</td></tr><tr data-tt-id='2-1' data-tt-parent-id='2'><td>CHILD</td><td>Col 2</td></tr><tr data-tt-id='3' data-tt-parent-id='0'><td>C1B</td><td>C2B</td></tr></table>");
+
+        this.subject.treetable();
+        this.parentNode = this.subject.treetable("node", "0");
+      });
+
+      it("defaults to sorting a node's children alphabetically (case-insensitive)", function() {
+        expect(collectValues(this.parentNode.children)).to.eql(["C1C", " C1a", "C1B"]);
+        this.subject.treetable("sortBranch", this.parentNode);
+        expect(collectValues(this.parentNode.children)).to.eql([" C1a", "C1B", "C1C"]);
+      });
+
+      it("updates UI", function() {
+        expect(collectValuesInTable(this.subject)).to.eql(["ROOT", "C1C", " C1a", "CHILD", "C1B"]);
+        this.subject.treetable("sortBranch", this.parentNode);
+        expect(collectValuesInTable(this.subject)).to.eql(["ROOT", " C1a", "CHILD", "C1B", "C1C"]);
+      });
+
+      it("sorts on chosen column", function() {
+        expect(collectValues(this.parentNode.children)).to.eql(["C1C", " C1a", "C1B"]);
+        this.subject.treetable("sortBranch", this.parentNode, 1);
+        expect(collectValues(this.parentNode.children)).to.eql(["C1C", "C1B", " C1a"]);
+      });
+
+      it("accepts custom sorting functions (example: numOfChildren)", function() {
+        var sortOnNumOfChildrenFun = function(a, b) {
+          var valA = a.children.length,
+              valB = b.children.length;
+          if (valA < valB) return -1;
+          if (valA > valB) return 1;
+          return 0;
+        };
+
+        expect(collectValues(this.parentNode.children)).to.eql(["C1C", " C1a", "C1B"]);
+        this.subject.treetable("sortBranch", this.parentNode, sortOnNumOfChildrenFun);
+        expect(collectValues(this.parentNode.children)).to.eql(["C1C", "C1B", " C1a"]);
+      });
+
+      it("accepts custom sorting functions (example: alphabeticallyDescending)", function() {
+        var sortAlphabeticallyDescending = function(a, b) {
+          var valA = $.trim(a.row.find("td:eq(0)").text()).toUpperCase(),
+              valB = $.trim(b.row.find("td:eq(0)").text()).toUpperCase();
+          if (valA > valB) return -1;
+          if (valA < valB) return 1;
+          return 0;
+        };
+
+        expect(collectValues(this.parentNode.children)).to.eql(["C1C", " C1a", "C1B"]);
+        this.subject.treetable("sortBranch", this.parentNode, sortAlphabeticallyDescending);
+        expect(collectValues(this.parentNode.children)).to.eql(["C1C", "C1B", " C1a"]);
+      });
+    });
+
+    describe("unloadBranch()", function() {
+      beforeEach(function() {
+        this.newRows = "<tr data-tt-id='3' data-tt-parent-id='2'><td>N3</td></tr><tr data-tt-id='4' data-tt-parent-id='2'><td>N4</td></tr>"
+
+        this.subject.treetable();
+        this.parentNode = this.subject.treetable("node", 2);
+        this.subject.treetable("loadBranch", this.parentNode, this.newRows);
+      });
+
+      it("removes rows from DOM", function() {
+        expect(this.subject[0].rows.length).to.equal(5);
+        this.subject.treetable("unloadBranch", this.parentNode);
+        expect(this.subject[0].rows.length).to.equal(3);
+      });
+
+      it("removes rows from tree", function() {
+        expect(this.subject.data("treetable").tree[3]).to.be.defined;
+        expect(this.subject.data("treetable").tree[4]).to.be.defined;
+        this.subject.treetable("unloadBranch", this.parentNode);
+        expect(this.subject.data("treetable").tree[3]).to.be.undefined;
+        expect(this.subject.data("treetable").tree[4]).to.be.undefined;
+      });
+
+      it("updates the branch and leaf classes", function() {
+        this.subject.treetable("unloadBranch", this.subject.treetable("node", 0));
+          expect($(this.subject[0].rows[0])).to.have.class('leaf');
+      });
+
+      it("updates the branch and leaf classes when has branchAttr", function() {
+        this.subject.treetable("unloadBranch", this.parentNode);
+          expect($(this.subject[0].rows[2])).to.have.class('branch');
+      });
+
+      it("removes nodes from node cache", function() {
+        expect(this.subject.data("treetable").nodes.length).to.equal(5);
+        this.subject.treetable("unloadBranch", this.parentNode);
+        expect(this.subject.data("treetable").nodes.length).to.equal(3);
+      });
+
+      it("removes nodes from parent's list of children", function() {
+        expect(this.parentNode.children.length).to.equal(2);
+        this.subject.treetable("unloadBranch", this.parentNode);
+        expect(this.parentNode.children.length).to.equal(0);
+      });
+
+      it("maintains chainability", function() {
+        expect(this.subject.treetable("unloadBranch", this.parentNode)).to.equal(this.subject);
+      });
+    });
+
+  });
+
+  describe("TreeTable.Node", function() {
+    describe("addChild()", function() {
+      beforeEach(function() {
+        this.table = $("<table><tr data-tt-id='n0'><td>N0</td></tr><tr data-tt-id='n1'><td>N1</td></tr></table>");
+        this.table.treetable();
+        this.parent = this.table.data("treetable").tree["n0"];
+        this.child = this.table.data("treetable").tree["n1"];
+      });
+
+      it("adds child to collection of children", function() {
+        expect(this.parent.children).to.be.empty;
+        this.parent.addChild(this.child);
+        expect(this.parent.children).to.include(this.child);
+      });
+    });
+
+    describe("ancestors()", function() {
+      beforeEach(function() {
+        this.subject = $("<table id='subject'><tr data-tt-id='1'><td>N1</td></tr><tr data-tt-id='2' data-tt-parent-id='1'><td>N2</td></tr><tr data-tt-id='3' data-tt-parent-id='2'><td>N3</td></tr><tr data-tt-id='4' data-tt-parent-id='3'><td>N4</td></tr></table>").treetable().data("treetable").tree;
+      });
+
+      it("has correct size", function() {
+        expect(_.size(this.subject[4].ancestors())).to.equal(3);
+      });
+
+      it("includes the parent node", function() {
+        expect(this.subject[4].ancestors()).to.include(this.subject[4].parentNode());
+      });
+
+      it("includes the parent's parent node", function() {
+        expect(this.subject[4].ancestors()).to.include(this.subject[3].parentNode());
+      });
+
+      it("includes the root node", function() {
+        expect(this.subject[4].ancestors()).to.include(this.subject[1]);
+      });
+
+      it("does not include node itself", function() {
+        expect(this.subject[4].ancestors()).to.not.include(this.subject[4]);
+      });
+    });
+
+    describe("children", function() {
+      beforeEach(function() {
+        this.subject = $("<table id='subject'><tr data-tt-id='1'><td>N1</td></tr><tr data-tt-id='2' data-tt-parent-id='1'><td>N2</td></tr><tr data-tt-id='3' data-tt-parent-id='2'><td>N3</td><tr data-tt-id='5' data-tt-parent-id='2'><td>N5</td></tr></tr><tr data-tt-id='4' data-tt-parent-id='3'><td>N4</td></tr></table>").treetable().data("treetable").tree;
+      });
+
+      it("includes direct children", function() {
+        expect(_.size(this.subject[2].children)).to.equal(2);
+        expect(this.subject[2].children).to.include(this.subject[3]);
+        expect(this.subject[2].children).to.include(this.subject[5]);
+      });
+
+      it("does not include grandchildren", function() {
+        expect(this.subject[2].children).to.not.include(this.subject[4]);
+      });
+
+      it("does not include parent", function() {
+        expect(this.subject[2].children).to.not.include(this.subject[2].parentNode());
+      });
+
+      it("does not include node itself", function() {
+        expect(this.subject[2].children).to.not.include(this.subject[2]);
+      });
+    });
+
+    describe("collapse()", function() {
+      beforeEach(function() {
+        this.table = $("<table id='subject'><tr data-tt-id='0'><td>N0</td></tr><tr data-tt-id='1' data-tt-parent-id='0'><td>N1</td></tr><tr data-tt-id='2' data-tt-parent-id='0'><td>N2</td></tr><tr data-tt-id='3' data-tt-parent-id='2'><td>N3</td></tr></table>").appendTo("body").treetable({
+          initialState: "expanded"
+        });
+        this.subject = this.table.data("treetable").tree;
+      });
+
+      afterEach(function() {
+        this.table.remove();
+      });
+
+      it("ignores multiple invokes", function() {
+        var callback = sinon.spy(),
+            node = this.subject[0];
+
+        this.table.data("treetable").settings.onNodeCollapse = callback;
+
+        node.collapse();
+        node.collapse();
+        expect(callback.calledOnce).to.be.true;
+      });
+
+      it("hides children", function() {
+        expect(this.subject[1].row).to.be.visible;
+        expect(this.subject[2].row).to.be.visible;
+        this.subject[0].collapse();
+        expect(this.subject[1].row).to.be.hidden;
+        expect(this.subject[2].row).to.be.hidden;
+      });
+
+      it("recursively hides grandchildren", function() {
+        expect(this.subject[3].row).to.be.visible;
+        this.subject[0].collapse();
+        expect(this.subject[3].row).to.be.hidden;
+      });
+
+      it("maintains chainability", function() {
+        expect(this.subject[0].collapse()).to.equal(this.subject[0]);
+      });
+    });
+
+    describe("collapsed()", function() {
+      beforeEach(function() {
+        this.subject = $("<table><tr data-tt-id='0'><td>Node</td></tr></table>").treetable().data("treetable").tree[0];
+      });
+
+      it("returns true when collapsed", function() {
+        this.subject.collapse();
+        expect(this.subject.collapsed()).to.be.true;
+      });
+
+      it("returns false when expanded", function() {
+        this.subject.expand();
+        expect(this.subject.collapsed()).to.be.false;
+      });
+    });
+
+    describe("expand()", function() {
+      beforeEach(function() {
+        this.table = $("<table><tr data-tt-id='0'><td>N0</td></tr><tr data-tt-id='1' data-tt-parent-id='0'><td>N1</td></tr><tr data-tt-id='2' data-tt-parent-id='0'><td>N2</td></tr><tr data-tt-id='3' data-tt-parent-id='2'><td>N3</td></tr></table>").appendTo("body").treetable({
+          expandable: true
+        });
+        this.subject = this.table.data("treetable").tree;
+      });
+
+      afterEach(function() {
+        this.table.remove();
+      });
+
+      it("shows children", function() {
+        expect(this.subject[1].row).to.be.hidden;
+        expect(this.subject[2].row).to.be.hidden;
+        this.subject[0].expand();
+        expect(this.subject[1].row).to.be.visible;
+        expect(this.subject[2].row).to.be.visible;
+      });
+
+      it("ignores multiple invokes", function() {
+        var callback = sinon.spy(),
+            node = this.subject[0];
+
+        this.table.data("treetable").settings.onNodeExpand = callback;
+
+        node.expand();
+        node.expand();
+        expect(callback.calledOnce).to.be.true;
+      });
+
+      it("does not recursively show collapsed grandchildren", function() {
+        sinon.stub(this.subject[2], "expanded").returns(false);
+        expect(this.subject[3].row).to.be.hidden;
+        this.subject[0].expand();
+        expect(this.subject[3].row).to.be.hidden;
+      });
+
+      it("recursively shows expanded grandchildren", function() {
+        sinon.stub(this.subject[2], "expanded").returns(true);
+        expect(this.subject[3].row).to.be.hidden;
+        this.subject[0].expand();
+        expect(this.subject[3].row).to.be.visible;
+      });
+
+      it("does not show children if the node is hidden", function() {
+        expect(this.subject[3].row).to.be.hidden;
+        this.subject[2].expand();
+        expect(this.subject[3].row).to.be.hidden;
+      });
+
+      it("maintains chainability", function() {
+        expect(this.subject[0].expand()).to.equal(this.subject[0]);
+      });
+    });
+
+    describe("expanded()", function() {
+      beforeEach(function() {
+        this.subject = $("<table><tr data-tt-id='0'><td>Node</td></tr></table>").treetable().data("treetable").tree[0];
+      });
+
+      it("returns true when expanded", function() {
+        this.subject.expand();
+        expect(this.subject.expanded()).to.be.true;
+      });
+
+      it("returns false when collapsed", function() {
+        this.subject.collapse();
+        expect(this.subject.expanded()).to.be.false;
+      });
+    });
+
+    describe("indenter", function() {
+      beforeEach(function() {
+        this.table = $("<table><tr data-tt-id='0'><td>Root Node</td></tr><tr data-tt-id='1' data-tt-parent-id='0'><td>Branch Node</td></tr><tr data-tt-id='2' data-tt-parent-id='1'><td>Leaf Node</td></tr></table>").treetable({
+          initialState: "expanded"
+        }).data("treetable");
+        this.rootNode = this.table.tree[0];
+        this.branchNode = this.table.tree[1];
+        this.leafNode = this.table.tree[2];
+      });
+
+      it("has the 'indenter' class", function() {
+        expect(this.branchNode.indenter.hasClass("indenter")).to.be.true;
+      });
+
+      describe("when root node", function() {
+        it("is not indented", function() {
+          expect(this.rootNode.indenter.css("padding-left")).to.equal("0px");
+        });
+      });
+
+      describe("when level 1 branch node", function() {
+        it("is indented 19px", function() {
+          expect(this.branchNode.indenter.css("padding-left")).to.equal("19px");
+        });
+      });
+
+      describe("when level 2 leaf node", function() {
+        it("is indented 38px", function() {
+          expect(this.leafNode.indenter.css("padding-left")).to.equal("38px");
+        });
+      });
+    });
+
+    describe("initialized", function() {
+      beforeEach(function() {
+        this.table = $("<table><tr data-tt-id='0'><td>Root Node</td></tr><tr data-tt-id='1' data-tt-parent-id='0'><td>Leaf Node</td></tr></table>");
+      });
+
+      describe("when expandable is false", function() {
+        beforeEach(function() {
+          this.subject = this.table.treetable({
+            expandable: false
+          }).data("treetable").tree;
+          this.rootNode = this.subject[0];
+          this.leafNode = this.subject[1];
+        });
+
+        it("initializes root nodes immediately", function() {
+          expect(this.rootNode.initialized).to.be.true;
+        });
+
+        it("initializes non-root nodes immediately", function() {
+          expect(this.leafNode.initialized).to.be.true;
+        });
+      });
+
+      describe("when expandable is true and initialState is 'collapsed'", function() {
+        beforeEach(function() {
+          this.subject = this.table.treetable({
+            expandable: true,
+            initialState: "collapsed"
+          }).data("treetable").tree;
+          this.rootNode = this.subject[0];
+          this.leafNode = this.subject[1];
+        });
+
+        it("initializes root nodes immediately", function() {
+          expect(this.rootNode.initialized).to.be.true;
+        });
+
+        it("does not initialize non-root nodes immediately", function() {
+          expect(this.leafNode.initialized).to.be.false;
+        });
+      });
+
+      describe("when expandable is true and initialState is 'expanded'", function() {
+        beforeEach(function() {
+          this.subject = this.table.treetable({
+            expandable: true,
+            initialState: "expanded"
+          }).data("treetable").tree;
+          this.rootNode = this.subject[0];
+          this.leafNode = this.subject[1];
+        });
+
+        it("initializes root nodes immediately", function() {
+          expect(this.rootNode.initialized).to.be.true;
+        });
+
+        it("initializes non-root nodes immediately", function() {
+          expect(this.leafNode.initialized).to.be.true;
+        });
+      });
+    });
+
+    describe("hide()", function() {
+      beforeEach(function() {
+        this.table = $("<table><tr data-tt-id='0'><td>N0</td></tr><tr data-tt-id='1' data-tt-parent-id='0'><td>N1</td></tr></table>").appendTo("body").treetable();
+        this.subject = this.table.data("treetable").tree;
+        this.subject[0].expand();
+      });
+
+      afterEach(function() {
+        this.table.remove();
+      });
+
+      it("hides table row", function() {
+        expect(this.subject[0].row).to.be.visible;
+        this.subject[0].hide();
+        expect(this.subject[0].row).to.be.hidden;
+      });
+
+      it("recursively hides children", function() {
+        expect(this.subject[1].row).to.be.visible;
+        this.subject[0].hide();
+        expect(this.subject[1].row).to.be.hidden;
+      });
+
+      it("maintains chainability", function() {
+        expect(this.subject[0].hide()).to.equal(this.subject[0]);
+      });
+    });
+
+    describe("id", function() {
+      it("is extracted from row attributes", function() {
+        var subject;
+        subject = $("<table><tr data-tt-id='42'><td>N42</td></tr></table>").treetable().data("treetable").tree[42];
+        expect(subject.id).to.equal(42);
+      });
+    });
+
+    describe("isBranchNode()", function() {
+      it("is true when node has children", function() {
+        var subject = $("<table><tr data-tt-id='42'><td>N42</td></tr><tr data-tt-id='21' data-tt-parent-id='42'><td>N21</td></tr></table>").treetable().data("treetable").tree[42];
+        expect(subject.isBranchNode()).to.be.true;
+      });
+
+      it("is true when node has data attribute tt-branch with value 'true'", function() {
+        var subject = $("<table><tr data-tt-id='42' data-tt-branch='true'><td>N42</td></tr></table>").treetable().data("treetable").tree[42];
+        expect(subject.isBranchNode()).to.be.true;
+      });
+
+      // This would be an error in the tree, but I consider having children
+      // more important than the ttBranch attribute.
+      it("is true when node has children but also a tt-branch attribute with value 'false'", function() {
+        var subject = $("<table><tr data-tt-id='42' data-tt-branch='false'><td>N42</td></tr><tr data-tt-id='21' data-tt-parent-id='42'><td>N21</td></tr></table>").treetable().data("treetable").tree[42];
+        expect(subject.isBranchNode()).to.be.true;
+      });
+
+      it("is false when node has data attribute tt-branch with value 'false'", function() {
+        var subject = $("<table><tr data-tt-id='42' data-tt-branch='false'><td>N42</td></tr></table>").treetable().data("treetable").tree[42];
+        expect(subject.isBranchNode()).to.be.false;
+      });
+
+      it("is false when node has no children and no tt-branch attribute", function() {
+        var subject = $("<table><tr data-tt-id='42'><td>N42</td></tr></table>").treetable().data("treetable").tree[42];
+        expect(subject.isBranchNode()).to.be.false;
+      });
+    });
+
+    describe("level()", function() {
+      beforeEach(function() {
+        this.subject = $("<table id='subject'><tr data-tt-id='1'><td>N1</td></tr><tr data-tt-id='2' data-tt-parent-id='1'><td>N2</td></tr><tr data-tt-id='3' data-tt-parent-id='2'><td>N3</td></tr><tr data-tt-id='4' data-tt-parent-id='3'><td>N4</td></tr></table>").treetable().data("treetable").tree;
+      });
+
+      it("equals the number of ancestors", function() {
+        expect(this.subject[1].level()).to.equal(0);
+        expect(this.subject[2].level()).to.equal(1);
+        expect(this.subject[3].level()).to.equal(2);
+        expect(this.subject[4].level()).to.equal(3);
+      });
+    });
+
+    describe("parentId", function() {
+      it("is extracted from row attributes", function() {
+        var subject;
+        subject = $("<table><tr data-tt-id='12'><td>N12</td></tr><tr data-tt-id='42' data-tt-parent-id='12'><td>N42</td></tr></table>").treetable().data("treetable").tree[42];
+        expect(subject.parentId).to.equal(12);
+      });
+
+      it("is undefined when not available", function() {
+        var subject;
+        subject = $("<table><tr data-tt-id='0'><td>N42</td></tr></table>").treetable().data("treetable").tree[0];
+        expect(subject.parentId).to.be.undefined;
+      });
+
+      it("is undefined when empty", function() {
+        var subject;
+        subject = $("<table><tr data-tt-id='0' data-tt-parent-id=''><td>N42</td></tr></table>").treetable().data("treetable").tree[0];
+        expect(subject.parentId).to.be.undefined;
+      });
+    });
+
+    describe("parentNode()", function() {
+      beforeEach(function() {
+        this.subject = $("<table id='subject'><tr data-tt-id='0'><td>N0</td></tr><tr data-tt-id='1' data-tt-parent-id='0'><td>N1</td></tr></table>").treetable().data("treetable").tree;
+      });
+
+      describe("when node has a parent", function() {
+        beforeEach(function() {
+          this.subject = this.subject[1];
+        });
+
+        it("is a node object", function() {
+          // to.be.an.instanceof fails in IE9, is this a chai bug?
+          expect(this.subject.parentNode()).that.is.an.instanceof(TreeTable.Node);
+        });
+
+        it("'s id equals this node's parentId", function() {
+          expect(this.subject.parentNode().id).to.equal(this.subject.parentId);
+        });
+      });
+
+      describe("when node has no parent", function() {
+        beforeEach(function() {
+          this.subject = this.subject[0];
+        });
+
+        it("is null", function() {
+          expect(this.subject.parentNode()).to.be.null;
+        });
+      });
+    });
+
+    describe("removeChild()", function() {
+      beforeEach(function() {
+        this.table = $("<table><tr data-tt-id='n0'><td>N0</td></tr><tr data-tt-id='n1' data-tt-parent-id='n0'><td>N1</td></tr></table>");
+        this.table.treetable();
+        this.parent = this.table.data("treetable").tree["n0"];
+        this.child = this.table.data("treetable").tree["n1"];
+      });
+
+      it("removes child from collection of children", function() {
+        expect(this.parent.children).to.include(this.child);
+        this.parent.removeChild(this.child);
+        expect(this.parent.children).to.be.empty;
+      });
+    });
+
+    describe("render()", function() {
+      it("maintains chainability", function() {
+        var subject;
+        subject = $("<table><tr data-tt-id='n0'><td>N0</td></tr><tr data-tt-id='n1' data-tt-parent-id='n0'><td>N1</td></tr></table>").treetable().data("treetable").tree["n0"];
+        expect(subject.render()).to.equal(subject);
+      });
+    });
+
+    describe("setParent()", function() {
+      beforeEach(function() {
+        this.table = $("<table><tr data-tt-id='n0'><td>N0</td></tr><tr data-tt-id='n1' data-tt-parent-id='n0'><td>N1</td></tr><tr data-tt-id='n2'><td>N2</td></tr></table>");
+        this.table.treetable();
+        this.oldParent = this.table.data("treetable").tree["n0"];
+        this.subject = this.table.data("treetable").tree["n1"];
+        this.newParent = this.table.data("treetable").tree["n2"];
+      });
+
+      it("updates node's parent id", function() {
+        expect(this.subject.parentId).to.equal("n0");
+        this.subject.setParent(this.newParent);
+        expect(this.subject.parentId).to.equal("n2");
+      });
+
+      it("updates node's parent id data attribute", function() {
+        expect(this.subject.row.data("ttParentId")).to.equal("n0");
+        this.subject.setParent(this.newParent);
+        expect(this.subject.row.data("ttParentId")).to.equal("n2");
+      });
+
+      it("adds node to new parent's children", function() {
+        this.subject.setParent(this.newParent);
+        expect(this.newParent.children).to.include(this.subject);
+      });
+
+      it("removes node from old parent's children", function() {
+        this.subject.setParent(this.newParent);
+        expect(this.oldParent.children).to.not.include(this.subject);
+      });
+
+      it("does not try to remove children from parent when node is a root node", function() {
+        var fn, newParent, subject;
+        subject = this.subject;
+        newParent = this.newParent;
+        fn = function() {
+          subject.setParent(newParent);
+        };
+        expect(fn).to.not["throw"](Error);
+      });
+    });
+
+    describe("show()", function() {
+      beforeEach(function() {
+        this.table = $("<table><tr data-tt-id='0'><td>N0</td></tr><tr data-tt-id='1' data-tt-parent-id='0'><td>N1</td></tr></table>").appendTo("body").treetable();
+        this.subject = this.table.data("treetable").tree;
+        this.subject[0].hide();
+      });
+
+      afterEach(function() {
+        this.table.remove();
+      });
+
+      it("shows table row", function() {
+        expect(this.subject[0].row).to.be.hidden;
+        this.subject[0].show();
+        expect(this.subject[0].row).to.be.visible;
+      });
+
+      it("maintains chainability", function() {
+        expect(this.subject[0].show()).to.equal(this.subject[0]);
+      });
+
+      describe("when expanded", function() {
+        beforeEach(function() {
+          this.subject[0].expand().hide();
+        });
+
+        it("recursively shows children", function() {
+          expect(this.subject[1].row).to.be.hidden;
+          this.subject[0].show();
+          expect(this.subject[1].row).to.be.visible;
+        });
+      });
+
+      describe("when collapsed", function() {
+        beforeEach(function() {
+          this.subject[0].collapse().hide();
+        });
+
+        it("does not show children", function() {
+          expect(this.subject[1].row).to.be.hidden;
+          this.subject[0].show();
+          expect(this.subject[1].row).to.be.hidden;
+        });
+      });
+    });
+
+    describe("toggle()", function() {
+      beforeEach(function() {
+        this.table = $("<table><tr data-tt-id='42'><td>N42</td></tr><tr data-tt-id='24' data-tt-parent-id='42'><td>N24</td></tr></table>").appendTo("body").treetable({
+          expandable: true
+        });
+        this.subject = this.table.data("treetable").tree;
+      });
+
+      afterEach(function() {
+        this.table.remove();
+      });
+
+      it("toggles child rows", function() {
+        expect(this.subject[24].row).to.be.hidden;
+        this.subject[42].toggle();
+        expect(this.subject[24].row).to.be.visible;
+        this.subject[42].toggle();
+        expect(this.subject[24].row).to.be.hidden;
+      });
+
+      it("maintains chainability", function() {
+        expect(this.subject[42].toggle()).to.equal(this.subject[42]);
+      });
+    });
+
+    describe("treeCell", function() {
+      describe("with default column setting", function() {
+        beforeEach(function() {
+          this.subject = $("<table><tr data-tt-id='0'><th>Not part of tree</th><td>Column 1</td><td>Column 2</td></tr>").treetable().data("treetable").tree[0].treeCell;
+        });
+
+        it("is an object", function() {
+          // to.be.an("object") fails in IE9, is this a chai bug?
+          expect(this.subject).that.is.an("object");
+        });
+
+        it("maps to a td", function() {
+          expect(this.subject).to.be("td");
+        });
+
+        it("maps to the first column by default", function() {
+          expect(this.subject).to.contain("Column 1");
+        });
+
+        it("contains an indenter", function() {
+          expect(this.subject).to.have("span.indenter");
+        });
+      });
+
+      describe("with custom column setting", function() {
+        beforeEach(function() {
+          this.subject = $("<table><tr data-tt-id='0'><th>Not part of tree</th><td>Column 1</td><td>Column 2</td></tr></table>").treetable({
+            column: 1
+          }).data("treetable").tree[0].treeCell;
+        });
+
+        it("is configurable", function() {
+          expect(this.subject).to.contain("Column 2");
+        });
+      });
+    });
+  });
+
+  describe("TreeTable.Tree", function() {
+    describe("loadRows()", function() {
+      it("maintains chainability", function() {
+        var subject = new TreeTable.Tree($("<table></table>"), {});
+        expect(subject.loadRows()).to.equal(subject);
+      });
+
+      describe("a table without rows", function() {
+        it("'s tree cache is empty", function() {
+          var subject = new TreeTable.Tree($("<table></table>"), {}).loadRows().tree;
+          expect(_.size(subject)).to.equal(0);
+        });
+      });
+
+      describe("a table with tree rows", function() {
+        beforeEach(function() {
+            this.subject = $("<table><tr data-tt-id='0'><td>N0</td></tr><tr data-tt-id='1' data-tt-parent-id='0'><td>N1</td></tr></table>").treetable().data("treetable").tree;
+        });
+        it("caches all tree nodes", function() {
+          expect(_.size(this.subject)).to.equal(2);
+          expect(_.keys(this.subject)).to.include('0');
+          expect(_.keys(this.subject)).to.include('1');
+        });
+
+        it("sets branch and leaf classes", function() {
+            expect(this.subject[0].row).to.have.class('branch');
+            expect(this.subject[1].row).to.have.class('leaf');
+        });
+      });
+
+      describe("a table without tree rows", function() {
+        it("results in an empty node cache", function() {
+          var subject;
+          subject = $("<table><tr></tr><tr></tr></table>").treetable().data("treetable").tree;
+          expect(_.size(subject)).to.equal(0);
+        });
+      });
+
+      describe("a table with both tree rows and non tree rows", function() {
+        it("only caches tree nodes", function() {
+          var subject;
+          subject = $("<table><tr></tr><tr data-tt-id='21'><td>N21</td></tr></table>").treetable().data("treetable").tree;
+          expect(_.size(subject)).to.equal(1);
+          expect(_.keys(subject)).to.include('21');
+        });
+      });
+    });
+
+    describe("move()", function() {
+      beforeEach(function() {
+        this.table = $("<table><tr data-tt-id='n0'><td>N0</td></tr><tr data-tt-id='n1' data-tt-parent-id='n0' data-tt-branch='true'><td>N1</td></tr><tr data-tt-id='n2' data-tt-parent-id='n1'><td>N2</td></tr><tr data-tt-id='n2c1' data-tt-parent-id='n2'><td>N2C1</td></tr><tr data-tt-id='n2c2' data-tt-parent-id='n2'><td>N2C2</td></tr><tr data-tt-id='n3'><td>N3</td></tr><tr data-tt-id='n3c1' data-tt-parent-id='n3'><td>N3C1</td></tr><tr data-tt-id='n4' data-tt-parent-id='n3'><td>N4</td></tr><tr data-tt-id='n5' data-tt-parent-id='n3'><td>N5</td></tr></table>");
+        this.table.treetable();
+      });
+
+      it("moves node to new destination", function() {
+        var subject;
+        subject = this.table.data("treetable").tree["n2"];
+        expect(subject.parentId).to.equal("n1");
+        this.table.treetable("move", "n2", "n3");
+        expect(subject.parentId).to.equal("n3");
+      });
+
+      it("updates UI", function() {
+        expect(collectValuesInTable(this.table)).to.eql(["N0", "N1", "N2", "N2C1", "N2C2", "N3", "N3C1", "N4", "N5"]);
+        this.table.treetable("move", "n2", "n3");
+        expect(collectValuesInTable(this.table)).to.eql(["N0", "N1", "N3", "N2", "N2C1", "N2C2", "N3C1", "N4", "N5"]);
+      });
+
+      it("updates branch and leaf classes when node has siblings", function() {
+        this.table.treetable("move", "n5", "n0");
+        expect(this.table.data("treetable").tree["n0"].row).to.have.class('branch');
+        expect(this.table.data("treetable").tree["n3"].row).to.have.class('branch');
+        expect(this.table.data("treetable").tree["n5"].row).to.have.class('leaf');
+      });
+
+      it("updates branch and leaf classes when move when node has no siblings", function() {
+        this.table.treetable("move", "n1", "n3");
+        expect(this.table.data("treetable").tree["n0"].row).to.have.class('leaf');
+        expect(this.table.data("treetable").tree["n1"].row).to.have.class('branch');
+        expect(this.table.data("treetable").tree["n3"].row).to.have.class('branch');
+      });
+
+      it("updates branch and leaf classes when move when destination node has no siblings", function() {
+        expect(this.table.data("treetable").tree["n5"].row).to.have.class('leaf');
+        this.table.treetable("move", "n4", "n5");
+        expect(this.table.data("treetable").tree["n3"].row).to.have.class('branch');
+        expect(this.table.data("treetable").tree["n4"].row).to.have.class('leaf');
+        expect(this.table.data("treetable").tree["n5"].row).to.have.class('branch');
+      });
+
+      it("updates branch and leaf classes when move from node with branchAttr", function() {
+        expect(this.table.data("treetable").tree["n1"].row).to.have.class('branch');
+        this.table.treetable("move", "n2", "n0");
+        expect(this.table.data("treetable").tree["n1"].row).to.have.class('branch');
+      });
+
+      it("cannot make node a descendant of itself", function() {
+        var fn, table;
+        table = this.table;
+        fn = function() {
+          table.treetable("move", "n1", "n2");
+        };
+        expect(fn).to.not.throw();
+      });
+
+      it("cannot make node a child of itself", function() {
+        var fn, table;
+        table = this.table;
+        fn = function() {
+          table.treetable("move", "n1", "n1");
+        };
+        expect(fn).to.not.throw();
+      });
+
+      it("does nothing when node is moved to current location", function() {
+        // TODO How to test? Nothing is happening...
+        this.table.treetable("move", "n1", "n0");
+      });
+
+      it("maintains chainability", function() {
+        var destination, node, tree;
+        tree = this.table.data("treetable");
+        node = this.table.data("treetable").tree["n1"];
+        destination = this.table.data("treetable").tree["n3"];
+        expect(tree.move(node, destination)).to.equal(tree);
+      });
+    });
+
+    describe("render()", function() {
+      it("maintains chainability", function() {
+        var subject;
+        subject = new TreeTable.Tree($("<table></table>"), {});
+        expect(subject.render()).to.equal(subject);
+      });
+    });
+
+    describe("reveal()", function() {
+      beforeEach(function() {
+        this.table = $("<table><tr data-tt-id='0'><td>N0</td></tr><tr data-tt-id='1' data-tt-parent-id='0'><td>N1</td></tr><tr data-tt-id='2' data-tt-parent-id='1'><td>N2</td></tr></table>").treetable({
+          expandable: true
+        }).appendTo("body");
+        this.subject = this.table.data("treetable");
+      });
+
+      afterEach(function() {
+        this.table.remove();
+      });
+
+      it("reveals a node", function() {
+        expect(this.subject.tree[2].row).to.not.be.visible;
+        this.table.treetable("reveal", 2);
+        expect(this.subject.tree[2].row).to.be.visible;
+      });
+
+      it("expands the ancestors of the node", function() {
+        expect(this.subject.tree[1].row).to.not.be.visible;
+        this.table.treetable("reveal", 2);
+        expect(this.subject.tree[1].row).to.be.visible;
+      });
+
+      it("throws an error for unknown nodes", function() {
+        var fn, table;
+        table = this.table;
+        fn = function() {
+          table.treetable("reveal", "whatever");
+        };
+        expect(fn).to["throw"](Error, "Unknown node 'whatever'");
+      });
+    });
+
+    describe("roots", function() {
+      describe("when no rows", function() {
+        it("is empty", function() {
+          var subject;
+          subject = $("<table></table>").treetable().data("treetable");
+          expect(_.size(subject.roots)).to.equal(0);
+        });
+      });
+
+      describe("when single root node", function() {
+        beforeEach(function() {
+          this.subject = $("<table><tr data-tt-id='1'><td>N1</td></tr><tr data-tt-id='2' data-tt-parent-id='1'><td>N2</td></tr></table>").treetable().data("treetable");
+        });
+
+        it("includes root node when only one root node exists", function() {
+          var roots;
+          roots = this.subject.roots;
+          expect(_.size(roots)).to.equal(1);
+          expect(roots).to.include(this.subject.tree[1]);
+        });
+
+        it("does not include non-root nodes", function() {
+          expect(this.subject.roots).to.not.include(this.subject.tree[2]);
+        });
+      });
+
+      describe("when multiple root nodes", function() {
+        beforeEach(function() {
+          this.subject = $("<table><tr data-tt-id='1'><td>N1</td></tr><tr data-tt-id='2' data-tt-parent-id='1'><td>N2</td></tr><tr data-tt-id='3'><td>N3</td></tr></table>").treetable().data("treetable");
+        });
+
+        it("includes all root nodes", function() {
+          var roots;
+          roots = this.subject.roots;
+          expect(_.size(roots)).to.equal(2);
+          expect(roots).to.include(this.subject.tree[1]);
+          expect(roots).to.include(this.subject.tree[3]);
+        });
+
+        it("does not include non-root nodes", function() {
+          expect(this.subject.roots).to.not.include(this.subject.tree[2]);
+        });
+      });
+    });
+  });
+
+  describe("events", function() {
+    describe("onInitialized", function() {
+      describe("when no callback function given", function() {
+        it("does not complain", function() {
+          var table;
+          table = $("<table><tr data-tt-id='1'><td>N1</td></tr></table>").treetable({
+            onInitialized: null
+          });
+        });
+      });
+
+      describe("when callback function given", function() {
+        it("is called when tree has been initialized", function() {
+          var callback, table;
+
+          callback = sinon.spy();
+          table = $("<table><tr data-tt-id='1'><td>N1</td></tr></table>").treetable({
+            onInitialized: callback
+          });
+
+          expect(callback.called).to.be.true;
+        });
+      });
+    });
+
+    describe("onNodeCollapse", function() {
+      describe("when no callback function given", function() {
+        it("does not complain", function() {
+          var table;
+          table = $("<table><tr data-tt-id='1'><td>N1</td></tr><tr data-tt-id='2' data-tt-parent-id='1'><td>N2</td></tr></table>").treetable({
+            expandable: true,
+            initialState: "expanded",
+            onNodeCollapse: null
+          }).data("treetable");
+          table.roots[0].collapse();
+        });
+      });
+
+      describe("when callback function given", function() {
+        beforeEach(function() {
+          this.callback = sinon.spy();
+          this.table = $("<table><tr data-tt-id='1'><td>N1</td></tr><tr data-tt-id='2' data-tt-parent-id='1'><td>N2</td></tr></table>").treetable({
+            expandable: true,
+            initialState: "expanded",
+            onNodeCollapse: this.callback
+          }).data("treetable");
+        });
+
+        it("is called when node is being hidden", function() {
+          this.table.roots[0].collapse();
+          expect(this.callback.called).to.be.true;
+        });
+
+        it("is not called when node is being shown", function() {
+          this.table.roots[0].expand();
+          expect(this.callback.called).to.be.false;
+        });
+
+        it("is not called when node is not initialized yet", function() {
+          this.table.roots[0].initialized = false;
+          this.table.roots[0].collapse();
+          expect(this.callback.called).to.be.false;
+        });
+      });
+    });
+
+    describe("onNodeInitialized", function() {
+      describe("when no callback function given", function() {
+        it("does not complain", function() {
+          var table;
+          table = $("<table><tr data-tt-id='1'><td>N1</td></tr></table>").treetable({
+            onNodeInitialized: null
+          }).data("treetable");
+          table.roots[0].initialized = false;
+          table.roots[0].show();
+        });
+      });
+
+      describe("when callback function given", function() {
+        beforeEach(function() {
+          this.callback = sinon.spy();
+          this.table = $("<table><tr data-tt-id='1'><td>N1</td></tr></table>").treetable({
+            onNodeInitialized: this.callback
+          }).data("treetable");
+        });
+
+        it("is called when node is not initialized yet", function() {
+          this.table.roots[0].initialized = false;
+          this.table.roots[0].show();
+          expect(this.callback.called).to.be.true;
+        });
+
+        it("is not called again when node is already initialized", function() {
+          this.table.roots[0].show();
+          // Node was initialized before, callback has already been called. I
+          // check that the callback is not called more than once.
+          expect(this.callback.calledOnce).to.be.true;
+        });
+      });
+    });
+
+    describe("onNodeExpand", function() {
+      describe("when no callback given", function() {
+        it("does not complain", function() {
+          var table;
+          table = $("<table><tr data-tt-id='1'><td>N1</td></tr><tr data-tt-id='2' data-tt-parent-id='1'><td>N2</td></tr></table>").treetable({
+            expandable: true,
+            initialState: "collapsed",
+            onNodeExpand: null
+          }).data("treetable");
+          table.roots[0].expand();
+        });
+      });
+
+      describe("when callback function given", function() {
+        beforeEach(function() {
+          this.callback = sinon.spy();
+          this.table = $("<table><tr data-tt-id='1'><td>N1</td></tr><tr data-tt-id='2' data-tt-parent-id='1'><td>N2</td></tr></table>").treetable({
+            expandable: true,
+            initialState: "collapsed",
+            onNodeExpand: this.callback
+          }).data("treetable");
+        });
+
+        it("is called when node is being shown", function() {
+          this.table.roots[0].expand();
+          expect(this.callback.called).to.be.true;
+        });
+
+        it("is not called when node is being hidden", function() {
+          this.table.roots[0].collapse();
+          expect(this.callback.called).to.be.false;
+        });
+
+        it("is not called when node is not initialized yet", function() {
+          this.table.roots[0].initialized = false;
+          this.table.roots[0].expand();
+          expect(this.callback.called).to.be.false;
+        });
+      });
+    });
+  });
+}).call(this);
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/stylesheets/jquery.treetable.css b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/stylesheets/jquery.treetable.css
new file mode 100644
index 00000000..4e95bfd3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/stylesheets/jquery.treetable.css
@@ -0,0 +1,28 @@
+table.treetable span.indenter {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  text-align: right;
+
+  /* Disable text selection of nodes (for better D&D UX) */
+  user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -o-user-select: none;
+  -webkit-user-select: none;
+
+  /* Force content-box box model for indenter (Bootstrap compatibility) */
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+
+  width: 19px;
+}
+
+table.treetable span.indenter a {
+  background-position: left center;
+  background-repeat: no-repeat;
+  display: inline-block;
+  text-decoration: none;
+  width: 19px;
+}
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/stylesheets/jquery.treetable.theme.default.css b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/stylesheets/jquery.treetable.theme.default.css
new file mode 100644
index 00000000..9339a568
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/stylesheets/jquery.treetable.theme.default.css
@@ -0,0 +1,83 @@
+table.treetable {
+  border: 1px solid #888;
+  border-collapse: collapse;
+  font-size: .8em;
+  line-height: 1;
+  margin: .6em 0 1.8em 0;
+  width: 100%;
+}
+
+table.treetable caption {
+  font-size: .9em;
+  font-weight: bold;
+  margin-bottom: .2em;
+}
+
+table.treetable thead {
+  background: #aaa url(data:image/png;base64,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) repeat-x top left;
+  font-size: .9em;
+}
+
+table.treetable thead tr th {
+  border: 1px solid #888;
+  font-weight: normal;
+  padding: .3em 1em .1em 1em;
+  text-align: left;
+}
+
+table.treetable tbody tr td {
+  cursor: default;
+  padding: .3em 1em;
+}
+
+table.treetable span {
+  background-position: center left;
+  background-repeat: no-repeat;
+  padding: .2em 0 .2em 1.5em;
+}
+
+table.treetable span.file {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADoSURBVBgZBcExblNBGAbA2ceegTRBuIKOgiihSZNTcC5LUHAihNJR0kGKCDcYJY6D3/77MdOinTvzAgCw8ysThIvn/VojIyMjIyPP+bS1sUQIV2s95pBDDvmbP/mdkft83tpYguZq5Jh/OeaYh+yzy8hTHvNlaxNNczm+la9OTlar1UdA/+C2A4trRCnD3jS8BB1obq2Gk6GU6QbQAS4BUaYSQAf4bhhKKTFdAzrAOwAxEUAH+KEM01SY3gM6wBsEAQB0gJ+maZoC3gI6iPYaAIBJsiRmHU0AALOeFC3aK2cWAACUXe7+AwO0lc9eTHYTAAAAAElFTkSuQmCC);
+}
+
+table.treetable span.folder {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGrSURBVDjLxZO7ihRBFIa/6u0ZW7GHBUV0UQQTZzd3QdhMQxOfwMRXEANBMNQX0MzAzFAwEzHwARbNFDdwEd31Mj3X7a6uOr9BtzNjYjKBJ6nicP7v3KqcJFaxhBVtZUAK8OHlld2st7Xl3DJPVONP+zEUV4HqL5UDYHr5xvuQAjgl/Qs7TzvOOVAjxjlC+ePSwe6DfbVegLVuT4r14eTr6zvA8xSAoBLzx6pvj4l+DZIezuVkG9fY2H7YRQIMZIBwycmzH1/s3F8AapfIPNF3kQk7+kw9PWBy+IZOdg5Ug3mkAATy/t0usovzGeCUWTjCz0B+Sj0ekfdvkZ3abBv+U4GaCtJ1iEm6ANQJ6fEzrG/engcKw/wXQvEKxSEKQxRGKE7Izt+DSiwBJMUSm71rguMYhQKrBygOIRStf4TiFFRBvbRGKiQLWP29yRSHKBTtfdBmHs0BUpgvtgF4yRFR+NUKi0XZcYjCeCG2smkzLAHkbRBmP0/Uk26O5YnUActBp1GsAI+S5nRJJJal5K1aAMrq0d6Tm9uI6zjyf75dAe6tx/SsWeD//o2/Ab6IH3/h25pOAAAAAElFTkSuQmCC);
+}
+
+table.treetable tr.collapsed span.indenter a {
+  background-image: url(data:image/png;base64,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);
+}
+
+table.treetable tr.expanded span.indenter a {
+  background-image: url(data:image/png;base64,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);
+}
+
+table.treetable tr.branch {
+  background-color: #f9f9f9;
+}
+
+table.treetable tr.selected {
+  background-color: #3875d7;
+  color: #fff;
+}
+
+table.treetable tr.collapsed.selected span.indenter a {
+  background-image: url(data:image/png;base64,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);
+}
+
+table.treetable tr.expanded.selected span.indenter a {
+  background-image: url(data:image/png;base64,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);
+}
+
+table.treetable tr.accept {
+  background-color: #a3bce4;
+  color: #fff
+}
+
+table.treetable tr.collapsed.accept td span.indenter a {
+  background-image: url(data:image/x-png;base64,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);
+}
+
+table.treetable tr.expanded.accept td span.indenter a {
+  background-image: url(data:image/x-png;base64,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);
+}
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/stylesheets/screen.css b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/stylesheets/screen.css
new file mode 100644
index 00000000..e233ef6a
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/stylesheets/screen.css
@@ -0,0 +1,28 @@
+body {
+  background: #ddd;
+  color: #000;
+  font-family: Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  margin: 0;
+  padding: 0;
+}
+
+#main {
+  background: #fff;
+  border-left: 20px solid #eee;
+  border-right: 20px solid #eee;
+  margin: 0 auto;
+  max-width: 800px;
+  padding: 20px;
+}
+
+pre.listing {
+  background: #eee;
+  border: 1px solid #ccc;
+  margin: .6em 0 .3em 0;
+  padding: .1em .3em;
+}
+
+pre.listing b {
+  color: #f00;
+}
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/test.html b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/test.html
new file mode 100644
index 00000000..cd8bf7d9
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/test.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>jQuery treetable Tests</title>
+    <link rel="stylesheet" href="vendor/mocha.css" />
+    <script src="vendor/jquery.js"></script>
+    <script src="vendor/underscore.js"></script>
+    <script src="vendor/mocha.js"></script>
+    <script src="vendor/sinon.js"></script>
+    <script src="vendor/chai.js"></script>
+    <script src="vendor/chai-jquery.js"></script>
+    <script>
+      mocha.setup('bdd');
+
+      $(function () {
+        mocha.run();
+      });
+    </script>
+
+    <script src="javascripts/src/jquery.treetable.js"></script>
+    <script src="javascripts/test/jquery.treetable.test.js"></script>
+  </head>
+  <body>
+    <div id="mocha"></div>
+  </body>
+</html>
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/treetable.jquery.json b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/treetable.jquery.json
new file mode 100644
index 00000000..9f35faa6
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/jquery-treetable/treetable.jquery.json
@@ -0,0 +1,39 @@
+{
+  "name": "treetable",
+  "title": "jQuery treetable",
+  "description": "jQuery plugin for displaying a tree structure in a (HTML) table, i.e. a directory structure or a nested list.",
+  "keywords": [
+    "explorer",
+    "file",
+    "table",
+    "tree",
+    "ui"
+  ],
+  "version": "3.1.0",
+  "author": {
+    "name": "Ludo van den Boom",
+    "url": "http://ludovandenboom.com"
+  },
+  "maintainers": [
+    {
+      "name": "Ludo van den Boom",
+      "url": "http://ludovandenboom.com"
+    }
+  ],
+  "licenses": [
+    {
+      "type": "GPLv2",
+      "url": "https://github.com/ludo/jquery-treetable/blob/3.1.0/GPL-LICENSE.txt"
+    },
+    {
+      "type": "MIT",
+      "url": "https://github.com/ludo/jquery-treetable/blob/3.1.0/MIT-LICENSE.txt"
+    }
+  ],
+  "bugs": "https://github.com/ludo/jquery-treetable/issues",
+  "homepage": "https://github.com/ludo/jquery-treetable",
+  "docs": "http://ludo.cubicphuse.nl/jquery-treetable/",
+  "dependencies": {
+    "jquery": ">=1.6"
+  }
+}
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/js/jquery-1.11.0.min.js b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/js/jquery-1.11.0.min.js
new file mode 100644
index 00000000..73f33fb3
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/js/jquery-1.11.0.min.js
@@ -0,0 +1,4 @@
+/*! jQuery v1.11.0 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */
+!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k="".trim,l={},m="1.11.0",n=function(a,b){return new n.fn.init(a,b)},o=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,p=/^-ms-/,q=/-([\da-z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=n.prototype={jquery:m,constructor:n,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return n.each(this,a,b)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(n.isPlainObject(c)||(b=n.isArray(c)))?(b?(b=!1,f=a&&n.isArray(a)?a:[]):f=a&&n.isPlainObject(a)?a:{},g[d]=n.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},n.extend({expando:"jQuery"+(m+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===n.type(a)},isArray:Array.isArray||function(a){return"array"===n.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return a-parseFloat(a)>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==n.type(a)||a.nodeType||n.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(l.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&n.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(p,"ms-").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=s(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:k&&!k.call("\ufeff\xa0")?function(a){return null==a?"":k.call(a)}:function(a){return null==a?"":(a+"").replace(o,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=s(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),n.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||n.guid++,e):void 0},now:function(){return+new Date},support:l}),n.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function s(a){var b=a.length,c=n.type(a);return"function"===c||n.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s="sizzle"+-new Date,t=a.document,u=0,v=0,w=eb(),x=eb(),y=eb(),z=function(a,b){return a===b&&(j=!0),0},A="undefined",B=1<<31,C={}.hasOwnProperty,D=[],E=D.pop,F=D.push,G=D.push,H=D.slice,I=D.indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(this[b]===a)return b;return-1},J="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",K="[\\x20\\t\\r\\n\\f]",L="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",M=L.replace("w","w#"),N="\\["+K+"*("+L+")"+K+"*(?:([*^$|!~]?=)"+K+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+M+")|)|)"+K+"*\\]",O=":("+L+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+N.replace(3,8)+")*)|.*)\\)|)",P=new RegExp("^"+K+"+|((?:^|[^\\\\])(?:\\\\.)*)"+K+"+$","g"),Q=new RegExp("^"+K+"*,"+K+"*"),R=new RegExp("^"+K+"*([>+~]|"+K+")"+K+"*"),S=new RegExp("="+K+"*([^\\]'\"]*?)"+K+"*\\]","g"),T=new RegExp(O),U=new RegExp("^"+M+"$"),V={ID:new RegExp("^#("+L+")"),CLASS:new RegExp("^\\.("+L+")"),TAG:new RegExp("^("+L.replace("w","w*")+")"),ATTR:new RegExp("^"+N),PSEUDO:new RegExp("^"+O),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+K+"*(even|odd|(([+-]|)(\\d*)n|)"+K+"*(?:([+-]|)"+K+"*(\\d+)|))"+K+"*\\)|)","i"),bool:new RegExp("^(?:"+J+")$","i"),needsContext:new RegExp("^"+K+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+K+"*((?:-\\d)?\\d*)"+K+"*\\)|)(?=[^-]|$)","i")},W=/^(?:input|select|textarea|button)$/i,X=/^h\d$/i,Y=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,$=/[+~]/,_=/'|\\/g,ab=new RegExp("\\\\([\\da-f]{1,6}"+K+"?|("+K+")|.)","ig"),bb=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)};try{G.apply(D=H.call(t.childNodes),t.childNodes),D[t.childNodes.length].nodeType}catch(cb){G={apply:D.length?function(a,b){F.apply(a,H.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function db(a,b,d,e){var f,g,h,i,j,m,p,q,u,v;if((b?b.ownerDocument||b:t)!==l&&k(b),b=b||l,d=d||[],!a||"string"!=typeof a)return d;if(1!==(i=b.nodeType)&&9!==i)return[];if(n&&!e){if(f=Z.exec(a))if(h=f[1]){if(9===i){if(g=b.getElementById(h),!g||!g.parentNode)return d;if(g.id===h)return d.push(g),d}else if(b.ownerDocument&&(g=b.ownerDocument.getElementById(h))&&r(b,g)&&g.id===h)return d.push(g),d}else{if(f[2])return G.apply(d,b.getElementsByTagName(a)),d;if((h=f[3])&&c.getElementsByClassName&&b.getElementsByClassName)return G.apply(d,b.getElementsByClassName(h)),d}if(c.qsa&&(!o||!o.test(a))){if(q=p=s,u=b,v=9===i&&a,1===i&&"object"!==b.nodeName.toLowerCase()){m=ob(a),(p=b.getAttribute("id"))?q=p.replace(_,"\\$&"):b.setAttribute("id",q),q="[id='"+q+"'] ",j=m.length;while(j--)m[j]=q+pb(m[j]);u=$.test(a)&&mb(b.parentNode)||b,v=m.join(",")}if(v)try{return G.apply(d,u.querySelectorAll(v)),d}catch(w){}finally{p||b.removeAttribute("id")}}}return xb(a.replace(P,"$1"),b,d,e)}function eb(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function fb(a){return a[s]=!0,a}function gb(a){var b=l.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function hb(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function ib(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||B)-(~a.sourceIndex||B);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function jb(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function kb(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function lb(a){return fb(function(b){return b=+b,fb(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function mb(a){return a&&typeof a.getElementsByTagName!==A&&a}c=db.support={},f=db.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},k=db.setDocument=function(a){var b,e=a?a.ownerDocument||a:t,g=e.defaultView;return e!==l&&9===e.nodeType&&e.documentElement?(l=e,m=e.documentElement,n=!f(e),g&&g!==g.top&&(g.addEventListener?g.addEventListener("unload",function(){k()},!1):g.attachEvent&&g.attachEvent("onunload",function(){k()})),c.attributes=gb(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=gb(function(a){return a.appendChild(e.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=Y.test(e.getElementsByClassName)&&gb(function(a){return a.innerHTML="<div class='a'></div><div class='a i'></div>",a.firstChild.className="i",2===a.getElementsByClassName("i").length}),c.getById=gb(function(a){return m.appendChild(a).id=s,!e.getElementsByName||!e.getElementsByName(s).length}),c.getById?(d.find.ID=function(a,b){if(typeof b.getElementById!==A&&n){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ab,bb);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ab,bb);return function(a){var c=typeof a.getAttributeNode!==A&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return typeof b.getElementsByTagName!==A?b.getElementsByTagName(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return typeof b.getElementsByClassName!==A&&n?b.getElementsByClassName(a):void 0},p=[],o=[],(c.qsa=Y.test(e.querySelectorAll))&&(gb(function(a){a.innerHTML="<select t=''><option selected=''></option></select>",a.querySelectorAll("[t^='']").length&&o.push("[*^$]="+K+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||o.push("\\["+K+"*(?:value|"+J+")"),a.querySelectorAll(":checked").length||o.push(":checked")}),gb(function(a){var b=e.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&o.push("name"+K+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||o.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),o.push(",.*:")})),(c.matchesSelector=Y.test(q=m.webkitMatchesSelector||m.mozMatchesSelector||m.oMatchesSelector||m.msMatchesSelector))&&gb(function(a){c.disconnectedMatch=q.call(a,"div"),q.call(a,"[s!='']:x"),p.push("!=",O)}),o=o.length&&new RegExp(o.join("|")),p=p.length&&new RegExp(p.join("|")),b=Y.test(m.compareDocumentPosition),r=b||Y.test(m.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},z=b?function(a,b){if(a===b)return j=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===e||a.ownerDocument===t&&r(t,a)?-1:b===e||b.ownerDocument===t&&r(t,b)?1:i?I.call(i,a)-I.call(i,b):0:4&d?-1:1)}:function(a,b){if(a===b)return j=!0,0;var c,d=0,f=a.parentNode,g=b.parentNode,h=[a],k=[b];if(!f||!g)return a===e?-1:b===e?1:f?-1:g?1:i?I.call(i,a)-I.call(i,b):0;if(f===g)return ib(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)k.unshift(c);while(h[d]===k[d])d++;return d?ib(h[d],k[d]):h[d]===t?-1:k[d]===t?1:0},e):l},db.matches=function(a,b){return db(a,null,null,b)},db.matchesSelector=function(a,b){if((a.ownerDocument||a)!==l&&k(a),b=b.replace(S,"='$1']"),!(!c.matchesSelector||!n||p&&p.test(b)||o&&o.test(b)))try{var d=q.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return db(b,l,null,[a]).length>0},db.contains=function(a,b){return(a.ownerDocument||a)!==l&&k(a),r(a,b)},db.attr=function(a,b){(a.ownerDocument||a)!==l&&k(a);var e=d.attrHandle[b.toLowerCase()],f=e&&C.call(d.attrHandle,b.toLowerCase())?e(a,b,!n):void 0;return void 0!==f?f:c.attributes||!n?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},db.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},db.uniqueSort=function(a){var b,d=[],e=0,f=0;if(j=!c.detectDuplicates,i=!c.sortStable&&a.slice(0),a.sort(z),j){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return i=null,a},e=db.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=db.selectors={cacheLength:50,createPseudo:fb,match:V,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ab,bb),a[3]=(a[4]||a[5]||"").replace(ab,bb),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||db.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&db.error(a[0]),a},PSEUDO:function(a){var b,c=!a[5]&&a[2];return V.CHILD.test(a[0])?null:(a[3]&&void 0!==a[4]?a[2]=a[4]:c&&T.test(c)&&(b=ob(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ab,bb).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=w[a+" "];return b||(b=new RegExp("(^|"+K+")"+a+"("+K+"|$)"))&&w(a,function(a){return b.test("string"==typeof a.className&&a.className||typeof a.getAttribute!==A&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=db.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),t=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&t){k=q[s]||(q[s]={}),j=k[a]||[],n=j[0]===u&&j[1],m=j[0]===u&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[u,n,m];break}}else if(t&&(j=(b[s]||(b[s]={}))[a])&&j[0]===u)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(t&&((l[s]||(l[s]={}))[a]=[u,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||db.error("unsupported pseudo: "+a);return e[s]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?fb(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=I.call(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:fb(function(a){var b=[],c=[],d=g(a.replace(P,"$1"));return d[s]?fb(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),!c.pop()}}),has:fb(function(a){return function(b){return db(a,b).length>0}}),contains:fb(function(a){return function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:fb(function(a){return U.test(a||"")||db.error("unsupported lang: "+a),a=a.replace(ab,bb).toLowerCase(),function(b){var c;do if(c=n?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===m},focus:function(a){return a===l.activeElement&&(!l.hasFocus||l.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return X.test(a.nodeName)},input:function(a){return W.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:lb(function(){return[0]}),last:lb(function(a,b){return[b-1]}),eq:lb(function(a,b,c){return[0>c?c+b:c]}),even:lb(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:lb(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:lb(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:lb(function(a,b,c){for(var d=0>c?c+b:c;++d<b;)a.push(d);return a})}},d.pseudos.nth=d.pseudos.eq;for(b in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})d.pseudos[b]=jb(b);for(b in{submit:!0,reset:!0})d.pseudos[b]=kb(b);function nb(){}nb.prototype=d.filters=d.pseudos,d.setFilters=new nb;function ob(a,b){var c,e,f,g,h,i,j,k=x[a+" "];if(k)return b?0:k.slice(0);h=a,i=[],j=d.preFilter;while(h){(!c||(e=Q.exec(h)))&&(e&&(h=h.slice(e[0].length)||h),i.push(f=[])),c=!1,(e=R.exec(h))&&(c=e.shift(),f.push({value:c,type:e[0].replace(P," ")}),h=h.slice(c.length));for(g in d.filter)!(e=V[g].exec(h))||j[g]&&!(e=j[g](e))||(c=e.shift(),f.push({value:c,type:g,matches:e}),h=h.slice(c.length));if(!c)break}return b?h.length:h?db.error(a):x(a,i).slice(0)}function pb(a){for(var b=0,c=a.length,d="";c>b;b++)d+=a[b].value;return d}function qb(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=v++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[u,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[s]||(b[s]={}),(h=i[d])&&h[0]===u&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function rb(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function sb(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function tb(a,b,c,d,e,f){return d&&!d[s]&&(d=tb(d)),e&&!e[s]&&(e=tb(e,f)),fb(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||wb(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:sb(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=sb(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?I.call(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=sb(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):G.apply(g,r)})}function ub(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],i=g||d.relative[" "],j=g?1:0,k=qb(function(a){return a===b},i,!0),l=qb(function(a){return I.call(b,a)>-1},i,!0),m=[function(a,c,d){return!g&&(d||c!==h)||((b=c).nodeType?k(a,c,d):l(a,c,d))}];f>j;j++)if(c=d.relative[a[j].type])m=[qb(rb(m),c)];else{if(c=d.filter[a[j].type].apply(null,a[j].matches),c[s]){for(e=++j;f>e;e++)if(d.relative[a[e].type])break;return tb(j>1&&rb(m),j>1&&pb(a.slice(0,j-1).concat({value:" "===a[j-2].type?"*":""})).replace(P,"$1"),c,e>j&&ub(a.slice(j,e)),f>e&&ub(a=a.slice(e)),f>e&&pb(a))}m.push(c)}return rb(m)}function vb(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,i,j,k){var m,n,o,p=0,q="0",r=f&&[],s=[],t=h,v=f||e&&d.find.TAG("*",k),w=u+=null==t?1:Math.random()||.1,x=v.length;for(k&&(h=g!==l&&g);q!==x&&null!=(m=v[q]);q++){if(e&&m){n=0;while(o=a[n++])if(o(m,g,i)){j.push(m);break}k&&(u=w)}c&&((m=!o&&m)&&p--,f&&r.push(m))}if(p+=q,c&&q!==p){n=0;while(o=b[n++])o(r,s,g,i);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=E.call(j));s=sb(s)}G.apply(j,s),k&&!f&&s.length>0&&p+b.length>1&&db.uniqueSort(j)}return k&&(u=w,h=t),r};return c?fb(f):f}g=db.compile=function(a,b){var c,d=[],e=[],f=y[a+" "];if(!f){b||(b=ob(a)),c=b.length;while(c--)f=ub(b[c]),f[s]?d.push(f):e.push(f);f=y(a,vb(e,d))}return f};function wb(a,b,c){for(var d=0,e=b.length;e>d;d++)db(a,b[d],c);return c}function xb(a,b,e,f){var h,i,j,k,l,m=ob(a);if(!f&&1===m.length){if(i=m[0]=m[0].slice(0),i.length>2&&"ID"===(j=i[0]).type&&c.getById&&9===b.nodeType&&n&&d.relative[i[1].type]){if(b=(d.find.ID(j.matches[0].replace(ab,bb),b)||[])[0],!b)return e;a=a.slice(i.shift().value.length)}h=V.needsContext.test(a)?0:i.length;while(h--){if(j=i[h],d.relative[k=j.type])break;if((l=d.find[k])&&(f=l(j.matches[0].replace(ab,bb),$.test(i[0].type)&&mb(b.parentNode)||b))){if(i.splice(h,1),a=f.length&&pb(i),!a)return G.apply(e,f),e;break}}}return g(a,m)(f,b,!n,e,$.test(a)&&mb(b.parentNode)||b),e}return c.sortStable=s.split("").sort(z).join("")===s,c.detectDuplicates=!!j,k(),c.sortDetached=gb(function(a){return 1&a.compareDocumentPosition(l.createElement("div"))}),gb(function(a){return a.innerHTML="<a href='#'></a>","#"===a.firstChild.getAttribute("href")})||hb("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&gb(function(a){return a.innerHTML="<input/>",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||hb("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),gb(function(a){return null==a.getAttribute("disabled")})||hb(J,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),db}(a);n.find=t,n.expr=t.selectors,n.expr[":"]=n.expr.pseudos,n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=n.expr.match.needsContext,v=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,w=/^.[^:#\[\.,]*$/;function x(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(w.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return n.inArray(a,b)>=0!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=[],d=this,e=d.length;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;e>b;b++)if(n.contains(d[b],this))return!0}));for(b=0;e>b;b++)n.find(a,d[b],c);return c=this.pushStack(e>1?n.unique(c):c),c.selector=this.selector?this.selector+" "+a:a,c},filter:function(a){return this.pushStack(x(this,a||[],!1))},not:function(a){return this.pushStack(x(this,a||[],!0))},is:function(a){return!!x(this,"string"==typeof a&&u.test(a)?n(a):a||[],!1).length}});var y,z=a.document,A=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,B=n.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a.charAt(0)&&">"===a.charAt(a.length-1)&&a.length>=3?[null,a,null]:A.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||y).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:z,!0)),v.test(c[1])&&n.isPlainObject(b))for(c in b)n.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}if(d=z.getElementById(c[2]),d&&d.parentNode){if(d.id!==c[2])return y.find(a);this.length=1,this[0]=d}return this.context=z,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?"undefined"!=typeof y.ready?y.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};B.prototype=n.fn,y=n(z);var C=/^(?:parents|prev(?:Until|All))/,D={children:!0,contents:!0,next:!0,prev:!0};n.extend({dir:function(a,b,c){var d=[],e=a[b];while(e&&9!==e.nodeType&&(void 0===c||1!==e.nodeType||!n(e).is(c)))1===e.nodeType&&d.push(e),e=e[b];return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),n.fn.extend({has:function(a){var b,c=n(a,this),d=c.length;return this.filter(function(){for(b=0;d>b;b++)if(n.contains(this,c[b]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=u.test(a)||"string"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.unique(f):f)},index:function(a){return a?"string"==typeof a?n.inArray(this[0],n(a)):n.inArray(a.jquery?a[0]:a,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.unique(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function E(a,b){do a=a[b];while(a&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return n.dir(a,"parentNode")},parentsUntil:function(a,b,c){return n.dir(a,"parentNode",c)},next:function(a){return E(a,"nextSibling")},prev:function(a){return E(a,"previousSibling")},nextAll:function(a){return n.dir(a,"nextSibling")},prevAll:function(a){return n.dir(a,"previousSibling")},nextUntil:function(a,b,c){return n.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return n.dir(a,"previousSibling",c)},siblings:function(a){return n.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return n.sibling(a.firstChild)},contents:function(a){return n.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=n.filter(d,e)),this.length>1&&(D[a]||(e=n.unique(e)),C.test(a)&&(e=e.reverse())),this.pushStack(e)}});var F=/\S+/g,G={};function H(a){var b=G[a]={};return n.each(a.match(F)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?G[a]||H(a):n.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(c=a.memory&&l,d=!0,f=g||0,g=0,e=h.length,b=!0;h&&e>f;f++)if(h[f].apply(l[0],l[1])===!1&&a.stopOnFalse){c=!1;break}b=!1,h&&(i?i.length&&j(i.shift()):c?h=[]:k.disable())},k={add:function(){if(h){var d=h.length;!function f(b){n.each(b,function(b,c){var d=n.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&f(c)})}(arguments),b?e=h.length:c&&(g=d,j(c))}return this},remove:function(){return h&&n.each(arguments,function(a,c){var d;while((d=n.inArray(c,h,d))>-1)h.splice(d,1),b&&(e>=d&&e--,f>=d&&f--)}),this},has:function(a){return a?n.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],e=0,this},disable:function(){return h=i=c=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,c||k.disable(),this},locked:function(){return!i},fireWith:function(a,c){return!h||d&&!i||(c=c||[],c=[a,c.slice?c.slice():c],b?i.push(c):j(c)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!d}};return k},n.extend({Deferred:function(a){var b=[["resolve","done",n.Callbacks("once memory"),"resolved"],["reject","fail",n.Callbacks("once memory"),"rejected"],["notify","progress",n.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&n.isFunction(a.promise)?e:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var I;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){if(a===!0?!--n.readyWait:!n.isReady){if(!z.body)return setTimeout(n.ready);n.isReady=!0,a!==!0&&--n.readyWait>0||(I.resolveWith(z,[n]),n.fn.trigger&&n(z).trigger("ready").off("ready"))}}});function J(){z.addEventListener?(z.removeEventListener("DOMContentLoaded",K,!1),a.removeEventListener("load",K,!1)):(z.detachEvent("onreadystatechange",K),a.detachEvent("onload",K))}function K(){(z.addEventListener||"load"===event.type||"complete"===z.readyState)&&(J(),n.ready())}n.ready.promise=function(b){if(!I)if(I=n.Deferred(),"complete"===z.readyState)setTimeout(n.ready);else if(z.addEventListener)z.addEventListener("DOMContentLoaded",K,!1),a.addEventListener("load",K,!1);else{z.attachEvent("onreadystatechange",K),a.attachEvent("onload",K);var c=!1;try{c=null==a.frameElement&&z.documentElement}catch(d){}c&&c.doScroll&&!function e(){if(!n.isReady){try{c.doScroll("left")}catch(a){return setTimeout(e,50)}J(),n.ready()}}()}return I.promise(b)};var L="undefined",M;for(M in n(l))break;l.ownLast="0"!==M,l.inlineBlockNeedsLayout=!1,n(function(){var a,b,c=z.getElementsByTagName("body")[0];c&&(a=z.createElement("div"),a.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",b=z.createElement("div"),c.appendChild(a).appendChild(b),typeof b.style.zoom!==L&&(b.style.cssText="border:0;margin:0;width:1px;padding:1px;display:inline;zoom:1",(l.inlineBlockNeedsLayout=3===b.offsetWidth)&&(c.style.zoom=1)),c.removeChild(a),a=b=null)}),function(){var a=z.createElement("div");if(null==l.deleteExpando){l.deleteExpando=!0;try{delete a.test}catch(b){l.deleteExpando=!1}}a=null}(),n.acceptData=function(a){var b=n.noData[(a.nodeName+" ").toLowerCase()],c=+a.nodeType||1;return 1!==c&&9!==c?!1:!b||b!==!0&&a.getAttribute("classid")===b};var N=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,O=/([A-Z])/g;function P(a,b,c){if(void 0===c&&1===a.nodeType){var d="data-"+b.replace(O,"-$1").toLowerCase();if(c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:N.test(c)?n.parseJSON(c):c}catch(e){}n.data(a,b,c)}else c=void 0}return c}function Q(a){var b;for(b in a)if(("data"!==b||!n.isEmptyObject(a[b]))&&"toJSON"!==b)return!1;return!0}function R(a,b,d,e){if(n.acceptData(a)){var f,g,h=n.expando,i=a.nodeType,j=i?n.cache:a,k=i?a[h]:a[h]&&h;if(k&&j[k]&&(e||j[k].data)||void 0!==d||"string"!=typeof b)return k||(k=i?a[h]=c.pop()||n.guid++:h),j[k]||(j[k]=i?{}:{toJSON:n.noop}),("object"==typeof b||"function"==typeof b)&&(e?j[k]=n.extend(j[k],b):j[k].data=n.extend(j[k].data,b)),g=j[k],e||(g.data||(g.data={}),g=g.data),void 0!==d&&(g[n.camelCase(b)]=d),"string"==typeof b?(f=g[b],null==f&&(f=g[n.camelCase(b)])):f=g,f
+}}function S(a,b,c){if(n.acceptData(a)){var d,e,f=a.nodeType,g=f?n.cache:a,h=f?a[n.expando]:n.expando;if(g[h]){if(b&&(d=c?g[h]:g[h].data)){n.isArray(b)?b=b.concat(n.map(b,n.camelCase)):b in d?b=[b]:(b=n.camelCase(b),b=b in d?[b]:b.split(" ")),e=b.length;while(e--)delete d[b[e]];if(c?!Q(d):!n.isEmptyObject(d))return}(c||(delete g[h].data,Q(g[h])))&&(f?n.cleanData([a],!0):l.deleteExpando||g!=g.window?delete g[h]:g[h]=null)}}}n.extend({cache:{},noData:{"applet ":!0,"embed ":!0,"object ":"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(a){return a=a.nodeType?n.cache[a[n.expando]]:a[n.expando],!!a&&!Q(a)},data:function(a,b,c){return R(a,b,c)},removeData:function(a,b){return S(a,b)},_data:function(a,b,c){return R(a,b,c,!0)},_removeData:function(a,b){return S(a,b,!0)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=n.data(f),1===f.nodeType&&!n._data(f,"parsedAttrs"))){c=g.length;while(c--)d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),P(f,d,e[d]));n._data(f,"parsedAttrs",!0)}return e}return"object"==typeof a?this.each(function(){n.data(this,a)}):arguments.length>1?this.each(function(){n.data(this,a,b)}):f?P(f,a,n.data(f,a)):void 0},removeData:function(a){return this.each(function(){n.removeData(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=n._data(a,b),c&&(!d||n.isArray(c)?d=n._data(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return n._data(a,c)||n._data(a,c,{empty:n.Callbacks("once memory").add(function(){n._removeData(a,b+"queue"),n._removeData(a,c)})})}}),n.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length<c?n.queue(this[0],a):void 0===b?this:this.each(function(){var c=n.queue(this,a,b);n._queueHooks(this,a),"fx"===a&&"inprogress"!==c[0]&&n.dequeue(this,a)})},dequeue:function(a){return this.each(function(){n.dequeue(this,a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,b){var c,d=1,e=n.Deferred(),f=this,g=this.length,h=function(){--d||e.resolveWith(f,[f])};"string"!=typeof a&&(b=a,a=void 0),a=a||"fx";while(g--)c=n._data(f[g],a+"queueHooks"),c&&c.empty&&(d++,c.empty.add(h));return h(),e.promise(b)}});var T=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,U=["Top","Right","Bottom","Left"],V=function(a,b){return a=b||a,"none"===n.css(a,"display")||!n.contains(a.ownerDocument,a)},W=n.access=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===n.type(c)){e=!0;for(h in c)n.access(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,n.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(n(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},X=/^(?:checkbox|radio)$/i;!function(){var a=z.createDocumentFragment(),b=z.createElement("div"),c=z.createElement("input");if(b.setAttribute("className","t"),b.innerHTML="  <link/><table></table><a href='/a'>a</a>",l.leadingWhitespace=3===b.firstChild.nodeType,l.tbody=!b.getElementsByTagName("tbody").length,l.htmlSerialize=!!b.getElementsByTagName("link").length,l.html5Clone="<:nav></:nav>"!==z.createElement("nav").cloneNode(!0).outerHTML,c.type="checkbox",c.checked=!0,a.appendChild(c),l.appendChecked=c.checked,b.innerHTML="<textarea>x</textarea>",l.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue,a.appendChild(b),b.innerHTML="<input type='radio' checked='checked' name='t'/>",l.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,l.noCloneEvent=!0,b.attachEvent&&(b.attachEvent("onclick",function(){l.noCloneEvent=!1}),b.cloneNode(!0).click()),null==l.deleteExpando){l.deleteExpando=!0;try{delete b.test}catch(d){l.deleteExpando=!1}}a=b=c=null}(),function(){var b,c,d=z.createElement("div");for(b in{submit:!0,change:!0,focusin:!0})c="on"+b,(l[b+"Bubbles"]=c in a)||(d.setAttribute(c,"t"),l[b+"Bubbles"]=d.attributes[c].expando===!1);d=null}();var Y=/^(?:input|select|textarea)$/i,Z=/^key/,$=/^(?:mouse|contextmenu)|click/,_=/^(?:focusinfocus|focusoutblur)$/,ab=/^([^.]*)(?:\.(.+)|)$/;function bb(){return!0}function cb(){return!1}function db(){try{return z.activeElement}catch(a){}}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=n._data(a);if(r){c.handler&&(i=c,c=i.handler,e=i.selector),c.guid||(c.guid=n.guid++),(g=r.events)||(g=r.events={}),(k=r.handle)||(k=r.handle=function(a){return typeof n===L||a&&n.event.triggered===a.type?void 0:n.event.dispatch.apply(k.elem,arguments)},k.elem=a),b=(b||"").match(F)||[""],h=b.length;while(h--)f=ab.exec(b[h])||[],o=q=f[1],p=(f[2]||"").split(".").sort(),o&&(j=n.event.special[o]||{},o=(e?j.delegateType:j.bindType)||o,j=n.event.special[o]||{},l=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(".")},i),(m=g[o])||(m=g[o]=[],m.delegateCount=0,j.setup&&j.setup.call(a,d,p,k)!==!1||(a.addEventListener?a.addEventListener(o,k,!1):a.attachEvent&&a.attachEvent("on"+o,k))),j.add&&(j.add.call(a,l),l.handler.guid||(l.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,l):m.push(l),n.event.global[o]=!0);a=null}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=n.hasData(a)&&n._data(a);if(r&&(k=r.events)){b=(b||"").match(F)||[""],j=b.length;while(j--)if(h=ab.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=k[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),i=f=m.length;while(f--)g=m[f],!e&&q!==g.origType||c&&c.guid!==g.guid||h&&!h.test(g.namespace)||d&&d!==g.selector&&("**"!==d||!g.selector)||(m.splice(f,1),g.selector&&m.delegateCount--,l.remove&&l.remove.call(a,g));i&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete k[o])}else for(o in k)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(k)&&(delete r.handle,n._removeData(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,l,m,o=[d||z],p=j.call(b,"type")?b.type:b,q=j.call(b,"namespace")?b.namespace.split("."):[];if(h=l=d=d||z,3!==d.nodeType&&8!==d.nodeType&&!_.test(p+n.event.triggered)&&(p.indexOf(".")>=0&&(q=p.split("."),p=q.shift(),q.sort()),g=p.indexOf(":")<0&&"on"+p,b=b[n.expando]?b:new n.Event(p,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=q.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+q.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:n.makeArray(c,[b]),k=n.event.special[p]||{},e||!k.trigger||k.trigger.apply(d,c)!==!1)){if(!e&&!k.noBubble&&!n.isWindow(d)){for(i=k.delegateType||p,_.test(i+p)||(h=h.parentNode);h;h=h.parentNode)o.push(h),l=h;l===(d.ownerDocument||z)&&o.push(l.defaultView||l.parentWindow||a)}m=0;while((h=o[m++])&&!b.isPropagationStopped())b.type=m>1?i:k.bindType||p,f=(n._data(h,"events")||{})[b.type]&&n._data(h,"handle"),f&&f.apply(h,c),f=g&&h[g],f&&f.apply&&n.acceptData(h)&&(b.result=f.apply(h,c),b.result===!1&&b.preventDefault());if(b.type=p,!e&&!b.isDefaultPrevented()&&(!k._default||k._default.apply(o.pop(),c)===!1)&&n.acceptData(d)&&g&&d[p]&&!n.isWindow(d)){l=d[g],l&&(d[g]=null),n.event.triggered=p;try{d[p]()}catch(r){}n.event.triggered=void 0,l&&(d[g]=l)}return b.result}},dispatch:function(a){a=n.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(n._data(this,"events")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,g=0;while((e=f.handlers[g++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(e.namespace))&&(a.handleObj=e,a.data=e.data,c=((n.event.special[e.origType]||{}).handle||e.handler).apply(f.elem,i),void 0!==c&&(a.result=c)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!=this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(e=[],f=0;h>f;f++)d=b[f],c=d.selector+" ",void 0===e[c]&&(e[c]=d.needsContext?n(c,this).index(i)>=0:n.find(c,this,null,[i]).length),e[c]&&e.push(d);e.length&&g.push({elem:i,handlers:e})}return h<b.length&&g.push({elem:this,handlers:b.slice(h)}),g},fix:function(a){if(a[n.expando])return a;var b,c,d,e=a.type,f=a,g=this.fixHooks[e];g||(this.fixHooks[e]=g=$.test(e)?this.mouseHooks:Z.test(e)?this.keyHooks:{}),d=g.props?this.props.concat(g.props):this.props,a=new n.Event(f),b=d.length;while(b--)c=d[b],a[c]=f[c];return a.target||(a.target=f.srcElement||z),3===a.target.nodeType&&(a.target=a.target.parentNode),a.metaKey=!!a.metaKey,g.filter?g.filter(a,f):a},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){return null==a.which&&(a.which=null!=b.charCode?b.charCode:b.keyCode),a}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,b){var c,d,e,f=b.button,g=b.fromElement;return null==a.pageX&&null!=b.clientX&&(d=a.target.ownerDocument||z,e=d.documentElement,c=d.body,a.pageX=b.clientX+(e&&e.scrollLeft||c&&c.scrollLeft||0)-(e&&e.clientLeft||c&&c.clientLeft||0),a.pageY=b.clientY+(e&&e.scrollTop||c&&c.scrollTop||0)-(e&&e.clientTop||c&&c.clientTop||0)),!a.relatedTarget&&g&&(a.relatedTarget=g===a.target?b.toElement:g),a.which||void 0===f||(a.which=1&f?1:2&f?3:4&f?2:0),a}},special:{load:{noBubble:!0},focus:{trigger:function(){if(this!==db()&&this.focus)try{return this.focus(),!1}catch(a){}},delegateType:"focusin"},blur:{trigger:function(){return this===db()&&this.blur?(this.blur(),!1):void 0},delegateType:"focusout"},click:{trigger:function(){return n.nodeName(this,"input")&&"checkbox"===this.type&&this.click?(this.click(),!1):void 0},_default:function(a){return n.nodeName(a.target,"a")}},beforeunload:{postDispatch:function(a){void 0!==a.result&&(a.originalEvent.returnValue=a.result)}}},simulate:function(a,b,c,d){var e=n.extend(new n.Event,c,{type:a,isSimulated:!0,originalEvent:{}});d?n.event.trigger(e,null,b):n.event.dispatch.call(b,e),e.isDefaultPrevented()&&c.preventDefault()}},n.removeEvent=z.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){var d="on"+b;a.detachEvent&&(typeof a[d]===L&&(a[d]=null),a.detachEvent(d,c))},n.Event=function(a,b){return this instanceof n.Event?(a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||void 0===a.defaultPrevented&&(a.returnValue===!1||a.getPreventDefault&&a.getPreventDefault())?bb:cb):this.type=a,b&&n.extend(this,b),this.timeStamp=a&&a.timeStamp||n.now(),void(this[n.expando]=!0)):new n.Event(a,b)},n.Event.prototype={isDefaultPrevented:cb,isPropagationStopped:cb,isImmediatePropagationStopped:cb,preventDefault:function(){var a=this.originalEvent;this.isDefaultPrevented=bb,a&&(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){var a=this.originalEvent;this.isPropagationStopped=bb,a&&(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=bb,this.stopPropagation()}},n.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){n.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c,d=this,e=a.relatedTarget,f=a.handleObj;return(!e||e!==d&&!n.contains(d,e))&&(a.type=f.origType,c=f.handler.apply(this,arguments),a.type=b),c}}}),l.submitBubbles||(n.event.special.submit={setup:function(){return n.nodeName(this,"form")?!1:void n.event.add(this,"click._submit keypress._submit",function(a){var b=a.target,c=n.nodeName(b,"input")||n.nodeName(b,"button")?b.form:void 0;c&&!n._data(c,"submitBubbles")&&(n.event.add(c,"submit._submit",function(a){a._submit_bubble=!0}),n._data(c,"submitBubbles",!0))})},postDispatch:function(a){a._submit_bubble&&(delete a._submit_bubble,this.parentNode&&!a.isTrigger&&n.event.simulate("submit",this.parentNode,a,!0))},teardown:function(){return n.nodeName(this,"form")?!1:void n.event.remove(this,"._submit")}}),l.changeBubbles||(n.event.special.change={setup:function(){return Y.test(this.nodeName)?(("checkbox"===this.type||"radio"===this.type)&&(n.event.add(this,"propertychange._change",function(a){"checked"===a.originalEvent.propertyName&&(this._just_changed=!0)}),n.event.add(this,"click._change",function(a){this._just_changed&&!a.isTrigger&&(this._just_changed=!1),n.event.simulate("change",this,a,!0)})),!1):void n.event.add(this,"beforeactivate._change",function(a){var b=a.target;Y.test(b.nodeName)&&!n._data(b,"changeBubbles")&&(n.event.add(b,"change._change",function(a){!this.parentNode||a.isSimulated||a.isTrigger||n.event.simulate("change",this.parentNode,a,!0)}),n._data(b,"changeBubbles",!0))})},handle:function(a){var b=a.target;return this!==b||a.isSimulated||a.isTrigger||"radio"!==b.type&&"checkbox"!==b.type?a.handleObj.handler.apply(this,arguments):void 0},teardown:function(){return n.event.remove(this,"._change"),!Y.test(this.nodeName)}}),l.focusinBubbles||n.each({focus:"focusin",blur:"focusout"},function(a,b){var c=function(a){n.event.simulate(b,a.target,n.event.fix(a),!0)};n.event.special[b]={setup:function(){var d=this.ownerDocument||this,e=n._data(d,b);e||d.addEventListener(a,c,!0),n._data(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=n._data(d,b)-1;e?n._data(d,b,e):(d.removeEventListener(a,c,!0),n._removeData(d,b))}}}),n.fn.extend({on:function(a,b,c,d,e){var f,g;if("object"==typeof a){"string"!=typeof b&&(c=c||b,b=void 0);for(f in a)this.on(f,b,c,a[f],e);return this}if(null==c&&null==d?(d=b,c=b=void 0):null==d&&("string"==typeof b?(d=c,c=void 0):(d=c,c=b,b=void 0)),d===!1)d=cb;else if(!d)return this;return 1===e&&(g=d,d=function(a){return n().off(a),g.apply(this,arguments)},d.guid=g.guid||(g.guid=n.guid++)),this.each(function(){n.event.add(this,a,d,c,b)})},one:function(a,b,c,d){return this.on(a,b,c,d,1)},off:function(a,b,c){var d,e;if(a&&a.preventDefault&&a.handleObj)return d=a.handleObj,n(a.delegateTarget).off(d.namespace?d.origType+"."+d.namespace:d.origType,d.selector,d.handler),this;if("object"==typeof a){for(e in a)this.off(e,b,a[e]);return this}return(b===!1||"function"==typeof b)&&(c=b,b=void 0),c===!1&&(c=cb),this.each(function(){n.event.remove(this,a,c,b)})},trigger:function(a,b){return this.each(function(){n.event.trigger(a,b,this)})},triggerHandler:function(a,b){var c=this[0];return c?n.event.trigger(a,b,c,!0):void 0}});function eb(a){var b=fb.split("|"),c=a.createDocumentFragment();if(c.createElement)while(b.length)c.createElement(b.pop());return c}var fb="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",gb=/ jQuery\d+="(?:null|\d+)"/g,hb=new RegExp("<(?:"+fb+")[\\s/>]","i"),ib=/^\s+/,jb=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,kb=/<([\w:]+)/,lb=/<tbody/i,mb=/<|&#?\w+;/,nb=/<(?:script|style|link)/i,ob=/checked\s*(?:[^=]|=\s*.checked.)/i,pb=/^$|\/(?:java|ecma)script/i,qb=/^true\/(.*)/,rb=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,sb={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:l.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},tb=eb(z),ub=tb.appendChild(z.createElement("div"));sb.optgroup=sb.option,sb.tbody=sb.tfoot=sb.colgroup=sb.caption=sb.thead,sb.th=sb.td;function vb(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==L?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==L?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||n.nodeName(d,b)?f.push(d):n.merge(f,vb(d,b));return void 0===b||b&&n.nodeName(a,b)?n.merge([a],f):f}function wb(a){X.test(a.type)&&(a.defaultChecked=a.checked)}function xb(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function yb(a){return a.type=(null!==n.find.attr(a,"type"))+"/"+a.type,a}function zb(a){var b=qb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function Ab(a,b){for(var c,d=0;null!=(c=a[d]);d++)n._data(c,"globalEval",!b||n._data(b[d],"globalEval"))}function Bb(a,b){if(1===b.nodeType&&n.hasData(a)){var c,d,e,f=n._data(a),g=n._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)n.event.add(b,c,h[c][d])}g.data&&(g.data=n.extend({},g.data))}}function Cb(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!l.noCloneEvent&&b[n.expando]){e=n._data(b);for(d in e.events)n.removeEvent(b,d,e.handle);b.removeAttribute(n.expando)}"script"===c&&b.text!==a.text?(yb(b).text=a.text,zb(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),l.html5Clone&&a.innerHTML&&!n.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&X.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}n.extend({clone:function(a,b,c){var d,e,f,g,h,i=n.contains(a.ownerDocument,a);if(l.html5Clone||n.isXMLDoc(a)||!hb.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ub.innerHTML=a.outerHTML,ub.removeChild(f=ub.firstChild)),!(l.noCloneEvent&&l.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(d=vb(f),h=vb(a),g=0;null!=(e=h[g]);++g)d[g]&&Cb(e,d[g]);if(b)if(c)for(h=h||vb(a),d=d||vb(f),g=0;null!=(e=h[g]);g++)Bb(e,d[g]);else Bb(a,f);return d=vb(f,"script"),d.length>0&&Ab(d,!i&&vb(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,k,m=a.length,o=eb(b),p=[],q=0;m>q;q++)if(f=a[q],f||0===f)if("object"===n.type(f))n.merge(p,f.nodeType?[f]:f);else if(mb.test(f)){h=h||o.appendChild(b.createElement("div")),i=(kb.exec(f)||["",""])[1].toLowerCase(),k=sb[i]||sb._default,h.innerHTML=k[1]+f.replace(jb,"<$1></$2>")+k[2],e=k[0];while(e--)h=h.lastChild;if(!l.leadingWhitespace&&ib.test(f)&&p.push(b.createTextNode(ib.exec(f)[0])),!l.tbody){f="table"!==i||lb.test(f)?"<table>"!==k[1]||lb.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)n.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}n.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),l.appendChecked||n.grep(vb(p,"input"),wb),q=0;while(f=p[q++])if((!d||-1===n.inArray(f,d))&&(g=n.contains(f.ownerDocument,f),h=vb(o.appendChild(f),"script"),g&&Ab(h),c)){e=0;while(f=h[e++])pb.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=n.expando,j=n.cache,k=l.deleteExpando,m=n.event.special;null!=(d=a[h]);h++)if((b||n.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)m[e]?n.event.remove(d,e):n.removeEvent(d,e,g.handle);j[f]&&(delete j[f],k?delete d[i]:typeof d.removeAttribute!==L?d.removeAttribute(i):d[i]=null,c.push(f))}}}),n.fn.extend({text:function(a){return W(this,function(a){return void 0===a?n.text(this):this.empty().append((this[0]&&this[0].ownerDocument||z).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=xb(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=xb(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?n.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||n.cleanData(vb(c)),c.parentNode&&(b&&n.contains(c.ownerDocument,c)&&Ab(vb(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&n.cleanData(vb(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&n.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return W(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(gb,""):void 0;if(!("string"!=typeof a||nb.test(a)||!l.htmlSerialize&&hb.test(a)||!l.leadingWhitespace&&ib.test(a)||sb[(kb.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(jb,"<$1></$2>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(vb(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,n.cleanData(vb(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,k=this.length,m=this,o=k-1,p=a[0],q=n.isFunction(p);if(q||k>1&&"string"==typeof p&&!l.checkClone&&ob.test(p))return this.each(function(c){var d=m.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(k&&(i=n.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=n.map(vb(i,"script"),yb),f=g.length;k>j;j++)d=i,j!==o&&(d=n.clone(d,!0,!0),f&&n.merge(g,vb(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,n.map(g,zb),j=0;f>j;j++)d=g[j],pb.test(d.type||"")&&!n._data(d,"globalEval")&&n.contains(h,d)&&(d.src?n._evalUrl&&n._evalUrl(d.src):n.globalEval((d.text||d.textContent||d.innerHTML||"").replace(rb,"")));i=c=null}return this}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=0,e=[],g=n(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),n(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Db,Eb={};function Fb(b,c){var d=n(c.createElement(b)).appendTo(c.body),e=a.getDefaultComputedStyle?a.getDefaultComputedStyle(d[0]).display:n.css(d[0],"display");return d.detach(),e}function Gb(a){var b=z,c=Eb[a];return c||(c=Fb(a,b),"none"!==c&&c||(Db=(Db||n("<iframe frameborder='0' width='0' height='0'/>")).appendTo(b.documentElement),b=(Db[0].contentWindow||Db[0].contentDocument).document,b.write(),b.close(),c=Fb(a,b),Db.detach()),Eb[a]=c),c}!function(){var a,b,c=z.createElement("div"),d="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;padding:0;margin:0;border:0";c.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",a=c.getElementsByTagName("a")[0],a.style.cssText="float:left;opacity:.5",l.opacity=/^0.5/.test(a.style.opacity),l.cssFloat=!!a.style.cssFloat,c.style.backgroundClip="content-box",c.cloneNode(!0).style.backgroundClip="",l.clearCloneStyle="content-box"===c.style.backgroundClip,a=c=null,l.shrinkWrapBlocks=function(){var a,c,e,f;if(null==b){if(a=z.getElementsByTagName("body")[0],!a)return;f="border:0;width:0;height:0;position:absolute;top:0;left:-9999px",c=z.createElement("div"),e=z.createElement("div"),a.appendChild(c).appendChild(e),b=!1,typeof e.style.zoom!==L&&(e.style.cssText=d+";width:1px;padding:1px;zoom:1",e.innerHTML="<div></div>",e.firstChild.style.width="5px",b=3!==e.offsetWidth),a.removeChild(c),a=c=e=null}return b}}();var Hb=/^margin/,Ib=new RegExp("^("+T+")(?!px)[a-z%]+$","i"),Jb,Kb,Lb=/^(top|right|bottom|left)$/;a.getComputedStyle?(Jb=function(a){return a.ownerDocument.defaultView.getComputedStyle(a,null)},Kb=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Jb(a),g=c?c.getPropertyValue(b)||c[b]:void 0,c&&(""!==g||n.contains(a.ownerDocument,a)||(g=n.style(a,b)),Ib.test(g)&&Hb.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0===g?g:g+""}):z.documentElement.currentStyle&&(Jb=function(a){return a.currentStyle},Kb=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Jb(a),g=c?c[b]:void 0,null==g&&h&&h[b]&&(g=h[b]),Ib.test(g)&&!Lb.test(b)&&(d=h.left,e=a.runtimeStyle,f=e&&e.left,f&&(e.left=a.currentStyle.left),h.left="fontSize"===b?"1em":g,g=h.pixelLeft+"px",h.left=d,f&&(e.left=f)),void 0===g?g:g+""||"auto"});function Mb(a,b){return{get:function(){var c=a();if(null!=c)return c?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d,e,f,g,h=z.createElement("div"),i="border:0;width:0;height:0;position:absolute;top:0;left:-9999px",j="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;padding:0;margin:0;border:0";h.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",b=h.getElementsByTagName("a")[0],b.style.cssText="float:left;opacity:.5",l.opacity=/^0.5/.test(b.style.opacity),l.cssFloat=!!b.style.cssFloat,h.style.backgroundClip="content-box",h.cloneNode(!0).style.backgroundClip="",l.clearCloneStyle="content-box"===h.style.backgroundClip,b=h=null,n.extend(l,{reliableHiddenOffsets:function(){if(null!=c)return c;var a,b,d,e=z.createElement("div"),f=z.getElementsByTagName("body")[0];if(f)return e.setAttribute("className","t"),e.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",a=z.createElement("div"),a.style.cssText=i,f.appendChild(a).appendChild(e),e.innerHTML="<table><tr><td></td><td>t</td></tr></table>",b=e.getElementsByTagName("td"),b[0].style.cssText="padding:0;margin:0;border:0;display:none",d=0===b[0].offsetHeight,b[0].style.display="",b[1].style.display="none",c=d&&0===b[0].offsetHeight,f.removeChild(a),e=f=null,c},boxSizing:function(){return null==d&&k(),d},boxSizingReliable:function(){return null==e&&k(),e},pixelPosition:function(){return null==f&&k(),f},reliableMarginRight:function(){var b,c,d,e;if(null==g&&a.getComputedStyle){if(b=z.getElementsByTagName("body")[0],!b)return;c=z.createElement("div"),d=z.createElement("div"),c.style.cssText=i,b.appendChild(c).appendChild(d),e=d.appendChild(z.createElement("div")),e.style.cssText=d.style.cssText=j,e.style.marginRight=e.style.width="0",d.style.width="1px",g=!parseFloat((a.getComputedStyle(e,null)||{}).marginRight),b.removeChild(c)}return g}});function k(){var b,c,h=z.getElementsByTagName("body")[0];h&&(b=z.createElement("div"),c=z.createElement("div"),b.style.cssText=i,h.appendChild(b).appendChild(c),c.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;display:block;padding:1px;border:1px;width:4px;margin-top:1%;top:1%",n.swap(h,null!=h.style.zoom?{zoom:1}:{},function(){d=4===c.offsetWidth}),e=!0,f=!1,g=!0,a.getComputedStyle&&(f="1%"!==(a.getComputedStyle(c,null)||{}).top,e="4px"===(a.getComputedStyle(c,null)||{width:"4px"}).width),h.removeChild(b),c=h=null)}}(),n.swap=function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e};var Nb=/alpha\([^)]*\)/i,Ob=/opacity\s*=\s*([^)]*)/,Pb=/^(none|table(?!-c[ea]).+)/,Qb=new RegExp("^("+T+")(.*)$","i"),Rb=new RegExp("^([+-])=("+T+")","i"),Sb={position:"absolute",visibility:"hidden",display:"block"},Tb={letterSpacing:0,fontWeight:400},Ub=["Webkit","O","Moz","ms"];function Vb(a,b){if(b in a)return b;var c=b.charAt(0).toUpperCase()+b.slice(1),d=b,e=Ub.length;while(e--)if(b=Ub[e]+c,b in a)return b;return d}function Wb(a,b){for(var c,d,e,f=[],g=0,h=a.length;h>g;g++)d=a[g],d.style&&(f[g]=n._data(d,"olddisplay"),c=d.style.display,b?(f[g]||"none"!==c||(d.style.display=""),""===d.style.display&&V(d)&&(f[g]=n._data(d,"olddisplay",Gb(d.nodeName)))):f[g]||(e=V(d),(c&&"none"!==c||!e)&&n._data(d,"olddisplay",e?c:n.css(d,"display"))));for(g=0;h>g;g++)d=a[g],d.style&&(b&&"none"!==d.style.display&&""!==d.style.display||(d.style.display=b?f[g]||"":"none"));return a}function Xb(a,b,c){var d=Qb.exec(b);return d?Math.max(0,d[1]-(c||0))+(d[2]||"px"):b}function Yb(a,b,c,d,e){for(var f=c===(d?"border":"content")?4:"width"===b?1:0,g=0;4>f;f+=2)"margin"===c&&(g+=n.css(a,c+U[f],!0,e)),d?("content"===c&&(g-=n.css(a,"padding"+U[f],!0,e)),"margin"!==c&&(g-=n.css(a,"border"+U[f]+"Width",!0,e))):(g+=n.css(a,"padding"+U[f],!0,e),"padding"!==c&&(g+=n.css(a,"border"+U[f]+"Width",!0,e)));return g}function Zb(a,b,c){var d=!0,e="width"===b?a.offsetWidth:a.offsetHeight,f=Jb(a),g=l.boxSizing()&&"border-box"===n.css(a,"boxSizing",!1,f);if(0>=e||null==e){if(e=Kb(a,b,f),(0>e||null==e)&&(e=a.style[b]),Ib.test(e))return e;d=g&&(l.boxSizingReliable()||e===a.style[b]),e=parseFloat(e)||0}return e+Yb(a,b,c||(g?"border":"content"),d,f)+"px"}n.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=Kb(a,"opacity");return""===c?"1":c}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":l.cssFloat?"cssFloat":"styleFloat"},style:function(a,b,c,d){if(a&&3!==a.nodeType&&8!==a.nodeType&&a.style){var e,f,g,h=n.camelCase(b),i=a.style;if(b=n.cssProps[h]||(n.cssProps[h]=Vb(i,h)),g=n.cssHooks[b]||n.cssHooks[h],void 0===c)return g&&"get"in g&&void 0!==(e=g.get(a,!1,d))?e:i[b];if(f=typeof c,"string"===f&&(e=Rb.exec(c))&&(c=(e[1]+1)*e[2]+parseFloat(n.css(a,b)),f="number"),null!=c&&c===c&&("number"!==f||n.cssNumber[h]||(c+="px"),l.clearCloneStyle||""!==c||0!==b.indexOf("background")||(i[b]="inherit"),!(g&&"set"in g&&void 0===(c=g.set(a,c,d)))))try{i[b]="",i[b]=c}catch(j){}}},css:function(a,b,c,d){var e,f,g,h=n.camelCase(b);return b=n.cssProps[h]||(n.cssProps[h]=Vb(a.style,h)),g=n.cssHooks[b]||n.cssHooks[h],g&&"get"in g&&(f=g.get(a,!0,c)),void 0===f&&(f=Kb(a,b,d)),"normal"===f&&b in Tb&&(f=Tb[b]),""===c||c?(e=parseFloat(f),c===!0||n.isNumeric(e)?e||0:f):f}}),n.each(["height","width"],function(a,b){n.cssHooks[b]={get:function(a,c,d){return c?0===a.offsetWidth&&Pb.test(n.css(a,"display"))?n.swap(a,Sb,function(){return Zb(a,b,d)}):Zb(a,b,d):void 0},set:function(a,c,d){var e=d&&Jb(a);return Xb(a,c,d?Yb(a,b,d,l.boxSizing()&&"border-box"===n.css(a,"boxSizing",!1,e),e):0)}}}),l.opacity||(n.cssHooks.opacity={get:function(a,b){return Ob.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=n.isNumeric(b)?"alpha(opacity="+100*b+")":"",f=d&&d.filter||c.filter||"";c.zoom=1,(b>=1||""===b)&&""===n.trim(f.replace(Nb,""))&&c.removeAttribute&&(c.removeAttribute("filter"),""===b||d&&!d.filter)||(c.filter=Nb.test(f)?f.replace(Nb,e):f+" "+e)}}),n.cssHooks.marginRight=Mb(l.reliableMarginRight,function(a,b){return b?n.swap(a,{display:"inline-block"},Kb,[a,"marginRight"]):void 0}),n.each({margin:"",padding:"",border:"Width"},function(a,b){n.cssHooks[a+b]={expand:function(c){for(var d=0,e={},f="string"==typeof c?c.split(" "):[c];4>d;d++)e[a+U[d]+b]=f[d]||f[d-2]||f[0];return e}},Hb.test(a)||(n.cssHooks[a+b].set=Xb)}),n.fn.extend({css:function(a,b){return W(this,function(a,b,c){var d,e,f={},g=0;if(n.isArray(b)){for(d=Jb(a),e=b.length;e>g;g++)f[b[g]]=n.css(a,b[g],!1,d);return f}return void 0!==c?n.style(a,b,c):n.css(a,b)
+},a,b,arguments.length>1)},show:function(){return Wb(this,!0)},hide:function(){return Wb(this)},toggle:function(a){return"boolean"==typeof a?a?this.show():this.hide():this.each(function(){V(this)?n(this).show():n(this).hide()})}});function $b(a,b,c,d,e){return new $b.prototype.init(a,b,c,d,e)}n.Tween=$b,$b.prototype={constructor:$b,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||"swing",this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(n.cssNumber[c]?"":"px")},cur:function(){var a=$b.propHooks[this.prop];return a&&a.get?a.get(this):$b.propHooks._default.get(this)},run:function(a){var b,c=$b.propHooks[this.prop];return this.pos=b=this.options.duration?n.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):$b.propHooks._default.set(this),this}},$b.prototype.init.prototype=$b.prototype,$b.propHooks={_default:{get:function(a){var b;return null==a.elem[a.prop]||a.elem.style&&null!=a.elem.style[a.prop]?(b=n.css(a.elem,a.prop,""),b&&"auto"!==b?b:0):a.elem[a.prop]},set:function(a){n.fx.step[a.prop]?n.fx.step[a.prop](a):a.elem.style&&(null!=a.elem.style[n.cssProps[a.prop]]||n.cssHooks[a.prop])?n.style(a.elem,a.prop,a.now+a.unit):a.elem[a.prop]=a.now}}},$b.propHooks.scrollTop=$b.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},n.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2}},n.fx=$b.prototype.init,n.fx.step={};var _b,ac,bc=/^(?:toggle|show|hide)$/,cc=new RegExp("^(?:([+-])=|)("+T+")([a-z%]*)$","i"),dc=/queueHooks$/,ec=[jc],fc={"*":[function(a,b){var c=this.createTween(a,b),d=c.cur(),e=cc.exec(b),f=e&&e[3]||(n.cssNumber[a]?"":"px"),g=(n.cssNumber[a]||"px"!==f&&+d)&&cc.exec(n.css(c.elem,a)),h=1,i=20;if(g&&g[3]!==f){f=f||g[3],e=e||[],g=+d||1;do h=h||".5",g/=h,n.style(c.elem,a,g+f);while(h!==(h=c.cur()/d)&&1!==h&&--i)}return e&&(g=c.start=+g||+d||0,c.unit=f,c.end=e[1]?g+(e[1]+1)*e[2]:+e[2]),c}]};function gc(){return setTimeout(function(){_b=void 0}),_b=n.now()}function hc(a,b){var c,d={height:a},e=0;for(b=b?1:0;4>e;e+=2-b)c=U[e],d["margin"+c]=d["padding"+c]=a;return b&&(d.opacity=d.width=a),d}function ic(a,b,c){for(var d,e=(fc[b]||[]).concat(fc["*"]),f=0,g=e.length;g>f;f++)if(d=e[f].call(c,b,a))return d}function jc(a,b,c){var d,e,f,g,h,i,j,k,m=this,o={},p=a.style,q=a.nodeType&&V(a),r=n._data(a,"fxshow");c.queue||(h=n._queueHooks(a,"fx"),null==h.unqueued&&(h.unqueued=0,i=h.empty.fire,h.empty.fire=function(){h.unqueued||i()}),h.unqueued++,m.always(function(){m.always(function(){h.unqueued--,n.queue(a,"fx").length||h.empty.fire()})})),1===a.nodeType&&("height"in b||"width"in b)&&(c.overflow=[p.overflow,p.overflowX,p.overflowY],j=n.css(a,"display"),k=Gb(a.nodeName),"none"===j&&(j=k),"inline"===j&&"none"===n.css(a,"float")&&(l.inlineBlockNeedsLayout&&"inline"!==k?p.zoom=1:p.display="inline-block")),c.overflow&&(p.overflow="hidden",l.shrinkWrapBlocks()||m.always(function(){p.overflow=c.overflow[0],p.overflowX=c.overflow[1],p.overflowY=c.overflow[2]}));for(d in b)if(e=b[d],bc.exec(e)){if(delete b[d],f=f||"toggle"===e,e===(q?"hide":"show")){if("show"!==e||!r||void 0===r[d])continue;q=!0}o[d]=r&&r[d]||n.style(a,d)}if(!n.isEmptyObject(o)){r?"hidden"in r&&(q=r.hidden):r=n._data(a,"fxshow",{}),f&&(r.hidden=!q),q?n(a).show():m.done(function(){n(a).hide()}),m.done(function(){var b;n._removeData(a,"fxshow");for(b in o)n.style(a,b,o[b])});for(d in o)g=ic(q?r[d]:0,d,m),d in r||(r[d]=g.start,q&&(g.end=g.start,g.start="width"===d||"height"===d?1:0))}}function kc(a,b){var c,d,e,f,g;for(c in a)if(d=n.camelCase(c),e=b[d],f=a[c],n.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=n.cssHooks[d],g&&"expand"in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}function lc(a,b,c){var d,e,f=0,g=ec.length,h=n.Deferred().always(function(){delete i.elem}),i=function(){if(e)return!1;for(var b=_b||gc(),c=Math.max(0,j.startTime+j.duration-b),d=c/j.duration||0,f=1-d,g=0,i=j.tweens.length;i>g;g++)j.tweens[g].run(f);return h.notifyWith(a,[j,f,c]),1>f&&i?c:(h.resolveWith(a,[j]),!1)},j=h.promise({elem:a,props:n.extend({},b),opts:n.extend(!0,{specialEasing:{}},c),originalProperties:b,originalOptions:c,startTime:_b||gc(),duration:c.duration,tweens:[],createTween:function(b,c){var d=n.Tween(a,j.opts,b,c,j.opts.specialEasing[b]||j.opts.easing);return j.tweens.push(d),d},stop:function(b){var c=0,d=b?j.tweens.length:0;if(e)return this;for(e=!0;d>c;c++)j.tweens[c].run(1);return b?h.resolveWith(a,[j,b]):h.rejectWith(a,[j,b]),this}}),k=j.props;for(kc(k,j.opts.specialEasing);g>f;f++)if(d=ec[f].call(j,a,k,j.opts))return d;return n.map(k,ic,j),n.isFunction(j.opts.start)&&j.opts.start.call(a,j),n.fx.timer(n.extend(i,{elem:a,anim:j,queue:j.opts.queue})),j.progress(j.opts.progress).done(j.opts.done,j.opts.complete).fail(j.opts.fail).always(j.opts.always)}n.Animation=n.extend(lc,{tweener:function(a,b){n.isFunction(a)?(b=a,a=["*"]):a=a.split(" ");for(var c,d=0,e=a.length;e>d;d++)c=a[d],fc[c]=fc[c]||[],fc[c].unshift(b)},prefilter:function(a,b){b?ec.unshift(a):ec.push(a)}}),n.speed=function(a,b,c){var d=a&&"object"==typeof a?n.extend({},a):{complete:c||!c&&b||n.isFunction(a)&&a,duration:a,easing:c&&b||b&&!n.isFunction(b)&&b};return d.duration=n.fx.off?0:"number"==typeof d.duration?d.duration:d.duration in n.fx.speeds?n.fx.speeds[d.duration]:n.fx.speeds._default,(null==d.queue||d.queue===!0)&&(d.queue="fx"),d.old=d.complete,d.complete=function(){n.isFunction(d.old)&&d.old.call(this),d.queue&&n.dequeue(this,d.queue)},d},n.fn.extend({fadeTo:function(a,b,c,d){return this.filter(V).css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=n.isEmptyObject(a),f=n.speed(b,c,d),g=function(){var b=lc(this,n.extend({},a),f);(e||n._data(this,"finish"))&&b.stop(!0)};return g.finish=g,e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,b,c){var d=function(a){var b=a.stop;delete a.stop,b(c)};return"string"!=typeof a&&(c=b,b=a,a=void 0),b&&a!==!1&&this.queue(a||"fx",[]),this.each(function(){var b=!0,e=null!=a&&a+"queueHooks",f=n.timers,g=n._data(this);if(e)g[e]&&g[e].stop&&d(g[e]);else for(e in g)g[e]&&g[e].stop&&dc.test(e)&&d(g[e]);for(e=f.length;e--;)f[e].elem!==this||null!=a&&f[e].queue!==a||(f[e].anim.stop(c),b=!1,f.splice(e,1));(b||!c)&&n.dequeue(this,a)})},finish:function(a){return a!==!1&&(a=a||"fx"),this.each(function(){var b,c=n._data(this),d=c[a+"queue"],e=c[a+"queueHooks"],f=n.timers,g=d?d.length:0;for(c.finish=!0,n.queue(this,a,[]),e&&e.stop&&e.stop.call(this,!0),b=f.length;b--;)f[b].elem===this&&f[b].queue===a&&(f[b].anim.stop(!0),f.splice(b,1));for(b=0;g>b;b++)d[b]&&d[b].finish&&d[b].finish.call(this);delete c.finish})}}),n.each(["toggle","show","hide"],function(a,b){var c=n.fn[b];n.fn[b]=function(a,d,e){return null==a||"boolean"==typeof a?c.apply(this,arguments):this.animate(hc(b,!0),a,d,e)}}),n.each({slideDown:hc("show"),slideUp:hc("hide"),slideToggle:hc("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){n.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),n.timers=[],n.fx.tick=function(){var a,b=n.timers,c=0;for(_b=n.now();c<b.length;c++)a=b[c],a()||b[c]!==a||b.splice(c--,1);b.length||n.fx.stop(),_b=void 0},n.fx.timer=function(a){n.timers.push(a),a()?n.fx.start():n.timers.pop()},n.fx.interval=13,n.fx.start=function(){ac||(ac=setInterval(n.fx.tick,n.fx.interval))},n.fx.stop=function(){clearInterval(ac),ac=null},n.fx.speeds={slow:600,fast:200,_default:400},n.fn.delay=function(a,b){return a=n.fx?n.fx.speeds[a]||a:a,b=b||"fx",this.queue(b,function(b,c){var d=setTimeout(b,a);c.stop=function(){clearTimeout(d)}})},function(){var a,b,c,d,e=z.createElement("div");e.setAttribute("className","t"),e.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",a=e.getElementsByTagName("a")[0],c=z.createElement("select"),d=c.appendChild(z.createElement("option")),b=e.getElementsByTagName("input")[0],a.style.cssText="top:1px",l.getSetAttribute="t"!==e.className,l.style=/top/.test(a.getAttribute("style")),l.hrefNormalized="/a"===a.getAttribute("href"),l.checkOn=!!b.value,l.optSelected=d.selected,l.enctype=!!z.createElement("form").enctype,c.disabled=!0,l.optDisabled=!d.disabled,b=z.createElement("input"),b.setAttribute("value",""),l.input=""===b.getAttribute("value"),b.value="t",b.setAttribute("type","radio"),l.radioValue="t"===b.value,a=b=c=d=e=null}();var mc=/\r/g;n.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=n.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,n(this).val()):a,null==e?e="":"number"==typeof e?e+="":n.isArray(e)&&(e=n.map(e,function(a){return null==a?"":a+""})),b=n.valHooks[this.type]||n.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))});if(e)return b=n.valHooks[e.type]||n.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(mc,""):null==c?"":c)}}}),n.extend({valHooks:{option:{get:function(a){var b=n.find.attr(a,"value");return null!=b?b:n.text(a)}},select:{get:function(a){for(var b,c,d=a.options,e=a.selectedIndex,f="select-one"===a.type||0>e,g=f?null:[],h=f?e+1:d.length,i=0>e?h:f?e:0;h>i;i++)if(c=d[i],!(!c.selected&&i!==e||(l.optDisabled?c.disabled:null!==c.getAttribute("disabled"))||c.parentNode.disabled&&n.nodeName(c.parentNode,"optgroup"))){if(b=n(c).val(),f)return b;g.push(b)}return g},set:function(a,b){var c,d,e=a.options,f=n.makeArray(b),g=e.length;while(g--)if(d=e[g],n.inArray(n.valHooks.option.get(d),f)>=0)try{d.selected=c=!0}catch(h){d.scrollHeight}else d.selected=!1;return c||(a.selectedIndex=-1),e}}}}),n.each(["radio","checkbox"],function(){n.valHooks[this]={set:function(a,b){return n.isArray(b)?a.checked=n.inArray(n(a).val(),b)>=0:void 0}},l.checkOn||(n.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})});var nc,oc,pc=n.expr.attrHandle,qc=/^(?:checked|selected)$/i,rc=l.getSetAttribute,sc=l.input;n.fn.extend({attr:function(a,b){return W(this,n.attr,a,b,arguments.length>1)},removeAttr:function(a){return this.each(function(){n.removeAttr(this,a)})}}),n.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(a&&3!==f&&8!==f&&2!==f)return typeof a.getAttribute===L?n.prop(a,b,c):(1===f&&n.isXMLDoc(a)||(b=b.toLowerCase(),d=n.attrHooks[b]||(n.expr.match.bool.test(b)?oc:nc)),void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=n.find.attr(a,b),null==e?void 0:e):null!==c?d&&"set"in d&&void 0!==(e=d.set(a,c,b))?e:(a.setAttribute(b,c+""),c):void n.removeAttr(a,b))},removeAttr:function(a,b){var c,d,e=0,f=b&&b.match(F);if(f&&1===a.nodeType)while(c=f[e++])d=n.propFix[c]||c,n.expr.match.bool.test(c)?sc&&rc||!qc.test(c)?a[d]=!1:a[n.camelCase("default-"+c)]=a[d]=!1:n.attr(a,c,""),a.removeAttribute(rc?c:d)},attrHooks:{type:{set:function(a,b){if(!l.radioValue&&"radio"===b&&n.nodeName(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}}}),oc={set:function(a,b,c){return b===!1?n.removeAttr(a,c):sc&&rc||!qc.test(c)?a.setAttribute(!rc&&n.propFix[c]||c,c):a[n.camelCase("default-"+c)]=a[c]=!0,c}},n.each(n.expr.match.bool.source.match(/\w+/g),function(a,b){var c=pc[b]||n.find.attr;pc[b]=sc&&rc||!qc.test(b)?function(a,b,d){var e,f;return d||(f=pc[b],pc[b]=e,e=null!=c(a,b,d)?b.toLowerCase():null,pc[b]=f),e}:function(a,b,c){return c?void 0:a[n.camelCase("default-"+b)]?b.toLowerCase():null}}),sc&&rc||(n.attrHooks.value={set:function(a,b,c){return n.nodeName(a,"input")?void(a.defaultValue=b):nc&&nc.set(a,b,c)}}),rc||(nc={set:function(a,b,c){var d=a.getAttributeNode(c);return d||a.setAttributeNode(d=a.ownerDocument.createAttribute(c)),d.value=b+="","value"===c||b===a.getAttribute(c)?b:void 0}},pc.id=pc.name=pc.coords=function(a,b,c){var d;return c?void 0:(d=a.getAttributeNode(b))&&""!==d.value?d.value:null},n.valHooks.button={get:function(a,b){var c=a.getAttributeNode(b);return c&&c.specified?c.value:void 0},set:nc.set},n.attrHooks.contenteditable={set:function(a,b,c){nc.set(a,""===b?!1:b,c)}},n.each(["width","height"],function(a,b){n.attrHooks[b]={set:function(a,c){return""===c?(a.setAttribute(b,"auto"),c):void 0}}})),l.style||(n.attrHooks.style={get:function(a){return a.style.cssText||void 0},set:function(a,b){return a.style.cssText=b+""}});var tc=/^(?:input|select|textarea|button|object)$/i,uc=/^(?:a|area)$/i;n.fn.extend({prop:function(a,b){return W(this,n.prop,a,b,arguments.length>1)},removeProp:function(a){return a=n.propFix[a]||a,this.each(function(){try{this[a]=void 0,delete this[a]}catch(b){}})}}),n.extend({propFix:{"for":"htmlFor","class":"className"},prop:function(a,b,c){var d,e,f,g=a.nodeType;if(a&&3!==g&&8!==g&&2!==g)return f=1!==g||!n.isXMLDoc(a),f&&(b=n.propFix[b]||b,e=n.propHooks[b]),void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){var b=n.find.attr(a,"tabindex");return b?parseInt(b,10):tc.test(a.nodeName)||uc.test(a.nodeName)&&a.href?0:-1}}}}),l.hrefNormalized||n.each(["href","src"],function(a,b){n.propHooks[b]={get:function(a){return a.getAttribute(b,4)}}}),l.optSelected||(n.propHooks.selected={get:function(a){var b=a.parentNode;return b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex),null}}),n.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){n.propFix[this.toLowerCase()]=this}),l.enctype||(n.propFix.enctype="encoding");var vc=/[\t\r\n\f]/g;n.fn.extend({addClass:function(a){var b,c,d,e,f,g,h=0,i=this.length,j="string"==typeof a&&a;if(n.isFunction(a))return this.each(function(b){n(this).addClass(a.call(this,b,this.className))});if(j)for(b=(a||"").match(F)||[];i>h;h++)if(c=this[h],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(vc," "):" ")){f=0;while(e=b[f++])d.indexOf(" "+e+" ")<0&&(d+=e+" ");g=n.trim(d),c.className!==g&&(c.className=g)}return this},removeClass:function(a){var b,c,d,e,f,g,h=0,i=this.length,j=0===arguments.length||"string"==typeof a&&a;if(n.isFunction(a))return this.each(function(b){n(this).removeClass(a.call(this,b,this.className))});if(j)for(b=(a||"").match(F)||[];i>h;h++)if(c=this[h],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(vc," "):"")){f=0;while(e=b[f++])while(d.indexOf(" "+e+" ")>=0)d=d.replace(" "+e+" "," ");g=a?n.trim(d):"",c.className!==g&&(c.className=g)}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):this.each(n.isFunction(a)?function(c){n(this).toggleClass(a.call(this,c,this.className,b),b)}:function(){if("string"===c){var b,d=0,e=n(this),f=a.match(F)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else(c===L||"boolean"===c)&&(this.className&&n._data(this,"__className__",this.className),this.className=this.className||a===!1?"":n._data(this,"__className__")||"")})},hasClass:function(a){for(var b=" "+a+" ",c=0,d=this.length;d>c;c++)if(1===this[c].nodeType&&(" "+this[c].className+" ").replace(vc," ").indexOf(b)>=0)return!0;return!1}}),n.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){n.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),n.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,"**"):this.off(b,a||"**",c)}});var wc=n.now(),xc=/\?/,yc=/(,)|(\[|{)|(}|])|"(?:[^"\\\r\n]|\\["\\\/bfnrt]|\\u[\da-fA-F]{4})*"\s*:?|true|false|null|-?(?!0\d)\d+(?:\.\d+|)(?:[eE][+-]?\d+|)/g;n.parseJSON=function(b){if(a.JSON&&a.JSON.parse)return a.JSON.parse(b+"");var c,d=null,e=n.trim(b+"");return e&&!n.trim(e.replace(yc,function(a,b,e,f){return c&&b&&(d=0),0===d?a:(c=e||b,d+=!f-!e,"")}))?Function("return "+e)():n.error("Invalid JSON: "+b)},n.parseXML=function(b){var c,d;if(!b||"string"!=typeof b)return null;try{a.DOMParser?(d=new DOMParser,c=d.parseFromString(b,"text/xml")):(c=new ActiveXObject("Microsoft.XMLDOM"),c.async="false",c.loadXML(b))}catch(e){c=void 0}return c&&c.documentElement&&!c.getElementsByTagName("parsererror").length||n.error("Invalid XML: "+b),c};var zc,Ac,Bc=/#.*$/,Cc=/([?&])_=[^&]*/,Dc=/^(.*?):[ \t]*([^\r\n]*)\r?$/gm,Ec=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Fc=/^(?:GET|HEAD)$/,Gc=/^\/\//,Hc=/^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,Ic={},Jc={},Kc="*/".concat("*");try{Ac=location.href}catch(Lc){Ac=z.createElement("a"),Ac.href="",Ac=Ac.href}zc=Hc.exec(Ac.toLowerCase())||[];function Mc(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(F)||[];if(n.isFunction(c))while(d=f[e++])"+"===d.charAt(0)?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function Nc(a,b,c,d){var e={},f=a===Jc;function g(h){var i;return e[h]=!0,n.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||f||e[j]?f?!(i=j):void 0:(b.dataTypes.unshift(j),g(j),!1)}),i}return g(b.dataTypes[0])||!e["*"]&&g("*")}function Oc(a,b){var c,d,e=n.ajaxSettings.flatOptions||{};for(d in b)void 0!==b[d]&&((e[d]?a:c||(c={}))[d]=b[d]);return c&&n.extend(!0,a,c),a}function Pc(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while("*"===i[0])i.shift(),void 0===e&&(e=a.mimeType||b.getResponseHeader("Content-Type"));if(e)for(g in h)if(h[g]&&h[g].test(e)){i.unshift(g);break}if(i[0]in c)f=i[0];else{for(g in c){if(!i[0]||a.converters[g+" "+i[0]]){f=g;break}d||(d=g)}f=f||d}return f?(f!==i[0]&&i.unshift(f),c[f]):void 0}function Qc(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];f=k.shift();while(f)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}n.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Ac,type:"GET",isLocal:Ec.test(zc[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Kc,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":n.parseJSON,"text xml":n.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?Oc(Oc(a,n.ajaxSettings),b):Oc(n.ajaxSettings,a)},ajaxPrefilter:Mc(Ic),ajaxTransport:Mc(Jc),ajax:function(a,b){"object"==typeof a&&(b=a,a=void 0),b=b||{};var c,d,e,f,g,h,i,j,k=n.ajaxSetup({},b),l=k.context||k,m=k.context&&(l.nodeType||l.jquery)?n(l):n.event,o=n.Deferred(),p=n.Callbacks("once memory"),q=k.statusCode||{},r={},s={},t=0,u="canceled",v={readyState:0,getResponseHeader:function(a){var b;if(2===t){if(!j){j={};while(b=Dc.exec(f))j[b[1].toLowerCase()]=b[2]}b=j[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return 2===t?f:null},setRequestHeader:function(a,b){var c=a.toLowerCase();return t||(a=s[c]=s[c]||a,r[a]=b),this},overrideMimeType:function(a){return t||(k.mimeType=a),this},statusCode:function(a){var b;if(a)if(2>t)for(b in a)q[b]=[q[b],a[b]];else v.always(a[v.status]);return this},abort:function(a){var b=a||u;return i&&i.abort(b),x(0,b),this}};if(o.promise(v).complete=p.add,v.success=v.done,v.error=v.fail,k.url=((a||k.url||Ac)+"").replace(Bc,"").replace(Gc,zc[1]+"//"),k.type=b.method||b.type||k.method||k.type,k.dataTypes=n.trim(k.dataType||"*").toLowerCase().match(F)||[""],null==k.crossDomain&&(c=Hc.exec(k.url.toLowerCase()),k.crossDomain=!(!c||c[1]===zc[1]&&c[2]===zc[2]&&(c[3]||("http:"===c[1]?"80":"443"))===(zc[3]||("http:"===zc[1]?"80":"443")))),k.data&&k.processData&&"string"!=typeof k.data&&(k.data=n.param(k.data,k.traditional)),Nc(Ic,k,b,v),2===t)return v;h=k.global,h&&0===n.active++&&n.event.trigger("ajaxStart"),k.type=k.type.toUpperCase(),k.hasContent=!Fc.test(k.type),e=k.url,k.hasContent||(k.data&&(e=k.url+=(xc.test(e)?"&":"?")+k.data,delete k.data),k.cache===!1&&(k.url=Cc.test(e)?e.replace(Cc,"$1_="+wc++):e+(xc.test(e)?"&":"?")+"_="+wc++)),k.ifModified&&(n.lastModified[e]&&v.setRequestHeader("If-Modified-Since",n.lastModified[e]),n.etag[e]&&v.setRequestHeader("If-None-Match",n.etag[e])),(k.data&&k.hasContent&&k.contentType!==!1||b.contentType)&&v.setRequestHeader("Content-Type",k.contentType),v.setRequestHeader("Accept",k.dataTypes[0]&&k.accepts[k.dataTypes[0]]?k.accepts[k.dataTypes[0]]+("*"!==k.dataTypes[0]?", "+Kc+"; q=0.01":""):k.accepts["*"]);for(d in k.headers)v.setRequestHeader(d,k.headers[d]);if(k.beforeSend&&(k.beforeSend.call(l,v,k)===!1||2===t))return v.abort();u="abort";for(d in{success:1,error:1,complete:1})v[d](k[d]);if(i=Nc(Jc,k,b,v)){v.readyState=1,h&&m.trigger("ajaxSend",[v,k]),k.async&&k.timeout>0&&(g=setTimeout(function(){v.abort("timeout")},k.timeout));try{t=1,i.send(r,x)}catch(w){if(!(2>t))throw w;x(-1,w)}}else x(-1,"No Transport");function x(a,b,c,d){var j,r,s,u,w,x=b;2!==t&&(t=2,g&&clearTimeout(g),i=void 0,f=d||"",v.readyState=a>0?4:0,j=a>=200&&300>a||304===a,c&&(u=Pc(k,v,c)),u=Qc(k,u,v,j),j?(k.ifModified&&(w=v.getResponseHeader("Last-Modified"),w&&(n.lastModified[e]=w),w=v.getResponseHeader("etag"),w&&(n.etag[e]=w)),204===a||"HEAD"===k.type?x="nocontent":304===a?x="notmodified":(x=u.state,r=u.data,s=u.error,j=!s)):(s=x,(a||!x)&&(x="error",0>a&&(a=0))),v.status=a,v.statusText=(b||x)+"",j?o.resolveWith(l,[r,x,v]):o.rejectWith(l,[v,x,s]),v.statusCode(q),q=void 0,h&&m.trigger(j?"ajaxSuccess":"ajaxError",[v,k,j?r:s]),p.fireWith(l,[v,x]),h&&(m.trigger("ajaxComplete",[v,k]),--n.active||n.event.trigger("ajaxStop")))}return v},getJSON:function(a,b,c){return n.get(a,b,c,"json")},getScript:function(a,b){return n.get(a,void 0,b,"script")}}),n.each(["get","post"],function(a,b){n[b]=function(a,c,d,e){return n.isFunction(c)&&(e=e||d,d=c,c=void 0),n.ajax({url:a,type:b,dataType:e,data:c,success:d})}}),n.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){n.fn[b]=function(a){return this.on(b,a)}}),n._evalUrl=function(a){return n.ajax({url:a,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})},n.fn.extend({wrapAll:function(a){if(n.isFunction(a))return this.each(function(b){n(this).wrapAll(a.call(this,b))});if(this[0]){var b=n(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&1===a.firstChild.nodeType)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){return this.each(n.isFunction(a)?function(b){n(this).wrapInner(a.call(this,b))}:function(){var b=n(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=n.isFunction(a);return this.each(function(c){n(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){n.nodeName(this,"body")||n(this).replaceWith(this.childNodes)}).end()}}),n.expr.filters.hidden=function(a){return a.offsetWidth<=0&&a.offsetHeight<=0||!l.reliableHiddenOffsets()&&"none"===(a.style&&a.style.display||n.css(a,"display"))},n.expr.filters.visible=function(a){return!n.expr.filters.hidden(a)};var Rc=/%20/g,Sc=/\[\]$/,Tc=/\r?\n/g,Uc=/^(?:submit|button|image|reset|file)$/i,Vc=/^(?:input|select|textarea|keygen)/i;function Wc(a,b,c,d){var e;if(n.isArray(b))n.each(b,function(b,e){c||Sc.test(a)?d(a,e):Wc(a+"["+("object"==typeof e?b:"")+"]",e,c,d)});else if(c||"object"!==n.type(b))d(a,b);else for(e in b)Wc(a+"["+e+"]",b[e],c,d)}n.param=function(a,b){var c,d=[],e=function(a,b){b=n.isFunction(b)?b():null==b?"":b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};if(void 0===b&&(b=n.ajaxSettings&&n.ajaxSettings.traditional),n.isArray(a)||a.jquery&&!n.isPlainObject(a))n.each(a,function(){e(this.name,this.value)});else for(c in a)Wc(c,a[c],b,e);return d.join("&").replace(Rc,"+")},n.fn.extend({serialize:function(){return n.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=n.prop(this,"elements");return a?n.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!n(this).is(":disabled")&&Vc.test(this.nodeName)&&!Uc.test(a)&&(this.checked||!X.test(a))}).map(function(a,b){var c=n(this).val();return null==c?null:n.isArray(c)?n.map(c,function(a){return{name:b.name,value:a.replace(Tc,"\r\n")}}):{name:b.name,value:c.replace(Tc,"\r\n")}}).get()}}),n.ajaxSettings.xhr=void 0!==a.ActiveXObject?function(){return!this.isLocal&&/^(get|post|head|put|delete|options)$/i.test(this.type)&&$c()||_c()}:$c;var Xc=0,Yc={},Zc=n.ajaxSettings.xhr();a.ActiveXObject&&n(a).on("unload",function(){for(var a in Yc)Yc[a](void 0,!0)}),l.cors=!!Zc&&"withCredentials"in Zc,Zc=l.ajax=!!Zc,Zc&&n.ajaxTransport(function(a){if(!a.crossDomain||l.cors){var b;return{send:function(c,d){var e,f=a.xhr(),g=++Xc;if(f.open(a.type,a.url,a.async,a.username,a.password),a.xhrFields)for(e in a.xhrFields)f[e]=a.xhrFields[e];a.mimeType&&f.overrideMimeType&&f.overrideMimeType(a.mimeType),a.crossDomain||c["X-Requested-With"]||(c["X-Requested-With"]="XMLHttpRequest");for(e in c)void 0!==c[e]&&f.setRequestHeader(e,c[e]+"");f.send(a.hasContent&&a.data||null),b=function(c,e){var h,i,j;if(b&&(e||4===f.readyState))if(delete Yc[g],b=void 0,f.onreadystatechange=n.noop,e)4!==f.readyState&&f.abort();else{j={},h=f.status,"string"==typeof f.responseText&&(j.text=f.responseText);try{i=f.statusText}catch(k){i=""}h||!a.isLocal||a.crossDomain?1223===h&&(h=204):h=j.text?200:404}j&&d(h,i,j,f.getAllResponseHeaders())},a.async?4===f.readyState?setTimeout(b):f.onreadystatechange=Yc[g]=b:b()},abort:function(){b&&b(void 0,!0)}}}});function $c(){try{return new a.XMLHttpRequest}catch(b){}}function _c(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}n.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(a){return n.globalEval(a),a}}}),n.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),n.ajaxTransport("script",function(a){if(a.crossDomain){var b,c=z.head||n("head")[0]||z.documentElement;return{send:function(d,e){b=z.createElement("script"),b.async=!0,a.scriptCharset&&(b.charset=a.scriptCharset),b.src=a.url,b.onload=b.onreadystatechange=function(a,c){(c||!b.readyState||/loaded|complete/.test(b.readyState))&&(b.onload=b.onreadystatechange=null,b.parentNode&&b.parentNode.removeChild(b),b=null,c||e(200,"success"))},c.insertBefore(b,c.firstChild)},abort:function(){b&&b.onload(void 0,!0)}}}});var ad=[],bd=/(=)\?(?=&|$)|\?\?/;n.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=ad.pop()||n.expando+"_"+wc++;return this[a]=!0,a}}),n.ajaxPrefilter("json jsonp",function(b,c,d){var e,f,g,h=b.jsonp!==!1&&(bd.test(b.url)?"url":"string"==typeof b.data&&!(b.contentType||"").indexOf("application/x-www-form-urlencoded")&&bd.test(b.data)&&"data");return h||"jsonp"===b.dataTypes[0]?(e=b.jsonpCallback=n.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,h?b[h]=b[h].replace(bd,"$1"+e):b.jsonp!==!1&&(b.url+=(xc.test(b.url)?"&":"?")+b.jsonp+"="+e),b.converters["script json"]=function(){return g||n.error(e+" was not called"),g[0]},b.dataTypes[0]="json",f=a[e],a[e]=function(){g=arguments},d.always(function(){a[e]=f,b[e]&&(b.jsonpCallback=c.jsonpCallback,ad.push(e)),g&&n.isFunction(f)&&f(g[0]),g=f=void 0}),"script"):void 0}),n.parseHTML=function(a,b,c){if(!a||"string"!=typeof a)return null;"boolean"==typeof b&&(c=b,b=!1),b=b||z;var d=v.exec(a),e=!c&&[];return d?[b.createElement(d[1])]:(d=n.buildFragment([a],b,e),e&&e.length&&n(e).remove(),n.merge([],d.childNodes))};var cd=n.fn.load;n.fn.load=function(a,b,c){if("string"!=typeof a&&cd)return cd.apply(this,arguments);var d,e,f,g=this,h=a.indexOf(" ");return h>=0&&(d=a.slice(h,a.length),a=a.slice(0,h)),n.isFunction(b)?(c=b,b=void 0):b&&"object"==typeof b&&(f="POST"),g.length>0&&n.ajax({url:a,type:f,dataType:"html",data:b}).done(function(a){e=arguments,g.html(d?n("<div>").append(n.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},n.expr.filters.animated=function(a){return n.grep(n.timers,function(b){return a===b.elem}).length};var dd=a.document.documentElement;function ed(a){return n.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}n.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=n.css(a,"position"),l=n(a),m={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=n.css(a,"top"),i=n.css(a,"left"),j=("absolute"===k||"fixed"===k)&&n.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),n.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(m.top=b.top-h.top+g),null!=b.left&&(m.left=b.left-h.left+e),"using"in b?b.using.call(a,m):l.css(m)}},n.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){n.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,n.contains(b,e)?(typeof e.getBoundingClientRect!==L&&(d=e.getBoundingClientRect()),c=ed(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===n.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),n.nodeName(a[0],"html")||(c=a.offset()),c.top+=n.css(a[0],"borderTopWidth",!0),c.left+=n.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-n.css(d,"marginTop",!0),left:b.left-c.left-n.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||dd;while(a&&!n.nodeName(a,"html")&&"static"===n.css(a,"position"))a=a.offsetParent;return a||dd})}}),n.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);n.fn[a]=function(d){return W(this,function(a,d,e){var f=ed(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?n(f).scrollLeft():e,c?e:n(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),n.each(["top","left"],function(a,b){n.cssHooks[b]=Mb(l.pixelPosition,function(a,c){return c?(c=Kb(a,b),Ib.test(c)?n(a).position()[b]+"px":c):void 0})}),n.each({Height:"height",Width:"width"},function(a,b){n.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){n.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return W(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),n.fn.size=function(){return this.length},n.fn.andSelf=n.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return n});var fd=a.jQuery,gd=a.$;return n.noConflict=function(b){return a.$===n&&(a.$=gd),b&&a.jQuery===n&&(a.jQuery=fd),n},typeof b===L&&(a.jQuery=a.$=n),n});
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/js/jquery.layout-latest.min.js b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/js/jquery.layout-latest.min.js
new file mode 100644
index 00000000..3f0dfea4
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/static/js/jquery.layout-latest.min.js
@@ -0,0 +1,142 @@
+/*
+ jquery.layout 1.3.0 - Release Candidate 30.79
+ $Date: 2013-01-01 08:00:00 (Tue, 1 Jan 2013) $
+ $Rev: 303007 $
+
+ Copyright (c) 2013 Kevin Dalman (http://allpro.net)
+ Based on work by Fabrizio Balliano (http://www.fabrizioballiano.net)
+
+ Dual licensed under the GPL (http://www.gnu.org/licenses/gpl.html)
+ and MIT (http://www.opensource.org/licenses/mit-license.php) licenses.
+
+ SEE: http://layout.jquery-dev.net/LICENSE.txt
+
+ Changelog: http://layout.jquery-dev.net/changelog.cfm#1.3.0.rc30.79
+
+ Docs: http://layout.jquery-dev.net/documentation.html
+ Tips: http://layout.jquery-dev.net/tips.html
+ Help: http://groups.google.com/group/jquery-ui-layout
+*/
+(function(b){var a=Math.min,d=Math.max,c=Math.floor,f=function(a){return"string"===b.type(a)},j=function(a,d){if(b.isArray(d))for(var c=0,j=d.length;c<j;c++){var h=d[c];try{f(h)&&(h=eval(h)),b.isFunction(h)&&h(a)}catch(k){}}};b.layout={version:"1.3.rc30.79",revision:0.033007,browser:{},effects:{slide:{all:{duration:"fast"},north:{direction:"up"},south:{direction:"down"},east:{direction:"right"},west:{direction:"left"}},drop:{all:{duration:"slow"},north:{direction:"up"},south:{direction:"down"},east:{direction:"right"},
+west:{direction:"left"}},scale:{all:{duration:"fast"}},blind:{},clip:{},explode:{},fade:{},fold:{},puff:{},size:{all:{easing:"swing"}}},config:{optionRootKeys:"effects panes north south west east center".split(" "),allPanes:["north","south","west","east","center"],borderPanes:["north","south","west","east"],oppositeEdge:{north:"south",south:"north",east:"west",west:"east"},offscreenCSS:{left:"-99999px",right:"auto"},offscreenReset:"offscreenReset",hidden:{visibility:"hidden"},visible:{visibility:"visible"},
+resizers:{cssReq:{position:"absolute",padding:0,margin:0,fontSize:"1px",textAlign:"left",overflow:"hidden"},cssDemo:{background:"#DDD",border:"none"}},togglers:{cssReq:{position:"absolute",display:"block",padding:0,margin:0,overflow:"hidden",textAlign:"center",fontSize:"1px",cursor:"pointer",zIndex:1},cssDemo:{background:"#AAA"}},content:{cssReq:{position:"relative"},cssDemo:{overflow:"auto",padding:"10px"},cssDemoPane:{overflow:"hidden",padding:0}},panes:{cssReq:{position:"absolute",margin:0},cssDemo:{padding:"10px",
+background:"#FFF",border:"1px solid #BBB",overflow:"auto"}},north:{side:"top",sizeType:"Height",dir:"horz",cssReq:{top:0,bottom:"auto",left:0,right:0,width:"auto"}},south:{side:"bottom",sizeType:"Height",dir:"horz",cssReq:{top:"auto",bottom:0,left:0,right:0,width:"auto"}},east:{side:"right",sizeType:"Width",dir:"vert",cssReq:{left:"auto",right:0,top:"auto",bottom:"auto",height:"auto"}},west:{side:"left",sizeType:"Width",dir:"vert",cssReq:{left:0,right:"auto",top:"auto",bottom:"auto",height:"auto"}},
+center:{dir:"center",cssReq:{left:"auto",right:"auto",top:"auto",bottom:"auto",height:"auto",width:"auto"}}},callbacks:{},getParentPaneElem:function(a){a=b(a);if(a=a.data("layout")||a.data("parentLayout")){a=a.container;if(a.data("layoutPane"))return a;a=a.closest("."+b.layout.defaults.panes.paneClass);if(a.data("layoutPane"))return a}return null},getParentPaneInstance:function(a){return(a=b.layout.getParentPaneElem(a))?a.data("layoutPane"):null},getParentLayoutInstance:function(a){return(a=b.layout.getParentPaneElem(a))?
+a.data("parentLayout"):null},getEventObject:function(b){return"object"===typeof b&&b.stopPropagation?b:null},parsePaneName:function(a){var d=b.layout.getEventObject(a);d&&(d.stopPropagation(),a=b(this).data("layoutEdge"));a&&!/^(west|east|north|south|center)$/.test(a)&&(b.layout.msg('LAYOUT ERROR - Invalid pane-name: "'+a+'"'),a="error");return a},plugins:{draggable:!!b.fn.draggable,effects:{core:!!b.effects,slide:b.effects&&(b.effects.slide||b.effects.effect&&b.effects.effect.slide)}},onCreate:[],
+onLoad:[],onReady:[],onDestroy:[],onUnload:[],afterOpen:[],afterClose:[],scrollbarWidth:function(){return window.scrollbarWidth||b.layout.getScrollbarSize("width")},scrollbarHeight:function(){return window.scrollbarHeight||b.layout.getScrollbarSize("height")},getScrollbarSize:function(a){var d=b('<div style="position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll;"></div>').appendTo("body"),c={width:d.css("width")-d[0].clientWidth,height:d.height()-d[0].clientHeight};
+d.remove();window.scrollbarWidth=c.width;window.scrollbarHeight=c.height;return a.match(/^(width|height)$/)?c[a]:c},showInvisibly:function(b,a){if(b&&b.length&&(a||"none"===b.css("display"))){var d=b[0].style,d={display:d.display||"",visibility:d.visibility||""};b.css({display:"block",visibility:"hidden"});return d}return{}},getElementDimensions:function(a,c){var f={css:{},inset:{}},j=f.css,h={bottom:0},k=b.layout.cssNum,p=a.offset(),O,R,D;f.offsetLeft=p.left;f.offsetTop=p.top;c||(c={});b.each(["Left",
+"Right","Top","Bottom"],function(d,k){O=j["border"+k]=b.layout.borderWidth(a,k);R=j["padding"+k]=b.layout.cssNum(a,"padding"+k);D=k.toLowerCase();f.inset[D]=0<=c[D]?c[D]:R;h[D]=f.inset[D]+O});j.width=a.width();j.height=a.height();j.top=k(a,"top",!0);j.bottom=k(a,"bottom",!0);j.left=k(a,"left",!0);j.right=k(a,"right",!0);f.outerWidth=a.outerWidth();f.outerHeight=a.outerHeight();f.innerWidth=d(0,f.outerWidth-h.left-h.right);f.innerHeight=d(0,f.outerHeight-h.top-h.bottom);f.layoutWidth=a.innerWidth();
+f.layoutHeight=a.innerHeight();return f},getElementStyles:function(b,a){var d={},c=b[0].style,f=a.split(","),k=["Top","Bottom","Left","Right"],j=["Color","Style","Width"],h,p,D,x,A,r;for(x=0;x<f.length;x++)if(h=f[x],h.match(/(border|padding|margin)$/))for(A=0;4>A;A++)if(p=k[A],"border"===h)for(r=0;3>r;r++)D=j[r],d[h+p+D]=c[h+p+D];else d[h+p]=c[h+p];else d[h]=c[h];return d},cssWidth:function(a,c){if(0>=c)return 0;var f=!b.layout.browser.boxModel?"border-box":b.support.boxSizing?a.css("boxSizing"):
+"content-box",j=b.layout.borderWidth,h=b.layout.cssNum,k=c;"border-box"!==f&&(k-=j(a,"Left")+j(a,"Right"));"content-box"===f&&(k-=h(a,"paddingLeft")+h(a,"paddingRight"));return d(0,k)},cssHeight:function(a,c){if(0>=c)return 0;var f=!b.layout.browser.boxModel?"border-box":b.support.boxSizing?a.css("boxSizing"):"content-box",j=b.layout.borderWidth,h=b.layout.cssNum,k=c;"border-box"!==f&&(k-=j(a,"Top")+j(a,"Bottom"));"content-box"===f&&(k-=h(a,"paddingTop")+h(a,"paddingBottom"));return d(0,k)},cssNum:function(a,
+d,c){a.jquery||(a=b(a));var f=b.layout.showInvisibly(a);d=b.css(a[0],d,!0);c=c&&"auto"==d?d:Math.round(parseFloat(d)||0);a.css(f);return c},borderWidth:function(a,d){a.jquery&&(a=a[0]);var c="border"+d.substr(0,1).toUpperCase()+d.substr(1);return"none"===b.css(a,c+"Style",!0)?0:Math.round(parseFloat(b.css(a,c+"Width",!0))||0)},isMouseOverElem:function(a,d){var c=b(d||this),f=c.offset(),j=f.top,f=f.left,k=f+c.outerWidth(),c=j+c.outerHeight(),h=a.pageX,p=a.pageY;return b.layout.browser.msie&&0>h&&0>
+p||h>=f&&h<=k&&p>=j&&p<=c},msg:function(a,d,c,f){b.isPlainObject(a)&&window.debugData?("string"===typeof d?(f=c,c=d):"object"===typeof c&&(f=c,c=null),c=c||"log( <object> )",f=b.extend({sort:!1,returnHTML:!1,display:!1},f),!0===d||f.display?debugData(a,c,f):window.console&&console.log(debugData(a,c,f))):d?alert(a):window.console?console.log(a):(d=b("#layoutLogger"),d.length||(d=b('<div id="layoutLogger" style="position: '+(b.support.fixedPosition?"fixed":"absolute")+'; top: 5px; z-index: 999999; max-width: 25%; overflow: hidden; border: 1px solid #000; border-radius: 5px; background: #FBFBFB; box-shadow: 0 2px 10px rgba(0,0,0,0.3);"><div style="font-size: 13px; font-weight: bold; padding: 5px 10px; background: #F6F6F6; border-radius: 5px 5px 0 0; cursor: move;"><span style="float: right; padding-left: 7px; cursor: pointer;" title="Remove Console" onclick="$(this).closest(\'#layoutLogger\').remove()">X</span>Layout console.log</div><ul style="font-size: 13px; font-weight: none; list-style: none; margin: 0; padding: 0 0 2px;"></ul></div>').appendTo("body"),
+d.css("left",b(window).width()-d.outerWidth()-5),b.ui.draggable&&d.draggable({handle:":first-child"})),d.children("ul").append('<li style="padding: 4px 10px; margin: 0; border-top: 1px solid #CCC;">'+a.replace(/\</g,"&lt;").replace(/\>/g,"&gt;")+"</li>"))}};var h=navigator.userAgent.toLowerCase(),p=/(chrome)[ \/]([\w.]+)/.exec(h)||/(webkit)[ \/]([\w.]+)/.exec(h)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(h)||/(msie) ([\w.]+)/.exec(h)||0>h.indexOf("compatible")&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(h)||
+[],h=p[1]||"",p=p[2]||0,x="msie"===h;b.layout.browser={version:p,safari:"webkit"===h,webkit:"chrome"===h,msie:x,isIE6:x&&6==p,boxModel:!x||!1!==b.support.boxModel};h&&(b.layout.browser[h]=!0);x&&b(function(){b.layout.browser.boxModel=b.support.boxModel});b.layout.defaults={name:"",containerClass:"ui-layout-container",inset:null,scrollToBookmarkOnLoad:!0,resizeWithWindow:!0,resizeWithWindowDelay:200,resizeWithWindowMaxDelay:0,maskPanesEarly:!1,onresizeall_start:null,onresizeall_end:null,onload_start:null,
+onload_end:null,onunload_start:null,onunload_end:null,initPanes:!0,showErrorMessages:!0,showDebugMessages:!1,zIndex:null,zIndexes:{pane_normal:0,content_mask:1,resizer_normal:2,pane_sliding:100,pane_animate:1E3,resizer_drag:1E4},errors:{pane:"pane",selector:"selector",addButtonError:"Error Adding Button\nInvalid ",containerMissing:"UI Layout Initialization Error\nThe specified layout-container does not exist.",centerPaneMissing:"UI Layout Initialization Error\nThe center-pane element does not exist.\nThe center-pane is a required element.",
+noContainerHeight:"UI Layout Initialization Warning\nThe layout-container \"CONTAINER\" has no height.\nTherefore the layout is 0-height and hence 'invisible'!",callbackError:"UI Layout Callback Error\nThe EVENT callback is not a valid function."},panes:{applyDemoStyles:!1,closable:!0,resizable:!0,slidable:!0,initClosed:!1,initHidden:!1,contentSelector:".ui-layout-content",contentIgnoreSelector:".ui-layout-ignore",findNestedContent:!1,paneClass:"ui-layout-pane",resizerClass:"ui-layout-resizer",togglerClass:"ui-layout-toggler",
+buttonClass:"ui-layout-button",minSize:0,maxSize:0,spacing_open:6,spacing_closed:6,togglerLength_open:50,togglerLength_closed:50,togglerAlign_open:"center",togglerAlign_closed:"center",togglerContent_open:"",togglerContent_closed:"",resizerDblClickToggle:!0,autoResize:!0,autoReopen:!0,resizerDragOpacity:1,maskContents:!1,maskObjects:!1,maskZindex:null,resizingGrid:!1,livePaneResizing:!1,liveContentResizing:!1,liveResizingTolerance:1,sliderCursor:"pointer",slideTrigger_open:"click",slideTrigger_close:"mouseleave",
+slideDelay_open:300,slideDelay_close:300,hideTogglerOnSlide:!1,preventQuickSlideClose:b.layout.browser.webkit,preventPrematureSlideClose:!1,tips:{Open:"Open",Close:"Close",Resize:"Resize",Slide:"Slide Open",Pin:"Pin",Unpin:"Un-Pin",noRoomToOpen:"Not enough room to show this panel.",minSizeWarning:"Panel has reached its minimum size",maxSizeWarning:"Panel has reached its maximum size"},showOverflowOnHover:!1,enableCursorHotkey:!0,customHotkeyModifier:"SHIFT",fxName:"slide",fxSpeed:null,fxSettings:{},
+fxOpacityFix:!0,animatePaneSizing:!1,children:null,containerSelector:"",initChildren:!0,destroyChildren:!0,resizeChildren:!0,triggerEventsOnLoad:!1,triggerEventsDuringLiveResize:!0,onshow_start:null,onshow_end:null,onhide_start:null,onhide_end:null,onopen_start:null,onopen_end:null,onclose_start:null,onclose_end:null,onresize_start:null,onresize_end:null,onsizecontent_start:null,onsizecontent_end:null,onswap_start:null,onswap_end:null,ondrag_start:null,ondrag_end:null},north:{paneSelector:".ui-layout-north",
+size:"auto",resizerCursor:"n-resize",customHotkey:""},south:{paneSelector:".ui-layout-south",size:"auto",resizerCursor:"s-resize",customHotkey:""},east:{paneSelector:".ui-layout-east",size:200,resizerCursor:"e-resize",customHotkey:""},west:{paneSelector:".ui-layout-west",size:200,resizerCursor:"w-resize",customHotkey:""},center:{paneSelector:".ui-layout-center",minWidth:0,minHeight:0}};b.layout.optionsMap={layout:"name instanceKey stateManagement effects inset zIndexes errors zIndex scrollToBookmarkOnLoad showErrorMessages maskPanesEarly outset resizeWithWindow resizeWithWindowDelay resizeWithWindowMaxDelay onresizeall onresizeall_start onresizeall_end onload onload_start onload_end onunload onunload_start onunload_end".split(" "),
+center:"paneClass contentSelector contentIgnoreSelector findNestedContent applyDemoStyles triggerEventsOnLoad showOverflowOnHover maskContents maskObjects liveContentResizing containerSelector children initChildren resizeChildren destroyChildren onresize onresize_start onresize_end onsizecontent onsizecontent_start onsizecontent_end".split(" "),noDefault:["paneSelector","resizerCursor","customHotkey"]};b.layout.transformData=function(a,d){var c=d?{panes:{},center:{}}:{},f,j,k,h,p,x,D;if("object"!==
+typeof a)return c;for(j in a){f=c;p=a[j];k=j.split("__");D=k.length-1;for(x=0;x<=D;x++)h=k[x],x===D?f[h]=b.isPlainObject(p)?b.layout.transformData(p):p:(f[h]||(f[h]={}),f=f[h])}return c};b.layout.backwardCompatibility={map:{applyDefaultStyles:"applyDemoStyles",childOptions:"children",initChildLayout:"initChildren",destroyChildLayout:"destroyChildren",resizeChildLayout:"resizeChildren",resizeNestedLayout:"resizeChildren",resizeWhileDragging:"livePaneResizing",resizeContentWhileDragging:"liveContentResizing",
+triggerEventsWhileDragging:"triggerEventsDuringLiveResize",maskIframesOnResize:"maskContents",useStateCookie:"stateManagement.enabled","cookie.autoLoad":"stateManagement.autoLoad","cookie.autoSave":"stateManagement.autoSave","cookie.keys":"stateManagement.stateKeys","cookie.name":"stateManagement.cookie.name","cookie.domain":"stateManagement.cookie.domain","cookie.path":"stateManagement.cookie.path","cookie.expires":"stateManagement.cookie.expires","cookie.secure":"stateManagement.cookie.secure",
+noRoomToOpenTip:"tips.noRoomToOpen",togglerTip_open:"tips.Close",togglerTip_closed:"tips.Open",resizerTip:"tips.Resize",sliderTip:"tips.Slide"},renameOptions:function(a){function d(b,c){for(var f=b.split("."),k=f.length-1,j={branch:a,key:f[k]},r=0,q;r<k;r++)q=f[r],j.branch=void 0==j.branch[q]?c?j.branch[q]={}:{}:j.branch[q];return j}var c=b.layout.backwardCompatibility.map,f,j,k,h;for(h in c)f=d(h),k=f.branch[f.key],void 0!==k&&(j=d(c[h],!0),j.branch[j.key]=k,delete f.branch[f.key])},renameAllOptions:function(a){var d=
+b.layout.backwardCompatibility.renameOptions;d(a);a.defaults&&("object"!==typeof a.panes&&(a.panes={}),b.extend(!0,a.panes,a.defaults),delete a.defaults);a.panes&&d(a.panes);b.each(b.layout.config.allPanes,function(b,c){a[c]&&d(a[c])});return a}};b.fn.layout=function(h){function p(e){if(!e)return!0;var w=e.keyCode;if(33>w)return!0;var m={38:"north",40:"south",37:"west",39:"east"},a=e.shiftKey,g=e.ctrlKey,t,n,d,c;g&&(37<=w&&40>=w)&&r[m[w]].enableCursorHotkey?c=m[w]:(g||a)&&b.each(k.borderPanes,function(e,
+b){t=r[b];n=t.customHotkey;d=t.customHotkeyModifier;if(a&&"SHIFT"==d||g&&"CTRL"==d||g&&a)if(n&&w===(isNaN(n)||9>=n?n.toUpperCase().charCodeAt(0):n))return c=b,!1});if(!c||!y[c]||!r[c].closable||q[c].isHidden)return!0;na(c);e.stopPropagation();return e.returnValue=!1}function x(e){if(H()){this&&this.tagName&&(e=this);var w;f(e)?w=y[e]:b(e).data("layoutRole")?w=b(e):b(e).parents().each(function(){if(b(this).data("layoutRole"))return w=b(this),!1});if(w&&w.length){var m=w.data("layoutEdge");e=q[m];e.cssSaved&&
+X(m);if(e.isSliding||e.isResizing||e.isClosed)e.cssSaved=!1;else{var a={zIndex:r.zIndexes.resizer_normal+1},g={},t=w.css("overflow"),n=w.css("overflowX"),d=w.css("overflowY");"visible"!=t&&(g.overflow=t,a.overflow="visible");n&&!n.match(/(visible|auto)/)&&(g.overflowX=n,a.overflowX="visible");d&&!d.match(/(visible|auto)/)&&(g.overflowY=n,a.overflowY="visible");e.cssSaved=g;w.css(a);b.each(k.allPanes,function(e,b){b!=m&&X(b)})}}}}function X(e){if(H()){this&&this.tagName&&(e=this);var w;f(e)?w=y[e]:
+b(e).data("layoutRole")?w=b(e):b(e).parents().each(function(){if(b(this).data("layoutRole"))return w=b(this),!1});if(w&&w.length){e=w.data("layoutEdge");e=q[e];var m=e.cssSaved||{};!e.isSliding&&!e.isResizing&&w.css("zIndex",r.zIndexes.pane_normal);w.css(m);e.cssSaved=!1}}}var G=b.layout.browser,k=b.layout.config,Q=b.layout.cssWidth,O=b.layout.cssHeight,R=b.layout.getElementDimensions,D=b.layout.getElementStyles,Ma=b.layout.getEventObject,A=b.layout.parsePaneName,r=b.extend(!0,{},b.layout.defaults);
+r.effects=b.extend(!0,{},b.layout.effects);var q={id:"layout"+b.now(),initialized:!1,paneResizing:!1,panesSliding:{},container:{innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0,layoutWidth:0,layoutHeight:0},north:{childIdx:0},south:{childIdx:0},east:{childIdx:0},west:{childIdx:0},center:{childIdx:0}},ba={north:null,south:null,east:null,west:null,center:null},M={data:{},set:function(e,b,m){M.clear(e);M.data[e]=setTimeout(b,m)},clear:function(e){var b=M.data;b[e]&&(clearTimeout(b[e]),delete b[e])}},
+ca=function(e,w,m){var a=r;(a.showErrorMessages&&!m||m&&a.showDebugMessages)&&b.layout.msg(a.name+" / "+e,!1!==w);return!1},C=function(e,w,m){var a=w&&f(w),g=a?q[w]:q,t=a?r[w]:r,n=r.name,d=e+(e.match(/_/)?"":"_end"),c=d.match(/_end$/)?d.substr(0,d.length-4):"",l=t[d]||t[c],h="NC",k=[];!a&&"boolean"===b.type(w)&&(m=w,w="");if(l)try{f(l)&&(l.match(/,/)?(k=l.split(","),l=eval(k[0])):l=eval(l)),b.isFunction(l)&&(h=k.length?l(k[1]):a?l(w,y[w],g,t,n):l(z,g,t,n))}catch(j){ca(r.errors.callbackError.replace(/EVENT/,
+b.trim((w||"")+" "+d)),!1),"string"===b.type(j)&&string.length&&ca("Exception:  "+j,!1)}!m&&!1!==h&&(a?(m=y[w],t=r[w],g=q[w],m.triggerHandler("layoutpane"+d,[w,m,g,t,n]),c&&m.triggerHandler("layoutpane"+c,[w,m,g,t,n])):(u.triggerHandler("layout"+d,[z,g,t,n]),c&&u.triggerHandler("layout"+c,[z,g,t,n])));a&&"onresize_end"===e&&db(w+"",!0);return h},eb=function(e){if(!G.mozilla){var b=y[e];"IFRAME"===q[e].tagName?b.css(k.hidden).css(k.visible):b.find("IFRAME").css(k.hidden).css(k.visible)}},ya=function(e){var b=
+y[e];e=k[e].dir;b={minWidth:1001-Q(b,1E3),minHeight:1001-O(b,1E3)};"horz"===e&&(b.minSize=b.minHeight);"vert"===e&&(b.minSize=b.minWidth);return b},fa=function(e,w,m){m||(m=k[e].dir);f(w)&&w.match(/%/)&&(w="100%"===w?-1:parseInt(w,10)/100);if(0===w)return 0;if(1<=w)return parseInt(w,10);var a=r,g=0;"horz"==m?g=v.innerHeight-(y.north?a.north.spacing_open:0)-(y.south?a.south.spacing_open:0):"vert"==m&&(g=v.innerWidth-(y.west?a.west.spacing_open:0)-(y.east?a.east.spacing_open:0));if(-1===w)return g;
+if(0<w)return c(g*w);if("center"==e)return 0;m="horz"===m?"height":"width";a=y[e];e="height"===m?U[e]:!1;var g=b.layout.showInvisibly(a),t=a.css(m),n=e?e.css(m):0;a.css(m,"auto");e&&e.css(m,"auto");w="height"===m?a.outerHeight():a.outerWidth();a.css(m,t).css(g);e&&e.css(m,n);return w},ga=function(e,b){var a=y[e],E=r[e],g=q[e],t=b?E.spacing_open:0,E=b?E.spacing_closed:0;return!a||g.isHidden?0:g.isClosed||g.isSliding&&b?E:"horz"===k[e].dir?a.outerHeight()+t:a.outerWidth()+t},Y=function(e,b){if(H()){var m=
+r[e],E=q[e],g=k[e],t=g.dir;g.sizeType.toLowerCase();var g=void 0!=b?b:E.isSliding,n=m.spacing_open,c=k.oppositeEdge[e],f=q[c],l=y[c],h=!l||!1===f.isVisible||f.isSliding?0:"horz"==t?l.outerHeight():l.outerWidth(),c=(!l||f.isHidden?0:r[c][!1!==f.isClosed?"spacing_closed":"spacing_open"])||0,f="horz"==t?v.innerHeight:v.innerWidth,l=ya("center"),l="horz"==t?d(r.center.minHeight,l.minHeight):d(r.center.minWidth,l.minWidth),g=f-n-(g?0:fa("center",l,t)+h+c),t=E.minSize=d(fa(e,m.minSize),ya(e).minSize),g=
+E.maxSize=a(m.maxSize?fa(e,m.maxSize):1E5,g),E=E.resizerPosition={},n=v.inset.top,h=v.inset.left,c=v.innerWidth,f=v.innerHeight,m=m.spacing_open;switch(e){case "north":E.min=n+t;E.max=n+g;break;case "west":E.min=h+t;E.max=h+g;break;case "south":E.min=n+f-g-m;E.max=n+f-t-m;break;case "east":E.min=h+c-g-m,E.max=h+c-t-m}}},Na=function(e,a){var m=b(e),E=m.data("layoutRole"),g=m.data("layoutEdge"),t=r[g][E+"Class"],g="-"+g,n=m.hasClass(t+"-closed")?"-closed":"-open",d="-closed"===n?"-open":"-closed",n=
+t+"-hover "+(t+g+"-hover ")+(t+n+"-hover ")+(t+g+n+"-hover ");a&&(n+=t+d+"-hover "+(t+g+d+"-hover "));"resizer"==E&&m.hasClass(t+"-sliding")&&(n+=t+"-sliding-hover "+(t+g+"-sliding-hover "));return b.trim(n)},Oa=function(e,a){var m=b(a||this);e&&"toggler"===m.data("layoutRole")&&e.stopPropagation();m.addClass(Na(m))},da=function(e,a){var m=b(a||this);m.removeClass(Na(m,!0))},fb=function(){var e=b(this).data("layoutEdge"),a=q[e];!a.isClosed&&(!a.isResizing&&!q.paneResizing)&&(b.fn.disableSelection&&
+b("body").disableSelection(),r.maskPanesEarly&&va(e,{resizing:!0}))},gb=function(e,a){var m=a||this,E=b(m).data("layoutEdge"),g=E+"ResizerLeave";M.clear(E+"_openSlider");M.clear(g);a?q.paneResizing||(b.fn.enableSelection&&b("body").enableSelection(),r.maskPanesEarly&&za()):M.set(g,function(){gb(e,m)},200)},H=function(){return q.initialized||q.creatingLayout?!0:Aa()},Aa=function(e){var a=r;if(!u.is(":visible"))return!e&&(G.webkit&&"BODY"===u[0].tagName)&&setTimeout(function(){Aa(!0)},50),!1;if(!hb("center").length)return ca(a.errors.centerPaneMissing);
+q.creatingLayout=!0;b.extend(v,R(u,a.inset));A(void 0);b.each(k.allPanes,function(e,b){ib(b,!0)});Pa();b.each(k.borderPanes,function(e,b){y[b]&&q[b].isVisible&&(Y(b),ha(b))});ia("center");b.each(k.allPanes,function(e,b){jb(b)});a.scrollToBookmarkOnLoad&&(e=self.location,e.hash&&e.replace(e.hash));z.hasParentLayout?a.resizeWithWindow=!1:a.resizeWithWindow&&b(window).bind("resize."+K,Ab);delete q.creatingLayout;q.initialized=!0;j(z,b.layout.onReady);C("onload_end");return!0},Qa=function(e,a){var m=
+A.call(this,e),d=y[m];if(d){var g=U[m],t=q[m],n=r[m],c=r.stateManagement||{},n=a?n.children=a:n.children;if(b.isPlainObject(n))n=[n];else if(!n||!b.isArray(n))return;b.each(n,function(e,a){b.isPlainObject(a)&&(a.containerSelector?d.find(a.containerSelector):g||d).each(function(){var e=b(this),g=e.data("layout");if(!g){kb({container:e,options:a},t);if(c.includeChildren&&q.stateData[m]){var g=(q.stateData[m].children||{})[a.instanceKey],w=a.stateManagement||(a.stateManagement={autoLoad:!0});!0===w.autoLoad&&
+g&&(w.autoSave=!1,w.includeChildren=!0,w.autoLoad=b.extend(!0,{},g))}(g=e.layout(a))&&Ba(m,g)}})})}},kb=function(e,b){var a=e.container,d=e.options,g=d.stateManagement,t=d.instanceKey||a.data("layoutInstanceKey");t||(t=(g&&g.cookie?g.cookie.name:"")||d.name);t=t?t.replace(/[^\w-]/gi,"_").replace(/_{2,}/g,"_"):"layout"+ ++b.childIdx;d.instanceKey=t;a.data("layoutInstanceKey",t);return t},Ba=function(e,a){var m=y[e],d=ba[e],g=q[e];b.isPlainObject(d)&&(b.each(d,function(e,b){b.destroyed&&delete d[e]}),
+b.isEmptyObject(d)&&(d=ba[e]=null));!a&&!d&&(a=m.data("layout"));a&&(a.hasParentLayout=!0,m=a.options,kb(a,g),d||(d=ba[e]={}),d[m.instanceKey]=a.container.data("layout"));z[e].children=ba[e];a||Qa(e)},Ab=function(){var e=r,b=Number(e.resizeWithWindowDelay);10>b&&(b=100);M.clear("winResize");M.set("winResize",function(){M.clear("winResize");M.clear("winResizeRepeater");var b=R(u,e.inset);(b.innerWidth!==v.innerWidth||b.innerHeight!==v.innerHeight)&&oa()},b);M.data.winResizeRepeater||lb()},lb=function(){var e=
+Number(r.resizeWithWindowMaxDelay);0<e&&M.set("winResizeRepeater",function(){lb();oa()},e)},mb=function(){C("onunload_start");j(z,b.layout.onUnload);C("onunload_end")},nb=function(e){e=e?e.split(","):k.borderPanes;b.each(e,function(e,a){var d=r[a];if(d.enableCursorHotkey||d.customHotkey)return b(document).bind("keydown."+K,p),!1})},hb=function(e){e=r[e].paneSelector;if("#"===e.substr(0,1))return u.find(e).eq(0);var b=u.children(e).eq(0);return b.length?b:u.children("form:first").children(e).eq(0)},
+ib=function(e,b){if(b||H()){var m=r[e],c=q[e],g=k[e],t=g.dir,n="center"===e,f={},h=y[e],l,j;h?Ra(e,!1,!0,!1):U[e]=!1;h=y[e]=hb(e);if(h.length){h.data("layoutCSS")||h.data("layoutCSS",D(h,"position,top,left,bottom,right,width,height,overflow,zIndex,display,backgroundColor,padding,margin,border"));z[e]={name:e,pane:y[e],content:U[e],options:r[e],state:q[e],children:ba[e]};h.data({parentLayout:z,layoutPane:z[e],layoutEdge:e,layoutRole:"pane"}).css(g.cssReq).css("zIndex",r.zIndexes.pane_normal).css(m.applyDemoStyles?
+g.cssDemo:{}).addClass(m.paneClass+" "+m.paneClass+"-"+e).bind("mouseenter."+K,Oa).bind("mouseleave."+K,da);g={hide:"",show:"",toggle:"",close:"",open:"",slideOpen:"",slideClose:"",slideToggle:"",size:"sizePane",sizePane:"sizePane",sizeContent:"",sizeHandles:"",enableClosable:"",disableClosable:"",enableSlideable:"",disableSlideable:"",enableResizable:"",disableResizable:"",swapPanes:"swapPanes",swap:"swapPanes",move:"swapPanes",removePane:"removePane",remove:"removePane",createChildren:"",resizeChildren:"",
+resizeAll:"resizeAll",resizeLayout:"resizeAll"};for(j in g)h.bind("layoutpane"+j.toLowerCase()+"."+K,z[g[j]||j]);Sa(e,!1);n||(l=c.size=fa(e,m.size),n=fa(e,m.minSize)||1,j=fa(e,m.maxSize)||1E5,0<l&&(l=d(a(l,j),n)),c.autoResize=m.autoResize,c.isClosed=!1,c.isSliding=!1,c.isResizing=!1,c.isHidden=!1,c.pins||(c.pins=[]));c.tagName=h[0].tagName;c.edge=e;c.noRoom=!1;c.isVisible=!0;ob(e);"horz"===t?f.height=O(h,l):"vert"===t&&(f.width=Q(h,l));h.css(f);"horz"!=t&&ia(e,!0);q.initialized&&(Pa(e),nb(e));m.initClosed&&
+m.closable&&!m.initHidden?ja(e,!0,!0):m.initHidden||m.initClosed?Ta(e):c.noRoom||h.css("display","block");h.css("visibility","visible");m.showOverflowOnHover&&h.hover(x,X);q.initialized&&jb(e)}else y[e]=!1}},jb=function(e){var b=y[e],a=q[e],d=r[e];b&&(b.data("layout")&&Ba(e,b.data("layout")),a.isVisible&&(q.initialized?oa():pa(e),d.triggerEventsOnLoad?C("onresize_end",e):db(e,!0)),d.initChildren&&d.children&&Qa(e))},ob=function(e){e=e?e.split(","):k.borderPanes;b.each(e,function(e,b){var a=y[b],g=
+F[b],d=q[b],c=k[b].side,f={};if(a){switch(b){case "north":f.top=v.inset.top;f.left=v.inset.left;f.right=v.inset.right;break;case "south":f.bottom=v.inset.bottom;f.left=v.inset.left;f.right=v.inset.right;break;case "west":f.left=v.inset.left;break;case "east":f.right=v.inset.right}a.css(f);g&&d.isClosed?g.css(c,v.inset[c]):g&&!d.isHidden&&g.css(c,v.inset[c]+ga(b))}})},Pa=function(e){e=e?e.split(","):k.borderPanes;b.each(e,function(e,a){var d=y[a];F[a]=!1;P[a]=!1;if(d){var g=r[a],d=q[a],c="#"===g.paneSelector.substr(0,
+1)?g.paneSelector.substr(1):"",n=g.resizerClass,f=g.togglerClass,h="-"+a,l=z[a],j=l.resizer=F[a]=b("<div></div>"),l=l.toggler=g.closable?P[a]=b("<div></div>"):!1;!d.isVisible&&g.slidable&&j.attr("title",g.tips.Slide).css("cursor",g.sliderCursor);j.attr("id",c?c+"-resizer":"").data({parentLayout:z,layoutPane:z[a],layoutEdge:a,layoutRole:"resizer"}).css(k.resizers.cssReq).css("zIndex",r.zIndexes.resizer_normal).css(g.applyDemoStyles?k.resizers.cssDemo:{}).addClass(n+" "+n+h).hover(Oa,da).hover(fb,gb).appendTo(u);
+g.resizerDblClickToggle&&j.bind("dblclick."+K,na);l&&(l.attr("id",c?c+"-toggler":"").data({parentLayout:z,layoutPane:z[a],layoutEdge:a,layoutRole:"toggler"}).css(k.togglers.cssReq).css(g.applyDemoStyles?k.togglers.cssDemo:{}).addClass(f+" "+f+h).hover(Oa,da).bind("mouseenter",fb).appendTo(j),g.togglerContent_open&&b("<span>"+g.togglerContent_open+"</span>").data({layoutEdge:a,layoutRole:"togglerContent"}).data("layoutRole","togglerContent").data("layoutEdge",a).addClass("content content-open").css("display",
+"none").appendTo(l),g.togglerContent_closed&&b("<span>"+g.togglerContent_closed+"</span>").data({layoutEdge:a,layoutRole:"togglerContent"}).addClass("content content-closed").css("display","none").appendTo(l),pb(a));var g=a,B=b.layout.plugins.draggable,g=g?g.split(","):k.borderPanes;b.each(g,function(e,a){var g=r[a];if(!B||!y[a]||!g.resizable)return g.resizable=!1,!0;var m=q[a],w=r.zIndexes,d=k[a],c="horz"==d.dir?"top":"left",t=F[a],n=g.resizerClass,f=0,l,h,E=n+"-drag",j=n+"-"+a+"-drag",J=n+"-dragging",
+zb=n+"-"+a+"-dragging",cb=n+"-dragging-limit",v=n+"-"+a+"-dragging-limit",x=!1;m.isClosed||t.attr("title",g.tips.Resize).css("cursor",g.resizerCursor);t.draggable({containment:u[0],axis:"horz"==d.dir?"y":"x",delay:0,distance:1,grid:g.resizingGrid,helper:"clone",opacity:g.resizerDragOpacity,addClasses:!1,zIndex:w.resizer_drag,start:function(e,w){g=r[a];m=q[a];h=g.livePaneResizing;if(!1===C("ondrag_start",a))return!1;m.isResizing=!0;q.paneResizing=a;M.clear(a+"_closeSlider");Y(a);l=m.resizerPosition;
+f=w.position[c];t.addClass(E+" "+j);x=!1;b("body").disableSelection();va(a,{resizing:!0})},drag:function(e,b){x||(b.helper.addClass(J+" "+zb).css({right:"auto",bottom:"auto"}).children().css("visibility","hidden"),x=!0,m.isSliding&&y[a].css("zIndex",w.pane_sliding));var d=0;b.position[c]<l.min?(b.position[c]=l.min,d=-1):b.position[c]>l.max&&(b.position[c]=l.max,d=1);d?(b.helper.addClass(cb+" "+v),window.defaultStatus=0<d&&a.match(/(north|west)/)||0>d&&a.match(/(south|east)/)?g.tips.maxSizeWarning:
+g.tips.minSizeWarning):(b.helper.removeClass(cb+" "+v),window.defaultStatus="");h&&Math.abs(b.position[c]-f)>=g.liveResizingTolerance&&(f=b.position[c],p(e,b,a))},stop:function(e,g){b("body").enableSelection();window.defaultStatus="";t.removeClass(E+" "+j);m.isResizing=!1;q.paneResizing=!1;p(e,g,a,!0)}})});var p=function(b,e,a,g){var m=e.position,w=k[a];b=r[a];e=q[a];var d;switch(a){case "north":d=m.top;break;case "west":d=m.left;break;case "south":d=v.layoutHeight-m.top-b.spacing_open;break;case "east":d=
+v.layoutWidth-m.left-b.spacing_open}d-=v.inset[w.side];g?(!1!==C("ondrag_end",a)&&Ca(a,d,!1,!0),za(!0),e.isSliding&&va(a,{resizing:!0})):Math.abs(d-e.size)<b.liveResizingTolerance||(Ca(a,d,!1,!0),ea.each(qb))};d.isVisible?Ua(a):(Da(a),ma(a,!0))}});qa()},Sa=function(b,a){if(H()){var m=r[b],d=m.contentSelector,g=z[b],c=y[b],n;d&&(n=g.content=U[b]=m.findNestedContent?c.find(d).eq(0):c.children(d).eq(0));n&&n.length?(n.data("layoutRole","content"),n.data("layoutCSS")||n.data("layoutCSS",D(n,"height")),
+n.css(k.content.cssReq),m.applyDemoStyles&&(n.css(k.content.cssDemo),c.css(k.content.cssDemoPane)),c.css("overflowX").match(/(scroll|auto)/)&&c.css("overflow","hidden"),q[b].content={},!1!==a&&pa(b)):g.content=U[b]=!1}},qb=function(){var e=b(this),a=e.data("layoutMask"),a=q[a];"IFRAME"==a.tagName&&a.isVisible&&e.css({top:a.offsetTop,left:a.offsetLeft,width:a.outerWidth,height:a.outerHeight})},va=function(e,a){var m=k[e],d=["center"],g=r.zIndexes,c=b.extend({objectsOnly:!1,animation:!1,resizing:!0,
+sliding:q[e].isSliding},a),n,f;c.resizing&&d.push(e);c.sliding&&d.push(k.oppositeEdge[e]);"horz"===m.dir&&(d.push("west"),d.push("east"));b.each(d,function(e,a){f=q[a];n=r[a];if(f.isVisible&&(n.maskObjects||!c.objectsOnly&&n.maskContents)){for(var m=b([]),d,w=0,h=ea.length;w<h;w++)d=ea.eq(w),d.data("layoutMask")===a&&(m=m.add(d));if(!m.length){m=y[a];d=q[a];var w=r[a],h=r.zIndexes,j=b([]),E,k,v,p,x;if(w.maskContents||w.maskObjects)for(x=0;x<(w.maskObjects?2:1);x++)E=w.maskObjects&&0==x,k=document.createElement(E?
+"iframe":"div"),v=b(k).data("layoutMask",a),k.className="ui-layout-mask ui-layout-mask-"+a,p=k.style,p.display="block",p.position="absolute",p.background="#FFF",E&&(k.frameborder=0,k.src="about:blank",p.opacity=0,p.filter="Alpha(Opacity='0')",p.border=0),"IFRAME"==d.tagName?(p.zIndex=h.pane_normal+1,u.append(k)):(v.addClass("ui-layout-mask-inside-pane"),p.zIndex=w.maskZindex||h.content_mask,p.top=0,p.left=0,p.width="100%",p.height="100%",m.append(k)),j=j.add(k),ea=ea.add(k);m=j}m.each(function(){qb.call(this);
+this.style.zIndex=f.isSliding?g.pane_sliding+1:g.pane_normal+1;this.style.display="block"})}})},za=function(a){if(a||!q.paneResizing)ea.hide();else if(!a&&!b.isEmptyObject(q.panesSliding)){a=ea.length-1;for(var d,m;0<=a;a--)m=ea.eq(a),d=m.data("layoutMask"),r[d].maskObjects||m.hide()}},Ra=function(a,d,m,c){if(H()){a=A.call(this,a);var g=y[a],t=U[a],n=F[a],f=P[a];g&&b.isEmptyObject(g.data())&&(g=!1);t&&b.isEmptyObject(t.data())&&(t=!1);n&&b.isEmptyObject(n.data())&&(n=!1);f&&b.isEmptyObject(f.data())&&
+(f=!1);g&&g.stop(!0,!0);var h=r[a],l=ba[a],j=b.isPlainObject(l)&&!b.isEmptyObject(l);c=void 0!==c?c:h.destroyChildren;j&&c&&(b.each(l,function(a,b){b.destroyed||b.destroy(!0);b.destroyed&&delete l[a]}),b.isEmptyObject(l)&&(l=ba[a]=null,j=!1));g&&d&&!j?g.remove():g&&g[0]&&(d=h.paneClass,c=d+"-"+a,d=[d,d+"-open",d+"-closed",d+"-sliding",c,c+"-open",c+"-closed",c+"-sliding"],b.merge(d,Na(g,!0)),g.removeClass(d.join(" ")).removeData("parentLayout").removeData("layoutPane").removeData("layoutRole").removeData("layoutEdge").removeData("autoHidden").unbind("."+
+K),j&&t?(t.width(t.width()),b.each(l,function(a,b){b.resizeAll()})):t&&t.css(t.data("layoutCSS")).removeData("layoutCSS").removeData("layoutRole"),g.data("layout")||g.css(g.data("layoutCSS")).removeData("layoutCSS"));f&&f.remove();n&&n.remove();z[a]=y[a]=U[a]=F[a]=P[a]=!1;m||oa()}},Ea=function(a){var b=y[a],d=b[0].style;r[a].useOffscreenClose?(b.data(k.offscreenReset)||b.data(k.offscreenReset,{left:d.left,right:d.right}),b.css(k.offscreenCSS)):b.hide().removeData(k.offscreenReset)},rb=function(a){var b=
+y[a];a=r[a];var d=k.offscreenCSS,c=b.data(k.offscreenReset),g=b[0].style;b.show().removeData(k.offscreenReset);a.useOffscreenClose&&c&&(g.left==d.left&&(g.left=c.left),g.right==d.right&&(g.right=c.right))},Ta=function(a,b){if(H()){var d=A.call(this,a),c=r[d],g=q[d],t=F[d];y[d]&&!g.isHidden&&!(q.initialized&&!1===C("onhide_start",d))&&(g.isSliding=!1,delete q.panesSliding[d],t&&t.hide(),!q.initialized||g.isClosed?(g.isClosed=!0,g.isHidden=!0,g.isVisible=!1,q.initialized||Ea(d),ia("horz"===k[d].dir?
+"":"center"),(q.initialized||c.triggerEventsOnLoad)&&C("onhide_end",d)):(g.isHiding=!0,ja(d,!1,b)))}},Fa=function(a,b,d,c){if(H()){a=A.call(this,a);var g=q[a];y[a]&&g.isHidden&&!1!==C("onshow_start",a)&&(g.isShowing=!0,g.isSliding=!1,delete q.panesSliding[a],!1===b?ja(a,!0):ra(a,!1,d,c))}},na=function(a,b){if(H()){var d=Ma(a),c=A.call(this,a),g=q[c];d&&d.stopImmediatePropagation();g.isHidden?Fa(c):g.isClosed?ra(c,!!b):ja(c)}},ja=function(a,b,d,c){function g(){l.isMoving=!1;ma(t,!0);var a=k.oppositeEdge[t];
+q[a].noRoom&&(Y(a),ha(a));if(!c&&(q.initialized||h.triggerEventsOnLoad))p||C("onclose_end",t),p&&C("onshow_end",t),v&&C("onhide_end",t)}var t=A.call(this,a);if(!q.initialized&&y[t]){a=t;var n=q[a];Ea(a);n.isClosed=!0;n.isVisible=!1;Da(a)}else if(H()){var f=y[t],h=r[t],l=q[t],j,p,v;u.queue(function(a){if(!f||!h.closable&&!l.isShowing&&!l.isHiding||!b&&l.isClosed&&!l.isShowing)return a();var e=!l.isShowing&&!1===C("onclose_start",t);p=l.isShowing;v=l.isHiding;delete l.isShowing;delete l.isHiding;if(e)return a();
+j=!d&&!l.isClosed&&"none"!=h.fxName_close;l.isMoving=!0;l.isClosed=!0;l.isVisible=!1;v?l.isHidden=!0:p&&(l.isHidden=!1);l.isSliding?wa(t,!1):ia("horz"===k[t].dir?"":"center",!1);Da(t);j?(Ga(t,!0),f.hide(h.fxName_close,h.fxSettings_close,h.fxSpeed_close,function(){Ga(t,!1);l.isClosed&&g();a()})):(Ea(t),g(),a())})}},Da=function(a){if(F[a]){var d=F[a],c=P[a],f=r[a],g=k[a].side,t=f.resizerClass,n=f.togglerClass,h="-"+a;d.css(g,v.inset[g]).removeClass(t+"-open "+t+h+"-open").removeClass(t+"-sliding "+
+t+h+"-sliding").addClass(t+"-closed "+t+h+"-closed");f.resizable&&b.layout.plugins.draggable&&d.draggable("disable").removeClass("ui-state-disabled").css("cursor","default").attr("title","");c&&(c.removeClass(n+"-open "+n+h+"-open").addClass(n+"-closed "+n+h+"-closed").attr("title",f.tips.Open),c.children(".content-open").hide(),c.children(".content-closed").css("display","block"));Va(a,!1);q.initialized&&qa()}},ra=function(a,b,d,c){function g(){j.isMoving=!1;eb(f);j.isSliding||ia("vert"==k[f].dir?
+"center":"",!1);Ua(f)}if(H()){var f=A.call(this,a),n=y[f],h=r[f],j=q[f],l,p;u.queue(function(a){if(!n||!h.resizable&&!h.closable&&!j.isShowing||j.isVisible&&!j.isSliding)return a();if(j.isHidden&&!j.isShowing)a(),Fa(f,!0);else{j.autoResize&&j.size!=h.size?ka(f,h.size,!0,!0,!0):Y(f,b);var e=C("onopen_start",f);if("abort"===e)return a();"NC"!==e&&Y(f,b);if(j.minSize>j.maxSize)return Va(f,!1),!c&&h.tips.noRoomToOpen&&alert(h.tips.noRoomToOpen),a();b?wa(f,!0):j.isSliding?wa(f,!1):h.slidable&&ma(f,!1);
+j.noRoom=!1;ha(f);p=j.isShowing;delete j.isShowing;l=!d&&j.isClosed&&"none"!=h.fxName_open;j.isMoving=!0;j.isVisible=!0;j.isClosed=!1;p&&(j.isHidden=!1);l?(Ga(f,!0),n.show(h.fxName_open,h.fxSettings_open,h.fxSpeed_open,function(){Ga(f,!1);j.isVisible&&g();a()})):(rb(f),g(),a())}})}},Ua=function(a,d){var c=y[a],f=F[a],g=P[a],h=r[a],n=q[a],j=k[a].side,p=h.resizerClass,l=h.togglerClass,u="-"+a;f.css(j,v.inset[j]+ga(a)).removeClass(p+"-closed "+p+u+"-closed").addClass(p+"-open "+p+u+"-open");n.isSliding?
+f.addClass(p+"-sliding "+p+u+"-sliding"):f.removeClass(p+"-sliding "+p+u+"-sliding");da(0,f);h.resizable&&b.layout.plugins.draggable?f.draggable("enable").css("cursor",h.resizerCursor).attr("title",h.tips.Resize):n.isSliding||f.css("cursor","default");g&&(g.removeClass(l+"-closed "+l+u+"-closed").addClass(l+"-open "+l+u+"-open").attr("title",h.tips.Close),da(0,g),g.children(".content-closed").hide(),g.children(".content-open").css("display","block"));Va(a,!n.isSliding);b.extend(n,R(c));q.initialized&&
+(qa(),pa(a,!0));if(!d&&(q.initialized||h.triggerEventsOnLoad)&&c.is(":visible"))C("onopen_end",a),n.isShowing&&C("onshow_end",a),q.initialized&&C("onresize_end",a)},sb=function(a){function b(){g.isClosed?g.isMoving||ra(c,!0):wa(c,!0)}if(H()){var d=Ma(a),c=A.call(this,a),g=q[c];a=r[c].slideDelay_open;d&&d.stopImmediatePropagation();g.isClosed&&d&&"mouseenter"===d.type&&0<a?M.set(c+"_openSlider",b,a):b()}},Wa=function(a){function c(){g.isClosed?wa(f,!1):g.isMoving||ja(f)}if(H()){var m=Ma(a),f=A.call(this,
+a);a=r[f];var g=q[f],h=g.isMoving?1E3:300;!g.isClosed&&!g.isResizing&&("click"===a.slideTrigger_close?c():a.preventQuickSlideClose&&g.isMoving||a.preventPrematureSlideClose&&m&&b.layout.isMouseOverElem(m,y[f])||(m?M.set(f+"_closeSlider",c,d(a.slideDelay_close,h)):c()))}},Ga=function(a,b){var d=y[a],c=q[a],g=r[a],f=r.zIndexes;b?(va(a,{animation:!0,objectsOnly:!0}),d.css({zIndex:f.pane_animate}),"south"==a?d.css({top:v.inset.top+v.innerHeight-d.outerHeight()}):"east"==a&&d.css({left:v.inset.left+v.innerWidth-
+d.outerWidth()})):(za(),d.css({zIndex:c.isSliding?f.pane_sliding:f.pane_normal}),"south"==a?d.css({top:"auto"}):"east"==a&&!d.css("left").match(/\-99999/)&&d.css({left:"auto"}),G.msie&&(g.fxOpacityFix&&"slide"!=g.fxName_open&&d.css("filter")&&1==d.css("opacity"))&&d[0].style.removeAttribute("filter"))},ma=function(a,b){var d=r[a],c=F[a],g=d.slideTrigger_open.toLowerCase();if(c&&(!b||d.slidable)){g.match(/mouseover/)?g=d.slideTrigger_open="mouseenter":g.match(/(click|dblclick|mouseenter)/)||(g=d.slideTrigger_open=
+"click");if(d.resizerDblClickToggle&&g.match(/click/))c[b?"unbind":"bind"]("dblclick."+K,na);c[b?"bind":"unbind"](g+"."+K,sb).css("cursor",b?d.sliderCursor:"default").attr("title",b?d.tips.Slide:"")}},wa=function(a,b){function d(b){M.clear(a+"_closeSlider");b.stopPropagation()}var c=r[a],g=q[a],f=r.zIndexes,h=c.slideTrigger_close.toLowerCase(),j=b?"bind":"unbind",k=y[a],l=F[a];M.clear(a+"_closeSlider");b?(g.isSliding=!0,q.panesSliding[a]=!0,ma(a,!1)):(g.isSliding=!1,delete q.panesSliding[a]);k.css("zIndex",
+b?f.pane_sliding:f.pane_normal);l.css("zIndex",b?f.pane_sliding+2:f.resizer_normal);h.match(/(click|mouseleave)/)||(h=c.slideTrigger_close="mouseleave");l[j](h,Wa);"mouseleave"===h&&(k[j]("mouseleave."+K,Wa),l[j]("mouseenter."+K,d),k[j]("mouseenter."+K,d));b?"click"===h&&!c.resizable&&(l.css("cursor",b?c.sliderCursor:"default"),l.attr("title",b?c.tips.Close:"")):M.clear(a+"_closeSlider")},ha=function(a,d,c,f){d=r[a];var g=q[a],h=k[a],n=y[a],j=F[a],p="vert"===h.dir,l=!1;if("center"===a||p&&g.noVerticalRoom)(l=
+0<=g.maxHeight)&&g.noRoom?(rb(a),j&&j.show(),g.isVisible=!0,g.noRoom=!1,p&&(g.noVerticalRoom=!1),eb(a)):!l&&!g.noRoom&&(Ea(a),j&&j.hide(),g.isVisible=!1,g.noRoom=!0);"center"!==a&&(g.minSize<=g.maxSize?(g.size>g.maxSize?ka(a,g.maxSize,c,!0,f):g.size<g.minSize?ka(a,g.minSize,c,!0,f):j&&(g.isVisible&&n.is(":visible"))&&(c=g.size+v.inset[h.side],b.layout.cssNum(j,h.side)!=c&&j.css(h.side,c)),g.noRoom&&(g.wasOpen&&d.closable?d.autoReopen?ra(a,!1,!0,!0):g.noRoom=!1:Fa(a,g.wasOpen,!0,!0))):g.noRoom||(g.noRoom=
+!0,g.wasOpen=!g.isClosed&&!g.isSliding,g.isClosed||(d.closable?ja(a,!0,!0):Ta(a,!0))))},Ca=function(a,b,d,c,g){if(H()){a=A.call(this,a);var f=r[a],h=q[a];g=g||f.livePaneResizing&&!h.isResizing;h.autoResize=!1;ka(a,b,d,c,g)}},ka=function(e,c,f,h,g){function j(){for(var a="width"===ua?l.outerWidth():l.outerHeight(),a=[{pane:n,count:1,target:c,actual:a,correct:c===a,attempt:c,cssSize:D}],e=a[0],h={},t="Inaccurate size after resizing the "+n+"-pane.";!e.correct;){h={pane:n,count:e.count+1,target:c};h.attempt=
+e.actual>c?d(0,e.attempt-(e.actual-c)):d(0,e.attempt+(c-e.actual));h.cssSize=("horz"==k[n].dir?O:Q)(y[n],h.attempt);l.css(ua,h.cssSize);h.actual="width"==ua?l.outerWidth():l.outerHeight();h.correct=c===h.actual;1===a.length&&(ca(t,!1,!0),ca(e,!1,!0));ca(h,!1,!0);if(3<a.length)break;a.push(h);e=a[a.length-1]}J.size=c;b.extend(J,R(l));J.isVisible&&l.is(":visible")&&(x&&x.css(B,c+v.inset[B]),pa(n));!f&&(!Z&&q.initialized&&J.isVisible)&&C("onresize_end",n);f||(J.isSliding||ia("horz"==k[n].dir?"":"center",
+Z,g),qa());e=k.oppositeEdge[n];c<G&&q[e].noRoom&&(Y(e),ha(e,!1,f));1<a.length&&ca(t+"\nSee the Error Console for details.",!0,!0)}if(H()){var n=A.call(this,e),p=r[n],J=q[n],l=y[n],x=F[n],B=k[n].side,ua=k[n].sizeType.toLowerCase(),Z=J.isResizing&&!p.triggerEventsDuringLiveResize,z=!0!==h&&p.animatePaneSizing,G,D;u.queue(function(e){Y(n);G=J.size;c=fa(n,c);c=d(c,fa(n,p.minSize));c=a(c,J.maxSize);if(c<J.minSize)e(),ha(n,!1,f);else{if(!g&&c===G)return e();J.newSize=c;!f&&(q.initialized&&J.isVisible)&&
+C("onresize_start",n);D=("horz"==k[n].dir?O:Q)(y[n],c);if(z&&l.is(":visible")){var h=b.layout.effects.size[n]||b.layout.effects.size.all,h=p.fxSettings_size.easing||h.easing,v=r.zIndexes,u={};u[ua]=D+"px";J.isMoving=!0;l.css({zIndex:v.pane_animate}).show().animate(u,p.fxSpeed_size,h,function(){l.css({zIndex:J.isSliding?v.pane_sliding:v.pane_normal});J.isMoving=!1;delete J.newSize;j();e()})}else l.css(ua,D),delete J.newSize,l.is(":visible")?j():(J.size=c,b.extend(J,R(l))),e()}})}},ia=function(a,c,
+f){a=(a?a:"east,west,center").split(",");b.each(a,function(a,e){if(y[e]){var h=r[e],j=q[e],k=y[e],p=!0,l={},u=b.layout.showInvisibly(k),B={top:ga("north",!0),bottom:ga("south",!0),left:ga("west",!0),right:ga("east",!0),width:0,height:0};B.width=v.innerWidth-B.left-B.right;B.height=v.innerHeight-B.bottom-B.top;B.top+=v.inset.top;B.bottom+=v.inset.bottom;B.left+=v.inset.left;B.right+=v.inset.right;b.extend(j,R(k));if("center"===e){if(!f&&j.isVisible&&B.width===j.outerWidth&&B.height===j.outerHeight)return k.css(u),
+!0;b.extend(j,ya(e),{maxWidth:B.width,maxHeight:B.height});l=B;j.newWidth=l.width;j.newHeight=l.height;l.width=Q(k,l.width);l.height=O(k,l.height);p=0<=l.width&&0<=l.height;if(!q.initialized&&h.minWidth>B.width){var h=h.minWidth-j.outerWidth,B=r.east.minSize||0,x=r.west.minSize||0,Z=q.east.size,z=q.west.size,A=Z,D=z;0<h&&(q.east.isVisible&&Z>B)&&(A=d(Z-B,Z-h),h-=Z-A);0<h&&(q.west.isVisible&&z>x)&&(D=d(z-x,z-h),h-=z-D);if(0===h){Z&&Z!=B&&ka("east",A,!0,!0,f);z&&z!=x&&ka("west",D,!0,!0,f);ia("center",
+c,f);k.css(u);return}}}else{j.isVisible&&!j.noVerticalRoom&&b.extend(j,R(k),ya(e));if(!f&&!j.noVerticalRoom&&B.height===j.outerHeight)return k.css(u),!0;l.top=B.top;l.bottom=B.bottom;j.newSize=B.height;l.height=O(k,B.height);j.maxHeight=l.height;p=0<=j.maxHeight;p||(j.noVerticalRoom=!0)}p?(!c&&q.initialized&&C("onresize_start",e),k.css(l),"center"!==e&&qa(e),j.noRoom&&(!j.isClosed&&!j.isHidden)&&ha(e),j.isVisible&&(b.extend(j,R(k)),q.initialized&&pa(e))):!j.noRoom&&j.isVisible&&ha(e);k.css(u);delete j.newSize;
+delete j.newWidth;delete j.newHeight;if(!j.isVisible)return!0;"center"===e&&(j=G.isIE6||!G.boxModel,y.north&&(j||"IFRAME"==q.north.tagName)&&y.north.css("width",Q(y.north,v.innerWidth)),y.south&&(j||"IFRAME"==q.south.tagName)&&y.south.css("width",Q(y.south,v.innerWidth)));!c&&q.initialized&&C("onresize_end",e)}})},oa=function(a){A(a);if(u.is(":visible"))if(q.initialized){if(!0===a&&b.isPlainObject(r.outset)&&u.css(r.outset),b.extend(v,R(u,r.inset)),v.outerHeight){!0===a&&ob();if(!1===C("onresizeall_start"))return!1;
+var d,c,f;b.each(["south","north","east","west"],function(a,b){y[b]&&(c=r[b],f=q[b],f.autoResize&&f.size!=c.size?ka(b,c.size,!0,!0,!0):(Y(b),ha(b,!1,!0,!0)))});ia("",!0,!0);qa();b.each(k.allPanes,function(a,b){(d=y[b])&&q[b].isVisible&&C("onresize_end",b)});C("onresizeall_end")}}else Aa()},db=function(a,d){var c=A.call(this,a);r[c].resizeChildren&&(d||Ba(c),c=ba[c],b.isPlainObject(c)&&b.each(c,function(a,b){b.destroyed||b.resizeAll()}))},pa=function(a,c){if(H()){var h=A.call(this,a),h=h?h.split(","):
+k.allPanes;b.each(h,function(a,e){function h(a){return d(u.css.paddingBottom,parseInt(a.css("marginBottom"),10)||0)}function j(){var a=r[e].contentIgnoreSelector,a=p.nextAll().not(".ui-layout-mask").not(a||":lt(0)"),b=a.filter(":visible"),d=b.filter(":last");v={top:p[0].offsetTop,height:p.outerHeight(),numFooters:a.length,hiddenFooters:a.length-b.length,spaceBelow:0};v.spaceAbove=v.top;v.bottom=v.top+v.height;v.spaceBelow=d.length?d[0].offsetTop+d.outerHeight()-v.bottom+h(d):h(p)}var m=y[e],p=U[e],
+l=r[e],u=q[e],v=u.content;if(!m||!p||!m.is(":visible"))return!0;if(!p.length&&(Sa(e,!1),!p))return;if(!1!==C("onsizecontent_start",e)){if(!u.isMoving&&!u.isResizing||l.liveContentResizing||c||void 0==v.top)j(),0<v.hiddenFooters&&"hidden"===m.css("overflow")&&(m.css("overflow","visible"),j(),m.css("overflow","hidden"));m=u.innerHeight-(v.spaceAbove-u.css.paddingTop)-(v.spaceBelow-u.css.paddingBottom);if(!p.is(":visible")||v.height!=m){var x=p,l=x;f(x)?l=y[x]:x.jquery||(l=b(x));x=O(l,m);l.css({height:x,
+visibility:"visible"});0<x&&0<l.innerWidth()?l.data("autoHidden")&&(l.show().data("autoHidden",!1),G.mozilla||l.css(k.hidden).css(k.visible)):l.data("autoHidden")||l.hide().data("autoHidden",!0);v.height=m}q.initialized&&C("onsizecontent_end",e)}})}},qa=function(a){a=(a=A.call(this,a))?a.split(","):k.borderPanes;b.each(a,function(a,d){var e=r[d],g=q[d],h=y[d],j=F[d],p=P[d],u;if(h&&j){var l=k[d].dir,x=g.isClosed?"_closed":"_open",B=e["spacing"+x],z=e["togglerAlign"+x],x=e["togglerLength"+x],A;if(0===
+B)j.hide();else{!g.noRoom&&!g.isHidden&&j.show();"horz"===l?(A=v.innerWidth,g.resizerLength=A,h=b.layout.cssNum(h,"left"),j.css({width:Q(j,A),height:O(j,B),left:-9999<h?h:v.inset.left})):(A=h.outerHeight(),g.resizerLength=A,j.css({height:O(j,A),width:Q(j,B),top:v.inset.top+ga("north",!0)}));da(e,j);if(p){if(0===x||g.isSliding&&e.hideTogglerOnSlide){p.hide();return}p.show();if(!(0<x)||"100%"===x||x>A)x=A,z=0;else if(f(z))switch(z){case "top":case "left":z=0;break;case "bottom":case "right":z=A-x;break;
+default:z=c((A-x)/2)}else h=parseInt(z,10),z=0<=z?h:A-x+h;if("horz"===l){var D=Q(p,x);p.css({width:D,height:O(p,B),left:z,top:0});p.children(".content").each(function(){u=b(this);u.css("marginLeft",c((D-u.outerWidth())/2))})}else{var C=O(p,x);p.css({height:C,width:Q(p,B),top:z,left:0});p.children(".content").each(function(){u=b(this);u.css("marginTop",c((C-u.outerHeight())/2))})}da(0,p)}if(!q.initialized&&(e.initHidden||g.isHidden))j.hide(),p&&p.hide()}}})},pb=function(a){if(H()){var b=A.call(this,
+a);a=P[b];var d=r[b];a&&(d.closable=!0,a.bind("click."+K,function(a){a.stopPropagation();na(b)}).css("visibility","visible").css("cursor","pointer").attr("title",q[b].isClosed?d.tips.Open:d.tips.Close).show())}},Va=function(a,d){b.layout.plugins.buttons&&b.each(q[a].pins,function(c,f){b.layout.buttons.setPinState(z,b(f),a,d)})},u=b(this).eq(0);if(!u.length)return ca(r.errors.containerMissing);if(u.data("layoutContainer")&&u.data("layout"))return u.data("layout");var y={},U={},F={},P={},ea=b([]),v=
+q.container,K=q.id,z={options:r,state:q,container:u,panes:y,contents:U,resizers:F,togglers:P,hide:Ta,show:Fa,toggle:na,open:ra,close:ja,slideOpen:sb,slideClose:Wa,slideToggle:function(a){a=A.call(this,a);na(a,!0)},setSizeLimits:Y,_sizePane:ka,sizePane:Ca,sizeContent:pa,swapPanes:function(a,c){function f(a){var d=y[a],c=U[a];return!d?!1:{pane:a,P:d?d[0]:!1,C:c?c[0]:!1,state:b.extend(!0,{},q[a]),options:b.extend(!0,{},r[a])}}function h(a,c){if(a){var e=a.P,f=a.C,g=a.pane,j=k[c],m=b.extend(!0,{},q[c]),
+n=r[c],w={resizerCursor:n.resizerCursor};b.each(["fxName","fxSpeed","fxSettings"],function(a,b){w[b+"_open"]=n[b+"_open"];w[b+"_close"]=n[b+"_close"];w[b+"_size"]=n[b+"_size"]});y[c]=b(e).data({layoutPane:z[c],layoutEdge:c}).css(k.hidden).css(j.cssReq);U[c]=f?b(f):!1;r[c]=b.extend(!0,{},a.options,w);q[c]=b.extend(!0,{},a.state);e.className=e.className.replace(RegExp(n.paneClass+"-"+g,"g"),n.paneClass+"-"+c);Pa(c);j.dir!=k[g].dir?(e=p[c]||0,Y(c),e=d(e,q[c].minSize),Ca(c,e,!0,!0)):F[c].css(j.side,v.inset[j.side]+
+(q[c].isVisible?ga(c):0));a.state.isVisible&&!m.isVisible?Ua(c,!0):(Da(c),ma(c,!0));a=null}}if(H()){var g=A.call(this,a);q[g].edge=c;q[c].edge=g;if(!1===C("onswap_start",g)||!1===C("onswap_start",c))q[g].edge=g,q[c].edge=c;else{var j=f(g),n=f(c),p={};p[g]=j?j.state.size:0;p[c]=n?n.state.size:0;y[g]=!1;y[c]=!1;q[g]={};q[c]={};P[g]&&P[g].remove();P[c]&&P[c].remove();F[g]&&F[g].remove();F[c]&&F[c].remove();F[g]=F[c]=P[g]=P[c]=!1;h(j,c);h(n,g);j=n=p=null;y[g]&&y[g].css(k.visible);y[c]&&y[c].css(k.visible);
+oa();C("onswap_end",g);C("onswap_end",c)}}},showMasks:va,hideMasks:za,initContent:Sa,addPane:ib,removePane:Ra,createChildren:Qa,refreshChildren:Ba,enableClosable:pb,disableClosable:function(a,b){if(H()){var c=A.call(this,a),d=P[c];d&&(r[c].closable=!1,q[c].isClosed&&ra(c,!1,!0),d.unbind("."+K).css("visibility",b?"hidden":"visible").css("cursor","default").attr("title",""))}},enableSlidable:function(a){if(H()){a=A.call(this,a);var b=F[a];b&&b.data("draggable")&&(r[a].slidable=!0,q[a].isClosed&&ma(a,
+!0))}},disableSlidable:function(a){if(H()){a=A.call(this,a);var b=F[a];b&&(r[a].slidable=!1,q[a].isSliding?ja(a,!1,!0):(ma(a,!1),b.css("cursor","default").attr("title",""),da(null,b[0])))}},enableResizable:function(a){if(H()){a=A.call(this,a);var b=F[a],c=r[a];b&&b.data("draggable")&&(c.resizable=!0,b.draggable("enable"),q[a].isClosed||b.css("cursor",c.resizerCursor).attr("title",c.tips.Resize))}},disableResizable:function(a){if(H()){a=A.call(this,a);var b=F[a];b&&b.data("draggable")&&(r[a].resizable=
+!1,b.draggable("disable").css("cursor","default").attr("title",""),da(null,b[0]))}},allowOverflow:x,resetOverflow:X,destroy:function(a,c){b(window).unbind("."+K);b(document).unbind("."+K);"object"===typeof a?A(a):c=a;u.clearQueue().removeData("layout").removeData("layoutContainer").removeClass(r.containerClass).unbind("."+K);ea.remove();b.each(k.allPanes,function(a,b){Ra(b,!1,!0,c)});u.data("layoutCSS")&&!u.data("layoutRole")&&u.css(u.data("layoutCSS")).removeData("layoutCSS");"BODY"===v.tagName&&
+(u=b("html")).data("layoutCSS")&&u.css(u.data("layoutCSS")).removeData("layoutCSS");j(z,b.layout.onDestroy);mb();for(var d in z)d.match(/^(container|options)$/)||delete z[d];z.destroyed=!0;return z},initPanes:H,resizeAll:oa,runCallbacks:C,hasParentLayout:!1,children:ba,north:!1,south:!1,west:!1,east:!1,center:!1},Xa;var V,Ya,N,Ha,la,sa,W;h=b.layout.transformData(h,!0);h=b.layout.backwardCompatibility.renameAllOptions(h);if(!b.isEmptyObject(h.panes)){V=b.layout.optionsMap.noDefault;la=0;for(sa=V.length;la<
+sa;la++)N=V[la],delete h.panes[N];V=b.layout.optionsMap.layout;la=0;for(sa=V.length;la<sa;la++)N=V[la],delete h.panes[N]}V=b.layout.optionsMap.layout;var Bb=b.layout.config.optionRootKeys;for(N in h)Ha=h[N],0>b.inArray(N,Bb)&&0>b.inArray(N,V)&&(h.panes[N]||(h.panes[N]=b.isPlainObject(Ha)?b.extend(!0,{},Ha):Ha),delete h[N]);b.extend(!0,r,h);b.each(k.allPanes,function(a,c){k[c]=b.extend(!0,{},k.panes,k[c]);Ya=r.panes;W=r[c];if("center"===c){V=b.layout.optionsMap.center;a=0;for(sa=V.length;a<sa;a++)if(N=
+V[a],!h.center[N]&&(h.panes[N]||!W[N]))W[N]=Ya[N]}else{W=r[c]=b.extend(!0,{},Ya,W);var d=r[c],f=r.panes;d.fxSettings||(d.fxSettings={});f.fxSettings||(f.fxSettings={});b.each(["_open","_close","_size"],function(a,e){var h="fxName"+e,j="fxSpeed"+e,k="fxSettings"+e,l=d[h]=d[h]||f[h]||d.fxName||f.fxName||"none",p=b.effects&&(b.effects[l]||b.effects.effect&&b.effects.effect[l]);if("none"===l||!r.effects[l]||!p)l=d[h]="none";l=r.effects[l]||{};h=l.all||null;l=l[c]||null;d[j]=d[j]||f[j]||d.fxSpeed||f.fxSpeed||
+null;d[k]=b.extend(!0,{},h,l,f.fxSettings,d.fxSettings,f[k],d[k])});delete d.fxName;delete d.fxSpeed;delete d.fxSettings;W.resizerClass||(W.resizerClass="ui-layout-resizer");W.togglerClass||(W.togglerClass="ui-layout-toggler")}W.paneClass||(W.paneClass="ui-layout-pane")});var Ia=h.zIndex,xa=r.zIndexes;0<Ia&&(xa.pane_normal=Ia,xa.content_mask=d(Ia+1,xa.content_mask),xa.resizer_normal=d(Ia+2,xa.resizer_normal));delete r.panes;var Cb=r,tb=q;tb.creatingLayout=!0;j(z,b.layout.onCreate);if(!1===C("onload_start"))Xa=
+"cancel";else{var Za=u[0],$=b("html"),ub=v.tagName=Za.tagName,vb=v.id=Za.id,wb=v.className=Za.className,L=r,Ja=L.name,$a={},Ka=u.data("parentLayout"),La=u.data("layoutEdge"),ab=Ka&&La,ta=b.layout.cssNum,bb,aa;v.selector=u.selector.split(".slice")[0];v.ref=(L.name?L.name+" layout / ":"")+ub+(vb?"#"+vb:wb?".["+wb+"]":"");v.isBody="BODY"===ub;!ab&&!v.isBody&&(bb=u.closest("."+b.layout.defaults.panes.paneClass),Ka=bb.data("parentLayout"),La=bb.data("layoutEdge"),ab=Ka&&La);u.data({layout:z,layoutContainer:K}).addClass(L.containerClass);
+var xb={destroy:"",initPanes:"",resizeAll:"resizeAll",resize:"resizeAll"};for(Ja in xb)u.bind("layout"+Ja.toLowerCase()+"."+K,z[xb[Ja]||Ja]);ab&&(z.hasParentLayout=!0,Ka.refreshChildren(La,z));u.data("layoutCSS")||(v.isBody?(u.data("layoutCSS",b.extend(D(u,"position,margin,padding,border"),{height:u.css("height"),overflow:u.css("overflow"),overflowX:u.css("overflowX"),overflowY:u.css("overflowY")})),$.data("layoutCSS",b.extend(D($,"padding"),{height:"auto",overflow:$.css("overflow"),overflowX:$.css("overflowX"),
+overflowY:$.css("overflowY")}))):u.data("layoutCSS",D(u,"position,margin,padding,border,top,bottom,left,right,width,height,overflow,overflowX,overflowY")));try{$a={overflow:"hidden",overflowX:"hidden",overflowY:"hidden"};u.css($a);L.inset&&!b.isPlainObject(L.inset)&&(aa=parseInt(L.inset,10)||0,L.inset={top:aa,bottom:aa,left:aa,right:aa});if(v.isBody)L.outset?b.isPlainObject(L.outset)||(aa=parseInt(L.outset,10)||0,L.outset={top:aa,bottom:aa,left:aa,right:aa}):L.outset={top:ta($,"paddingTop"),bottom:ta($,
+"paddingBottom"),left:ta($,"paddingLeft"),right:ta($,"paddingRight")},$.css($a).css({height:"100%",border:"none",padding:0,margin:0}),G.isIE6?(u.css({width:"100%",height:"100%",border:"none",padding:0,margin:0,position:"relative"}),L.inset||(L.inset=R(u).inset)):(u.css({width:"auto",height:"auto",margin:0,position:"absolute"}),u.css(L.outset)),b.extend(v,R(u,L.inset));else{var yb=u.css("position");(!yb||!yb.match(/(fixed|absolute|relative)/))&&u.css("position","relative");u.is(":visible")&&(b.extend(v,
+R(u,L.inset)),1>v.innerHeight&&ca(L.errors.noContainerHeight.replace(/CONTAINER/,v.ref)))}ta(u,"minWidth")&&u.parent().css("overflowX","auto");ta(u,"minHeight")&&u.parent().css("overflowY","auto")}catch(Db){}nb();b(window).bind("unload."+K,mb);j(z,b.layout.onLoad);Cb.initPanes&&Aa();delete tb.creatingLayout;Xa=q.initialized}return"cancel"===Xa?null:z}})(jQuery);
+(function(b){b.ui||(b.ui={});b.ui.cookie={acceptsCookies:!!navigator.cookieEnabled,read:function(a){for(var d=document.cookie,d=d?d.split(";"):[],c,f=0,j=d.length;f<j;f++)if(c=b.trim(d[f]).split("="),c[0]==a)return decodeURIComponent(c[1]);return null},write:function(a,d,c){var f="",j="",h=!1;c=c||{};var p=c.expires||null,x=b.type(p);"date"===x?j=p:"string"===x&&0<p&&(p=parseInt(p,10),x="number");"number"===x&&(j=new Date,0<p?j.setDate(j.getDate()+p):(j.setFullYear(1970),h=!0));j&&(f+=";expires="+
+j.toUTCString());c.path&&(f+=";path="+c.path);c.domain&&(f+=";domain="+c.domain);c.secure&&(f+=";secure");document.cookie=a+"="+(h?"":encodeURIComponent(d))+f},clear:function(a){b.ui.cookie.write(a,"",{expires:-1})}};b.cookie||(b.cookie=function(a,d,c){var f=b.ui.cookie;if(null===d)f.clear(a);else{if(void 0===d)return f.read(a);f.write(a,d,c)}});b.layout.plugins.stateManagement=!0;b.layout.config.optionRootKeys.push("stateManagement");b.layout.defaults.stateManagement={enabled:!1,autoSave:!0,autoLoad:!0,
+animateLoad:!0,includeChildren:!0,stateKeys:"north.size,south.size,east.size,west.size,north.isClosed,south.isClosed,east.isClosed,west.isClosed,north.isHidden,south.isHidden,east.isHidden,west.isHidden",cookie:{name:"",domain:"",path:"",expires:"",secure:!1}};b.layout.optionsMap.layout.push("stateManagement");b.layout.state={saveCookie:function(a,d,c){var f=a.options,j=f.stateManagement;c=b.extend(!0,{},j.cookie,c||null);a=a.state.stateData=a.readState(d||j.stateKeys);b.ui.cookie.write(c.name||f.name||
+"Layout",b.layout.state.encodeJSON(a),c);return b.extend(!0,{},a)},deleteCookie:function(a){a=a.options;b.ui.cookie.clear(a.stateManagement.cookie.name||a.name||"Layout")},readCookie:function(a){a=a.options;return(a=b.ui.cookie.read(a.stateManagement.cookie.name||a.name||"Layout"))?b.layout.state.decodeJSON(a):{}},loadCookie:function(a){var d=b.layout.state.readCookie(a);d&&(a.state.stateData=b.extend(!0,{},d),a.loadState(d));return d},loadState:function(a,d,c){if(b.isPlainObject(d)&&!b.isEmptyObject(d))if(d=
+a.state.stateData=b.layout.transformData(d),c=b.extend({animateLoad:!1,includeChildren:a.options.stateManagement.includeChildren},c),a.state.initialized){var f=!c.animateLoad,j,h,p,x;b.each(b.layout.config.borderPanes,function(c,G){S=d[G];b.isPlainObject(S)&&(s=S.size,j=S.initClosed,h=S.initHidden,ar=S.autoResize,p=a.state[G],x=p.isVisible,ar&&(p.autoResize=ar),x||a._sizePane(G,s,!1,!1,!1),!0===h?a.hide(G,f):!0===j?a.close(G,!1,f):!1===j?a.open(G,!1,f):!1===h&&a.show(G,!1,f),x&&a._sizePane(G,s,!1,
+!1,f))});if(c.includeChildren){var I,T;b.each(a.children,function(a,c){(I=d[a]?d[a].children:0)&&c&&b.each(c,function(a,b){T=I[a];b&&T&&b.loadState(T)})})}}else{var S=b.extend(!0,{},d);b.each(b.layout.config.allPanes,function(a,b){S[b]&&delete S[b].children});b.extend(!0,a.options,S)}},readState:function(a,d){"string"===b.type(d)&&(d={keys:d});d||(d={});var c=a.options.stateManagement,f=d.includeChildren,f=void 0!==f?f:c.includeChildren,c=d.stateKeys||c.stateKeys,j={isClosed:"initClosed",isHidden:"initHidden"},
+h=a.state,p=b.layout.config.allPanes,x={},I,T,S,X,G,k;b.isArray(c)&&(c=c.join(","));for(var c=c.replace(/__/g,".").split(","),Q=0,O=c.length;Q<O;Q++)I=c[Q].split("."),T=I[0],I=I[1],0>b.inArray(T,p)||(S=h[T][I],void 0!=S&&("isClosed"==I&&h[T].isSliding&&(S=!0),(x[T]||(x[T]={}))[j[I]?j[I]:I]=S));f&&b.each(p,function(c,d){G=a.children[d];X=h.stateData[d];b.isPlainObject(G)&&!b.isEmptyObject(G)&&(k=x[d]||(x[d]={}),k.children||(k.children={}),b.each(G,function(a,c){c.state.initialized?k.children[a]=b.layout.state.readState(c):
+X&&(X.children&&X.children[a])&&(k.children[a]=b.extend(!0,{},X.children[a]))}))});return x},encodeJSON:function(a){function d(a){var f=[],j=0,h,p,x,I=b.isArray(a);for(h in a)p=a[h],x=typeof p,"string"==x?p='"'+p+'"':"object"==x&&(p=d(p)),f[j++]=(!I?'"'+h+'":':"")+p;return(I?"[":"{")+f.join(",")+(I?"]":"}")}return d(a)},decodeJSON:function(a){try{return b.parseJSON?b.parseJSON(a):window.eval("("+a+")")||{}}catch(d){return{}}},_create:function(a){var d=b.layout.state,c=a.options.stateManagement;b.extend(a,
+{readCookie:function(){return d.readCookie(a)},deleteCookie:function(){d.deleteCookie(a)},saveCookie:function(b,c){return d.saveCookie(a,b,c)},loadCookie:function(){return d.loadCookie(a)},loadState:function(b,c){d.loadState(a,b,c)},readState:function(b){return d.readState(a,b)},encodeJSON:d.encodeJSON,decodeJSON:d.decodeJSON});a.state.stateData={};if(c.autoLoad)if(b.isPlainObject(c.autoLoad))b.isEmptyObject(c.autoLoad)||a.loadState(c.autoLoad);else if(c.enabled)if(b.isFunction(c.autoLoad)){var f=
+{};try{f=c.autoLoad(a,a.state,a.options,a.options.name||"")}catch(j){}f&&(b.isPlainObject(f)&&!b.isEmptyObject(f))&&a.loadState(f)}else a.loadCookie()},_unload:function(a){var d=a.options.stateManagement;if(d.enabled&&d.autoSave)if(b.isFunction(d.autoSave))try{d.autoSave(a,a.state,a.options,a.options.name||"")}catch(c){}else a.saveCookie()}};b.layout.onCreate.push(b.layout.state._create);b.layout.onUnload.push(b.layout.state._unload);b.layout.plugins.buttons=!0;b.layout.defaults.autoBindCustomButtons=
+!1;b.layout.optionsMap.layout.push("autoBindCustomButtons");b.layout.buttons={init:function(a){var d=a.options.name||"",c;b.each("toggle open close pin toggle-slide open-slide".split(" "),function(f,j){b.each(b.layout.config.borderPanes,function(f,p){b(".ui-layout-button-"+j+"-"+p).each(function(){c=b(this).data("layoutName")||b(this).attr("layoutName");(void 0==c||c===d)&&a.bindButton(this,j,p)})})})},get:function(a,d,c,f){var j=b(d);a=a.options;var h=a.errors.addButtonError;j.length?0>b.inArray(c,
+b.layout.config.borderPanes)?(b.layout.msg(h+" "+a.errors.pane+": "+c,!0),j=b("")):(d=a[c].buttonClass+"-"+f,j.addClass(d+" "+d+"-"+c).data("layoutName",a.name)):b.layout.msg(h+" "+a.errors.selector+": "+d,!0);return j},bind:function(a,d,c,f){var j=b.layout.buttons;switch(c.toLowerCase()){case "toggle":j.addToggle(a,d,f);break;case "open":j.addOpen(a,d,f);break;case "close":j.addClose(a,d,f);break;case "pin":j.addPin(a,d,f);break;case "toggle-slide":j.addToggle(a,d,f,!0);break;case "open-slide":j.addOpen(a,
+d,f,!0)}return a},addToggle:function(a,d,c,f){b.layout.buttons.get(a,d,c,"toggle").click(function(b){a.toggle(c,!!f);b.stopPropagation()});return a},addOpen:function(a,d,c,f){b.layout.buttons.get(a,d,c,"open").attr("title",a.options[c].tips.Open).click(function(b){a.open(c,!!f);b.stopPropagation()});return a},addClose:function(a,d,c){b.layout.buttons.get(a,d,c,"close").attr("title",a.options[c].tips.Close).click(function(b){a.close(c);b.stopPropagation()});return a},addPin:function(a,d,c){var f=b.layout.buttons,
+j=f.get(a,d,c,"pin");if(j.length){var h=a.state[c];j.click(function(d){f.setPinState(a,b(this),c,h.isSliding||h.isClosed);h.isSliding||h.isClosed?a.open(c):a.close(c);d.stopPropagation()});f.setPinState(a,j,c,!h.isClosed&&!h.isSliding);h.pins.push(d)}return a},setPinState:function(a,b,c,f){var j=b.attr("pin");if(!(j&&f===("down"==j))){a=a.options[c];var j=a.buttonClass+"-pin",h=j+"-"+c;c=j+"-up "+h+"-up";j=j+"-down "+h+"-down";b.attr("pin",f?"down":"up").attr("title",f?a.tips.Unpin:a.tips.Pin).removeClass(f?
+c:j).addClass(f?j:c)}},syncPinBtns:function(a,d,c){b.each(a.state[d].pins,function(f,j){b.layout.buttons.setPinState(a,b(j),d,c)})},_load:function(a){var d=b.layout.buttons;b.extend(a,{bindButton:function(b,c,h){return d.bind(a,b,c,h)},addToggleBtn:function(b,c,h){return d.addToggle(a,b,c,h)},addOpenBtn:function(b,c,h){return d.addOpen(a,b,c,h)},addCloseBtn:function(b,c){return d.addClose(a,b,c)},addPinBtn:function(b,c){return d.addPin(a,b,c)}});for(var c=0;4>c;c++)a.state[b.layout.config.borderPanes[c]].pins=
+[];a.options.autoBindCustomButtons&&d.init(a)},_unload:function(){}};b.layout.onLoad.push(b.layout.buttons._load);b.layout.plugins.browserZoom=!0;b.layout.defaults.browserZoomCheckInterval=1E3;b.layout.optionsMap.layout.push("browserZoomCheckInterval");b.layout.browserZoom={_init:function(a){!1!==b.layout.browserZoom.ratio()&&b.layout.browserZoom._setTimer(a)},_setTimer:function(a){if(!a.destroyed){var d=a.options,c=a.state,f=a.hasParentLayout?5E3:Math.max(d.browserZoomCheckInterval,100);setTimeout(function(){if(!a.destroyed&&
+d.resizeWithWindow){var f=b.layout.browserZoom.ratio();f!==c.browserZoom&&(c.browserZoom=f,a.resizeAll());b.layout.browserZoom._setTimer(a)}},f)}},ratio:function(){function a(a,b){return(100*(parseInt(a,10)/parseInt(b,10))).toFixed()}var d=window,c=screen,f=document,j=f.documentElement||f.body,h=b.layout.browser,p=h.version,x,I,T;return h.msie&&8<p||!h.msie?!1:c.deviceXDPI&&c.systemXDPI?a(c.deviceXDPI,c.systemXDPI):h.webkit&&(x=f.body.getBoundingClientRect)?a(x.left-x.right,f.body.offsetWidth):h.webkit&&
+(I=d.outerWidth)?a(I,d.innerWidth):(I=c.width)&&(T=j.clientWidth)?a(I,T):!1}};b.layout.onReady.push(b.layout.browserZoom._init)})(jQuery);
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/tld/zhang-functions.tld b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/tld/zhang-functions.tld
new file mode 100644
index 00000000..c9d32c9b
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/tld/zhang-functions.tld
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<taglib xmlns="http://java.sun.com/xml/ns/j2ee"
+        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-jsptaglibrary_2_0.xsd"
+        version="2.0">
+    <description>functions</description>
+    <tlib-version>3.0</tlib-version>
+    <short-name>fn</short-name>
+    <uri>http://github.com/zhangkaitao/tags/zhang-functions</uri>
+
+    <function>
+        <description>obj in collection</description>
+        <name>in</name>
+        <function-class>com.github.zhangkaitao.shiro.chapter23.web.taglib.Functions</function-class>
+        <function-signature>boolean in(java.lang.Iterable,java.lang.Object)</function-signature>
+    </function>
+
+    <function>
+        <description>根据id显示App名称</description>
+        <name>appName</name>
+        <function-class>com.github.zhangkaitao.shiro.chapter23.web.taglib.Functions</function-class>
+        <function-signature>java.lang.String appName(java.lang.Long)</function-signature>
+    </function>
+
+    <function>
+        <description>根据id显示用户名称</description>
+        <name>username</name>
+        <function-class>com.github.zhangkaitao.shiro.chapter23.web.taglib.Functions</function-class>
+        <function-signature>java.lang.String username(java.lang.Long)</function-signature>
+    </function>
+
+    <function>
+        <description>根据id显示组织机构名称</description>
+        <name>organizationName</name>
+        <function-class>com.github.zhangkaitao.shiro.chapter23.web.taglib.Functions</function-class>
+        <function-signature>java.lang.String organizationName(java.lang.Long)</function-signature>
+    </function>
+    <function>
+        <description>根据id列表显示多个组织机构名称</description>
+        <name>organizationNames</name>
+        <function-class>com.github.zhangkaitao.shiro.chapter23.web.taglib.Functions</function-class>
+        <function-signature>java.lang.String organizationNames(java.util.Collection)</function-signature>
+    </function>
+
+    <function>
+        <description>根据id显示角色名称</description>
+        <name>roleName</name>
+        <function-class>com.github.zhangkaitao.shiro.chapter23.web.taglib.Functions</function-class>
+        <function-signature>java.lang.String roleName(java.lang.Long)</function-signature>
+    </function>
+    <function>
+        <description>根据id列表显示多个角色名称</description>
+        <name>roleNames</name>
+        <function-class>com.github.zhangkaitao.shiro.chapter23.web.taglib.Functions</function-class>
+        <function-signature>java.lang.String roleNames(java.util.Collection)</function-signature>
+    </function>
+
+    <function>
+        <description>根据id显示资源名称</description>
+        <name>resourceName</name>
+        <function-class>com.github.zhangkaitao.shiro.chapter23.web.taglib.Functions</function-class>
+        <function-signature>java.lang.String resourceName(java.lang.Long)</function-signature>
+    </function>
+    <function>
+        <description>根据id列表显示多个资源名称</description>
+        <name>resourceNames</name>
+        <function-class>com.github.zhangkaitao.shiro.chapter23.web.taglib.Functions</function-class>
+        <function-signature>java.lang.String resourceNames(java.util.Collection)</function-signature>
+    </function>
+
+
+</taglib>
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/main/webapp/WEB-INF/web.xml b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/web.xml
new file mode 100644
index 00000000..532e7870
--- /dev/null
+++ b/shiro-example-chapter23-server/src/main/webapp/WEB-INF/web.xml
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<web-app
+        xmlns="http://java.sun.com/xml/ns/javaee"
+        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
+        version="3.0"
+        metadata-complete="true">
+
+    <display-name>shiro-example-chapter17</display-name>
+
+    <!-- Spring配置文件开始  -->
+    <context-param>
+        <param-name>contextConfigLocation</param-name>
+        <param-value>
+            classpath:spring-config.xml
+        </param-value>
+    </context-param>
+    <listener>
+        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
+    </listener>
+    <!-- Spring配置文件结束 -->
+
+    <!-- 可以使用RequestContextHolder.currentRequestAttributes() 获取到请求的attr -->
+    <listener>
+        <listener-class>org.springframework.web.context.request.RequestContextListener</listener-class>
+    </listener>
+
+    <!-- 设置servlet编码开始 -->
+    <filter>
+        <filter-name>Set Character Encoding</filter-name>
+        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
+        <async-supported>true</async-supported>
+        <init-param>
+            <param-name>encoding</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+        <init-param>
+            <param-name>forceEncoding</param-name>
+            <param-value>true</param-value>
+        </init-param>
+    </filter>
+    <filter-mapping>
+        <filter-name>Set Character Encoding</filter-name>
+        <url-pattern>/*</url-pattern>
+    </filter-mapping>
+    <!-- 设置servlet编码结束 -->
+
+    <!-- shiro 安全过滤器 -->
+    <filter>
+        <filter-name>shiroFilter</filter-name>
+        <filter-class>org.springframework.web.filter.DelegatingFilterProxy</filter-class>
+        <async-supported>true</async-supported>
+        <init-param>
+            <param-name>targetFilterLifecycle</param-name>
+            <param-value>true</param-value>
+        </init-param>
+    </filter>
+
+    <filter-mapping>
+        <filter-name>shiroFilter</filter-name>
+        <url-pattern>/*</url-pattern>
+        <dispatcher>REQUEST</dispatcher>
+    </filter-mapping>
+
+    <servlet>
+        <servlet-name>spring</servlet-name>
+        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
+        <init-param>
+            <param-name>contextConfigLocation</param-name>
+            <param-value>classpath:spring-mvc.xml</param-value>
+        </init-param>
+        <load-on-startup>1</load-on-startup>
+        <async-supported>true</async-supported>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>spring</servlet-name>
+        <url-pattern>/</url-pattern>
+    </servlet-mapping>
+
+</web-app>
diff --git a/shiro-example-chapter23-server/src/sql/design.txt b/shiro-example-chapter23-server/src/sql/design.txt
new file mode 100644
index 00000000..89928104
--- /dev/null
+++ b/shiro-example-chapter23-server/src/sql/design.txt
@@ -0,0 +1,30 @@
+  
+server
+   权限维护
+      用户 所属系统 权限
+   用户登录
+
+   1、缓存同步问题
+   2、会话同步问题
+
+client
+   app.id=
+   app.key=
+   server.url=
+   login.url=
+   unauthorized.url=
+
+
+   session.id=sid
+   rememberMe.id=rememberMe
+
+   filters=
+   filter.chains=;;;
+
+   session.validation.enable=false
+   session.global.timeout=1800000
+
+   RemoteRealm
+
+app*
+   
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/sql/shiro-data.sql b/shiro-example-chapter23-server/src/sql/shiro-data.sql
new file mode 100644
index 00000000..35449de0
--- /dev/null
+++ b/shiro-example-chapter23-server/src/sql/shiro-data.sql
@@ -0,0 +1,63 @@
+DELIMITER ;
+delete from sys_user;
+delete from sys_app;
+delete from sys_user_app_roles;
+delete from sys_role;
+delete from sys_resource;
+delete from sys_organization;
+
+insert into sys_user values(1,1,'admin','d3c59d25033dbf980d29554025c23a75','8d78869f470951332959580424d4bf4f', false);
+insert into sys_app values(1, '中心服务器', '645ba616-370a-43a8-a8e0-993e7a590cf0', 'bb74abb6-bae0-47dd-a7b1-9571ea3a0f33', true);
+insert into sys_app values(2, 'APP-1', '645ba612-370a-43a8-a8e0-993e7a590cf0', 'bb74abb2-bae0-47dd-a7b1-9571ea3a0f33', true);
+insert into sys_app values(3, 'APP-2', '645ba613-370a-43a8-a8e0-993e7a590cf0', 'bb74abb3-bae0-47dd-a7b1-9571ea3a0f33', true);
+
+insert into sys_user_app_roles values(1, 1, 1, '1');
+insert into sys_user_app_roles values(2, 1, 2, '1,2');
+insert into sys_user_app_roles values(3, 1, 3, '1,3');
+
+insert into sys_organization values(1, '总公司', 0, '0/', true);
+insert into sys_organization values(2, '分公司1', 1, '0/1/', true);
+insert into sys_organization values(3, '分公司2', 1, '0/1/', true);
+insert into sys_organization values(4, '分公司11', 2, '0/1/2/', true);
+
+insert into sys_resource values(1, '资源', 'menu', '', 0, '0/', '', true);
+
+insert into sys_resource values(11, '组织机构管理', 'menu', '/organization', 1, '0/1/', 'organization:*', true);
+insert into sys_resource values(12, '组织机构新增', 'button', '', 11, '0/1/11/', 'organization:create', true);
+insert into sys_resource values(13, '组织机构修改', 'button', '', 11, '0/1/11/', 'organization:update', true);
+insert into sys_resource values(14, '组织机构删除', 'button', '', 11, '0/1/11/', 'organization:delete', true);
+insert into sys_resource values(15, '组织机构查看', 'button', '', 11, '0/1/11/', 'organization:view', true);
+
+insert into sys_resource values(16, '应用管理', 'menu', '/app', 1, '0/1/', 'app:*', true);
+insert into sys_resource values(17, '应用新增', 'button', '', 16, '0/1/16/', 'app:create', true);
+insert into sys_resource values(18, '应用修改', 'button', '', 16, '0/1/16/', 'app:update', true);
+insert into sys_resource values(19, '应用删除', 'button', '', 16, '0/1/16/', 'app:delete', true);
+insert into sys_resource values(20, '应用查看', 'button', '', 16, '0/1/16/', 'app:view', true);
+
+insert into sys_resource values(21, '用户管理', 'menu', '/user', 1, '0/1/', 'user:*', true);
+insert into sys_resource values(22, '用户新增', 'button', '', 21, '0/1/21/', 'user:create', true);
+insert into sys_resource values(23, '用户修改', 'button', '', 21, '0/1/21/', 'user:update', true);
+insert into sys_resource values(24, '用户删除', 'button', '', 21, '0/1/21/', 'user:delete', true);
+insert into sys_resource values(25, '用户查看', 'button', '', 21, '0/1/21/', 'user:view', true);
+
+insert into sys_resource values(31, '资源管理', 'menu', '/resource', 1, '0/1/', 'resource:*', true);
+insert into sys_resource values(32, '资源新增', 'button', '', 31, '0/1/31/', 'resource:create', true);
+insert into sys_resource values(33, '资源修改', 'button', '', 31, '0/1/31/', 'resource:update', true);
+insert into sys_resource values(34, '资源删除', 'button', '', 31, '0/1/31/', 'resource:delete', true);
+insert into sys_resource values(35, '资源查看', 'button', '', 31, '0/1/31/', 'resource:view', true);
+
+insert into sys_resource values(41, '角色管理', 'menu', '/role', 1, '0/1/', 'role:*', true);
+insert into sys_resource values(42, '角色新增', 'button', '', 41, '0/1/41/', 'role:create', true);
+insert into sys_resource values(43, '角色修改', 'button', '', 41, '0/1/41/', 'role:update', true);
+insert into sys_resource values(44, '角色删除', 'button', '', 41, '0/1/41/', 'role:delete', true);
+insert into sys_resource values(45, '角色查看', 'button', '', 41, '0/1/41/', 'role:view', true);
+
+insert into sys_resource values(51, '授权管理', 'menu', '/authorization', 1, '0/1/', 'authorization:*', true);
+insert into sys_resource values(52, '授权新增', 'button', '', 51, '0/1/51/', 'authorization:create', true);
+insert into sys_resource values(53, '授权修改', 'button', '', 51, '0/1/51/', 'authorization:update', true);
+insert into sys_resource values(54, '授权删除', 'button', '', 51, '0/1/51/', 'authorization:delete', true);
+insert into sys_resource values(55, '授权查看', 'button', '', 51, '0/1/51/', 'authorization:view', true);
+
+insert into sys_role values(1, 'admin', '超级管理员', '11,16,21,31,41,51', true);
+insert into sys_role values(2, 'role1', 'APP1管理员', '11,16,21,31,41,51', true);
+insert into sys_role values(3, 'role2', 'APP2管理员', '11,16,21,31,41,51', true);
\ No newline at end of file
diff --git a/shiro-example-chapter23-server/src/sql/shiro-schema.sql b/shiro-example-chapter23-server/src/sql/shiro-schema.sql
new file mode 100644
index 00000000..d608bd52
--- /dev/null
+++ b/shiro-example-chapter23-server/src/sql/shiro-schema.sql
@@ -0,0 +1,84 @@
+drop table if exists sys_user;
+drop table if exists sys_app;
+drop table if exists sys_user_app_roles;
+drop table if exists sys_organization;
+drop table if exists sys_resource;
+drop table if exists sys_role;
+drop table if exists sessions;
+
+create table sessions (
+  id varchar(200),
+  session varchar(2000),
+  constraint pk_sessions primary key(id)
+) charset=utf8 ENGINE=InnoDB;
+
+
+create table sys_user (
+  id bigint auto_increment,
+  organization_id bigint,
+  username varchar(100),
+  password varchar(100),
+  salt varchar(100),
+  locked bool default false,
+  constraint pk_sys_user primary key(id)
+) charset=utf8 ENGINE=InnoDB;
+create unique index idx_sys_user_username on sys_user(username);
+create index idx_sys_user_organization_id on sys_user(organization_id);
+
+create table sys_app (
+  id bigint auto_increment,
+  name varchar(100),
+  app_key varchar(100),
+  app_secret varchar(100),
+  available bool default false,
+  constraint pk_sys_app primary key(id)
+) charset=utf8 ENGINE=InnoDB;
+create unique index idx_sys_app_app_key on sys_app(app_key);
+
+create table sys_user_app_roles (
+  id bigint auto_increment,
+  user_id bigint,
+  app_id bigint,
+  role_ids varchar(100),
+  constraint pk_sys_user_app_roles primary key(id)
+) charset=utf8 ENGINE=InnoDB;
+create unique index sys_user_app_roles_user_id_app_id on sys_user_app_roles(user_id, app_id);
+
+
+
+
+create table sys_organization (
+  id bigint auto_increment,
+  name varchar(100),
+  parent_id bigint,
+  parent_ids varchar(100),
+  available bool default false,
+  constraint pk_sys_organization primary key(id)
+) charset=utf8 ENGINE=InnoDB;
+create index idx_sys_organization_parent_id on sys_organization(parent_id);
+create index idx_sys_organization_parent_ids on sys_organization(parent_ids);
+
+
+create table sys_resource (
+  id bigint auto_increment,
+  name varchar(100),
+  type varchar(50),
+  url varchar(200),
+  parent_id bigint,
+  parent_ids varchar(100),
+  permission varchar(100),
+  available bool default false,
+  constraint pk_sys_resource primary key(id)
+) charset=utf8 ENGINE=InnoDB;
+create index idx_sys_resource_parent_id on sys_resource(parent_id);
+create index idx_sys_resource_parent_ids on sys_resource(parent_ids);
+
+create table sys_role (
+  id bigint auto_increment,
+  role varchar(100),
+  description varchar(100),
+  resource_ids varchar(100),
+  available bool default false,
+  constraint pk_sys_role primary key(id)
+) charset=utf8 ENGINE=InnoDB;
+create index idx_sys_role_resource_ids on sys_role(resource_ids);
\ No newline at end of file