extjs_01_开发环境搭建,hello word

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

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

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

项目结构如下图:

extjs_01_开发环境搭建,hello word_第1张图片

项目代码:

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>






你可能感兴趣的:(word,hello,extjs_01_开发环境搭建)