• 利用xslt实现一个树形导航


    xslt用起来挺不错的,要比用dom操作节点轻松的多,内置的函数用起来也很方便,用它做了一个树形导航,截图如下:

    虽然树形导航已经很多,但还是想自己动手弄一个,用业余时间搞了一个,哈哈,还不错,用来学习xslt最好不过了。

    介绍下我这个半成品吧,

    首先,这个树形导航的数据存储在xml文件中,类似sitemap那样的xml文件,可以随意添加子节点。

    其次,节点是动态加载的,在前台利用了ajax向后台回调参数,返回子节点,动态加载好处是,当数据量太大是,一次性加载太浪费时间了,还好,顺便将ajax都学了,好爽哦。

    再次,它利用了xslt,xslt虽然说和css的作用类似,但是它的功能绝非css那么简单,它太强大,太好用了,太好玩了,比如:你可在xslt中添加逻辑判断,调用xpath函数,还有模板机制,这篇文章《用xslt实现一个简单的树型导航》里我试用了xslt遍历xml,不用dom,实现起来超简单哦,虽然到后来发现整个xslt被我弄的看起来很乱,原本简单的事情其实做起来倒很复杂,最后不断的完善,渐渐的xslt代码就一大堆,不细看,连自己都要晕了。

    最后有点让人郁闷,这个在firefox上不能正常运行,在跨浏览器方面还要加强哦。

    如果您也有兴趣的,源码可以给您发过去,提点意见,留下您的邮箱哦。

    可以在这个里下载:http://www.elooog.cn/view.asp?id=27

  • 相关阅读:
    激活
    年龄校验,精确到日
    腾讯消息队列CMQ一键化部署脚本
    腾讯消息队列CMQ部署与验证
    蓝鲸6.0.1部署
    docker离线安装
    蓝鲸平台开启consul.conf UI界面
    基于docker一键化部署LNMP环境
    阿里云镜像上传打包
    腾讯蓝鲸平台部署[5.1.29版本]
  • 原文地址:https://www.cnblogs.com/hongyin163/p/1354408.html
Copyright © 2020-2023  润新知