代码改变世界

【 EXTJS 之 世界你好 】

2011-05-11 20:41  木+头  阅读(796)  评论(2编辑  收藏  举报

Extjs 简介

Extjs诞生于2007年,是一个RIA(Rich Internet Application)的Ajax应用UI级JS框架 ,它的开发出的界面虽然谈不上非常的时尚,但是却让人觉得非常的专业,用户体验那是灰常的不错,他的一个口号是没有CSS和HTML和一个页面一个应用,当然他的优秀与否全取决于你,他也不是没有缺点,一直有人说他可能更适合做内部系统,他们说的非常对,Extjs的内裤,还是有点大的,所以可能第一次显示会稍微慢了半拍,一旦加载完,速度还是可观的
更详细的信息请参考百度百科:http://baike.baidu.com/view/1350145.htm

Extjs 为什么要用

统一的界面风格,不再关注CSS+XHTML,让你更专业
强大的组件库,便捷的操作函数,让你更高效
扩展性强,兼容性不是很坏,让它更强大
响应快,操作简单,界面美好,交互性好,让客户更高兴
我还在犹豫什么

Extjs 如何学习

编程,个人认为兴趣和动手能力非常重要,一定要有充分的练习,写的多了,自然也就熟悉了

有空看看书:网上有《Extjs深入浅出 第二版》 和 《Ext+JS源码分析与开发实例宝典》(CSDN)的电子书,当然这样不是很对,你懂得...

看看Ext提供的例子(部分例子需要能访问官网才能显示数据,部分例子需要部署后才能访问需要而且支持PHP的服务器)敲敲看自己是否也能显示正常

Ext 官方文档 部署后效果还不错,遗憾的是纯英语,  不过网上也有直接运行的Ext 中文文档

开发的时候火狐比IE好用一点点,火狐报错提示非常的精准,IE呢有时候准有时候不准,到底准不准要等到你开发的时候才知道

写博客分享分享,也许也是一个不错的选择

Extjs 开发工具

1.VS2008            : 带JS自动提示功能,优点遗憾的是JS参数提示比较简单
2.Ext Designer     : 可视化编写Extjs界面,能生成脚本代码和预览功能,但是收费的,有固定使用日期,当前版本为1.1.2,在CSDN里有破解文件下载了
3.Spket               : 没用过,收费,貌似网上有低版本的破解的
4.Aptana Studio   : 没用过
5.Dreamweaver   : 没用过,网上有Extjs的extension
0.Notepad++       : 虽然没有任何提示功能,但是界面比较简洁,比记事本强很多,是本人用的比较多的文本编辑器

当然可能还有更多非常棒的开发工具,具体是使用还是根据个人爱好
关于上面部分工具的使用,还请自己摆渡一下,正所谓:“外事问百度,内事问谷歌”
 

Extjs 你好世界

1.跟任何Extjs学习介绍一样,首先我们必须按照顺序引用脚本和样式(ext-base.js必须先于ext-all.js引用,不过学习的时候还是建议引用带-debug的js,这是没有压缩的在找问题方面会比较有感觉) 
2.然后在脚本中写入一个Ext.onReady函数(注意大小写),用过JQ等类似框架的地球人都知道的,这是为了防止JS或者页面没加载完,造成潜在的错误
3.老套路,先跟世界打个招呼
<html>
<head>
<title>Hell world</title>
<link type="text/css" rel="stylesheet" href="../resources/css/ext-all.css" />
<script type="text/javascript" src="../adapter/ext/ext-base.js" ></script>
<script type="text/javascript" src="../ext-all.js" ></script>
<script type="text/javascript">
Ext.onReady(
function(){
Ext.Msg.alert(
'Hello World');
});
</script>
</head>
<body>
</body>
</html>

 

文章不是很好,让大家见笑了