Fluqi 让 JQuery 更简单

  • Roopesh Shenoy
  • 郑柯

2012 年 2 月 14 日

话题:开源JavaScript语言 & 开发

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 

开源JavaScript语言 & 开发