ExtJs学习-搭建开发环境
2014-08-26 00:00
246 查看
Extjs是一个非常棒的ajax框架,可以用来开发十分绚丽外观的客户端框架,能使B/S框架更加具有活力。它是一个用javascript编写的框架,与后台技术无关的ajax框架。因此,可以把ExtJs使用在asp.net、java、php等语言开发的应用程序中。
关于Extjs的智能提示配置参考:http://www.cnblogs.com/maowang1991/archive/2013/02/05/2893142.html
本人学习使用的是3.4版本,在3.4版本上进行学习和实验。
首先是获取Extjs框架,下载之后,解压文件到当前文件夹,目录如下所示:
编写第一个ExtJS程序
在eclipse工具中新建一个项目,引入ExtJs类库,代码在Eclipse中WebContent目录下的结构如下所示。
在使用ExtJs之前,需要在页面中引入相应的CSS和JS文件。一般引用如下文件
ext-all.css
ext-base.js
ext-base.js
在Eclipse中新建一个html页面,在head标签中输入如下代码:
<link href="../../ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext/ext-all.js"></script>
引用完了框架的类库之后,和编写一般的javascript文件代码类似,HelloWord代码如下所示。
打开浏览器,可是访问当前的页面,效果如下所示。
页面效果是出来的,还是挺绚丽的,这就是第一个Extjs程序,以后进行慢慢学习,总结。
关于Extjs的智能提示配置参考:http://www.cnblogs.com/maowang1991/archive/2013/02/05/2893142.html
本人学习使用的是3.4版本,在3.4版本上进行学习和实验。
首先是获取Extjs框架,下载之后,解压文件到当前文件夹,目录如下所示:
编写第一个ExtJS程序
在eclipse工具中新建一个项目,引入ExtJs类库,代码在Eclipse中WebContent目录下的结构如下所示。
在使用ExtJs之前,需要在页面中引入相应的CSS和JS文件。一般引用如下文件
ext-all.css
ext-base.js
ext-base.js
在Eclipse中新建一个html页面,在head标签中输入如下代码:
<link href="../../ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext/ext-all.js"></script>
引用完了框架的类库之后,和编写一般的javascript文件代码类似,HelloWord代码如下所示。
<script type="text/javascript"> Ext.onReady(function() { Ext.MessageBox.alert("title", "Hello World"); }) </script>
打开浏览器,可是访问当前的页面,效果如下所示。
页面效果是出来的,还是挺绚丽的,这就是第一个Extjs程序,以后进行慢慢学习,总结。
相关文章推荐
- ExtJs学习-搭建开发环境
- ExtJs学习-搭建开发环境
- (转)android 学习基础篇---开发环境的搭建 Eclipse SDK jdk ADT
- Adroid学习笔记-入门资料以及V2.3系统开发环境搭建
- 我的嵌入式学习笔记(1)-- 搭建开发环境
- 开始学习Java,搭建Java开发环境
- SharePoint(WSS)学习(1) 简介与开发环境搭建
- iPad开发学习之一环境搭建和基本概念
- 《华清远见学习手记》之 ubuntu8.10 下搭建QT4.4.0开发环境
- Extjs之Eclipse及spket的开发环境的搭建
- 我的嵌入式学习笔记(1)-- 搭建开发环境
- Extjs之Eclipse及spket的开发环境的搭建
- GTK+学习:概述 、搭建环境(Windows,Linux)、开发
- Extjs之Eclipse及spket的开发环境的搭建
- spring学习笔记整理--02(搭建与测试Spring的开发环境)
- 用Extjs框架搭建ArcGIS Server Web ADF开发环境
- 【转载】黑莓开发学习(入门教程)02-开发环境搭建
- 学习Silverlight2.0开发(一):搭建开发环境
- groovy学习1-搭建groovy开发环境
- 学习Android第一步:安装搭建Android开发环境