EasyUI

一：什么是EasyUI

    EasyUI是一种简单的前端用户界面，基于JQuery插件集合的前端UI框架。

 

二、EasyUI官网及下载地址

http://www.jeasyui.net/（中文网）

http://www.jeasyui.com/（英文版）

    EasyUI官方下载地址：http://www.jeasyui.com/download/index.php

    EasyUI分两个版本：GPL版（开源） 和 商业版

    GPL版是免费的，但需要开放源代码。

    商业版是需要收费的。

 

三、EasyUI组成部分

1）demo：EasyUI使用示例

2）demo-mobile：EasyUI Mobile（手机端）使用示例

3）locale：国际化支持

4）plugins：EasyUI使用的插件

5）src：EasyUI插件的源码

6）themes：EasyUI主题样式

7）jquery.easyui.min.js：EasyUI核心JS文件

8）jquery.easyui.mobile.js：EasyUI Mobile核心JS文件

9）jquery.min.js：Jquery文件，EasyUI的依赖

四：EasyUI如何使用

 

4.1引入必要的Js和css样式文件

<!-- 引入EasyUI的样式文件-->

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

<!-- 引入EasyUI的图标样式文件-->

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

<!-- 引入JQuery -->

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

<!-- 引入EasyUI -->

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

<!-- 引入EasyUI的中文国际化js，让EasyUI支持中文 -->

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

注：jquery与easyui，两个js的引入顺序不能搞错。

4.2 WEB项目前端Js、Css文件定位