使用树型目录结构管理BLOG中的文章。

最新推荐文章于 2022-11-01 20:57:33 发布
最新推荐文章于 2022-11-01 20:57:33 发布
阅读量2k 收藏 1
点赞数
分类专栏： 其他 文章标签： blog javascript 语言 平台 windows j2me
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/NetMicrobe/article/details/662970
版权

.Text 只提供了2层的目录来管理blog中的文章，当文章多起来的时候，就未必能十分迅速的找到你自己原来的文章了，要是能使用像文件目录一样的分类的结构来管理，这样的情况就不会出现了，所以我写一个目录页来管理自己BLOG中的文章。

不过这个的处理办法还是很繁琐的，强烈建议.Text开发组能构实现多层的目录索引功能。

这个页面使用到一个javaScript函数 和两个可以相互嵌套的表格块。

 

<!--这个函数实现了隐藏/显现单个数据单位的功能。-->

<script language="javascript">

function ShowHide(eleID){

  var obj = document.getElementById(eleID);

  if( obj.style.display == "none" ){

    obj.style.display = "block";

  }

  else{

    obj.style.display = "none";

  }

}

 

/*************************************************

// 2个可以相互嵌套的表格项目。

 

<!--　Ａ．文件条目目标准格式　-->

<TR>

<TD><IMG src="文件图片的URL"/></TD>

<TD><A href="#">文件</A></TD>

</TR>

 

<!--　Ｂ．目录条目标准格式　-->

<TR><!--目录标题-->

    <TD><IMG src="文件图片的URL "/></TD>

    <TD><A href="#" onClick="ShowHide('目录的内容');">目录标题</A></TD>

</TR>

<TR id="目录的内容" style="display:none;"><TD></TD><TD><TABLE><!--该目录的内容-->

</TABLE></TD></TR>

*/

</script>

 

 

 下面是一个使用的实例（实现效果）：

 

<!DOCTYPE HTML PUBLIC "-//w3c//dtd html 4.01 transitional//en">

<html>

<head>

    <meta http-equiv="content-type" content="text/html; charset=gb2312">

    <title>Tree</title>

</head>

<body>

 

<!--这个函数实现了隐藏/显现单个数据单位的功能。-->

<script language="javascript">

function ShowHide(eleID){

  var obj = document.getElementById(eleID);

  if( obj.style.display == "none" ){

    obj.style.display = "block";

  }

  else{

    obj.style.display = "none";

  }

}

 

/*

// 在"目录的内容"中使用下面2中项目。

 

<!--　Ａ．文件条目目标准格式　-->

<TR>

<TD><IMG src="http://blog.csdn.net/images/blog_csdn_net/netmicrobe/188384/r_file.gif"/></TD>

<TD><A href="#">文件</A></TD>

</TR>

 

<!--　Ｂ．目录条目标准格式　-->

<TR><!--目录标题-->

     <TD><IMG src="http://blog.csdn.net/images/blog_csdn_net/netmicrobe/188384/r_file.gif"/></TD>

     <TD><A href="#" onClick="ShowHide('目录的内容');">目录标题</A></TD>

</TR>

<TR id="目录的内容" style="display:none;"><TD></TD><TD><TABLE><!--该目录的内容-->

</TABLE></TD></TR>

*/

</script>

 

 

<!--目录树数据显示实现-->

<!-- 技术 - root 目录条目 START ------------------------------------------------------>

