开发学院软件开发Java SmartGWT 入门,第 1 部分: 企业级 Web 2.0开发轻... 阅读

SmartGWT 入门,第 1 部分: 企业级 Web 2.0开发轻松起步

 2010-04-19 00:00:00 来源:WEB开发网   
核心提示: 配置 SmartGWT 支持,首先将解压后 SmartGWT 目录中的 smartgwt.jar 加到该项目的类路径中去,SmartGWT 入门,第 1 部分: 企业级 Web 2.0开发轻松起步(8),然后在 GWT 模块描述文件(如上图所建项目中应该是在源文件夹下的 com\sample\M

配置 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 的使用
SmartGWT 入门,第 1 部分: 企业级 Web 2.0开发轻松起步

查看原图(大图)

尝试运行示例

在生成的项目中,包含了可直接运行的 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 应用。

上一页  3 4 5 6 7 8 

Tags:SmartGWT 入门 部分

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接