extjs_01_开发环境搭建,hello word_extjs hello word-优快云博客

本文链接：https://blog.youkuaiyun.com/adam_wzs/article/details/32391811

1.下载Extjs4.1(下载地址：http://extjs.org.cn/node/558)

2.给MyEclipse安装Spket插件(可选操作，安装该插件可实现代码提示，安装帮助：http://www.tuicool.com/articles/nMRfe2)

3.复制Extjs4.1下载包下面项目需要引用的文件到webroot下边

项目结构如下图：

项目代码：

index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>My JSP 'index.jsp' starting page</title>

<!-- 引入样式，可以把ext-all.css换成ext-all-access.css |  ext-all-gray.css改变样式-->
<link rel="stylesheet" type="text/css" href="./extjs4.1/resources/css/ext-all.css">

<!-- 开发模式引入ext-all-debug.js，发布模式引入ext-all.js -->
<script type="text/javascript" src="./extjs4.1/ext-all-debug.js"></script>

<!-- 语言包 -->
<script type="text/javascript" src="./extjs4.1/locale/ext-lang-zh_CN.js"></script>

<script type="text/javascript">
	Ext.onReady(function() {
		Ext.Msg.alert("提示", "第一个extjs程序!");
	});
</script>

</head>

<body>
	This is my JSP page.
	<br>
</body>
</html>