<TABLE>

  <TR><!-- 技术 - root 目录标题-->

    <TD><IMG src="http://blog.csdn.net/images/blog_csdn_net/netmicrobe/188384/r_folder.gif"/></TD>

    <TD><A href="#" onClick="ShowHide('技术的内容');">技术</A></TD>

  </TR>

 

  <!--  技术 - root 目录的内容-->

  <TR id="技术的内容" style="display:none;"><TD></TD><TD><TABLE>

    

          <!-- 技术/平台或语言 目录条目 START ------------------------------------------------------>

    <TR><!--目录标题-->

      <TD><IMG src="http://blog.csdn.net/images/blog_csdn_net/netmicrobe/188384/r_folder.gif"/></TD>

      <TD><A href="#" onClick="ShowHide('平台或语言的内容');">平台或语言</A></TD>

    </TR>

   

    <TR id="平台或语言的内容" style="display:none;"><TD></TD><TD><TABLE>

   

               <!-- 技术/平台或语言/J2ME的内容 目录条目 START ------------------------------------------------------>

               <TR><!--目录标题-->

                 <TD><IMG src="http://blog.csdn.net/images/blog_csdn_net/netmicrobe/188384/r_folder.gif"/></TD>

                 <TD><A href="#" onClick="ShowHide('J2ME的内容');">J2ME</A></TD>

               </TR>

              

               <TR id="J2ME的内容" style="display:none;"><TD></TD><TD><TABLE>

               </TABLE></TD></TR>

               <!-- 技术/平台或语言/J2ME的内容 目录条目 END ---------------------------------------------------------->

              

               <!-- 技术/平台或语言/MS windows 目录条目 START ------------------------------------------------------>

               <TR><!--目录标题-->

                 <TD><IMG src="http://blog.csdn.net/images/blog_csdn_net/netmicrobe/188384/r_folder.gif"/></TD>

                 <TD><A href="#" onClick="ShowHide('MS windows的内容');">MS windows</A></TD>

               </TR>

              

               <TR id="MS windows的内容" style="display:none;"><TD></TD><TD><TABLE>

                   <!--　com网络资源 文件条目　-->

                   <TR>

                   <TD><IMG src="http://blog.csdn.net/images/blog_csdn_net/netmicrobe/188384/r_file.gif"/></TD>

                   <TD><A href="http://blog.csdn.net/NetMicrobe/archive/2006/03/23/635920.aspx">com网络资源</A></TD>

                   </TR>

               </TABLE></TD></TR>

               <!-- 技术/平台或语言/MS windows 目录条目 END ---------------------------------------------------------->

              

               <!-- 技术/平台或语言/Java Script 目录条目 START ------------------------------------------------------>

               <TR><!--目录标题-->

                 <TD><IMG src="http://blog.csdn.net/images/blog_csdn_net/netmicrobe/188384/r_folder.gif"/></TD>

                 <TD><A href="#" onClick="ShowHide('Java Script的内容');">Java Script</A></TD>

               </TR>

              

               <TR id="Java Script的内容" style="display:none;"><TD></TD><TD><TABLE>

                   <!--　JavaScript教程--从入门到精通(转) 文件条目　-->

                   <TR>

                   <TD><IMG src="http://blog.csdn.net/images/blog_csdn_net/netmicrobe/188384/r_file.gif"/></TD>

                   <TD><A href="http://blog.csdn.net/NetMicrobe/archive/2006/03/29/643211.aspx">JavaScript教程--从入门到精通(转)</A></TD>

                   </TR>

               </TABLE></TD></TR>

               <!-- 技术/平台或语言/Java Script 目录条目 END ---------------------------------------------------------->

 

    </TABLE></TD></TR>

     <!-- 技术/平台或语言 目录条目 END ---------------------------------------------------------->

    

          <!-- 技术/多媒体 目录条目 START ------------------------------------------------------>

       <TR><!--目录标题-->

         <TD><IMG src="http://blog.csdn.net/images/blog_csdn_net/netmicrobe/188384/r_folder.gif"/></TD>

         <TD><A href="#" onClick="ShowHide('多媒体的内容');">多媒体</A></TD>

       </TR>

      

       <TR id="多媒体的内容" style="display:none;"><TD></TD><TD><TABLE>

         

               <!-- 技术/多媒体/音频技术 目录条目 START ------------------------------------------------------>

               <TR><!--目录标题-->

                 <TD><IMG src="http://blog.csdn.net/images/blog_csdn_net/netmicrobe/188384/r_folder.gif"/></TD>

                 <TD><A href="#" onClick="ShowHide('音频技术的内容');">音频技术</A></TD>

               </TR>

              

               <TR id="音频技术的内容" style="display:none;"><TD></TD><TD><TABLE>

                   <!--　音频技术的内容 文件条目　-->

                   <TR>

                   <TD><IMG src="http://blog.csdn.net/images/blog_csdn_net/netmicrobe/188384/r_file.gif"/></TD>

                   <TD><A href="http://blog.csdn.net/NetMicrobe/archive/2006/03/23/636289.aspx">音频技术网络资源收集</A></TD>

                   </TR>

               </TABLE></TD></TR>

               <!-- 技术/多媒体/音频技术 目录条目 END ---------------------------------------------------------->

              

       </TABLE></TD></TR>

          <!-- 技术/多媒体 目录条目 END ---------------------------------------------------------->

   

  </TABLE></TD></TR>

 

