在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架。下面把前端的框架简单的列一下。 1、flex Apache基金会今天发布了Flex 4.8版本,这是Adobe将Flex捐献给Apache基金会后发布的第一个版本。 需要注意的是,Flex目前还在孵化阶段,还不是Apache的正式项目,Flex 4.8也不是一个正式的Apache版本。 Apache称,该版本标志着Flex新时代的开始,Flex的未来将由社区来驱动,而不是由一个公司驱动。开发者可以通过贡献代码,来帮助改进Flex,如修复bug、增加功能等。 从Macromedia卖给Adobe,然后又捐给apache,不知道搞什么名堂。不过还好没有经过大幅重构,否则就真的是悲哀了! 2、extjs ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。 功能丰富,无人能出其右。 无论是界面之美,还是功能之强,ext的表格控件都高居榜首。 华丽的界面,灵活的功能,还有开发工具都是配套的,但有个最大的问题,用就得花钱! 3、easyui easyui帮助你构建你的web应用更加容易。 它是一个基于jquery的插件,开发出来的一套轻量级的ui框架,非常小巧而且功能丰富。 官方网站是: http://www.jeasyui.com/ 但是她有一个最大的问题就是代码只能找到以前的开源的版本,到了1.2以后的版本源代码都是经过混淆的,如果遇到问题修改起来会非常麻烦!不过一个比较大的优势是开源免费,并且界面做的还说的过去! 4、MiniUI 又一个基于jquery的框架,开发的界面功能都很丰富。 jQuery MiniUI – 快速开发WebUI。 它能缩短开发时间,减少代码量,使开发者更专注于业务和服务端,轻松实现界面开发,带来绝佳的用户体验。 使用MiniUI,开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUD、Master-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。 界面做的挺不错,功能也挺丰富,但是有两个比较大的问题,一个是收费,一个是没有源码,说白了,不开源!基于这个开发如果想对功能做扩展就需要找他们的团队进行升级! 5、jQuery UI jQuery UI 是一套 jQuery 的页面 UI 插件,包含很多种常用的页面空间,例如 Tabs(如本站首页右上角部分) 、拉帘效果(本站首页左上角)、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。 功能非常全面,界面也挺漂亮的,可以整体使用,也可以分开使用其中的几个模块,免费开源! 6、DWZ DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. 设计目标是简单实用,快速开发,降低ajax开发成本。 欢迎大家提出建议,我们将在下一版本中进一步调整和完善功能.共同推进国内整体ajax开发水平。 DWZ论坛 http://bbs.dwzjs.com 在线演示地址 http://demo.dwzjs.com 毕竟是国产的,支持一下,而且源码完全公开,可以选择一下!不过性能怎么样不敢确定! 7、GWT Google 网页工具包——GWT 提供了一组基于Java语言的开发包,这个开发包的设计参考Java AWT包设计,类命名规则、接口设计、事件监听等都和AWT非常类似。熟悉Java AWT的开发者不需要花费多大的力气就能够快速的理解GWT开发工具包,将更多地时间投入到GWT应用的开发过程中。 你不用去了解这样那样的javascript框架,通过java你就可以写出功能丰富的界面,可以做单元测试,毕竟是google的产品,严重支持一下! 8、YUI Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证,基本上没怎么研究过! YUI Compressor倒是挺出名的,这套UI库不知道应用的情况怎么样! 9、Sencha Sencha 是由 ExtJS、jQTouch 以及 Raphael 三个项目合并而成的一个新项目。 大公司的框架,并且是几样库的强强联合,值得推荐! 10、Dojo 在国内应用好像不是很广,不过性能上应该没问题。 Dojo是一个用javascript语言实现的开源DHTML工具包。 有多个基金会的支持,包括IBM和SUN,都是软件界的泰斗,值得信赖! 11、ZK ZK是一套以 AJAX/XUL/Java 为基础的网页应用程式开发框架,用于丰富网页应用程式的使用接口。最大的好处是,在设计AJAX网络应用程式时,轻松简便的操作就像设计桌面程式一样。 ZK包含了一个以AJAX为基础、事件驱动(event-driven)、高互动性的引擎,同时还提供了多样丰富、可重复使用的XUL与HTML组件,以 及以 XML 为基础的使用接口设计语言 ZK User-interfaces Markup Language (ZUML)。 在线的demo 设计器的demo 日历组件 功能丰富,全面,文档齐全,而且升级了很多次,非常值得推荐! 12、OperaMasks-UI OperaMasks-UI是OperaMasks团队 2011下半年打造的一款轻量级前端JS组件库,旨在提供一款学习曲线低、定制性灵活、样式统一,且多浏览器支持、覆盖企业业务场景的前端 JavaScript UI组件库。目前,该团队已将这一产品以LGPL 开源协议开放给社区。 文档丰富,功能齐全,而且很容易使用和开发!而且是国产的哟! 13、JavaFX Sun公司(已于2009年被Oracle公司收购)在2008年12月05日发布了JavaFX技术的正式版,它使您能利用 JavaFX 编程语言开发富互联网应用程序(RIA)。JavaFX Script 编程语言(以下称为JavaFX)是Sun微系统公司开发的一种declarative, statically typed(声明性的、静态类型)脚本语言。JavaFX技术有着良好的前景,包括可以直接调用Java API的能力。因为 JavaFX Script是静态类型,它同样具有结构化代码、重用性和封装性,如包、类、继承和单独编译和发布单元,这些特性使得使用Java技术创建和管理大型程序变为可能。 不管用的人多少,毕竟是从sun开始,现在是oracle,相信会有一个广阔的市场,但是确实不知道有哪个公司用这个框架开发! Loading... 在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架。下面把前端的框架简单的列一下。<!--more--> <strong>1、flex</strong> Apache基金会今天发布了Flex 4.8版本,<strong>这是Adobe将Flex捐献给Apache基金会后发布的第一个版本。</strong> <span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2013/09/135724zxbybxl4xr64lxll.jpg" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2013/09/135724zxbybxl4xr64lxll.jpg" sizes="(max-width: 500px) 100vw, 500px" srcset="http://www.xiaoten.com/usr/uploads/2013/09/135724zxbybxl4xr64lxll-300x179.jpg 300w, http://www.xiaoten.com/usr/uploads/2013/09/135724zxbybxl4xr64lxll.jpg 500w" alt="apache_flex_logo_3d" width="500" height="298" style=""></a></span> 需要注意的是,Flex目前还在孵化阶段,还不是Apache的正式项目,Flex 4.8也不是一个正式的Apache版本。 Apache称,该版本标志着Flex新时代的开始,Flex的未来将由社区来驱动,而不是由一个公司驱动。开发者可以通过贡献代码,来帮助改进Flex,如修复bug、增加功能等。 <strong>从Macromedia卖给Adobe,然后又捐给apache,不知道搞什么名堂。不过还好没有经过大幅重构,否则就真的是悲哀了!</strong> <strong>2、extjs</strong> ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。 功能丰富,无人能出其右。 无论是界面之美,还是功能之强,ext的表格控件都高居榜首。 <span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2013/09/135229473e05mxgmbccbmg.png" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2013/09/135229473e05mxgmbccbmg.png" sizes="(max-width: 1024px) 100vw, 1024px" srcset="http://www.xiaoten.com/usr/uploads/2013/09/135229473e05mxgmbccbmg-300x132.png 300w, http://www.xiaoten.com/usr/uploads/2013/09/135229473e05mxgmbccbmg-768x338.png 768w, http://www.xiaoten.com/usr/uploads/2013/09/135229473e05mxgmbccbmg.png 1024w" alt="135229473e05mxgmbccbmg" width="1024" height="450" style=""></a></span> <strong>华丽的界面,灵活的功能,还有开发工具都是配套的,但有个最大的问题,用就得花钱!</strong> <strong>3、easyui</strong> easyui帮助你构建你的web应用更加容易。 它是一个基于jquery的插件,开发出来的一套轻量级的ui框架,非常小巧而且功能丰富。 <span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2013/09/135234i73rbw88uzza9i2s.png" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2013/09/135234i73rbw88uzza9i2s.png" sizes="(max-width: 459px) 100vw, 459px" srcset="http://www.xiaoten.com/usr/uploads/2013/09/135234i73rbw88uzza9i2s-300x127.png 300w, http://www.xiaoten.com/usr/uploads/2013/09/135234i73rbw88uzza9i2s.png 459w" alt="135234i73rbw88uzza9i2s" width="459" height="194" style=""></a></span> 官方网站是: <a href="http://www.jeasyui.com/" target="_blank">http://www.jeasyui.com/</a> <strong>但是她有一个最大的问题就是代码只能找到以前的开源的版本,到了1.2以后的版本源代码都是经过混淆的,如果遇到问题修改起来会非常麻烦!不过一个比较大的优势是开源免费,并且界面做的还说的过去!</strong> <strong>4、MiniUI</strong> 又一个基于jquery的框架,开发的界面功能都很丰富。 jQuery MiniUI – 快速开发WebUI。 它能缩短开发时间,减少代码量,使开发者更专注于业务和服务端,轻松实现界面开发,带来绝佳的用户体验。 使用MiniUI,开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUD、Master-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。 <span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2013/09/135239uygizihcbbiyiibc.png" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2013/09/135239uygizihcbbiyiibc.png" sizes="(max-width: 512px) 100vw, 512px" srcset="http://www.xiaoten.com/usr/uploads/2013/09/135239uygizihcbbiyiibc-300x142.png 300w, http://www.xiaoten.com/usr/uploads/2013/09/135239uygizihcbbiyiibc.png 512w" alt="135239uygizihcbbiyiibc" width="512" height="242" style=""></a></span> <strong>界面做的挺不错,功能也挺丰富,但是有两个比较大的问题,一个是收费,一个是没有源码,说白了,不开源!基于这个开发如果想对功能做扩展就需要找他们的团队进行升级!</strong> <strong>5、jQuery UI</strong> jQuery UI 是一套 jQuery 的页面 UI 插件,包含很多种常用的页面空间,例如 Tabs(如本站首页右上角部分) 、拉帘效果(本站首页左上角)、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。 <span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2013/09/135240atsfq8e4tqo38h3f.png" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2013/09/135240atsfq8e4tqo38h3f.png" sizes="(max-width: 641px) 100vw, 641px" srcset="http://www.xiaoten.com/usr/uploads/2013/09/135240atsfq8e4tqo38h3f-300x79.png 300w, http://www.xiaoten.com/usr/uploads/2013/09/135240atsfq8e4tqo38h3f.png 641w" alt="135240atsfq8e4tqo38h3f" width="641" height="168" style=""></a></span> <strong>功能非常全面,界面也挺漂亮的,可以整体使用,也可以分开使用其中的几个模块,免费开源!</strong> <strong>6、DWZ</strong> DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. 设计目标是简单实用,快速开发,降低ajax开发成本。 欢迎大家提出建议,我们将在下一版本中进一步调整和完善功能.共同推进国内整体ajax开发水平。 DWZ论坛 <a href="http://bbs.dwzjs.com/" target="_blank">http://bbs.dwzjs.com</a> 在线演示地址 <a href="http://demo.dwzjs.com/" target="_blank">http://demo.dwzjs.com</a> <span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2013/09/135250t0hv061wit1kdffu.png" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2013/09/135250t0hv061wit1kdffu.png" sizes="(max-width: 553px) 100vw, 553px" srcset="http://www.xiaoten.com/usr/uploads/2013/09/135250t0hv061wit1kdffu-300x163.png 300w, http://www.xiaoten.com/usr/uploads/2013/09/135250t0hv061wit1kdffu.png 553w" alt="135250t0hv061wit1kdffu" width="553" height="300" style=""></a></span> <strong>毕竟是国产的,支持一下,而且源码完全公开,可以选择一下!不过性能怎么样不敢确定!</strong> <strong>7、GWT</strong> Google 网页工具包——GWT 提供了一组基于Java语言的开发包,这个开发包的设计参考Java AWT包设计,类命名规则、接口设计、事件监听等都和AWT非常类似。熟悉Java AWT的开发者不需要花费多大的力气就能够快速的理解GWT开发工具包,将更多地时间投入到GWT应用的开发过程中。 <strong>你不用去了解这样那样的javascript框架,通过java你就可以写出功能丰富的界面,可以做单元测试,毕竟是google的产品,严重支持一下!</strong> <strong>8、YUI</strong> <strong>Yahoo! UI Library</strong> (<strong>YUI</strong>) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证,基本上没怎么研究过! <span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2013/09/1352585fbe705y5bpc5b55.png" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2013/09/1352585fbe705y5bpc5b55.png" sizes="(max-width: 586px) 100vw, 586px" srcset="http://www.xiaoten.com/usr/uploads/2013/09/1352585fbe705y5bpc5b55-300x139.png 300w, http://www.xiaoten.com/usr/uploads/2013/09/1352585fbe705y5bpc5b55.png 586w" alt="1352585fbe705y5bpc5b55" width="586" height="272" style=""></a></span> <strong>YUI Compressor倒是挺出名的,这套UI库不知道应用的情况怎么样!</strong> <strong>9、Sencha</strong> Sencha 是由 ExtJS、jQTouch 以及 Raphael 三个项目合并而成的一个新项目。 <span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2013/09/135304wubnjfkkgbnusujc.png" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2013/09/135304wubnjfkkgbnusujc.png" sizes="(max-width: 474px) 100vw, 474px" srcset="http://www.xiaoten.com/usr/uploads/2013/09/135304wubnjfkkgbnusujc-300x196.png 300w, http://www.xiaoten.com/usr/uploads/2013/09/135304wubnjfkkgbnusujc.png 474w" alt="135304wubnjfkkgbnusujc" width="474" height="309" style=""></a></span> <strong>大公司的框架,并且是几样库的强强联合,值得推荐!</strong> <strong>10、Dojo</strong> 在国内应用好像不是很广,不过性能上应该没问题。 Dojo是一个用javascript语言实现的开源DHTML工具包。 <span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2013/09/135305se58i8zbwz2dbsys.png" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2013/09/135305se58i8zbwz2dbsys.png" sizes="(max-width: 361px) 100vw, 361px" srcset="http://www.xiaoten.com/usr/uploads/2013/09/135305se58i8zbwz2dbsys-300x214.png 300w, http://www.xiaoten.com/usr/uploads/2013/09/135305se58i8zbwz2dbsys.png 361w" alt="135305se58i8zbwz2dbsys" width="361" height="257" style=""></a></span> <strong>有多个基金会的支持,包括IBM和SUN,都是软件界的泰斗,值得信赖!</strong> <strong>11、ZK</strong> <strong>ZK</strong>是一套以 AJAX/XUL/Java 为基础的网页应用程式开发框架,用于丰富网页应用程式的使用接口。最大的好处是,在设计AJAX网络应用程式时,轻松简便的操作就像设计桌面程式一样。 ZK包含了一个以AJAX为基础、事件驱动(event-driven)、高互动性的引擎,同时还提供了多样丰富、可重复使用的XUL与HTML组件,以 及以 XML 为基础的使用接口设计语言 ZK User-interfaces Markup Language (ZUML)。 在线的demo <span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2013/09/135308asyxswr2srm2j1sw.png" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2013/09/135308asyxswr2srm2j1sw.png" sizes="(max-width: 301px) 100vw, 301px" srcset="http://www.xiaoten.com/usr/uploads/2013/09/135308asyxswr2srm2j1sw-300x207.png 300w, http://www.xiaoten.com/usr/uploads/2013/09/135308asyxswr2srm2j1sw.png 301w" alt="135308asyxswr2srm2j1sw" width="301" height="208" style=""></a></span> 设计器的demo <span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2013/09/1353091mvm47zf4rmm4fw1.png" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2013/09/1353091mvm47zf4rmm4fw1.png" sizes="(max-width: 301px) 100vw, 301px" srcset="http://www.xiaoten.com/usr/uploads/2013/09/1353091mvm47zf4rmm4fw1-300x206.png 300w, http://www.xiaoten.com/usr/uploads/2013/09/1353091mvm47zf4rmm4fw1.png 301w" alt="1353091mvm47zf4rmm4fw1" width="301" height="207" style=""></a></span> 日历组件 <span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2013/09/135311p88mazff8nh38z0n.png" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2013/09/135311p88mazff8nh38z0n.png" sizes="(max-width: 305px) 100vw, 305px" srcset="http://www.xiaoten.com/usr/uploads/2013/09/135311p88mazff8nh38z0n-300x201.png 300w, http://www.xiaoten.com/usr/uploads/2013/09/135311p88mazff8nh38z0n.png 305w" alt="135311p88mazff8nh38z0n" width="305" height="204" style=""></a></span> <strong>功能丰富,全面,文档齐全,而且升级了很多次,非常值得推荐!</strong> <strong>12、OperaMasks-UI</strong> OperaMasks-UI是OperaMasks团队 2011下半年打造的一款轻量级前端JS组件库,旨在提供一款学习曲线低、定制性灵活、样式统一,且多浏览器支持、覆盖企业业务场景的前端 JavaScript UI组件库。目前,该团队已将这一产品以LGPL 开源协议开放给社区。 <span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2013/09/135312lb9zuspsloswbbpc.png" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2013/09/135312lb9zuspsloswbbpc.png" sizes="(max-width: 673px) 100vw, 673px" srcset="http://www.xiaoten.com/usr/uploads/2013/09/135312lb9zuspsloswbbpc-300x155.png 300w, http://www.xiaoten.com/usr/uploads/2013/09/135312lb9zuspsloswbbpc.png 673w" alt="135312lb9zuspsloswbbpc" width="673" height="348" style=""></a></span> <strong>文档丰富,功能齐全,而且很容易使用和开发!而且是国产的哟!</strong> <strong>13、JavaFX</strong> Sun公司(已于2009年被Oracle公司收购)在2008年12月05日发布了JavaFX技术的正式版,它使您能利用 JavaFX 编程语言开发富互联网应用程序(RIA)。JavaFX Script 编程语言(以下称为JavaFX)是Sun微系统公司开发的一种declarative, statically typed(声明性的、静态类型)脚本语言。JavaFX技术有着良好的前景,包括可以直接调用Java API的能力。因为 JavaFX Script是静态类型,它同样具有结构化代码、重用性和封装性,如包、类、继承和单独编译和发布单元,这些特性使得使用Java技术创建和管理大型程序变为可能。 <span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2013/09/1353147zz8qkmgg8qmk3f9.png" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2013/09/1353147zz8qkmgg8qmk3f9.png" alt="1353147zz8qkmgg8qmk3f9" width="171" height="220" style=""></a></span> <strong>不管用的人多少,毕竟是从sun开始,现在是oracle,相信会有一个广阔的市场,但是确实不知道有哪个公司用这个框架开发!</strong> © 允许规范转载 赞 如果觉得我的文章对你有用,请随意赞赏
3 条评论
沙发一个...0_0 :cool:
我这的沙发是不是很容易都坐到了?
@小十: 都一样撒..我那边也很容易的说..大家都越来越不喜欢留言啦,哈哈~