Less.Html 示例二:以 Less.Html 做视图引擎

原创 2017年06月21日 12:25:33

这个示例来源于帖子 http://bbs.csdn.net/topics/392182238。楼主要生成一个树形结构的 html 视图:

这个 html 的要求比较简单,Less.Html 的解析优势并不是很明显,但总比拼接要好的。我在这个示例中使用了三个修改 html 节点的方法,分别是 html、after 和 append,还有修改节点属性的方法 attr:

//绘制本节点
q("span").html("用户" + item.name);

//绘制子节点
q("div").after("<ul></ul>");

//左边节点
dynamic left = data.Where(
    i =>
    i.pid == id &&
    i._float == "left").FirstOrDefault();

q("ul:first").append(
    q(
        "
" + this.RenderNode( data, left != null ? left.id : -1, template) + " ").attr("style", "float:left")); //右边节点 dynamic right = data.Where( i => i.pid == id && i._float == "right").FirstOrDefault(); q("ul:first").append( q( " " + this.RenderNode( data, right != null ? right.id : -1, template) + " ").attr("style", "float:right"));

这些方法的使用方式也是和 jQuery 一样的。

本示例代码:GitHub    码云

运行结果:

一个犀利的 HTML 解析器 —— Less.Html

我写了这个解析器之后才知道,原来 C# 写的 html 解析器有很多。但是因为我没有参照别人的做法,Less.Html 有一个特点,就是它的用法是最接近 jQuery 的。我刻意模仿了 jQuery。...
  • closurer
  • closurer
  • 2017年06月19日 13:51
  • 891

springboot【4】web开发之使用模板引擎渲染web视图

1.静态资源访问 在我们开发Web应用的时候,需要引用大量的js、css、图片等静态资源。 默认配置 Spring Boot默认提供静态资源目录位置需置于classpath下,目录名需符合如下规则: ...
  • IT_lyd
  • IT_lyd
  • 2017年07月30日 21:23
  • 1304

ejs的视图模板引擎

一、版本升级         Express从2.0升级到3.0,将ejs的用法忽略,改为用户自定义形式。         引入ejs/index.js的模块,来支持ejs的模版引擎 二、引入引...
  • fanpengfei0
  • fanpengfei0
  • 2017年03月10日 01:32
  • 501

ASP.NET MVC学习---(七)Razor视图引擎语法

之前体验过razor视图引擎@符号的威力了吧~ 什么? 你不觉得
  • qq1010885678
  • qq1010885678
  • 2014年08月03日 20:41
  • 2003

Razor视图引擎 语法学习

http://www.cnblogs.com/fsjohnhuang/articles/2445222.html
  • lvjin110
  • lvjin110
  • 2014年05月04日 13:54
  • 1070

视图引擎Smarty的简单使用

参考: http://www.jb51.net/article/5091.htm 参考:http://baike.baidu.com/link?url=FFySw2r-dsE-lTdQgGy2DpL...
  • qq_15096707
  • qq_15096707
  • 2016年03月03日 16:38
  • 871

PHP搭建自己的web框架-视图/模板引擎

视图,MVC中的V,View,如何将数据通过合适的格式展现给用户或调用方。当然使用什么格式展现由控制器直接控制,但根本原因由人或系统决定。本文主要描述的是如何在web框架中输出网页视图,也就是HTML...
  • rariki
  • rariki
  • 2016年05月03日 01:28
  • 1317

ASP.NET MVC中的Area区域简介

ASP.NET MVC4有预定义的目录规则,框架根据这些目录规则去加载各种类。在MVC单项目中,随着业务越来越复杂多样,我们会希望按照功能对代码按文件夹分门别类。如果在默认的目录结构下业务混合,这样不...
  • u012507798
  • u012507798
  • 2017年10月30日 18:29
  • 69

xgboost 二分类问题实例

二分类问题 本文介绍XGBoost的命令行使用方法。Python和R的使用方法见https://github.com/dmlc/xgboost/blob/master/doc/README.md 。...
  • shenxiaoming77
  • shenxiaoming77
  • 2017年07月24日 20:49
  • 855

Less.Html 示例四:与 WebBrowser 的配合使用,以抓取京东手机价格为例

很多网页使用了 ajax 技术,浏览器地址栏的链接并不返回全部的内容,而是在加载文档之后,采用异步的请求获取对应的内容。京东商城的商品价格就是 ajax 获取的。这样做有可能是为了优化速度,也有可能是...
  • closurer
  • closurer
  • 2017年06月29日 11:57
  • 209
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Less.Html 示例二:以 Less.Html 做视图引擎
举报原因:
原因补充:

(最多只允许输入30个字)