</TABLE>

<!-- 技术 - root 目录条目 END ---------------------------------------------------------->

 

</body>

</html>

 

2006/9/23

这个方法过于复杂，我的东西还没那么多，暂时格式吧

有空话写个程序来管理输出这种JS目录。

目录本身的内容可以使用XML来组织。

NetMicrobe
关注
专栏目录
MVC-Blog博客系统(三)[博客项目的MVC目录结构]
Spirit_Breeze的博客
05-15 1860
"我是Spirit_Breeze,中文&amp;lt;晟世清风&gt;,在这纷纷乱世之中,祈望能有一股清流之风." 本人从事销售,不甘心于口舌之利,突然对代码和框架充满兴趣,遂之研究研究,欢迎研究讨论,转载请备注地址和作者,谢谢博客项目的MVC目录结构建立文件夹,如图所示Admin-后台文件夹Frame-框架文件夹Home-后台文件夹Public-公共文件夹phpMyAdmin-数据库文件一个后台...
typecho 给文章加目录树
hello world
01-12 2050
第一种：普通式 效果： 下载插件后，去typecho后台安装https://github.com/wuruowuxin74/MenuTree 使用方法如下 除了文章要出现 还得添加标题，也就是出现h1,h2这样的标签，目录树才能出现。 第二种：悬浮式 效果：https://github.com/hongweipeng/MenuTree 第一步：下载插件，放在 usr/plugins/ 目录中； 第二步：激活插件； 第三种：综合式 这个需要一定基础。因为需要改模板的代码。 有两种显示方式： 弹
树形结构博客目录
流动的心
03-29 210
关于树形结构的博客，我总结了下面五篇，其实进行树的加载与展示有很多方案，我觉得我通过优雅的方式实现了，并且做到结点通用与业务扩展属性，针对树的装配做了大量的分析工作，尤其是在算法上力求简洁，当然这期间历经数次重构。   比较有意思的是我在重构中经历如下阶段：   1.结点 AbstractNode,树 AbstractTree，用到了模板方法，在抽象类里面组织好步骤，结点列表放在子类里...
Blog的目录结构优化
车东@CSDN
01-13 143
如果再建一个blog我会这样规划目录结构。 文章内容： index.html 首页 tag-archive.html 分类或者基于tag的归档页； yyyy-mm/index.html 按月归档；...
文章目录结构
廖阿明的博客
06-04 538
一、V4L2视频采集与H264编码1、socket发送一帧JPG格式的流：2、保存的照片格式为jpeg，文件后缀为.jpg3、通过x264库实现yuv格式编码为h264的视频二、
JavaScript 树型目录
03-18
这篇博客文章可能探讨了如何在JavaScript中创建和操作树型目录。 树型目录通常由节点（node）组成，每个节点可以有子节点（children），形成层级关系。在JavaScript中，我们可以使用对象来表示这种结构，每个对象...
extjs树型菜单
03-20
在描述中提到的博文链接指向了ITEYE博客上的一篇文章，虽然具体内容没有给出，但可以推测这篇文章可能介绍了如何使用Ext JS来创建和操作树型菜单。这种类型的菜单通常用于展现层次结构的数据，如文件系统、组织结构...
B+树、B-Link树、LSM树，解读一下常用的存储结构
最新发布
qq_38982302的博客
11-01 1250
深度解析B树、LSM树等存储结构
Hibernate映射树形结构
04-22
在IT行业中，数据库管理和对象关系映射（ORM）框架是至关重要的组成部分，特别是对于Java开发者而言，Hibernate是一个广泛使用的ORM工具。本篇文章将深入探讨如何在Hibernate中映射树形结构，这是一种处理复杂数据...
MenuTree:Typecho 插件 自动生成文章目录树 原作者
05-17
MenuTree Typecho插件 自动生成文章目录树 说明    原作者:Melon 原版本:0.1.0    该插件源自网上,由于找不到原作者主页且已不支持Typecho 1.1版本,所以就自己稍微改了下放到这里,如果有任何疑问, 使用方法 在文章某处地方加上<!-- index-menu -->，程序会把这个注释替换成目录树 样式 .index-menu         .index-menu-list   列表 ul .index-menu-item 每个目录项 li .index-menu-link   目录项连接 a .menu-target-fix{display: block;position: relative;top: -60px; //偏移量}   锚点定位偏移
目录树（树形菜单）操作网站的完整源码，有后台管理，仿照无忧视窗
09-20
目录树（树形菜单）操作网站的完整源码，有后台管理，仿照无忧视窗，对于需要目录树相关的源码的人是很有帮助的！ 个人感觉不错，可以到http://www.51windows.net/data/?url=/data/folders/folder_0.asp 看实际效果
树形目录文件管理系统
12-02
本系统是自己实现tomcat功能，大了一个简易的web服务器，同时利用反射和注解实现了RequestMapping注解功能，能够以此为框架自己开发不同的系统。前端使用Html+Css+JS实现面向对象编程，实现树形目录结构，实现展开关闭，保存下载功能，是一个功能比较完善的文件管理系统
操作系统 文件管理 树型目录结构
01-06
1、创建初始文件，建立根目录的“.”和“..”目录项。 2、输入命令后根据命令含义完成相应文件操作：  MD：在目录文件中创建子目录，同时搜索当前目录最后一个目录项，并保存指针信息；  CD：根据当前目录切换到指定目录；  RD：搜索所要删除的目录是否为空目录，若是则删除；  MK：在当前目录中创建文件名称；  DEL：搜索所要删除的文件是否存在，若是则删除；  DIR：列出当前目录的所有目录项。
如何写目录树
weixin_43826136的博客
12-03 591
小蜗牛与你一起学习啦！ 写出目录树要有一下几步： 1、获取目标文件夹的内容。 2、将文件或者文件夹划分。 3、将文件夹打印。 4、文件夹遍历。 具体代码如下： //获取目标及目录内容 const fs=require("fs"); const path=require("path") //绝对路径 let target=path.join(__dirname,"../") //...
catia设计树_CATIA目录树节点管理 | 坐倚北风
weixin_39720510的博客
12-21 4507
不管你用的是CATIA、Creo还是UG，都会涉及到目录树管理的问题。目录树表现的是你的三维建模流程，而体现出来的是你的建模思路。好的目录树结构有利于后期模型的修改、维护，更有利于技术人员之间建模思想的交流。CATIA提供了三种几何集来进行目录树的管理：Body、Body in a Set(实体几何集)，Geometrical set(无序参考几何集)，Ordered Geometrical se...
如何在报表管理平台管理目录？
小小博客爱分享
12-09 1363
虚拟目录树就是像windows系统中的文件夹的结构一样，分为文件夹跟子文件夹，可以在不同文件夹保存内容，方便识别和管理。这个虚拟目录树的文件夹信息，也保存在数据库中。虚拟目录树可以有效管理所有模板,本文详细演示了报表管理目录树的设置方法跟目录的具体管理方法。
linux 目录结构
Vernon Blog
09-20 162
/bin          ：普通用户使用的命令 /sbin        ：超级用户使用的命令 /usr          ：用户的应用程序和文件 /usr/bin    ：普通用户使用的应用程序 /usr/sbin  ：超级用户使用的管理程序和系统守护程序 /etc          ：存放系统管理的配置文件 /lib           ：存放系统最基本的动态库 /dev   ...
目录树结构
java开发学习积累
08-09 4480
一、需求 要求做一个目录树， 1.可以动态增加、删除子目录； 2.每个级别可以调整自己级别的标签的顺序 3.删除某一标签，则自动删除它的所有子标签 二、设计数据库表 CREATE TABLE `mark_category` ( `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', `categor...
详解Linux树型目录结构及文件分类
Linux的树型目录结构是Linux操作系统中非常重要的一部分，了解并掌握它对于学好Linux以及熟练使用Linux系统是至关重要的。Linux的目录结构采用了树型结构，由多个目录以及目录下的文件组成，每个目录都有自己的功能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值