- 目的:在浏览器上浏览电脑指定目录。
- 技术:golang,jstree
1. golang生成jstree识别的json
1.1 使用”io/ioutil”读取指定目录
fileinfos, err := ioutil.ReadDir(dirpath)
if err != nil {
log.Println("ReadDir error!" + dirpath)
}
1.2 使用”encoding/json”生成json数据
type treestate struct {
Opened bool `json:"opened"`
Disabled bool `json:"disabled"`
Selected bool `json:"selected"`
}
type filetree struct {
Id string `json:"id"`
Text string `json:"text"`
Icon string `json:"icon,omitempty"`
State *treestate `json:"state,omitempty"`
Children bool `json:"children,omitempty"`
Li_attr map[string]string `json:"li_attr,omitempty"`
A_attr map[string]string `json:"a_attr,omitempty"`
}
1.2.1 忽略为空的项
在声明struct时对不必要的项添加omitempty,这样在生成json时如果该项为空就会忽略。
1.2.2 嵌套json
- struct中嵌套struct,如*treestate
state := &treestate{Selected: true} // Selected为true的话,在jstree中会默认选中
tree.State = state
- struct中使用map,如map[string]string
// A_attr的href项表示该文件选项的链接地址
tree.A_attr = map[string]string{"href": "/download?file=" + tree.Id}
2. jstree使用ajax
<div id="using_ajax"></div>
<script type="text/javascript">
$('#using_ajax').jstree({
'core' : {
'data' : {
'url' : "/tree_file",
"dataType" : "json",
'data' : function (node) {
if (node.id==='#') {
return { 'id' : "D:" }; //根目录为D盘
} else {
return { 'id' : node.id };
}
}
}
}
});
</script>