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

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

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

相关文章
|
1月前
|
JavaScript 前端开发 搜索推荐
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
|
JavaScript 测试技术
Easyui 修改jquery validatebox为英文校验提示为中文提示
Easyui 修改jquery validatebox为英文校验提示为中文提示
83 0
|
JavaScript NoSQL 前端开发
常用网络js链接大全(jQuery、bootstrap、vue、ECharts、easyUI、React、maven、Mybatis、Spring、SpringMVC、Redis)(3)
常用网络js链接大全(jQuery、bootstrap、vue、ECharts、easyUI、React、maven、Mybatis、Spring、SpringMVC、Redis)
141 0
常用网络js链接大全(jQuery、bootstrap、vue、ECharts、easyUI、React、maven、Mybatis、Spring、SpringMVC、Redis)(3)
|
JavaScript 前端开发 NoSQL
常用网络js链接大全(jQuery、bootstrap、vue、ECharts、easyUI、React、maven、Mybatis、Spring、SpringMVC、Redis)(2)
常用网络js链接大全(jQuery、bootstrap、vue、ECharts、easyUI、React、maven、Mybatis、Spring、SpringMVC、Redis)
129 0
|
JavaScript 前端开发 NoSQL
常用网络js链接大全(jQuery、bootstrap、vue、ECharts、easyUI、React、maven、Mybatis、Spring、SpringMVC、Redis)(1)
常用网络js链接大全(jQuery、bootstrap、vue、ECharts、easyUI、React、maven、Mybatis、Spring、SpringMVC、Redis)
125 0
|
前端开发 JavaScript 数据安全/隐私保护
jQuery EasyUI简明教程
1. 背景 EasyUI虽然样式比较固定,但是功能比较全面,而且入门比较简单,适合刚刚学习前端的童鞋们,此处拿出来讲讲如何使用EasyUI。
140 0
|
JavaScript 前端开发 开发者
【原】jQuery easyUI 快速搭建前端框架
jQueryEasyUI jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。
1790 0
fbh
|
JavaScript
基于Jquery easyui 选中特定的tab并更新
原文:http://www.cnblogs.com/bohanfu/p/5802138.html  获取选中的 Tab // 获取选中的 tab panel 和它的 tab 对象 var pp = $('#tt').tabs('getSelected'); var tab = pp.panel('options').tab; // 相应的 tab 对象 更新特定的选项卡面板 可使用update方法,param参数包含2个属性: tab: 将被更新的选项卡。
fbh
1058 0