ExtJS 学习笔记一(安装Eclipse的Spket插件并编写第一个ExtJS程序)
2016-11-18 21:22
645 查看
一、安装Eclipse的Spket插件
1.官网下载Spket插件(spket-1.6.23.zip)
http://www.spket.com/download.html
2.安装
解压spket-1.6.23.zip,把里面的plugins和features两个文件夹拷贝到Eclipse中,启动Eclipse。
3.配置专属ExtJS的Spket
首先要去Ext官网下载最新的extjs-4.1.1
4.测试
新建一个js文件,输入e按ALT+/看是否有提示
二、搭建ExtJS环境,编写第一个ExtJS程序
1.引入ExtJS资源文件(我的是再SSM框架中整合的,仅供参考)
2.编写index.jsp文件
3.编写相对应的index.js(一般要求同名)
4.启动项目,出现下图就OK了。
1.官网下载Spket插件(spket-1.6.23.zip)
http://www.spket.com/download.html
2.安装
解压spket-1.6.23.zip,把里面的plugins和features两个文件夹拷贝到Eclipse中,启动Eclipse。
3.配置专属ExtJS的Spket
首先要去Ext官网下载最新的extjs-4.1.1
4.测试
新建一个js文件,输入e按ALT+/看是否有提示
二、搭建ExtJS环境,编写第一个ExtJS程序
1.引入ExtJS资源文件(我的是再SSM框架中整合的,仅供参考)
2.编写index.jsp文件
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <html> <head> <title>first ExtJS</title> <base href="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- ext的样式文件 --> <link rel="styleSheet" type="text/css" href="static/plugins/extjs/resources/css/ext-all.css" /> <!-- extjs的核心文件 --> <script type="text/javascript" charset="utf-8" src="static/plugins/extjs/ext-all-debug.js"></script> <!-- 国际化文件 --> <script type="text/javascript" charset="utf-8" src="static/plugins/extjs/ext-lang-zh_CN.js"></script> <script type="text/javascript" charset="utf-8" src="static/js/index.js"></script> </head> <body> </body> </html>
3.编写相对应的index.js(一般要求同名)
Ext.onReady(function (){ Ext.MessageBox.alert("提示信息","Hello World!") });
4.启动项目,出现下图就OK了。
相关文章推荐
- 学习笔记 Eclipse UML插件及其安装方法
- (JAVA SE 学习笔记)Java.SE.第001讲.Java.SE入门、JDK的下载与安装、第一个Java程序、Java程序的编译与执行
- OpenCV学习笔记(一)——安装配置、第一个程序
- eclipse中部署编写extjs代码时候的检测插件spket
- spket对Extjs4的支持方法 eclipse插件spket安装 extjs4 提示
- eclipse中安装spket-1.6.22插件支持ExtJS 4.0.7
- ExtJs学习篇---ExtJS 3.0以上版本在eclipse中使用spket插件设置自动提示的方法
- OpenCV学习笔记(一)——安装配置、第一个程序
- 在Eclipse中安装使用Extjs插件Spket
- Maven学习笔记(二)——Eclipse插件安装(m2eclipse)
- eclipse下安装Extjs的插件spket
- Java学习笔记之Eclipse plugin插件安装
- eclipse中安装spket-1.6.22插件支持ExtJS 4.0.7
- 别人:OpenCV学习笔记(一)——安装配置、第一个程序(http://blog.csdn.net/yang_xian521/article/details/6894228)
- eclipse下安装Extjs的插件spket
- spket对Extjs4的支持方法 eclipse插件spket安装 extjs4 提示
- 为Zend Studio (Eclipse)安装Spket插件,以支持ExtJS 4.0代码自动提示 .
- spket对Extjs4的支持方法 eclipse插件spket安装 extjs4 提示
- J2EE SSH学习(二)安装Eclipse插件和第一个Eclipse项目
- Java 学习笔记22:Maven以及其Eclipse插件m2eclipse的安装