BEA WorkShop JSP Editor是一款优秀的开发工具,支持基于JSP、Servlet和JSTL标签库的Web应用开发。BEA WorkShop JSP Editor提供了非常好的图形化界面协助我们开发Web应用,在开始开发工作之前,我们花些时间来了解一下BEA WorkShop JSP Editor的界面特性。
本文中假定您对BEA WorkShop JSP Editor有所了解,已经安装和配置好BEA WorkShop JSP Editor,并且使用BEA WorkShop JSP Editor提供的向导已经创建一个Web工程,如果您还没有达到要求,请参考另外的一篇文章《安装和配置BEA WorkShop JSP Editor》
BEA WorkShop JSP Editor开发工具提供了一个独有的Workshop透视图来辅助Web应用的开发,Workshop透视图中组合了BEA WorkShop JSP Editor提供的视图界面。下面这个图片是该透视图的显示全景。

如果您的Web应用没有默认使用Workshop透视图打开,你可以单击菜单WindowàShow ViewàOther…,然后在弹出窗口中选择WorkshopàAppXplorer打开Workshop透视图。
从上面的图片中我们可以看到Workshop透视图中比较独特的视图包括AppXplorer、variables、Tag Libraries、Properties。




为了简化开发,BEA WorkShop JSP Editor中提供了两个非常好的编辑器,一个是Workshop XML Editor和Workshop JSP Editor。


你可以在AppXplorer视图中工程的根图标或者是工程下的web/WEB-INF/src/java节点单击鼠标右键,选择NewàClass创建类。为了说明的简单,用户类将只有两个属性:name和passowrd,用户类的源代码如下:
/**
* User.java
* 2005-11-16/22:15:23 created by King Xiao
*
* @author King Xiao
* powered By www.vivianj.org
*/
package org.vivianj.workshop.jspeditor.examples;
import java.io.Serializable;
/**
* User 用于表征系统中用户输入的注册信息
*/
public class User implements Serializable {
static final long serialVersionUID = 1L;
/* 用户登录名 */
private String name;
/* 用户密码 */
private String password;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
}
创建用户操作类的方式和创建用户类的方式一致。为了说明的简单,用户操作类只提供一个createUser方法,实现的功能是将用户输入的信息输出到控制台上。
/**
* UserDAO.java
* 2005-11-16/22:39:10 created by King Xiao
*
* @author King Xiao
* powered By www.vivianj.org
*/
package org.vivianj.workshop.jspeditor.examples.dao.impl;
import org.vivianj.workshop.jspeditor.examples.User;
/**
* UserDAO 用于实现对User类的所有操作
*/
public class UserDAO {
/**
* 创建新的用户
*
* @param user
*/
public void createUser(User user) {
System.out.println("********************");
System.out.println("增加新的用户:");
System.out.println("------用户名:" + user.getName());
System.out.println("------密码:" + user.getPassword());
System.out.println("********************");
}
}
register= \ u7528 \ u6237 \ u6ce8 \ u518c userid= \ u7528 \ u6237 \ u7f16 \ u53f7 username=\u7528 \ u6237 \ u540d password=\ u5bc6 \u7801 commit=\ u63d0 \ u4ea4 reset=\ u53d6 \ u6d88 ok=\ u6210 \ u529f
这里给大家介绍一种简单的准备资源文件的方法。
完成上面的工作后,我们就开始进入JSP Editor的世界了,下面的这两个步骤充分的显示了JSP Editor的特色。
现在我们开始准备接收用户输入的JSP文件register.jsp和处理用户输入的JSP文件registeraction.jsp。
在AppXplorer视图中web节点上单击鼠标右键,选择New Web Artifact…。

我们将看到系统弹出新建对象类型选择界面,选择其中的JSP Page,单击“Next>”按钮。

输入文件名register,单击“Finish”按钮完成创建工作。使用同样的方式,我们可以创建registeraction.jsp文件。
register.jsp文件将接收用户输入的信息,页面上包含一个Form标签、两个输入框、一个确认提交的按钮,除此之外,页面上还有很多提示信息,下面将介绍如何使用JSP Editor提供的视图来可视化的完成这些工作。
图标。








图标,在弹出的属性设置框name域中输入password。
图标,在弹出的属性设置框type
图标,在弹出的绑定选择窗口中单击Resources标签,选择commit。

registeraction.jsp中实现的逻辑是接受用户输入,根据用户输入的信息创建User对象,然后调用UserDAO对象的createUser方法完成业务逻辑,下面我们将演示如何使用JSP Editor来可视化的完成这些工作。

图标,系统将弹出标签的属性设置界面,在id域中输入user(id就是该对象在JSP页面中的变量名),在Class域中输入org.vivianj.workshop.jspeditor.examples.User。
图标,系统弹出标签的属性设置框,在value域中输入<%= request.getParameter("username")%>,单击窗口中的
图标,弹出框中将使用树的形式显示当前页面中所有可选对象和他的属性,选择user节点下的name节点。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@ page language="java" contentType="text/html; charset=gb2312" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
</head>
<body>
<jsp:useBean id="user" class="org.vivianj.workshop.jspeditor.examples.User"/>
<jsp:useBean id="userDAO" class="org.vivianj.workshop.jspeditor.examples.dao.impl.UserDAO"/>
<jsp:setProperty name="user" property="name" value='<%= request.getParameter("username")%>'/>
<jsp:setProperty name="user" property="password" value='<%= request.getParameter("password")%>'/>
<%
userDAO.createUser(user);
%>
</body>
</html>纵观整个Web应用的开发过程,除了Java类的开发和业务方法调用之外,其它如Web页面和页面中的对象处理,我们都使用可视化的方式完成,这种方式降低了Web应用开发的难度,也降低了可能出现的人为错误。
本文中使用简单的例子来说明了如何使用BEA WorkShop JSP Editor中提供的视图和其它可视化元素来完成Web应用开发,BEA WorkShop JSP Editor中提供的可视化元素和功能远不止本文中演示的这么多,大家可以参考本文中的使用方式和BEA WorkShop JSP Editor的帮助文档完成更多的开发内容,希望大家能够享受BEA WorkShop JSP Editor为我们带来的方便。
| 作者简介 | |
| 唯J族(www.vivianj.org)创始人,BEA 杭州User Group负责人,自由撰稿人,开源项目BuildFileDesigner (buildfiledesign.sourceforge.net)和V-Security(v-security.sourceforge.net)创始人。 | |

