前端入门（二）：点击ztree节点通过ajax加载节点的详细信息

一、准备工作：

1. 新建一个dynamic web project，或者maven项目。

2. 在webcontent（或webapp）目录下面创建css文件夹和js文件夹，放置所需的依赖

3. 本项目下载地址https://github.com/dongyuguoai1/spingBootRestRM

二、代码编写

1. ztreeClickTest.html

  
      
      
      
      
      



   
自己可以去下载文档，然后根据位置引用文件，不要搞忘哦→_→  


css我就直接写在里面了，有的样式没写，嫌麻烦→_→自己调整

 
  
                          
                        
  
                            
  
                                
111
  
                            
  
                        
  
                          
                        
  
                            
参考答案 
  
                            
  
                                   
                                 
                  
                            
  
                        
  
                      
                    
                    
 

2. music.txt

[   
{"id":"0", "content":"Canon in D Canon in D Canon in D","answer":"hellow"},   
{"id":"1", "content":"C","answer":"yellow"},   
{"id":"2", "content":"123","answer":"cool"},   
{"id":"3", "content":"Wings","answer":"father"},  
{"id":"4", "content":"abC","answer":"uncle"},   
{"id":"5", "content":"qwe123","answer":"baby"},   
{"id":"6", "content":"zxcWings","answer":"luagh"}  
] 

三、右键工程，run on server 或运行项目的执行程序（App.java->run as application），打开浏览器，查看结果

或者地址为：localhost:8080/工程名/文件夹名/html名

四、参考

 

[1]. https://blog.csdn.net/olivezct/article/details/52223051

因为github不支持上传空文件夹，所以项目中有几个空文件夹没push上去。可以自己创建工程，然后将上面自己创建的文件夹拷到相应的位置应该就可以运行