开发者学堂课程【使用 Spring Data Redis+zTree 实现授权模型的设计与思考：zTree 插件入门的需求分析和环境搭建】学习笔记，与课程紧密连接，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/745/detail/13176
zTree 插件入门的需求分析和环境搭建
内容介绍
一、zTree 插件入门的需求分析和环境搭建
二、演示如何操作入门程序
一、zTree 插件入门的需求分析和环境搭建
本课讲述 zTree 的入门案例
1.目的：演示 zTree 应如何操作
2.寻找一个案例用于演示，本文主要做带有复选框的 zTree 的树形插件；
点击 [excheck] 复/单选框功能 演示-> Checkbox 勾选操作
使用 Checkbox 勾选操作的原因：
后续的项目中会用到复选框可以勾选的操作。
3.如果想要使用 zTree （前端的插件），需要用到 zTree 里提供的 CSS 样式以及 js 的方法函数。
如果想要使用 zTree 插件，观察下载的 zTree 中的 CSS 和 js
4.点击 CSS ,发现 CSS 中提供的是一些相关样式，点击 zTreeStyle.
点击 js ，发现其中是各种 . js 文件，这些文件在之后的学习中是可用到的 js 函数
需要把 CSS 和 js 俩个文件夹复制，粘贴到项目的工程中。
目的：让项目中有 CSS 和 js 文件，之后可以在页面上引入 CSS 和js
打开 jk301_server_web[jk301_parent/jk301_server_web]下的 src 目录下的 main
找到 main 下的 webapp 下的 componments ，在 componments 中建立 zTree 文件夹
将 CSS 和 js 文件粘贴至 zTree 文件夹中
如果粘贴 CSS 和 js 文件后，这俩个文件夹内所有文件都已经引入成功，此时就可以制作 zTree 了
5.将 CSS 和 js 文件复制完成之后，想要做入门，应先把项目的服务先启动。
右击 Tomcat v7.0 Server at localhost [Stopped,Republish]
点击 Debug
启动之后消除项目的请求地址
复制页面上方的网址
localhost:8080/jk301_server_web/loginAction_login
登录项目，了解需求，之后会演示如何操作入门程序
启动需要时间
6.登录并简述需求
启动完成之后进行访问
输入账号密码
例如：账号： cgx ；密码：123456
登陆之后点击系统管理
页面右侧点击角色管理
勾选数据一后点击菜单按钮
点击菜单按钮后报出异常，代表现在没有具体方法
如果勾选该数据1，点击菜单之后，希望可以跳转到一个给角色分配菜单的页面。
页面上需要使用 zTree 用来帮助显示菜单的数据，这就是之后想要操作的功能。
二、演示如何操作入门程序
1.步骤
(1)勾选数据一，点击菜单按钮，然后请后台跳转到一个页面，但页面上可能没有显示，随后加入 zTree 即可显示。
(2)后台的方法：
打开jk301_server_web[jk301_parent/jk301_server_web] -> Java Resources->src/main/java -> cn.itcastweb.action -> sysadmin -> RoleAction.java
(3)编写后台的方法：
将默认的方法 execute()修改名字为 tomodule()（点击菜单按钮的方法叫 tomodule 方法）所以选择改为 tomodule ()方法。
给方法上添加入注解，就可以成功的跳转到分配菜单的页面。
返回 tomodule，应该跳转至我们提供好的 jsp 中，WEB-INF -> sysadmin -> role ,在 role的文件夹中提供了一个文件
复制新文件（jRoleModule_test. jsp）,表示为入门页面
将该页面名字复制，粘贴到代码 location =“”中；作用是在点击菜单按钮时可跳转至 jRoleModule_test. jsp页面
//跳转到给角色去分配菜单的页面
@Action(value = "roleAction_tomodule",results = {
@Result(name = "tomodule",
location = "/WEB-INF/pages/sysadmin/role/jRoleModule_test. jsp")})
public string tomodule( throws Exception {
return "tomodule";
}
2.在 jRoleModule_test. jsp页面上讲述 zTree的入门案例将页面中不需要的代码先删除
(1)<head></head> 中的代码，<body > </body> 中的代码，只保留一些基本的代码即可。
(2)在 <body ></body>中插入<h3> zTree插件的入门程序</h3>
（小标题）
(3)返回 RoleAction.java页面，将最后一行代码修改为 return "tomodule";
代码如下
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="../../baselist. jsp"%><%@ taglib uri="http://java.sun.com/ js p/ js tl/fmt" prefix="fmt"%><%@ taglib uri="http://java.sun.com/jsp/ js tl/functions" prefix="fn"%>
<html xmlns="http://www.w3.org/1999/xhtmL ">
<head>
<title></title>
</head>
<body>
<h3> zTree插件的入门程序</h3>
//小标题
</body>
</html>
现在的逻辑是：当点击菜单按钮时，会跳转到 jRoleModule_test. jsp页面，而 jRoleModule_test. jsp 页面没有添加内容，只添加一个小标题，当看到 jRoleModule_test. jsp 页面就代表点击按钮跳转页面的工作结束
(4)讲述 zTree 的入门案例
点击右上角刷新键，在跳出框中点击重新发送，等于重新登录
重新点击菜单按钮，系统管理->角色管理->勾选数据一>点击菜单按钮
发现跳转到如下页面“ zTree 插件的入门程序”
