【分享】自己写的一套前段UI

thc1987 2012-11-28

套用组群中的老话:"希望集中javaeye上的javascript爱好者一起进行学习、研究,并拿出我们的研究成果!"

 

下载地址:http://download.csdn.net/detail/thc1987/4801739

 

·什么是FDUI?
    FDUI,是一个javascript控件库,采用面向对象设计方式编写。FD是Freedom的缩写。
该控件库包含了常用的form控件,日历,Tips,Tab,window,验证,还有一些基本的工具类。

·为什么要写这个控件库?
    原因有很多,最重要的一个原因是因为自己写JS也有些年头了,手头始终拿不出一件像样的东西。
这次是下了狠心要写个东西出来,算是对自己这些年学习JS的一个交代吧。

·为什么要采用面向对象?
    JS可以利用各种手段来模仿面向对象,总的来说是7分像了。面向对象的好处有一点可以提高代码的重用性。
比如一些控件的功能都是一样的,TextBox和TextArea都有赋值、取值的操作,这样就可以把这些操作封装在一个父类中,
让它们来共同调用。
    关于这点我在写代码的过程中深有体会,有些控件只需要5分钟就可以搞定。一天可以写2-3个控件。因为大部分功能都
封装在父类里面了。
    功能的模块化:每一个类实现自己特有的功能,这样在以后修改功能的时候直接找到这个类就可以。不用东改一点西改一点了。
    除此之外,还用到了一些设计模式。FDGrid我就采用了MVC的设计模式,还有装饰器模式。

PS:为什么要面向对象?其实我一个Java程序员我会乱说?

·不足之处
    1. 不支持IE6(为什么要支持?)
    2. 样式有点单调,因为没有用到图片
    3. 有些功能还没有实现或者还不够完善
    4. 没有做过很好的性能测试,不过一般的CRUD操作是没问题的

·持续改进
    以后有时间的话会把Tree控件做起来,然后完善Grid的一些功能(列隐藏,本地数据排序等...)

 

 

----------------------------------------

程序截图

 

 

 

--------------------------------------------

文档截图:

 

 

 

 

 

 

 

 

 

 

--------------------------------

总体架构图:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

CSDN上也发表了,内容是一样的:http://bbs.csdn.net/topics/390292201?page=1#post-393005378

 

 

 

yuwenchun 2012-12-20
请问帮助HTML是通过说明工具生成!?
thc1987 2012-12-21
yuwenchun 写道
请问帮助HTML是通过说明工具生成!?

JsDoc
Global site tag (gtag.js) - Google Analytics