ExtJS4.1 api+examples查看环境搭建

本文的目的是:将新下载的ExtJs4.1(开源版GPL,并非商业版,开源版下载地址:http://www.sencha.com/products/extjs/download,打开该页面后,找gpl版下载即可)部署到apache服务器中,配合php,然后便可以访问整个sdk(包括例子,api等)。

声明:如果你仅仅是想看4.1的api,则完全可以不部署到server中。但是如果直接点击docs下的index.html是不能看api的,只能看到齿轮在那儿转,死活都不显示api页面。解决办法是:打开在index.html的head元素中引入ext-all.js,即在该文件的36行加入如下代码:

<script type="text/javascript" src="../ext-all.js"></script>

之后,便能访问api页面,也能正常查看指南帮助,大部分例子examples。问题是,有些例子,比如点击examples后,查看tree下的xml tree例子,你不能看到效果,因为它的实现代码中,xml文件是通过server端的php生成的。所以要想完全没有问题的使用整个sdk,要么你就在线查看官方文档,要么自己部署到自己本地的server中。

整个部署分以下几个步骤:

1、下载安装apache服务器


apache服务器介绍:跟tomcat一样,也是apache的产品,该server优势在于处理静态页面,而tomcat则动态页面静态页面都能处理。

本人下载的是apache 2.2.19版,httpd-win32-x86-opensslo.exe,是apache安装版(如果apache官网上该版本的链接不能用,可以百度,找别的网站下)。安装过程需要配置域名邮箱什么的,随便配置,无所谓。默认情况下,该server安装到了C:\Program Files\Apache Software Foundation\Apache2.2。其中htdocs便是该server放应用的地方。安装完毕后,在htdocs下新建一个应用,叫extjs(名称无所谓),把extjs-4.1.1目录里面所有的内容拷贝到extjs目录。

至此,可这样访问整个文档了http://localhost/extjs/。但是,上面已经说过,在查看某些涉及到php交互的例子的时候,依然有问题。

2、下载php,部署php到apache中使apache支持php

到php官网下载php-5.2.17-Win32-VC6-x86.zip(zip为非安装版,installer为安装版,下载非安装版)。下载后解压到

c:/php。

关键的一步:开始-》程序-》apache http server 2.2-》configure apache server-》Edit the Apache httpd.conf Configuration File,打开该文本后,通过搜索LoadModule,定位到模块配置代码,带#号的为注释,在该代码处加上两行:

LoadModule php5_module C:/php/php5apache2_2.dll
PHPIniDir c:/php

注意,不要前缀#号。

3、测试

用记事本建一个文件:test.php,其内容为

<html>

	<head>

		<title>hi test!</title>

	</head>

	<body>

		<?php phpinfo();?>

	</body>

</html>

将该文件放到C:\Program Files\Apache Software Foundation\Apache2.2\htdocs下,在浏览器中输入:http://localhost/test.php,若出现了php版本相关的页面,则说apache集成php成功了。

 

到此,大功告成,以后想查看api、examples访问localhost/extjs即可。由于apache用了端口80,所以本人将自己的tomcat端口设置为8080,以避免冲突。

注:以上所有操作均在windows xp平台,server及php当然也是相应的windows版。如有说错的地方,欢迎指出。

你可能感兴趣的:(example)