前言:对于企业级的开发项目,或是网站的后台部分,我们可以使用前端框架来实现,现在目前比较主流的前端框架有easyUI、BUI以及miniUI等。其中easyUI在企业开发中市场份额最大,应用最广泛,使用起来也比较容易上手。在easyUI快速入门这一系列教程中当然就应采用easyUI作为前端框架了。
什么是easyUI?
百度百科上是这样介绍easyUI的:
简单地说,easyUI就是一种基于jQuery的用户界面插件集合。使用easyUI你不需要写很多代码了,只需要通过编写一些简单的HTML标记,就可以定义用户界面。而且,easyUI是个完美支持HTML5网页的完整框架,它可以节省您网页开发的时间和规模,虽简单但功能强大。我们在初学easyUI时,可以用到哪就学到哪,在项目进展过程中以查文档的方式,循序渐进地掌握easyUI。
下载easyUI
easyUI的官网地址是http://www.jeasyui.com/index.php,访问它,找到Download超链接,然后点击它开始进入到easyUI的下载界面。
接着,再点击Download按钮,正式进入到easyUI的下载界面。
紧接着,点击Download按钮即可下载easyUI了,可以看到目前最新的版本是jquery-easyui-1.8.8。
最后,将下载好的文件解压,你就能看到如下图所示的目录结构。
我们可以通过上边demo目录中的例子学习easyUI中的各种组件。
easyUI的快速入门
创建项目,并在项目中导入easyUI所需的样式和js
新建一个动态web工程,例如easyui,为了在我们的项目中使用easyUI,我们需要把解压后的jquery-easyui-1.8.8目录中的如下东东添加到项目中去。