在学完所有的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——完成,总结(四)
=========================================================================================================================
相关推荐
使用Jquery+EasyUI进行框架项目开发案例讲解之二用户管理源码分享 ...这些知识点将帮助我们更好地理解使用Jquery+EasyUI进行框架项目开发的用户管理模块的开发细节,并掌握用户管理模块的开发技巧。
《jQuery+EasyUI开发指南》源码是一份珍贵的学习资源,涵盖了使用jQuery和EasyUI进行Web前端开发的核心技术。这份源码旨在帮助开发者深入理解这两个库的协同工作方式,提升项目开发效率。jQuery是一个轻量级、高性能...
jQuery 和 EasyUI 是两个在 Web 开发中广泛使用的前端框架,它们共同为开发者提供了一种高效、便捷的方式来构建用户界面。jQuery 是一个轻量级的 JavaScript 库,它简化了 DOM 操作、事件处理、动画效果以及 AJAX ...
《jQuery+EasyUI开发指南宝典》是一本深入解析jQuery与EasyUI结合使用的专业书籍,旨在帮助开发者高效地构建交互式、美观的Web应用程序。jQuery是JavaScript库中的明星,以其简洁的API和强大的功能深受喜爱;而...
使用Jquery+EasyUI进行框架项目开发案例讲解之二用户管理源码分享 本文将讲解使用Jquery+EasyUI进行框架项目开发的用户管理模块的开发过程。用户管理模块是对可登录系统的用户进行管理的核心模块,主要包括新增用户...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了丰富的用户界面组件,如表格、对话框、菜单、按钮等,大大简化了Web应用程序的开发。在"jquery-easyui-1.5完整源码.zip"这个压缩包中,包含了EasyUI 1.5版本的...
在EasyUI框架中,jQuery扮演着桥梁的角色,使得开发者能更轻松地控制页面元素,并利用EasyUI提供的组件进行交互设计。 在文件列表中,“1漂亮的jquery easyui后台框架”可能是一个示例项目,展示如何使用EasyUI创建...
**EasyUI框架** EasyUI是基于jQuery的前端框架,它提供了一系列组件,如表格、表单、菜单、对话框等,帮助开发者快速构建具有专业级用户体验的Web应用。其主要特点包括: 1. **组件丰富**:包括datagrid、form、...
jQuery EasyUI 是一个基于 jQuery 的轻量级框架,它为开发者提供了一系列组件,使得构建交互式、响应式的Web应用程序变得更加简单。在1.7.0版本中,这个强大的工具集进一步优化和完善,为开发者带来了更丰富的功能和...
jQuery EasyUI 是一款基于 jQuery 的前端框架,它提供了丰富的组件和易于使用的API,极大地简化了Web界面的开发。而其核心魅力之一,便是丰富的主题系统,使得开发者可以轻松定制出符合企业品牌或者个人喜好的用户...
Spring+DWR+ibatis+jQuery+easyUI的框架例子. 完全开放源代码,免费学习与使用。 可以完成基本的后台主界面,报表查询,数据查询,增加,修改等功能。 如果你要做一些报表,后台功能利用这个a框架就可以很方便实现。
总结起来,使用jQuery+EasyUI搭建页面可以极大地提高前端开发效率,简化代码,同时提供美观、响应式的用户体验。在"login"和"easy"这两个页面中,jQuery主要负责逻辑处理和动态效果,而EasyUI则专注于界面组件的呈现...
jQuery EasyUI 是一个基于 jQuery 的前端框架,用于快速开发简洁、高效的用户界面。这个框架集成了大量的组件和插件,使得开发者可以轻松构建数据驱动的Web应用程序。版本1.2.4是该框架的一个稳定版本,它提供了丰富...
此项目是基于ssm(spring+spring mvc+mybatis)框架...项目开发技术:前台页面采用bootstrap+jquery+AngularJs+EasyUI技术,后台采用ssm技术 服务器软件:tomcat8.0或者以上 数据库类型:MySQL数据库为系统的数据库。
《jQuery+EasyUI开发指南源码》是一份深入解析jQuery与EasyUI集成应用的实践教程。这份源码集合了丰富的示例和详细解释,旨在帮助开发者更好地理解和掌握这两种技术的结合使用,提升Web应用程序的用户体验和界面设计...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,可以帮助开发者快速构建用户界面。这个"jquery-easyui-1.3.2+帮助文档"包含了该版本的所有相关资源和指南,使得开发者能够深入理解和...
1. 该框架的开发环境为EclipseJEE集成开发工具。... 前台展示页面使用了JQuery EasyUI的布局、列表和消息组件。 6. 系统实现了较为完善的用户模块,对用户数据实现了增、删、改、查、分页等的功能。
在描述中提到的“Jquery-Easyui-1.2.3以及帮助文档”,这表明除了框架本身,还提供了一份详尽的帮助文档,帮助开发者理解和使用这个版本的功能。这份文档通常会包含API参考、示例代码、常见问题解答等内容,对于初学...
总之,`jquery-easyui-1.3.5`是一个强大且易于使用的前端框架,它极大地提高了开发Web应用的效率,尤其适用于需要快速构建管理界面或数据驱动的应用场景。理解和掌握这个版本,可以提升开发者在前端开发中的技能和...
easyui是一种基于jQuery的用户界面插件集合。 easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。 使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。 easyui...