在学完所有的web开发的视频之后,一直还没有做相应的项目,想必大家都有体会在项目中不断的磨练,才能得到最好的锻炼。最近,接手了一个SL的项目,项目组长要求在了解原来版本需求的基础之上重构,在重构的之前需要我们这些菜鸟学习Jquery+EasyUI框架。下面给大家分享我的学习。
简介:
EasyUI框架是简单、易用、功能强大的轻量级web前端JavaScript框架。
在做web项目时,前台开发,很多人喜欢用JQuery,原因很简单:
1.Jquery实现脚本与页面的分离。
2.用最少的代码最最多的事情。
3.在大型JavaScript框架中,Jquery对性能的理解是最好的。
4.随着Jquery的流行,基于Jquery的插件越来越来,而且越来越人性化。
5.最重要的一点是简单、易学,更容易上手。
同样,我要告诉大家的是,EasyUI就是JQuery的一个很好UI插件,更多的时候我们称它为“框架”。
学习EasyUI最好的地方,一定是它的官网:http://www.jeasyui.com/index.php
优点:
jQuery EasyUI framework helps you build your web pages easily.(Jquery EasyUI框架可以很容易的帮助你创建web页面)。
1.easyui is a collection of user-interface plugin based on jQuery.(EasyUI是基于用户界面插件的集合)
2.easyui provides essential functionality for building modern, interactive, javascript applications.(EasyUI提供了构建更加现代,交互式的,javascript程序应用)。
3.using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.(使用EasyUI不必编写很多JavaScript的代码,通常可以通过编写一些HTML标记来定义用户界面)。
4.complete framework for HTML5 web page.(EasyUI是为HTML5页面的完整框架)。
5.easyui save your time and scales while developing your products.(EasyUI可以节省你在开发项目上的时间和方式)。
6.easyui is very easy but powerful.(EasyUI非常容易使用而且功能很强大)。
使用:
<script type="text/javascript" src="../jquery-1.4.2.min.js"></script> <script type="text/javascript" src="../jquery.easyui.min.js"></script>
下载和帮助:
EasyUI官网有很多的使用教程,与引用其它JQuery插件类似。具体使用可以参考官方地址:http://jquery-easyui.wikidot.com/tutorial
赶快去体验吧,一定会对你的工作有很大帮助的!下载地址:http://jquery-easyui.wikidot.com/download,同样在下载的文档中有很多的例子,简单易学。
在了解EasyUI的过程中,无意中发现了一个很好的帮助,希望对你有用:http://www.easyui.ora.cn/#addRule
希望EasyUI框架可以在开发web项目开发中帮助到你,在今后的博客中,我会继续给大家介绍EasyUI的使用,请大家继续关注。
========================================================================================================================
基于asp.net+easyui框架的系列博文:
使用Jquery+EasyUI框架开发项目+下载+帮助--EasyUI的简介
Asp.net之真假分页大揭秘、使用AspNetPager实现真分页
Asp.Net构架(Http请求处理流程)、Asp.Net 构架(Http Handler 介绍)、Asp.Net 构架(HttpModule 介绍)
基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
基于asp.net+ easyui框架,js提交图片,实现先上传图片再提交表单
基于asp.net + easyui框架,一步步学习easyui-datagrid——界面(一)
基于asp.net + easyui框架,一步步学习easyui-datagrid——实现分页和搜索(二)
基于asp.net + easyui框架,一步步学习easyui-datagrid——实现添加、编辑、删除(三)
基于asp.net + easyui框架,一步步学习easyui-datagrid——完成,总结(四)
=========================================================================================================================