开发者学堂课程【使用 Spring Data Redis+zTree 实现授权模型的设计与思考：zTree 插件的概述】学习笔记，与课程紧密连接，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/745/detail/13175
zTree 插件的概述
内容介绍
一、概述
二、如何下载 zTree 插件
三、了解如何使用 zTree
一、概述
zTree 插件是树形的插件
在开发的过程中，有一些需求化，例如：需要制做一个后台系统，现系统中有权限管理的功能，很多菜单(系统首页，货运管理，统计分析，基础信息，系统管理），现在需要给一些角色分配菜单。
希望最终效果是：
页面上用一个树形结构显示很多菜单；
例如:
鼠标点击 A ->点击下图最后一个图标->将它拖至中间空白处
项目当中有一个命名为系统管理的主菜单
将子菜单显示到系统管理右下方的位置。举例：部门管理，用户的管理，角色管理。
将菜单的结构显示如下，且下图显示结构为标准的树形的菜单。
将结构显示为标准的树形的菜单后，就可以使用 zTree 插件
二、如何下载 zTree 插件
如果想要使用 zTree 插件，首先应下载 zTree 插件
在官网上下载 zTree 插件，因为 zTree 插件是前端的插件技术，该插件使用了CSS,JS 图片等等，所以需要从官网上对 zTree 插件相关的 CSS,JS 文件进行下载。
浏览器->百度搜索 zTree
点击第一个网站 Home[zTree--jQuery 树插件]
该网页中包含 demo演示，AP I文档，入门指南,下载 v3.5.34
点击下载 v3.5.34按钮，进入下载界面
可以在下载界面中找到要下载的版本，可以点击下文所示的下载地址
Donate to zTree : http://www.treejs.cn/v3/donate.php
zTree API: http://www.treejs.cn/v3/api.php
zTree Demo : http:/ /www.treejs.cn/v3/demo.php
本课已经提供了一份下载后的 zTree ，所以不需要下载，只需右键解压至当前文件夹即可。
三、了解如何使用 zTree
1.点击解压后的文件夹
可观察到该文件夹内提供了4个子文件夹：api,css,demo,js
api 是教人们如何使用 zTree 插件，提供的是一个官方文档。
css,js 里提供了一些样式，以及一些插件的方法的使用，对之后的学习有用。
Demo 是可以去参考的案例
1.如果想要使用 zTree 插件，因为不是前端开发的专业人士，所以提供的思路如下：点击 demo，demo 可以找到提供的一些树形插件，找出一个需要使用的插件，之后可以翻看源代码，然后最终把它应用到项目中。
本课也会采取以上方式操作。
cn- 表示中文
en- 表示英文
打开 demo 文件，选中并打开中文文件cn-
文件 cn 中有一个 index.hteml 文件，双击打开
可观察到提供的demo
Demo 里有一些基本功能演示
第二行是复/单选框功能 演示，点击
可观察到该功能前带有复/单选框功能的操作
可以发现还有很多案例，之后可以根据自身的需求用某个案例
第一步就是先了解 demo ，了解之后现在可以学习快速入门，讲述如果想要快速创建一个 zTree 应如何操作。
