河北省科技信息通用调查系统需求-----------开发日志---第三天

今天通过课堂演示,看到了其他同学做的系统,吸取了不少经验。今天又完善表的信息的一些细节,但是也遇到了一些问题,就是

树形结构(国民经济行业分类编码目录),通过在zTree官网上的学习,知道了如何设置一个完整的树形结构目录,在看到那么多方法的时候

我只关注我需要用到的,集中精力看我需要的知识,所以这一次可以直接应用到我的项目中,没有了之前的必须要把所有的方法都学会,显然,在

如繁星的方法中,我不可能全部学会,我只要会用就可以,很快我就可以独立书写出一个简单的树形结构目录,

 1 <!DOCTYPE html>
 2 <HTML>
 3  <HEAD>
 4   <TITLE> ZTREE DEMO </TITLE>
 5   <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 6   <link rel="stylesheet" href="css/demo.css" type="text/css">
 7   <link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" type="text/css">
 8   <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
 9   <script type="text/javascript" src="js/jquery.ztree.core.js"></script>
10   <SCRIPT LANGUAGE="JavaScript">
11    var zTreeObj;
12    var setting = {};
13    var zNodes = [
14    {name:"第一节目录", open:false, children:[
15       {name:"01"}, {name:"06"}, {name:"03"}]},
16    {name:"第二节目录", open:true, children:[
17       {name:"01"}, {name:"02"}]}
18    ];
19    $(document).ready(function(){
20       zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, zNodes);
21    });
22   </SCRIPT>
23   
24   
25  </HEAD>
26 <BODY>
27 <div>
28    <ul id="treeDemo" class="ztree"></ul>
29 </div>
30 
31 
32 </BODY>
33 </HTML>
ztree

在我第一次看到ztree官网的代码时,突然发现,这就是很简单的json数组,相比于第一次看ztree的时候,这一次思路更加清晰,因此得到一个结论

当知识体系达到一定程度的时候,在学习新的知识,会变得异常简单。

但是我也遇到了今天没有解决的问题,按照要求,需要国民经济行业分类编码目录,而这个目录,在我看到的时候,没有一点思路,去如何实现它

经过一番查找还是没有思路,明天问同学,争取明天实现这个功能。

然后老师提出了,界面不好看,通过询问同学,知道了一个叫“layui”的框架,通过在layui的官网学习,制作了一个比较好看的导航栏,由于时间的关系

只是做了一个简单的导航栏,我将会在每天陆续学习,如何熟练运用这个框架,下面是我做的导航栏效果图:

原文地址:https://www.cnblogs.com/lianggegege123/p/13783400.html