<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="plugins/font-awesome/font-awesome.css"/>
<link rel="stylesheet" href="plugins/layuiadmin/layui/css/layui.css" media="all">
<link rel="stylesheet" href="plugins/layuiadmin/style/admin.css" media="all">
<link rel="stylesheet" href="plugins/js/bootstrap/bootstrap.css" />
<link rel="stylesheet" href="plugins/js/zTree3/css/metroStyle/metroStyle.css"/>
<script type="text/javascript" src="plugins/js/context/js/jquery.min.js" ></script>
<script type="text/javascript" src="plugins/js/context/js/context.js"></script>
<script type="text/javascript" src="plugins/js/context/js/drag.js" ></script>
<link rel="stylesheet" type="text/css" href="plugins/js/context/css/context.standalone.css">
<link href="plugins/js/json-viewer/jquery.json-viewer.css" type="text/css" rel="stylesheet" />
<script src="plugins/js/template/ace.js" type="text/javascript" charset="utf-8"></script>
<script src="plugins/js/template/runcode.js"></script>
<style type="text/css">
.title{
margin: 30px 30px;
font-size:15px;
}
#tree{
margin: 30px 30px;
}
.layui-colorpicker-trigger-bgcolor{
background:none !important;
height:26px !important;
}
.layui-colorpicker-main-input input{
width:180px !important;
}
.layui-btn-container .layui-btn-primary{
display: none;
}
.layui-colorpicker {
height:38px !important;
width:38px !important;
}
</style>
<style type="text/css" media="screen">
#editorDOM {
width: 100%;
height: 600px;
float: left;
font-size: 14px;
}
</style>
<link rel="stylesheet" type="text/css" href="plugins/js/bootstrap/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="plugins/js/bootstrap-fileupload/css/fileinput.min.css"/>
<style>
.krajee-default.file-preview-frame .kv-file-content {height: 150px !important;}
.krajee-default.file-preview-frame .file-thumbnail-footer {height: 70px !important;;}
.krajee-default .file-footer-caption {margin-bottom:30px !important;}
.krajee-default .file-thumb-progress .progress, .krajee-default .file-thumb-progress .progress-bar {height: 20px !important;}
.file-caption-main {margin-top: 18px;}
</style>
</head>
<body>
<div class="layui-fluid layui-anim layui-anim-fadein">
<div class="layui-card-header">
<span class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">
<a href="javascript:void(0);"><cite style="color: red"> 格式： 参数名[注释] 。 通过拖动可以调整对象位置 。</cite></a>
<button type="button" class="layui-btn layui-btn-success layui-btn-xs saveJson" style="margin-top: -15px;" >保存JSON</button>
</span>
</div>
<div class="layui-card">
<div class="layui-card-body" style="padding: 15px;">
<form class="layui-form layui-form-pane" lay-filter="dataForm">
<div class="layui-form-item layui-row">
<div class="layui-col-lg6" id="editorJson">
<div id="treeWrap" class="tree-wrap">
<ul id="ztree" class="ztree"></ul>
</div>
</div>
<div class="layui-col-lg6">
<div class="layui-form-item layui-form-text" >
<div class="layui-input-block">
<pre id="json-renderer"></pre>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="layui-card-body" id="treeEdit" style="display: none"></div>
<script id="treeEditTemplate" type="text/html">
<form class="layui-form layui-form-pane" lay-filter="tempDataForm">
{{# if(d.type == 'string') { }}
<div class="layui-form-item">
<label class="layui-form-label">默认值</label>
<div class="layui-input-block">
<input type="text" name="objectValue" style="width: 95%" class="layui-input" value="{{d.value}}" maxlength="500">
</div>
</div>
{{# } }}
{{# if(d.type == 'text') { }}
<div id="editorDOM" class="ace_editorDOM ace-monokai ace_dark">
<textarea id="codeContent" class="ace_text-input" wrap="off" autocorrect="off" autocapitalize="off" spellcheck="false" style="opacity: 0; height: 500px; width: 800px; left: 45px; top: 0px;"></textarea>
</div>
{{# } }}
{{# if(d.type == 'integer' || d.type == 'double') { }}
<div class="layui-form-item">
<label class="layui-form-label">默认值</label>
<div class="layui-input-block">
<input type="number" name="objectValue" style="width: 95%" class="layui-input" value="{{d.value}}" min="0" max="9999999999" maxlength="10">
</div>
</div>
{{# } }}
{{# if(d.type == 'boolean') { }}
<div class="layui-form-item" pane="">
<label class="layui-form-label">默认值</label>
<div class="layui-input-block">
<input type="radio" name="objectValue" value="false" {{d.value == 'false' ? 'checked' : ''}} title="false">
<input type="radio" name="objectValue" value="true" {{d.value == 'true' ? 'checked' : ''}} title="true">
</div>
</div>
{{# } }}
{{# if(d.type == 'color') { }}
<div class="layui-form-item">
<label class="layui-form-label">默认值</label>
<div class="layui-input-block">
<input type="text" name="objectValue" style="width:340px;float:left;cursor:pointer;" class="layui-input" value="{{d.value}}" maxlength="500">
<div id="test-all" style="height:38px;width:90px;float:left;background-color:{{d.value}};"></div>
</div>
</div>
{{# } }}
{{# if(d.type == 'file') { }}
<div class="layui-form-item">
<div id="fielContent" class="edit-content" style="padding: 5px;">
<div class="tile color">
<form id="form" method="post" class="form-horizontal" role="form" onsubmit="return doSubmitForm()">
<input type="hidden" name="objectValue" value="{{d.value}}" >
<input id="objectValue" name="file" type="file" multiple data-theme="fas" class="file" data-preview-file-type="text">
</form>
</div>
</div>
</div>
{{# } }}
</form>
</script>
<!-- 页面底部js¨ -->
<script src="plugins/layuiadmin/layui/layui.js"></script>
<script src="plugins/js/json-viewer/jquery-1.11.0.min.js"></script>
<script src="plugins/js/json-viewer/jquery.json-viewer.js"></script>
<script type="text/javascript" src="plugins/js/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="plugins/js/bootstrap-fileupload/js/fileinput.js"></script>
<script type="text/javascript" src="plugins/js/bootstrap-fileupload/js/locales/zh.js"></script>
<script>
layui.config({
base: 'plugins/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'form',
基于Ztree实现动态生成Json
需积分: 0 198 浏览量
2023-08-02
18:51:11
上传
评论
收藏 10.64MB ZIP 举报
基于Ztree实现动态生成Json （1621个子文件） 
bootstrap.css 149KB bootstrap.css 138KB bootstrap.min.css 118KB layui.css 68KB font-awesome.css 39KB font-awesome.css 39KB admin.css 33KB font-awesome.min.css 30KB bootstrap-theme.css 26KB bootstrap-theme.min.css 23KB ace.css 23KB ace.css 23KB layim.css 15KB layer.css 14KB template.css 12KB treeTable.css 12KB fileinput.css 11KB layui.mobile.css 10KB layim.css 9KB awesome.css 9KB fileinput.min.css 8KB laydate.css 7KB metroStyle.css 7KB zTreeStyle.css 6KB context.standalone.css 6KB login.css 4KB ambiance.css 4KB ambiance.css 4KB theme.css 4KB theme.css 4KB dracula.css 4KB dracula.css 4KB theme.css 4KB common.css 3KB tomorrow_night_bright.css 3KB tomorrow_night_bright.css 3KB katzenmilch.css 3KB katzenmilch.css 3KB cloud9_night.css 3KB cloud9_night.css 3KB cloud9_night_low_color.css 3KB cloud9_night_low_color.css 3KB gruvbox_light_hard.css 3KB gruvbox_light_hard.css 3KB tomorrow_night_eighties.css 3KB tomorrow_night_eighties.css 3KB dreamweaver.css 3KB dreamweaver.css 3KB gruvbox_dark_hard.css 3KB gruvbox_dark_hard.css 3KB sqlserver.css 3KB sqlserver.css 3KB chaos.css 3KB chaos.css 3KB tomorrow_night_blue.css 3KB tomorrow_night_blue.css 3KB cloud9_day.css 3KB cloud9_day.css 3KB theme.min.css 3KB theme.min.css 3KB terminal.css 3KB terminal.css 3KB crimson_editor.css 3KB crimson_editor.css 3KB one_dark.css 3KB one_dark.css 3KB tomorrow_night.css 3KB tomorrow_night.css 3KB theme.min.css 3KB mono_industrial.css 3KB mono_industrial.css 3KB chrome.css 3KB chrome.css 3KB iplastic.css 3KB iplastic.css 3KB pastel_on_dark.css 3KB pastel_on_dark.css 3KB textmate.css 3KB textmate.css 3KB tomorrow.css 2KB tomorrow.css 2KB twilight.css 2KB twilight.css 2KB merbivore_soft.css 2KB merbivore_soft.css 2KB github.css 2KB github.css 2KB clouds_midnight.css 2KB clouds_midnight.css 2KB gob.css 2KB gob.css 2KB monokai.css 2KB monokai.css 2KB cobalt.css 2KB cobalt.css 2KB solarized_light.css 2KB solarized_light.css 2KB kr_theme.css 2KB kr_theme.css 2KB solarized_dark.css 2KB共 1621 条
- 1
- 2
- 3
- 4
- 5
- 6
- 17
资源评论
