第 1 章 jQuery EasyUI 入门

时间：2022-06-08 23:22:44

学习要点：

1.什么是 jQuery EasyUI

2.学习 jQuery EasyUI 的条件 3.jQuery EasyUI 的功能和优势

4.其他的 UI 插件

5.是否兼容低版本 IE

6.下载及运行 jQuery EasyUI

在正式了解 jQuery EasyUI 之前，我们先了解一下什么是 jQuery EasyUI。它的学习条件、市场上的同类产品、所支持的浏览器等。然后配置运行 jQuery EasyUI。

一．什么是 jQuery EasyUI

jQuery EasyUI 是一组基于 jQuery 的 UI 插件集合，而 jQuery EasyUI 的目标就是帮助Web 开发者更轻松的打造出功能丰富并且美观的 UI 界面。开发者不需要编写复杂的JavaScript，也不需要对 css 样式有深入的了解，开发者需要了解的只有一些简单的 html 标签。

官方网站：http://www.jeasyui.com

第 1 章 jQuery EasyUI 入门

二．学习 jQuery EasyUI 的条件

因为 jQuery EasyUI 是基于jQuery 的 UI 库，所以，必须需要 jQuery 课程的基础。而jQuery需要那些基础，直接参考 jQuery 课程 66 课第一节内容。

三．jQuery EasyUI 的特点

1.基于 jquery 用户界面插件的集合；

2.为一些当前用于交互的 js 应用提供必要的功能；

3.使用 EasyUI 你不需要写很多的 javascript 代码，通常只需要写 HTML 标记来定义用户界面即可；

4.支持 HTML5；

5.开发产品时可节省时间和资源；

6.简单，但很强大；

7.支持扩展，可根据自己的需求扩展控件；

8.目前各项不足正已版本递增的方式不断完善；

9.源代码加密，商业版付费

四．其他的 UI 插件

除了 jQuery EasyUI 之外，还有 DWZ（国产的，基于 jQuery 的 UI 插件），还有一个独立的 ExtJS 的 UI 插件。

五．是否兼容低版本 IE

我们将要使用最新的 jQuery EasyUI 版本：1.3.5，它里面自带的 jQuery 版本是 2.0。也 就是说，不再支持 IE6,7,8 这三款浏览器了。如果你必须要使用，可以选择更低版本。当然，我们已经不在建议兼容这些版本了。最基本的原因是：jQuery EasyUI 很少用于 Web 应用的前台页面，一般用于后台的 UI 或者企业级应用的 UI（较为重）。那么使用这些功能的用户不会那么鱼龙混杂，一般会被要求使用更高级的浏览器，所以没有必要向下兼容。

PS：有部分用户坚持使用 IE6，声称未来会一直使用 IE6。那么我建议放弃这样的用户，因为 IE6 性能低下、内存泄漏、不支持高级特性，成倍的开发成本。如果失去这样的用户，就面临停工，那么死也要会死的痛快点，而如果活下来，那么也会非常愉快。可是，总是迎合这些低质量用户，你就像得了慢性病一样，每天折磨着，痛苦地慢慢死去，就算公司倒闭了，那些客户还不停电话说，系统有问题，你还要不停解释公司倒闭了，技术人员全跑了。

六．下载及运行 jQuery EasyUI

下载最新的 jQuery EasyUI1.3.5 版本，然后解压后直接使用即可。

//HTML5 调用 jQuery EasyUI

<!DOCTYPE html>

<html>

    <head>

        <title>jQuery Easy UI</title>

        <meta charset="UTF-8" />

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

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

        <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js" ></script>

        <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" />

        <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" />

    </head>

    <body>

        <div class="easyui-dialog" style="width:400px;height:200px"

        data-options="title:'My Dialog',collapsible:true,iconCls:'icon-ok',onOpen:function(){}">

            dialog content.

        </div>

    </body>

</html>

PS：虽然我们用了 HTML5 的格式，但所有标签还是沿用 XHTML 的，并为真正涉及到HTML5 的标签和 CSS。

最新的 1.3.5 的 API 中文文档：汉化人博客：http://blog.sina.com.cn/richie696

备注：本教程出自《李炎恢jQuery EasyUI视频教程》，请勿用于商业用途，否则后果自负。

