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


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

    树形结构(国民经济行业分类编码目录),通过在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的官网学习,制作了一个比较好看的导航栏,由于时间的关系

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

  • 相关阅读:
    [转] 分代垃圾回收的 新旧代引用问题(原标题:Back To Basics: Generational Garbage Collection)
    javascript中数组总结
    mybatis 与 反射
    mybatis 与 缓存
    mybatis 与 日志
    mybatis与 Exception
    mybatis 与 xml
    Redis -- 03 持久化
    Redis -- 02 配置文件解析
    【翻译】Crafting a Next-Gen Material Pipeline for The Order: 1886
  • 原文地址:https://www.cnblogs.com/lianggegege123/p/13783400.html
Copyright © 2020-2023  润新知