easyui 图标(easyui iconcls大全)
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大全)相关信息请关注本站。