JQuery EasyUI学习框架

前言

前端技术,新项目的开发拟使用EasyUI框架(基于EasyUI丰富UI组件库),项目负责人的提示EasyUI分配给我这个任务。发展前,我需要这对于一个新手EasyUI框架学习一些基本的入门。记录在学习过程中的问题,在他们自己的问题和实事后。

关于EasyUI

EasyUI框架式基于JQuery的,使用它帮助我们快捷的构建web网页。

EasyUI框架是一个简单、易用、强大的轻量级web前端javascript框架。现阶段来说。在开发web项目时,前端的开发我们更喜欢使用JQuery取代原生的javascript,原因大概是基于例如以下方面:

  • JQuery是基于javascript的扩展,使页面和脚本进行了分离。
  • JQuery的宗旨:用最少的代码最多的事。
  • 在javascript的扩展(框架中),JQuery对于性能的理解是十分到位的。
  • 基于JQuery的插件越来越多,也越来越人性化,对于项目的开发有一定的借鉴。
  • 简单、易学、高速上手让其更具吸引力。

EasyUI的长处

EasyUI是基于JQuery的框架,相比于其它框架来说其具有例如以下的长处:

  1. EasyUI能够非常easy的帮助创建web页面。
  2. EasyUI是基于用户界面的插件集合。

  3. EasyUI提供了构建更加现代,交互性的js程序应用。

  4. 通过EasyUI我们但是编写一些html标记来定义用户界面。

  5. 极大的提升项目开发的时间。

EasyUI的使用

最主要的使用就是引入easyui.min.js文件。以及其相应的jquery.min.js文件。注意的是jquery-easyui是基于jquery的,因此jquery.min.js文件最好先于easyui.min.js先引入。

	<script type="text/javascript" src="jquery-easyui-1.3.6/jquery.min.js"></script>
	<script type="text/javascript" src="jquery-easyui-1.3.6/jquery.easyui.min.js"></script>

前面也说道了,EasyUI是插件集合,须要用到的时候在自行引入就能够了。

EasyUI的下载和学习

EasyUI的下载推荐EasyUI官网:http://www.jeasyui.com/EasyUI的学习,官网上已经提供了很丰富的学习实例,并且Demo很丰富。这里推荐几个实用学习easyui的网站:

  1. EasyUI官网
  2. JQueryEasyUI中文社区:http://bbs.jeasyuicn.com/(张宇、夏季)
  3. EasyUI学习班:http://www.jeasyuicn.com/
  4. EasyUI入门视频教程(easyui学习班提供)
  5. ........

行,前期准备工作已经差不多了,也许这就是的一点点深入研究。

版权声明:本文博客原创文章,博客,未经同意,不得转载。

时间: 2024-08-01 22:47:23

JQuery EasyUI学习框架的相关文章

使用Jquery+EasyUI进行框架项目开发案例解说之中的一个---员工管理源代码分享

使用Jquery+EasyUI 进行框架项目开发案例解说之中的一个 员工管理源代码分享 在開始解说之前,我们先来看一下什么是Jquery EasyUI?jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发人员更轻松的打造出功能丰富而且美观的UI界面.开发人员不须要编写复杂的javascript,也不须要对css样式有深入的了解,开发人员须要了解的仅仅有一些简单的html标签.jQuery EasyUI为我们提供了大多数UI控件的使用

使用Jquery+EasyUI 进行框架项目开发案例讲解之五 模块(菜单)管理源码分享

http://www.cnblogs.com/huyong/p/3454012.html 使用Jquery+EasyUI 进行框架项目开发案例讲解之五  模块(菜单)管理源码分享    在上四篇文章  <使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享>  <使用Jquery+EasyUI 进行框架项目开发案例讲解之二---用户管理源码分享>  <使用Jquery+EasyUI 进行框架项目开发案例讲解之三---角色管理源码分享> <

使用Jquery+EasyUI 进行框架项目开发案例讲解之四 组织机构管理源码分享

http://www.cnblogs.com/huyong/p/3404647.html 在上三篇文章  <使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享> <使用Jquery+EasyUI 进行框架项目开发案例讲解之二---用户管理源码分享> <使用Jquery+EasyUI 进行框架项目开发案例讲解之三---角色管理源码分享> 我们分享了使用Jquery EasyUI来进行ASP.NET项目的开发的相关方法,每一个模块都有其共用性,

JQuery EasyUI学习笔记

转载请注明原文地址:http://www.cnblogs.com/ygj0930/p/6690888.html  简介与准备 jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件. 准备:下载:http://www.jeasyui.com/download/index.php 导入: <link rel="stylesheet" type="text/css" href="easyui/themes/default/e

JQuery EasyUI 学习——Struts2与EasyUI DataGrid数据表格结合使用显示数据库数据

因为EasyUI DataGrid只要取出后台传过来的一定格式的JSON数据,就可以在前台页面数据表格中,以一定形式显示数据库中的数据.此处,我们使用Struts2框架整合DataGrid,实现数据的显示. 一.页面内容 为了在页面中显示数据库中字段内容,需要定义一个table,通过EasyUI内部设计,自动显示数据,如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF

JQuery EasyUI学习记录(四)

1.EasyUI中的validatebox使用 提供的校验规则: 1.非空校验required="required" 2.使用validType指定 email: 正则表达式匹配电子邮件规则. url: 正则表达式匹配的URL规则. length[0,100]: 在x和x字符允许. remote['http://.../action.do','paramName']: 发送ajax请求做验证值,返回"true"当成功. <table cellpadding=3

jQuery EasyUI学习

1.通过form页面元素数据填充 $('#<?php echo NS;?>form').form('load',<?php echo json_encode($orm->as_array());?>);//loadYiXia 试图页源码: <form id="<?php echo NS;?>form" method="post" enctype="multipart/form-data" onsub

jQuery EasyUI一个基于 jQuery 的框架(创建网页所需的一切)

jQuery EasyUI学习网址:http://www.runoob.com/jeasyui/jqueryeasyui-tutorial.html jQuery MiniUI学习网址:http://www.miniui.com/index.html#tutorial easyui 的入门学习:http://www.cnblogs.com/biehongli/p/6724953.html 一:jQuery EasyUI的入门指南: 1:实现的方法一 (a):导入jquery.easyui.min

使用Jquery+EasyUI项目开发情况的框架是中评---员工管理源代码共享

使用Jquery+EasyUI 进行框架项目开发案例解说之中的一个 员工管理源代码分享 在開始解说之前,我们先来看一下什么是Jquery EasyUI?jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发人员更轻松的打造出功能丰富而且美观的UI界面.开发人员不须要编写复杂的javascript,也不须要对css样式有深入的了解.开发人员须要了解的仅仅有一些简单的html标签. jQuery EasyUI为我们提供了大多数UI控件的使