BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

Fluqi让JQuery更简单

| 作者 Roopesh Shenoy 关注 0 他的粉丝 ,译者 郑柯 关注 3 他的粉丝 发布于 2012年2月15日. 估计阅读时间: 4 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

Fluqi为jQuery提供了一个通用的微件(Widget)构造器,让用户以可视化方式创建并定制jQuery微件,然后可以把生成的标记语言代码和JavaScript用在自己的应用中。它还提供.NET API,其接口易于使用,而且可以在服务器端代码中配置jQuery控件。

Fluqi微件构造器能让用户预览配置的微件,生成对应的C#和HTML+JavaScript代码。你可以选择在ASP.NET中使用,如果是其他Web框架可使用后者。

下面是ASP.NET中嵌入标记语言的例子:

<%
var ac = Html.CreateAccordion("ac")
    .Options
        .SetCollapsible(true)
    .Finish()
    .Events
        .SetCreateEvent("return createEvent(event, ui);")
        .SetChangeEvent("return changeEvent(event, ui);")
        .SetChangeStartEvent("return changeStartEvent(event, ui);")
    .Finish()
    .Panels
        .Add("My Panel 1")
        .Add("My Panel 2", true)
        .Add("My Panel 3")
    .Finish()
;
%>
 
<%using (ac.RenderContainer()) {%>
    <%using (ac.Panels.RenderNextPane()) {%>
        

Proin ...

<%}%> <%using (ac.Panels.RenderNextPane()) {%>

Morbi ...

<%}%> <%using (ac.Panels.RenderNextPane()) {%>

Mauris ...

<%}%> <%}%>

服务器端代码在运行时生成HTML和JavaScript,开发人员还可以将生成的所有微件的JavaScript打包在一个文件中,以供下载(其中使用了另一个开源库SquishIt)。

本质上,Fluqi是一个基于.NET的开源库,使用C#类来对应jQuery微件,包括Accordion、AutoComplete、DatePicker、Dialog、ProgressBar、PushButton、Slider和Tab,同时用呈现类为对应的jQuery微件生成标记语言和JavaScript。这些类在Fluqi的网站上使用(用来以可视化方式配置jQuery微件),同时作为.NET API对外暴露。

Fluqi提供Nuget Packag供大家使用,包括ASP.NET MVC和Web Form两种方式。

查看英文原文:Fluqi Makes JQuery Simpler 

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

是否整合到后端有意义 by 朱 才华

本来是前后台分离,现在做到后台整合会导致后台工程师的压力,我想问这种方式的意义在哪儿?

Re: 是否整合到后端有意义 by wang yi

对于前后端都得干的人还是有意义的

Re: 是否整合到后端有意义 by yuet zero

支持。使用webform的程序员跟苦命是不分离的。

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

3 讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT