《jQuery EasyUI开发指南》——1.9 搭建jQuery EasyUI开发环境

本节书摘来自异步社区《jQuery EasyUI开发指南》一书中的第1章，第1.9节，作者：王波著，更多章节内容可以访问云栖社区“异步社区”公众号查看

1.9　搭建jQuery EasyUI开发环境

jQuery EasyUI开发环境的搭建比较简单。因为jQuery EasyUI属于前端插件，所以只需要在写前端页面的时候引入它们的JavaScript文件即可，其余不用什么复杂的配置。相比之下，前端开发环境的配置要比后端简单得多。

如果不引用相应的JavaScript文件，直接在页面中写入代码，会报前台JavaScript错误，一般都是缺少对象。

为了管理方便，我们需要在WebRoot目录下建立一个jquery文件夹，统一存放使用jQuery所需要的JavaScript文件。同样的，也需要在WebRoot目录下建立一个easyui文件夹，用于存放EasyUI所需要的JavaScript文件。

引入jQuery的代码如下：

<script src="scripts/jquery.js" type="text/javascript"></script>
引入EasyUI的代码如下：

<link rel="stylesheet" type="text/css" href="../themes/default/EasyUI.css"> 
<link rel="stylesheet" type="text/css" href="../themes/icon.css"> 
<link rel="stylesheet" type="text/css" href="demo.css"> 
<script type="text/javascript" src="../jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="../jquery.EasyUI.min.js"></script>

因为EasyUI引入的文件比较多，所以一般直接复制EasyUI提供的文件夹即可。引入的时候，要合理安排目录结构。这样，可以做到让引入的文件清晰明了，不会让人迷茫。在确定目录结构之后，在后面的开发过程中，只要写前端页面都要引入这段代码，所以合理安排目录结构有着不同寻常的意义。

至此，整个管理系统的开发框架，还有前端插件的引用都已经完成了。下面就可以正式进行开发了。