SmartGWT 入门，第 1 部分: 企业级 Web 2.0开发轻松起步
2010-04-19 00:00:00 来源：WEB开发网配置 SmartGWT 支持。首先将解压后 SmartGWT 目录中的 smartgwt.jar 加到该项目的类路径中去。然后在 GWT 模块描述文件（如上图所建项目中应该是在源文件夹下的 com\sample\MyFirstSmartGWTProj.gwt.xml）增加一行：
清单 7. 导入 SmartGWT 包
<inherits name="com.smartgwt.SmartGwt" />
基本配置至此已经完成，下一步，你就可以开始 SmartGWT 之旅。
探索示例代码
学习 SmartGWT 最容易上手的方法就是探索发行版中的 Showcase 实例工程。在解压后的 SmartGWT 目录中，可以找到 Sample/Showcase/war/index.html，用浏览器打开即可在本地运行 SmartGWT Showcase 应用。
Showcase 应用的左边栏分类列出了对各种功能的演示。选中某个功能，会在右边打开新的演示。在每个演示的右上角，都有 View Source 这个按钮。点击它会弹出窗口显示代码。这里显示的代码是完整的 SmartGWT 应用的代码，直接将这些代码 copy 到你的项目中，即可单独运行使用。如下图所示，非常方便实用。
图 12. Showcase 的使用
查看原图（大图）
尝试运行示例
在生成的项目中，包含了可直接运行的 GWT 示例代码，并且有相应和项目同名的运行设置。你可以通过 Eclipse 的运行下拉菜单来选择运行这个 GWT 程序。让我们改造一下该项目，并尝试加入一些 SmartGWT 的实例代码。假设我们的应用模块名字是 Hello。
首先，修改项目 war 目录下的和模块名同名的 html 文件，即 Hello.html，这是该 Web 应用的入口网页。我们按自己的需求来改造它，先清空 <body> 标签，将原有的标题改成自己需要的或者去掉也可以。重要得是，需要在 <head> 标签中，定义 SmartGWT 所需的全局变量 isomorphicDir，必须在调用其他 javascript 前，设置该变量为“模块名 /sc/”，SmartGWT 才可以正确的找到所需的资源。
清单 8. 设置 isomorphicDir 变量
<script> var isomorphicDir = "Hello/sc/"; </script>
然后，我们选择一个 Showcase 中的简单示例，比如 Forms 类别下的 Various Controls。通过 View Source 按钮打开代码，全部拷贝。然后打开项目中的入口类，即 Hello.java，将代码全部贴入，将类名改回为 Hello，使之编译通过。
这时运行看一下效果，怎么样，跟 Showcase 里看得的一模一样吧？接下里，你可以尝试修改一些代码来学习它的使用。
总结
本文概括介绍了 SmartGWT 这一企业级 Web2.0 开发的新框架。SmartGWT 的强大功能是无法在这样一篇短文中详细描述的。我们将在后续文章中，通过示例，进一步介绍如何利用 SmartGWT 中的高级功能开发出复杂的企业 Web 应用。
中查找“SmartGWT 入门，第 1 部分: 企业级 Web 2.0开发轻松起步”更多相关内容
中查找“SmartGWT 入门，第 1 部分: 企业级 Web 2.0开发轻松起步”更多相关内容更多精彩
赞助商链接
