ExtJS5 (一) 超简单整合到eclipse中,搭建简单的开发环境

个人一直欣赏大神们的唯美前端页面,而现在个人从事的是MIS系统等相关的开发,故决定学习ExtJS,目前最新版本是5.0,就从5.0开始吧。

作为java开发人员,自然而然的想在eclipse中搞个extjs的简单开发环境,以后再慢慢丰富,开始吧~

第一步:从官网下载extjs,目前是5.0版本

第二步:用eclipse创建一个动态web工程

第三步:在工程的WebContent目录下创建一个文件夹,叫作ExtJS5。

第四步:解压从官网下载的extjs,解压之后,目录结构如下:

看一下根目录下的index,了解了使用extjs时,依赖的一些文件的位置,一般需要根目录下的ext-all.js和build文件夹中的一些css和package文件夹。

将依赖的extjs文件复制到工程中新建的extjs5文件夹下即可,工程结构如下:

经过上面四步,好啦,可以编写html文件了,在WebContent目录下,创建一个经典的index.html文件,并引用extjs相关的文件,代码如下:

在head标签内,分别引用了ext提供的某个主题的css文件和ext提供的主题js及框架js文件

引用完ext相关的文件之后,就要以ext的规范创建一个小窗口了,我将这个创建小窗口的代码放置在了WebContent目录下的自己建立的AppJS目录下,

代码是参数ext的示例编写的,如下所示:

说实话,目前还不清楚这段代码的详细规格,但通过名称能够猜测出其大概的意思。

好了,此时,算是准备工作完工了,发布到经典的tomcat下,访问经典的http://localhost:8080/工程名称,即可看到效果了:

完工。

(对了,引用extjs的相关文件之后,eclipse默认会去对这些文件进行验证,造成eclpise超卡,

解决办法就是删除掉工程目录下的工程文件.project内的有关js验证的相关配置即可)

/********************************************外星人乔丹拍板时间***************************************/

我喜欢一切美好的东西

ExtJS5 (一) 超简单整合到eclipse中,搭建简单的开发环境,布布扣,bubuko.com

时间: 2024-10-08 20:50:33

ExtJS5 (一) 超简单整合到eclipse中,搭建简单的开发环境的相关文章

Eclipse 下搭建pyDev python开发环境及helloworld

一,安装基础环境 1,安装jdk7,并配置环境变量(pyDev要求jdk7及以上版本,否则安装好也不显示) 2,下载Eclipse并解压 3,安装python3.X 二,Eclipse下配置pyDev 1,安装插件:help -> Install new Software.. ->输入PyDev Update Site - http://pydev.org/updates 然后下一步.同意等等. 2,配置python编译器:Window -> perferences -> pyDe

在Mac OSX系统中搭建Python集成开发环境

本篇博客分享如何在Mac OSX系统中搭建Python集成开发环境 首先到Python官网下载python,python官网链接 这里选择下载Python2.7.9版本,下载完成之后安装: 安装成功,打开终端: 下面下载python开发的ide,http://www.jetbrains.com/pycharm/ 下载专业版,有30天的免费试用,足够我们学习python了. 安装,将Pycharm拖动到mac应用程序中 创建第一个Python项目: 运行python文件

windows和linux中搭建python集成开发环境IDE——如何设置多个python环境

本系列分为两篇: 1.[转]windows和linux中搭建python集成开发环境IDE 2.[转]linux和windows下安装python集成开发环境及其python包 3.windows和linux中搭建python集成开发环境IDE——如何设置多个python环境 Install Python packages on Ubuntu 14.04 from chris' sandbox In this post I will document my setup of Python 2.7

【转】windows和linux中搭建python集成开发环境IDE

http://blog.csdn.net/pipisorry/article/details/39854707 使用的系统及软件Ubuntu / windowsPython 2.7 / python 3Pycharm 2.6.3Openjdk Postgresql 9.1VirtualenvVirtualenvwrapper{开始之前,可以给系统做一下备份.如误安装了Postgresql,出现了大问题就不得不把系统给重装了} 安装python 安装python 1. Ubuntu 12.04系统

在已有的 eclipse 中离线配置 android 开发环境

有两种方法配置 android 开发环境:[注意:本文只介绍离线配置方法] 首先,下载好 ADT ( eclipse 平台下用来开发 android 应用程序的插件) 这里提供一个镜像网站 http://wear.techbrood.com/sdk/index.html,以下载android公开的官方开发平台 打开链接 点击下载(同意协议并且根据操作系统选择32bit还是64bit) 下载完成后解压打开目录(你会看到 eclipse 目录,这是配置好 android 开发环境的,你也可以直接用)

Eclipse上搭建Spring的开发环境

一.安装Spring Tool Suite插件 如图: 点击Finish之后等待安装,安装完之后弹窗点击yes重启Eclipse,重启后显示如下界面: 二.搭建Spring开发环境 1.导入jar包到工程的ClassPath下     x.x.x为版本号 commons-logging-x.x.x.jar       -------->Spring的依赖包 spring-beans-x.x.x.RELEASE.jar spring-context-x.x.x.RELEASE.jar spring

eclipse+maven搭建hadoop本地开发环境

我们的目的是搭建一个可以在任何地方使用的hadoop开发环境. 创建maven项目 创建一个maven项目,什么类型的项目以自己需求,在pom.xml中引入hadoop依赖. 引入hadoop配置文件 copy hadoop的配置文件到src/main/resources文件中,只考有用的就行,core-site.xml,hdfs-site.xml,mapred-site.xml,yarn-site.xml等. 设置环境变量 hadoop的配置文件夹中的配置文件可以分为两类,一类是xml(.pr

在Windows下的virtualenv中搭建Flask+MySQLDb开发环境

virtualenv和Flask的安装前面已经介绍过了,这里主要讲如何在venv中安装MySQL 安装MySQLdb 下载MySQL-python-1.2.3.win32-py2.7.exe并安装. 安装后会自动D:/Python27/Lib/site-packages中加入以下文件夹和文件: MySQL_python-1.2.3-py2.7.egg-info MySQLdb mysql.pyd mysqlexceptions.py mysqlexceptions.pyc mysqlexcept

ubuntu中搭建基本的开发环境

1.搭建基本开发环境: sudo apt-get install build-essential 2.安装语法.词法分析器 sudo apt-get install bison flex 3.安装C函数库的man手册,可以通过"man functionname"查看函数用法 sudo apt-get install manpages-dev ncurses是一个能提供功能键定义(快捷键).屏幕绘制以及基于文本终端的图形互动功能的动态库.如果没有它,在执行 make menuconfig