读书人

开源! Web 前台开发的必备工具- Jque

发布时间: 2013-08-27 10:20:47 作者: rapoo

开源!! Web 前台开发的必备工具-- Jquery Box
为什么Winform程序员转 WEB大家都觉得困难、Web开发的效率会比Winform开发要低??, 其实就是对HTML, JS不熟, 记不住语法之类的问题; 另外代码量也非常旁大。
我也是一个很懒的程序员,我希望能够有一个类似于Winform的工具箱,能够集成所有的Jquery插件,或其他Web 控件。 开发时需要用到什么控件,直接从工具箱去拖拽,他能够帮我生成控件的相关代码,于是 “JqueryBox” 由此诞生!

该工具是一个Visual Studio 插件项目,已经很好的与VS集成,因此各开发环节实现了无缝衔接
开源! Web 前台开发的必备工具- Jquery Box,该如何解决

项目由Jquery 插件管理器, 和Jquery工具箱组件
1. 插件管理器:
开源! Web 前台开发的必备工具- Jquery Box,该如何解决

将最常用到的控件添加到我们的JqueryBox中,添加Jquery 插件的属性以及代码模块,
代码模块中使用Razor 语法,因此比T4模块可读性更高,代码更简洁。

2.使用已经集成好的Jquery插件



打开Jquery工具箱,如下图:
开源! Web 前台开发的必备工具- Jquery Box,该如何解决
选需要用到的Jquery插件, 为其配置好相应属性,将自动生成插件相关的Js与 Html代码,根据事先定义好的代码模板。最终的结果如下图:
开源! Web 前台开发的必备工具- Jquery Box,该如何解决


写在最后: 该项目有一个设计缺陷, 如果Jquery UI 的属性是一个复杂类型, 比如 Jquery Button, 有一个 Icons属性, 他有 primary 和 secondary子属性,于是我将这个类型在项目中创建了一个 C# Struct:

[TypeConverter(typeof(JqueryUIType.MySmartExpandableObjectConverter))]
public struct JqueryDataType_icons
{
public string primary { get; set; }
public string secondary { get; set; }


}


这样使得 Jquery 插件与该项目偶合太高, 后面有了新的思路再改进。

该项目所用到的开源项目:RazorEngine, JsPaser。 分别用于Razor语法解析,以及Js代码解析。
项目下载地址:http://download.csdn.net/detail/hyblusea/5985107 (免积分)
[解决办法]
要被推荐了开源! Web 前台开发的必备工具- Jquery Box,该如何解决
[解决办法]
开源! Web 前台开发的必备工具- Jquery Box,该如何解决好东西要支持
[解决办法]
顶顶更健康!

读书人网 >C#

热点推荐