1 搭建环境——ExtJS学习之旅

最新推荐文章于 2024-09-21 22:25:14 发布

「已注销」

最新推荐文章于 2024-09-21 22:25:14 发布

阅读量217

点赞数

分类专栏：网页前端文章标签： EXT SVN JavaScript CSS 互联网 ViewUI

网页前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

学习ExtJS第一步：搭建ExtJS的执行环境

ExtJS学习之旅：目录下一篇：ExtJS基础

步骤：下载ExtJS--> 部署ExtJS-->测试ExtJS

下载ExtJS： 官方地址，ExtJS v3.2.0 或者我的项目CMS4G中下载ExtJS v3.2.0
部署ExtJS： （最小化ExtJS部署ext-3.2.0目录的ext-all.js和adapter目录和resources目录就足够了）把ExtJS部署到任何联网可以访问的地方，你可以选择你的应用根目录或者互联网上的一个存储位置(WebRoot/res/extjs3.2.0目录)，比如我的项目CMS4G中的位置：ExtJS v3.2.0

测试ExtJS： 编写html文件测试ExtJS：WebRoot/examples/extjs/testExtJS.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>测试ExtJS部署</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" type="text/css" href="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/resources/css/ext-all.css" />
	    <!-- ExtJS library: base/adapter -->
	    <script type="text/javascript" src="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/adapter/ext/ext-base-debug.js"></script>
	    <!-- ExtJS library: all widgets -->
	    <script type="text/javascript" src="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/ext-all-debug.js"></script>

	    <script type="text/javascript">
		Ext.onReady(function() {
			Ext.Msg.alert('提示', '执行方法 Ext.onReady()');
		});
		</script>
	</head>

	<body></body>
</html>

我的理解：ExtJS是一个UI组件，编写基于ExtJS的程序是一件非常愉快的事情，它的组件非常丰富，可以很好的满足管理软件的需要，如果是做管理应用那么ExtJS就是为此而准备的 ^ ^

不擅长的领域就不要使用不擅长的工具了