《ExtJS 3详解与实践》阅读补充资料：编写Hello World

怼烎@ 2022-08-06 17:01 12阅读 0赞

使用Ext编写Ajax应用程序时，初学者往往都会感到迷惑：到底应该怎样编写Ajax程序？事实上，每个初学者都会遇到这种情况——不知该如何下手，有时只是因为一点点设置不对就卡住了整个程序的运行，连HelloWorld也可能成为新手的拦路虎。为了帮助新手尽快消除这种困惑，我们这里先为新手准备一份详尽的启动文件清单，说明清楚运行该框架的最基本条件到底是哪些；然后再简单地跑一趟对话框MessageBox作为Hello World。首先是对这份HTML文件的详解:

<html>  <head>   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <link rel="stylesheet" type="text/css" href="../share/resources/css/ext-all.css" />   <script type="text/javascript" src="../share/ext-base.js"></script>  <script type="text/javascript" src="../share/ext-all-debug.js"></script   <title id="page-title">Title</title>  <script type="text/javascript"> // 修改该空白背景图的路径，指向你服务端一个有效的图片路径。 Ext.BLANK\_IMAGE\_URL = '../share/resources/images/default/s.gif'; // 程序总入口 Ext.onReady(function() \{ // 调用程序吧！ \}); </script>  </head>  <body></body>  </html>

最后加入以下这段<script>……</script>在<head></head>元素的包裹范围内。成功运行的话如图所示，表明加载Ext库正确！![hello_world.gif][]

最后我们明确一下运行Hello World的最低知识要求。假设学习的起点为，应该懂得HTML代码，特别是怎么动态生成HTML的。然后就是一些网络数据的交换方式理解:get，post，XML/JSON等，这些东西不管在WEB上还是在软件开发中都极为重要，毕竟AJAX是基于浏览器环境的。 最后是你要至少懂得一门可以写后台程序的语言，ASP(JScript，VBS)，PHP，CGI，JSP或者是.NET。因为毕竟AJAX是通过后台动态交换数据，来实现页面信息变化的。

**此处披露的内容是[《ExtJS 3详解与实践》][ExtJS 3] 的补充内容，完整的资料敬请参阅[《ExtJS 3 详解与实践》][ExtJS 3] 一书的全面介绍。**

[hello_world.gif]: /images/20220805/e37df54165944bb788ee6536f3f5ea5f.png
[ExtJS 3]: http://book.ajaxjs.com/