日期:2014-05-16  浏览次数:20481 次

菜鸟学习extjs-01d
想做个样子像webQQ的东西,这JS怎么弄啊?本人是个JS菜鸟呢。
……
……
叫了半天没人回答。
木有办法硬着头皮上,谁叫咱是前线第一人,也是唯一一人呢。
选择什么呢?对jquery稍微有了解,不过根据以往的经验,我用jquery是做不来理想的效果,做出来估计是个杂乱的东西。自己写,更没底了,肯定不规范,维护是问题,拿给别人看肯定一棍子打死。找了半天,决定尝试用extjs做做看,毕竟代表了一种趋势,一种思想——前段MVC,边学边做,高手们看了,有空帮忙指点一下。

先看介绍:
(官网英文版)
[url]http://www.sencha.com/learn/getting-started-with-ext-js-4 [/url]
(中文版)
http://dl.iteye.com/topics/download/60132288-1852-317d-8847-e6a46f7bb9e1
http://wenku.baidu.com/view/a3097587d4d8d15abe234e17.html

senchaSDKTools 这个貌似可以自动部署,就像zend的那个东西一样,太高级了。先按文档来用笨办法
搭好目录结构:
appname         应用程序源文件
  app             应用程序类文件
  extjs           ExtJS4 SDK文件
  resources       CSS、图片等文件
    css
    images
  index.html      HTM文档入口
  app.js          应用程序逻辑文件

从官网上下载ext-all.js
http://cdn.sencha.io/ext-4.1.0-gpl/ext-all.js
http://cdn.sencha.io/ext-4.1.0-gpl/ext-debug.js
扔到extjs目录
css
http://cdn.sencha.io/ext-4.1.0-gpl/resources/css/ext-all.css
扔到resources/css/目录

index.html 和 app.js 填上文档上的实例代码,将index.html里面的ext-debug.js替换成ext-all.js (还没搞懂文档上的ext-debug.js为什么不行)
ok,又见hello,world!

附上SDK下载地址
http://cdn.sencha.io/sdk-tools/SenchaSDKTools-2.0.0-beta3-windows.exe