ExtJS入门-------环境搭建

  1. ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。

  2. 一、引入类库文件

  3. Extjs类库介绍:

  4. adapter:负责将里面提供第三方底层库(包括Ext自带的底层库)映射为Ext所支持的底层库。

  5. build:压缩后的ext全部源码(里面分类存放)。

  6. docs:API帮助文档。

  7. exmaples:提供使用ExtJs技术做出的小实例。

  8. resources:ExtUI资源文件目录,如CSS、图片文件都存放在这里面。

  9. source:无压缩Ext全部的源码(里面分类存放)遵从LesserGNU(LGPL)开源的协议

  10. Ext-all.js:压缩后的Ext全部源码。

  11. ext-all-debug.js:无压缩的Ext全部的源码(用于调试)。

  12. ext-core.js:压缩后的Ext的核心组件,包括sources/core下的所有类。

  13. ext-core-debug.js:无压缩Ext的核心组件,包括sources/core下的所有类。

  14. 二、新建一个jsp页面或者html文件并引入js文件和css文件,js文件的引入一定要注意顺序

  15. <!--引入extjs的css样式文件-->

  16. <linkrel="stylesheet"type="text/css"href="/extjs_01/ext-4.0/resources/css/ext-all.css">

  17. <!--引入使用extjs所依赖的js文件交给引导程序处理-->

  18. <scripttype="text/javascript"src="/extjs_01/ext-4.0/bootstrap.js"></script>

  19. <!--引入自己的js文件extjs所依赖的js文件的引入一定要在自己的js之前引入-->

  20. <scripttype="text/javascript"src="/extjs_01/example/lession01/hw.js"></script>

  21. 三、建一个自己的js文件

  22. 如果自己没有新建js文件,那在上面就不需要引入自己的js文件了,只要在<script></script>中书写代码就可以了

  23. ExtJS优点:

  24. 1、统一主题

  25. 2、UI与数据库解耦

  26. 3、丰富的UI组件

  27. 4、方便测试与调试

  28. 5、优秀的源码

  29. 在使用和开发ExtJS之前,可以在工具上安装插件实现智能提示功能(例如:Spket)

你可能感兴趣的:(入门,ExtJs,环境搭建)