界面选择-----做前台的一些积累

     一、自我简述

       这半年，我，一个一直在做后台开发的程序媛开始做前台。开始也没有怎么调研，只是简单对比了Extjs,DWZ，easyui 这几个框架之后，就开始使用了。选择是Easyui。当时选择Easyui的原因，已经模糊了，印象中是：Extjs封装台严实，Dwz 兼容性不好，剩下了Easyui ，而且有人曾经使用过，所以项目的前台就统一使用Easyui 了。

     不断的开发过程中，最初有一种被Easyui 牵着走的感觉，现象是：零散的从Easyui UI中你拿出自己想使用的控件；

数据读取，获取更是笨拙，有时，jquery 代码中夹杂着js的代码，这是当时很常见的现象，不理解，而且不清楚easyui 某些方法内部已经封装了Ajax；等等，这些情况让我很不想再继续做UI 。持续了一段时间，在下一个下项目中，终于，我还是要做UI ，那么就干脆还选择它吧。——easyui。

      为了不步后尘，这次项目，整体使用Easyui 框架，而不是零散的，尽量避免单个控件使用，导致的界面风格不统一；其次，在Easyui的官网上，开始了机械的点击，目的是熟悉，发现需要的控件，灵活组合成需要的页面，然后发现一些以前不认识的控件设计，改进现在使用的控件。这样反反复复，发现EasyUI真的是“简单，实用，易上手”的一个UI的选择。其中有一件事，特别让我不开森。对于EasyUI 封装的控件组合，在取值，改变控件大小的时候甚是棘手。

      在这期间呢，也简单查过类似的UI 框架，但是没有使用过，做了一个简单的介绍，分享给大家：

    

   二、UI框架简述

       1、ExtJS  

       ExtJS是一种主要用于创建前端用户界面，是一个基本与后台技术无关的前端ajax框架。是一个用javascript写的，主要用于创建前端用户界面。功能丰富，无人能出其右。 无论是界面之美，还是功能之强，ext的表格控件都高居榜首。

 

      2、easyui      

      easyui帮助你构建你的web应用更加容易。它是一个基于jquery的插件，开发出来的一套轻量级的ui框架，非常小巧而且功能丰富。

  

   3, jQuery MiniUI

      同样也是一个基于jquery的框架，开发的界面功能都很丰富。

      它能缩短开发时间，减少代码量，使开发者更专注于业务和服务端，轻松实现界面开发，带来绝佳的用户体验。

       使用MiniUI，开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUD、Master-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。但是有两个比较大的问题，一个是收费，一个是没有源码，说白了，不开源！

   4、DWZ

        DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.

        设计目标是简单实用,快速开发,降低ajax开发成本.它的演示地址 http://demo.dwzjs.com

三、简单对比

          以上的几款UI 据我不完全认识，如果分类的话应该有两种，依据是和JQuery的关系，EasyUI,mimiUI jqueryUI 都是在jquery的基础上进行的封装，它们依赖于jquery。而extjs则不同，大家看名字就可以看出来，ext再加js。那么，首先来说说ext js和jquery的区别：

      extjs 和Jquery

   

   　从操作来说：

　　ExtJS是个html的UI库,以其漂亮的UI和强大的交互功能著称,为html提供了大量的控件支持,而且很优美哦,
   　缺点:因为是用js写的，所以操作DOM对象的能力和灵活度不够，
   　jQuery：就是将JS 封装好的一个libary。简化了对DOM操作,以其精简灵活的语法著称,比如,要获取页面所有div对象,  只要一行代码就可以了即$("div"),它很精巧,核心+插件式的开发应用.你不需要去动核心,你需要的功能,你可以通过插件来完成,如果你没有现成的插件,自己写一个插件,也是非常简单的事情.至少,比ext简单得多.
  　 缺点:UI设计不够强大。

　　一句话：有ＵＩ人员就是用jqury，没有就是用ext。

　　从应用来说：

       ExtJS主要用于企业应用系统的开发，属于应用级框架，用在网站上速度较慢。
     JQuery主要用于网站开发，属于功能级框架，JQuery的UI杂乱无章，而且都不正统，也不统一。

   

      从学习来说：

　　　使用extjs,你是学习不到什么js的,都是调用封装好的方法,学习人家设计出来的api,这种框架适合使用,不适合学习. jquery比ext好的地方,在于开发时候很多时候可以自己去做设计与实现.js水平会有提高.

　　整体来说：如果要简单的做个比较，可以简单的做个等式：ExtJS = JQuery + UI
　　　　　　　jquery和extjs面向的领域不同，所以选择上肯定根据具体情况来分析。