ExtJS5学习之Hello World

简介:

ExtJS5已经发布很久了,还没学过,没什么原因,因为我很懒,哈哈,趁着有空,记录一下学习过程,这也是第一次在iteye写博客,没什么原因,因为我很懒。 :D 首先去官网下载ExtJS5的压缩包,首先你需要注册一个帐号,然后官网会往你注册的邮箱里发送一封邮件,邮件里会有试用下载地址。下载完成解压到任意目录后,你会得到如同这样的目录,

 然后打开你的Eclipse,新建一个web project,如图:


 在WebContent目录下新建一个extjs目录,然后把下载下来的extjs压缩包里的ext-all.js复制到刚刚新建的extjs目录下,然后新建一个ext-theme-classic文件夹,用于存放extjs的主题皮肤文件,虽然extjs5默认皮肤不再是classic(默认的经典蓝),而是neptune,我感觉这皮肤很丑,可能是ExtJS在跟风扁平化设计吧。ExtJS5的皮肤文件都存放在G:\Java-zipfile\ext-5.1.0\build\packages下(G:\Java-zipfile\ext-5.1.0是我的ExtJS压缩包解压目录),把ext-theme-classic-all.css主题样式文件和ext-theme-classic.js主题js文件copy到新建的ext-theme-classic文件夹下,然后把该主题有关的图片资源文件复制到ext-theme-classic文件夹下,到此,我们学习ExtJS5需要的基础环境就弄好了,最后文件结构如图:


 

写个JSP页面测试一下吧


 部署项目,运行测试看下效果图,如图能正常显示一个ExtJS窗体,说明第一个Hello World demo程序就编写成功了!但很不幸的是,ExtJS为了逼用户付费使用它的产品,在他们的组件上添加了 ExtJS Trial等字样,确实把我恶心到了,但是这些是可以通过修改主题样式文件来去除的,因为我使用的classic经典蓝色主题,我们就只需要打开ext-theme-classic-all.css文件,搜索所有ExtJS Trial字样删除它即可,如果你使用的是其他主题同理。


未修改主题样式文件之前显示如下:


 去除了ExtJS Trial试用字样后如图:


 恶心的试用字样是去掉了,但不代表你就随心所欲的使用ExtJS5,正式商业用途还是乖乖付费吧,自己学习玩玩就无所谓啦!好了,Hello World就到此为止了。

转载:http://iamyida.iteye.com/blog/2180861

目录
相关文章
|
前端开发 JavaScript 容器
学习JavaScript笔记
学习JavaScript笔记
64 0
|
JavaScript 前端开发 算法
Javascript 学习 笔记三
1、Javascript 组成: ECMAScript--JavaScript的核心,描述了语言的基本语法和对象。DOM(文档对象模型)--The Document Object Model描述了作用于网页内容的方法和接口。document的操作,比如: var lis = document.getElementsByTagName('li'); BOM(浏览器对象模型):The Brow
1419 0
|
6天前
|
NoSQL Cloud Native Redis
Redis核心开发者的新征程:阿里云与Valkey社区的技术融合与创新
阿里云瑶池数据库团队后续将持续参与Valkey社区,如过往在Redis社区一样耕耘,为开源社区作出持续贡献。
Redis核心开发者的新征程:阿里云与Valkey社区的技术融合与创新
|
6天前
|
关系型数据库 分布式数据库 数据库
PolarDB闪电助攻,《香肠派对》百亿好友关系实现毫秒级查询
PolarDB分布式版助力《香肠派对》实现百亿好友关系20万QPS的毫秒级查询。
PolarDB闪电助攻,《香肠派对》百亿好友关系实现毫秒级查询
|
7天前
|
消息中间件 Cloud Native Serverless
RocketMQ 事件驱动:云时代的事件驱动有啥不同?
本文深入探讨了云时代 EDA 的新内涵及它在云时代再次流行的主要驱动力,包括技术驱动力和商业驱动力,随后重点介绍了 RocketMQ 5.0 推出的子产品 EventBridge,并通过几个云时代事件驱动的典型案例,进一步叙述了云时代事件驱动的常见场景和最佳实践。
115052 1
|
8天前
|
弹性计算 安全 API
访问控制(RAM)|云上安全使用AccessKey的最佳实践
集中管控AK/SK的生命周期,可以极大降低AK/SK管理和使用成本,同时通过加密和轮转的方式,保证AK/SK的安全使用,本次分享为您介绍产品原理,以及具体的使用步骤。
101814 1
|
7天前
|
自然语言处理 Cloud Native Serverless
通义灵码牵手阿里云函数计算 FC ,打造智能编码新体验
近日,通义灵码正式进驻函数计算 FC WebIDE,让使用函数计算产品的开发者在其熟悉的云端集成开发环境中,无需再次登录即可使用通义灵码的智能编程能力,实现开发效率与代码质量的双重提升。
95391 2
Doodle Jump — 使用Flutter&Flame开发游戏真不错!
用Flutter&Flame开发游戏是一种什么体验?最近网上冲浪的时候,我偶然发现了一个国外的游戏网站,类似于国内的4399。在浏览时,我遇到了一款经典的小游戏:Doodle Jump...
112734 12
|
12天前
|
SQL 存储 JSON
Flink+Paimon+Hologres 构建实时湖仓数据分析
本文整理自阿里云高级专家喻良,在 Flink Forward Asia 2023 主会场的分享。
71322 1
Flink+Paimon+Hologres 构建实时湖仓数据分析
|
16天前
|
弹性计算 运维 安全
访问控制(RAM)|云上程序使用临时凭证的最佳实践
STS临时访问凭证是阿里云提供的一种临时访问权限管理服务,通过STS获取可以自定义时效和访问权限的临时身份凭证,减少长期访问密钥(AccessKey)泄露的风险。本文将为您介绍产品原理,以及具体的使用步骤。
151046 4

热门文章

最新文章

相关实验场景

更多