什么是jQuery EasyUI？
EasyUI是一套基于jQuery的UI(用户界面)插件，jQuery EasyUI的目标是帮助web前端开发者更轻松地创建丰富美观的UI界面。
使用EasyUI不需要编写复杂的JavaScript或对css样式有深入的了解。你可以通过写一些简单的HTML标签来定义用户界面。
EasyUI框架项目结构
当我们打开EasyUI项目文件夹时，可以清楚地看到项目目录。
从图中可以看到，EasyUI文件夹下有很多子文件，那么它们各自的作用是什么呢？我来一一解释一下。
演示:web案例；
Demo-mobile:定位器壳；
Locale:本地化(中文包)；
插件:所有插件:EasyUI
Src:插件的源代码，如果你买了商业授权，你就拥有了所有的源代码；
Themes：主题（皮肤），存放css，img；主题:主题(皮肤)，商店css，img；
Changlog.txt:升级日志；
Easy.js:内部实现的一个easyloader.js，根据应用的需求加载js文件，而不是一次性加载所有文件；
Jquery.easyui.min.js:所有插件集的压缩文件；
JQuery.min.js:兼容Easyui当前版本的JQuery库；
设置EasyUI环境
1.将EasyUI的项目文件夹添加到web项目中。
这里需要特别注意的一点是，EasyUI的项目文件夹名最好不要携带EasyUI的版本号，这样不利于后期的升级和修改。
2.导入资源
首先我们需要新建一个公共网页common.jsp，然后介绍EasyUI所需的js和css，如图:
3.运行创建的EasyUI项目。
去掉原来pss文件夹前面的复选框，修改tomcat/conf/server.xml指向EasyUI的webapp目录。
启动网页后，效果如图:
从图中我们可以看到，我们介绍的EasyUI所需要的js和css资源已经全部加载到了网页中。
易于使用的jQuery和HTML5
JQuery EasyUI提供了易于使用的组件，使Web开发人员能够在流行的jQuery core和HTML5上快速构建程序页面。这些特性使我们的应用程序适合今天的网络。
EasyUI是一个完整的框架，完美地支持H5网页。
EasyUI节省了web开发的时间和规模。
EasyUI很简单，但是很强大。
本文来自幻墨如烟投稿，不代表舒华文档立场，如若转载，请注明出处：https://www.chinashuhua.cn/24/594465.html
微信扫一扫 
