zl程序教程

您现在的位置是:首页 >  前端

当前栏目

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

jQueryEasyUI开发 环境 指南 搭建 1.9
2023-09-11 14:17:38 时间
因为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提供的文件夹即可。引入的时候,要合理安排目录结构。这样,可以做到让引入的文件清晰明了,不会让人迷茫。在确定目录结构之后,在后面的开发过程中,只要写前端页面都要引入这段代码,所以合理安排目录结构有着不同寻常的意义。

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


《jQuery EasyUI开发指南》——导读 为什么说掌握这些技能还不够呢?回想Web技术刚刚起步的年代,所谓的网站,无非就是一些非常简单的元素的拼凑,界面粗糙、功能僵化。可正是有了这样的开始,才让Web技术发展起来,一直走到了现在。随着时代的发展,企业和市场都对软件工程师这一职业提出了越发严格的要求。
《jQuery EasyUI开发指南》——10.5 分析能力 综合起来,程序员的分析能力是非常重要的。所谓分析,就是把复杂的需求,分解成若干个独立并且相互关联的模块,并且可以串成一个整体。在开发的时候,也要注意,从最基础的、最重要的做起,只有把基础功能做好了,往上叠加的内容才可以畅通无阻,这就跟修建房屋是一个道理。
《jQuery EasyUI开发指南》——10.4 迭代开发 本节书摘来自异步社区《jQuery EasyUI开发指南》一书中的第10章,第10.4节,作者:王波著,更多章节内容可以访问云栖社区“异步社区”公众号查看
《jQuery EasyUI开发指南》——10.3 系统上线 本节书摘来自异步社区《jQuery EasyUI开发指南》一书中的第10章,第10.3节,作者:王波著,更多章节内容可以访问云栖社区“异步社区”公众号查看
《jQuery EasyUI开发指南》——10.2 操作手册 本节书摘来自异步社区《jQuery EasyUI开发指南》一书中的第10章,第10.2节,作者:王波著,更多章节内容可以访问云栖社区“异步社区”公众号查看
《jQuery EasyUI开发指南》——1.8 搭建SSH开发框架 工欲善其事,必先利其器。在Java Web开发中,之所以采用MyEclipse,并且采用最流行的MVC架构来开发,就是因为MyEclipse的扩展性。它可以说是无限扩展的,需要什么就安装什么,这些来自第三方的插件,可以非常方便地为项目服务,提供强大的功能。
《jQuery EasyUI开发指南》——1.7 安装Tomcat服务器 Tomcat从诞生到现在已经推出了很多个版本。对于Web开发,并不需要很高的版本,因为Web服务器是非常需要稳定的。虽然最新版本支持很多新的特性,但同时也带来了更多的风险。与其选择最新的,不如选择最稳定的,而且这种稳定是经过长时间的实践证明的,实在没有必要冒险。
《jQuery EasyUI开发指南》——1.6 新建Web Project 打开MyEclipse 10可以看到它的整个开发界面。选择“File”→“New”→“Web Project”,在弹出的对话框中可以看到“Create a Web Project”的具体设置。一般来说,Java比较适合企业级开发,而现在软件开发流行的趋势就是Web方式,所以创建项目的时候,一般也是新建Web Project。
《jQuery EasyUI开发指南》——1.5 MyEclipse的语言配置 一般来说,在开发软件的时候,使用IDE主要有英文和中文这两个选择(对日开发除外)。究竟使用英文版还是使用中文版呢?在这个问题上,很多新手很困扰。使用英文版,显得专业,但如果英文不好,很难对IDE的各种选项进行设置,更不要说是精通了。也许,使用了几年英文版,对IDE的熟悉程度还始终停留在初级阶段。
《jQuery EasyUI开发指南》——1.4 选择开发工具 在本书的管理系统项目中,我们选择使用MyEclipse 10作为开发工具。为了规避项目开发过程中的一些问题,大家最好都安装MyEclipse 10。当然,这个办法被证实有效,却并不提倡,每个人都有自己的喜好,不应该把自己的理念强加给别人。
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。