JBoss Seam (POJO without EJB) 后台 + ExtJS 前台完整例子（二）

  1.引言

  在本系列文章的第一篇中，介绍了在Tomcat 5.x下安装并运行本项目的具体操作方法。

  作为一个开发人员，要深入研究项目所涉及的技术细节，最好的方法是搭建起相应的开发环境。本文介绍用Eclipse配置本项目开发环境的具体步骤。

  2. 开发环境和工具

  本文假设你使用下列开发环境和工具：
  (1) JDK 1.5 或 1.6
  (2) Tomcat 5.x
  (3) Eclipse 3.2.x或以上版本
  (4) com.sysdeo.eclipse.tomcat_3.2.1 插件

  本项目的数据库采用 hsqldb，无需对其做任何配置。
 
  3. 签出源代码

  你可以按照 http://code.google.com/p/seamextsample/source 中的说明，签出本项目的全部源代码。

  为了方便，你也可以直接从这里下载。

  请把下载的文件释放到 c:\seamextsample 目录中。

  4. 在Eclipse中创建本项目

  启动Eclipse，按照下面的步骤创建本项目。

  第1步 选择菜单File>Import, 弹出Import对话框。

  第2步 选中General>Existing Projects into Workspace, 再点击Next按钮。

  第3步 点击Browse按钮，选中c:\seamextsample 目录。

  第4步 点击Finish按钮。

  通过Navigator视图，可以看到新创建的 seamextsample 项目。

  5. 目录结构

  本项目的目录结构说明如下：

  seamextsample
     |
     +-- .settings (强制Eclipse将相关文件格式改为UTF-8)
     |
     +-- app  (客户端程序)
     |     |
     |     +-- common (公用包含文件)
     |     +-- css   （原例子的css文件）
     |     +-- img   （原例子的图标文件）
     |     +-- sample（登录后的才能看到的页面和JS文件）
     |     home.xhtml (首页）
     |     ...
     +-- config
     |     |
     |     +-- db     (数据源配置文件)
     +-- docs   (文档）
     |    
     +-- public
     |     |
     |     +-- css   （Ext2.0 css文件等）
     |     +-- icons （应用程序用图标文件）
     |     +-- images（Ext2.0 图标文件等）
     |     +-- js     (Ext2.0 库文件等）
     |    
     +-- source 
     |     |
     |     +-- css (通过Ant合并后生成 public/css/divo.css)
     |     +-- js  (通过Ant合并后生成 public/js/divo.js)
     |     |   remote.js (修改了jboss-seam-remoting.jar 中的同名文件，使支持同步调用远程方法）
     |     +-- lib （jboss-seam源程序，便于跟踪调式）
     |    
     +-- WEB-INF   (Java源代码和jar库等）
     |     ...
     |
     build.xml  (Ant构建文件）
     index.html (入口）
     ...
          
  6. 配置开发环境

  Eclipse项目配置分为开发和单元测试两类，主要差别在于数据源的不同。

  第1步 显示Eclipse的Ant视图。

  第2步 点击Ant视图工具条上右侧的Add BuildFiles按钮。

  第3步 选中seamextsample项目根目录的build.xml文件。

  第4步 点击Ant视图工具条上右侧的Hide Internal Targets按钮。

  第5步 选中Ant视图中的Seam and Ext Sample节点。

  第6步 点击Ant视图工具条上右侧的Run按钮。

  至此，你已经配置好开发环境。

  7. 在Tomcat下运行本项目

  开始下面的操作前，假设你已经在Eclipse中配置好了Tomcat运行环境。

  第1步：在Navigator视图中，右击seamextsample 项目名。

  第2步：选择菜单Tomcat project>Update context definition.

  第3步：启动Tomcat.

  第4步：在浏览器地址栏中输入:

         http://localhost:8080/seamextsample/

  可以看到首页登录界面内容。

  8. 结语

  从下一篇文章开始，将陆续介绍本项目所涉及的一些技术细节。如果你想进一步了解本项目的
  设计思路，应该先对JBoss Seam 2.0和Ext 2.0有所了解。

附：下面是本系列所有文章的完整列表：
（1）下载示例项目并安装运行
（2）建立Eclipse开发环境
（3）熟悉项目中与JSF相关内容
（4）重新认识JS
（5）ExtJS之表单(Form)
（6）ExtJS之布局(Layout)
（7）ExtJS之网格(Grid)
（8）Java后台和前台的通讯机制
（9）Seam框架简化Java开发
（10）分层架构设计
（11）安全性
（12）单元测试

评论

1 楼 backbase 2009-01-08  

您好：请问你个问题：

您的第七步：

7. 在Tomcat下运行本项目

  开始下面的操作前，假设你已经在Eclipse中配置好了Tomcat运行环境。

  第1步：在Navigator视图中，右击seamextsample 项目名。

  第2步：选择菜单Tomcat project>Update context definition.

  第3步：启动Tomcat.

  第4步：在浏览器地址栏中输入:

         http://localhost:8080/seamextsample/

  可以看到首页登录界面内容。

我把你的工程导入到我的Eclipse中后 并配置好了tomcat 其中   第2步：选择菜单Tomcat project>Update context definition.
启动tomcat 输入地址  http://localhost:8080/seamextsample/ 报404找不到地址。