easyui 图标(easyui iconcls大全),本文通过数据整理汇集了easyui 图标(easyui iconcls大全)相关信息,下面一起看看。

什么是jQuery EasyUI?

EasyUI是一套基于jQuery的UI(用户界面)插件,jQuery EasyUI的目标是帮助web前端开发者更轻松地创建丰富美观的UI界面。

你不& # 039;使用EasyUI不需要编写复杂的JavaScript或深入了解css样式。你可以通过写一些简单的HTML标签来定义用户界面。

EasyUI框架项目结构

当我们打开EasyUI项目文件夹时,可以清楚地看到项目目录。

从图中可以看到,EasyUI文件夹下有很多子文件,那么它们各自的作用是什么呢?我来一一解释一下。

演示:web案例;

Demo-mobile:手机壳;

Locale:本地化(中文包);

插件:所有插件:EasyUI

Src:插件的源代码,如果你买了商业授权,你就拥有了所有的源代码;

主题:主题(皮肤),商店css,img;

Changlog.txt:升级日志;

Easy.js:内部实现的一个easyloader.js,根据应用的需求加载js文件,而不是一次性加载所有文件;

Jquery.easyui.min.js:所有插件集的压缩文件;

JQuery.min.js:兼容Easyui当前版本的JQuery库;

设置EasyUI环境

1.添加EasyUI & # 039的项目文件夹添加到web项目中。

这里需要特别注意的一点是,EasyUI的项目文件夹名最好不要携带EasyUI的版本号,这样不利于后期的升级和修改。

2.导入资源

首先我们需要新建一个公共网页common.jsp,然后介绍EasyUI所需的js和css,如图:

3.运行创建的EasyUI项目。

删除原始pss文件夹前面的复选框,并修改tomcat/conf/server.xml以指向EasyUI & # 039的webapp目录。

启动网页后,效果如图:

从图中我们可以看到,我们介绍的EasyUI所需要的js和css资源已经全部加载到了网页中。

易于使用的jQuery和HTML5

JQuery EasyUI提供了易于使用的组件,使Web开发人员能够在流行的jQuery core和HTML5上快速构建程序页面。这些特性使我们的应用程序适合今天& # 039;的网络。

EasyUI是一个完整的框架,完美地支持H5网页。

EasyUI节省了web开发的时间和规模。

EasyUI很简单,但是很强大。

更多easyui 图标(easyui iconcls大全)相关信息请关注本站。