jQuery EasyUI是啥?
EasyUI是一组根据jQuery的UI(操作界面)软件结合,而jQuery EasyUI的目的是协助web前端开发人员更简单的打造功能丰富而且美观大方的UI页面。
应用EasyUI不用撰写繁杂的JavaScript,也不用对css样式有进一步的掌握,你只要根据撰写一些简易HTML标识,就可以界定UI页面。
EasyUI架构项目构造
大家开启EasyUI项目文件夹名称,可以了解的见到项目文件目录。
从图上能够看见EasyUI文件夹名称下边有众多子文档,那麼他们各自有什么作用?让我来一一表明。
demo:web实例;
demo-mobile:手机端实例;
Locale:本土化(汉化包);
Plugins:EasyUI全部软件;
Src:插件的源代码,假如买了商业授权就会有所有源代码;
Themes:主题风格(肌肤),储放css,img;
changlog.txt:更新日志;
easyloader.js:内部结构建立了一个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关键和 HTML5上创建程序流程网页页面。这种作用使人们的运用合适今日的互联网。
EasyUI是个极致适用H5 网页页面的详细架构。
EasyUI节约了网站开发的时长和经营规模。
EasyUI比较简单,可是作用十分强劲。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。