第 1 章 jQuery EasyUI 入门的更多相关文章

  1. 第一百九十一节，jQuery EasyUI 入门

    jQuery EasyUI 入门 学习要点: 1.什么是 jQuery EasyUI 2.学习 jQuery EasyUI 的条件 3.jQuery EasyUI 的功能和优势 4.其他的 UI 插件 ...

  2. jQuery EasyUI 入门简介

    对于前端开发者来说,在开发过程中应用“框架”这一工具,可以极大的缩短开发时间,提高开发效率.今天我们就开介绍一款常用的框架——jQuery EasyUI. 那什么是jQuery EasyUI呢? jQ ...

  3. JQuery EasyUI框架

    1. JQuery EasyUI框架概述 1.1. JQuery EasyUI是什么东西 答:JQuery  EasyUI就是一套基础JQuery的富客户端的UI框架.像这些将常用的控件封装成一个UI ...

  4. jQuery EasyUI视频教程合集

    下载地址:http://www.fu83.cn/thread-269-1-1.html 教程内容: 尚学堂科技_jqueryeasyui视频教程_白贺翔 李炎恢jQuery EasyUI视频教程全集 ...

  5. 从零开始学习jQuery &lpar;一&rpar; 入门篇

    本系列文章导航 从零开始学习jQuery (一) 入门篇 一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些 ...

  6. Jquery EasyUI的添加，修改，删除，查询等基本操作介绍

    http://www.jb51.net/article/42016.htm 初识Jquery EasyUI看了一些博主用其开发出来的项目,页面很炫,感觉功能挺强大,效果也挺不错,最近一直想系统学习一套 ...

  7. 使用Jquery&plus;EasyUI 进行框架项目开发案例讲解之二---用户管理源码分享

    使用Jquery+EasyUI 进行框架项目开发案例讲解之二 用户管理源码分享   在上一篇文章<使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享>我们分享 ...

  8. 使用Jquery&plus;EasyUI 进行框架项目开发案例解说之二---用户管理源代码分享

    使用Jquery+EasyUI 进行框架项目开发案例解说之二 用户管理源代码分享  在上一篇文章<使用Jquery+EasyUI进行框架项目开发案例解说之中的一个---员工管理源代码分享> ...

  9. JQuery EasyUI框架学习

    前言 新项目的开发前端技术打算採用EasyUI框架(基于EasyUI较为丰富的UI组件库),项目组长将前端EasyUI这块的任务分配给了我.在进行开发之前,须要我这菜鸟对EasyUI框架进行一些基础的 ...

随机推荐

  1. p68 对数变换 关于fft2 fftshift 频谱

    p68 频谱:绝大多数信号可分解若干不同频率的正弦波, 些正弦波中,频率最低的称为信号的基波,其余称为信号谐波,相当于该信号的基本频率.频率等于基频整数倍的正弦波分量称为谐波. 1.fft2  fft ...

  2. Aptana Studio 2启动时提示 Workspace Cannot Be Created 解决办法

    今天在安装Aptana Studio 2时出现这个东东,卸载后再安装依旧不行最后找到原因 原因 : 就是由于你把“我的文档”的位置修改造成的. 但Aptana还以为 “我的文档”的位置 是在系统的默认 ...

  3. ansible定时任务模块和用户组模块使用

    接上篇,还是一些基础模块的使用,这里主要介绍的是系统模块的使用. 下面例子都进行过相关的实践,从而可以直接进行使用相关的命令. 3.用户模块的使用 用户模块主要用来管理用户账号和用户的属性(对远程主机 ...

  4. redis和spring集成

    redis和spring框架的整合 我这里创建的是maven工程,通过maven锁定版本号,管理jar包之间的依赖 1.在pom文件中,引入spring和redis的jar包的坐标: <prop ...

  5. JQuery 图片轮播，详细注释说明，让你一看就会！

    准备工作: 1.准备几张大小相同的图片 完成功能: 1.自动轮播 2.手动轮播 3.点击二侧按钮前后切换图片 JQuery插件地址: 链接:https://pan.baidu.com/s/1zNl2- ...

  6. Spring&period;Net 入门学习笔记-----one

    一. 基本概念    Spring.Net是一个轻量级的控制反转(Ioc)和面向切面的(Aop)的容器框架: Ioc:控制反转:简单的说就是将创建对象的控制权转交给外部容器(IApplicationC ...

  7. Java&lowbar;HashMap使用思路

    一.HashMap的应用思路 使用: Map,Set集合,String的split切割方法 ,增强for循环  使用思路:为所有key创建容器,之后容器中存放对应value 二.实现示例代码 1.两个 ...

  8. 2017-2018-1 20155315 《信息安全系统设计基础》加分作业：实现mypwd

    学习pwd命令 man pwd查看 pwd命令用于显示当前工作目录,是Linux下最常用的命令之一.在不太确定当前位置时,就会使用pwd来判定当前目录在文件系统内的确切位置. 环境变量OLDPWD表示 ...

  9. 初识Linux 基础操作（2）

    1.Linux启动流程    1).linux启动过程        ①.进入grub界面选择相应的启动内核        ②.读取kernel内核文件-/boot/vmlinuz-*         ...

  10. springcloud 与 dubbo 比较

    作者:潜龙勿用链接:https://www.zhihu.com/question/45413135/answer/242224410来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请 ...

相关文章