⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 57.html

📁 写给JSP初级程序员的书
💻 HTML
📖 第 1 页 / 共 2 页
字号:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<meta name="description" content="Java,JDBC,EJB,Open Source,jdk,rmi">
<meta name="Keywords"
content="Java, servlets, Java servlet, Javascript, ActiveX, VRML,
        applet, applets, directory, news, jdbc, applications, 
        Java applications, Java developer, Java development, developer, 
        classes, Jars.com, Jars, intranet, Java applet, Javabeans, 
        Java products, JDK, Java development kit, java development environment, JIT,
        JavaPlan, enterprise tools, JVM, Java Virtual Machine, Java resources, 
        SUN, CGI, Perl, database, network, html,
        xml, dhtml, rating, ratings, review, jars, cgi, programming,
        software review, software rating">
<title>csdn_使用 Translator 模式构建更好的网站</title>
<style>
.news {   BACKGROUND: #007cd3;  font-family: "宋体"; font-size: 9pt }
.t {  font-family: "宋体"; font-size: 9pt }
.t1 { color:#007cd3;  font-family: "宋体"; font-size: 9pt }
.white { font-family: "宋体"; font-size: 9pt;color:#FFFFFF }
.red { font-family: "宋体"; font-size: 9pt;color:#FF0000 }
A:visited {color:#0000FF}
A:hover {color: #ff6666; text-decoration: none}
.text {font-size: 12px; line-height: 160%; font-family: "宋体"}
.text1 {color:#000000; font-size: 12px; line-height: 130%; font-family: "宋体"; text-decoration: none}
.text1:visited {color:#000000}
.text1:hover {color: #000000}
.text2 {color:#000000; font-size: 12px; line-height: 130%; font-family: "宋体"; text-decoration: none}
.text2:visited {color:#000000}
.text2:hover {color: #000000}
.text3 {font-size: 12px; line-height: 100%; font-family: "宋体"; text-decoration: none}
.large {font-size: 14.8px; line-height: 130%}
</style>
</head>

<body


<center>




  <tr>
    <td WIDTH="100%" VALIGN="TOP">
      <tr>
        <td WIDTH="100%" CLASS="white"></td>
      </tr>
    
      <tr>
        <td WIDTH="50%" bordercolor="#FFFFFF" CLASS="t1" bgcolor="#F0F0F0" align="center" nowrap>使用 Translator 模式构建更好的网站 </td> 
    <p>    <td WIDTH="50%" bordercolor="#FFFFFF" CLASS="t1" bgcolor="#F0F0F0" align="center" nowrap>作者:Donald S Bell  IBM 的 IT 专家 </p>
</td>
      </tr>
      <tr>        <td WIDTH="100%" bordercolor="#FFFFFF" CLASS="t" bgcolor="#F0F0F0" colspan="2">
        <p><blockquote>(本文选自IBM developerWorks中文网站)
          <p> </p>
          <p>本文介绍 Translator 模式,并说明如何在 JSP 技术和 servlet 环境中使用 Translator 模式。读完本文以后,您将能够利用本文提供的代码示例成功实现这一模式。</p> 
        </blockquote>

<a name="1"></a><p>在使用 JSP 文件和 servlet 构建 Web 应用程序时,应用程序的界面多半会是 HTML。浏览器翻译后的 HTML 就是一个大型字符串。构成应用程序的业务对象只有少数属性为字符串,其余属性则为日期、数字甚至其他业务对象。在构建 Web 应用时,如何将业务对象所包含的信息转换为浏览器可识别的 HTML 是个大问题。几乎每个应用程序都会以 HTML 格式收集信息,而这些信息又会作为字符串发送给服务器。因此现在还存在如何将所提交的信息转换为业务对象可识别的值这一问题。</p> 

<P>Translator 模式通过提供一个与 JSP 文件、servlet 和业务对象协同工作的 Translator 对象解决了这两个问题。Translator 对象将三个不同对象结合在一起,从而使每个对象都专用于完成一项给定的任务。Translator 对象之所以可充当这个纽带,是因为它封装了要完成的全部转换逻辑。JSP 文件与 Translator 对象通信,专用于显示信息。这使 JSP 文件变得比较“干净”,即 JSP 文件中几乎没有 Java 代码。servlet 专门处理业务对象的持久性和屏幕之间的导航流。有了 servlet 专门处理这些任务,JSP 文件就几乎不需要 Java 代码了,从而使 JSP 文件变得更加“干净”。</P> 

<a name="2"></a><p><strong class="subhead">更详细一点</strong><br>
如前所述,Translator 模式由三个基本部分组成,分别是专用的 <code>Translator</code> 对象、servlet 和 JSP 文件。</p> 

<P>JSP 文件的唯一职责就是充当用户界面类。这是可能的,因为 JSP 文件从 <code>Translator</code> 对象获取预先格式化好的字符串值(稍后讨论)。JSP 文件应包含尽可能少的 Java 代码,因为负责开发 JSP 文件的网页设计者通常对 Java 编程语言知之甚少,或者干脆就一无所知。使内嵌在 JSP 文件中的 Java 代码尽可能达到最少,这样就使 JSP 文件更像纯 HTML 页面。与整篇都纠缠着 Java 代码的 JSP 文件相比,纯 HTML 页面的修改要容易得多。</P> 

<P><code>Translator</code> 对象是一种专用的类,它类似于 MVC 模式中的模型 (model) 类。<code>Translator</code> 对象将业务对象与 JSP 文件中的显示域联系起来。网页设计者将调用 <code>Translator</code> 对象的一个 getter 方法在 JSP 文件中显示动态信息。<code>Translator</code> 对象将返回一个预先格式化好的字符串,因此网页设计者需要做的全部工作就是将它发送到一个输出流中。<code>Translator</code> 对象能够提供此信息,因为它在内部变量中存储着需要显示的全部值。这些变量是由 <code>syncGuiToModel()</code> 和 <code>processForm()</code> 方法设置的。这两个方法专门处理屏幕和 Translator 之间的信息同步。小组中的 Java 开发人员负责构建这个 <code>Translator</code> 对象。</P> 

<P>最后,servlet 专用于处理导航流和业务对象的持久性。当 servlet 接收到提交表单时,它将获得 <code>Translator</code> 对象的一个实例,并使用 <code>processForm()</code> 方法将对表单的分析委派给 <code>Translator</code> 对象。在表单的分析完成以后,servlet 就会让 <code>Translator</code> 对象使用 <code>syncModelToGui()</code> 方法将业务对象的值同步为表单中所提交的值。在成功转换所提交的值并将它们设置到业务对象上之后,servlet 将对业务对象执行持久化,并向网页访问者显示确认页。</P> 

<a name="3"></a><p><strong class="subhead">给我显微镜</strong>
<br >下面我们仔细查看 Translator 模式的三个部分:JSP 文件、servlet 和 <code>Translator</code> 对象。(本文的示例遵循的是 Servlet 2.1 规范和 JSP 1.0 规范。这些示例是在 WebSphere 3.02 和 WebSphere 3.5 环境下构建和测试的。)</p> 

<p><b>JSP 文件</b><br>
使用 Translator 模式的典型 JSP 输入表单如下所示:</p> 

<tr><td><pre>&lt;%@ page extends=&quot;com.ibm.igs.ispkcm.translator.JspBase&quot;
         import=&quot;com.ibm.developerworks.translatorpattern.LoanTranslator,
                 Java.util.Hashtable&quot;%&gt;
&lt;HTML&gt;
&lt;%
   LoanTranslator ltLoan = LoanTranslator.getInstance(request);
   Hashtable htErrors = ltLoan.getErrors();
%&gt;
&lt;HEAD&gt;
&lt;/HEAD&gt;
&lt;BODY&gt;
&lt;%= displayErrors(htErrors) %&gt;
&lt;action=&quot;/servlet/com.ibm.developerworks.translatorpattern.LoanRegistrationServlet&quot;&gt;
   &lt;%= hightLightErrors(ltLoan.BORROWER_LAST_NAME, htErrors) %&gt;Borrower Last Name:
   &lt;INPUT name=&quot;&lt;%= ltLoan.BORROWER_LAST_NAME %&gt;&quot;
          value=&quot;&lt;%= ltLoan.getBorrowerLastName() %&gt;&quot;&gt;
&lt;/FORM&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;
</pre></td></tr><P>在 Translator 模式中,所有表单都是 JSP 文件,而非 HTML 文件,所以输入域的值可以是动态的。这一点很重要,因为我们网站的访问者是实实在在的人,他们会犯输入错误。比让网站通知您它不接受您的输入更糟糕的唯一一件事情是,让它通知您它不接受您在某个域中输入的内容,并要求您重新键入其他 20 个域,因为某个程序员正忙于检查股市报价,没有时间来提高输入表单的用户友好性。在 Translator 模式中,输入表单的每个输入域的值都是动态设置的,因此如果因存在输入错误而需要向网站访问者重新显示输入页,他们就会看到突出显示的错误,但其他输入项仍然保留。 
</P>
<P>请记住,JSP 文件是由对 Java 代码知之甚少或一无所知的网站设计者编写和维护的。鉴于这个原因,我们希望 JSP 文件包含尽可能少的 Java 代码。但我们在上一段的说明听起来好像需要编写大量的 Java 代码。该 JSP 文件示例只有少量 Java 代码,但它们主要位于表达式 (&lt;%= x %>) 中。它们能够使用这些众多的功能,因为 JSP 文件从它的超类 <code>com.ibm.igs.ispkcm.translator.JspBase</code> 中继承了这些代码,并将大量代码放在 <code>Translator</code> 对象中。</P> 

<P>在此 JSP 文件中,要注意的第一点是它有一个 page 指令标记。这是因为它需要继承一个超类,并需要导入两个类。JSP 文件继承了超类 <code>com.ibm.igs.ispkcm.translator.JspBase</code>,因为 <code>JspBase</code> 包括一些很好的实用函数,它使得 JSP 文件可包含更少的代码。该 JSP 文件所用的主要实用函数是 <code>displayErrors()</code> 和 <code>highLightErrors()</code>。该 page 指令导入 <code>LoanTranslator</code> 和 <code>Hashtable</code>,因为 JSP 文件中引用了这两个类,导入这两个类是为了以后在此 JSP 代码中引用这两个类时不必使用它们完全限定的类名。以下代码显示了 import 语句的一个示例:</P> 

<tr><td><pre>&lt;%@ page extends=&quot;com.ibm.igs.ispkcm.translator.JspBase&quot;
      import=&quot;com.ibm.developerworks.translatorpattern.LoanTranslator,
              Java.util.Hashtable&quot;%&gt;</pre></td></tr><P>JSP 文件中第一行真正的 Java 代码获取 <code>Translator</code> 对象的一个实例,然后获取一个 <code>Hashtable</code>,其中存储着属于 <code>Translator</code> 对象的那个实例的错误。因为 JSP 文件(在编译后)是一个 servlet,所以它是一个无状态的服务对象。<code>Translator</code> 对象将在特定 JSP 文件或 servlet 的不同往返之间维护必要的状态信息。状态信息应仅限于网站访问者输入的值和要向网站访问者显示的任何处理错误。因为 <code>Translator</code> 对象的每个实例都与一个特定的网站访问者相关联,所以 JSP 文件调用 <code>Translator</code> 对象的 <code>getInstance(HttpServletRequest)</code> 方法。由于为该方法传递的是一个 <code>HttpServletRequest</code> 对象,所以该方法将能够检索与该网站访问者的 <code>HttpSession</code> 相关的 <code>Translator</code> 实例。</P> 

<tr><td><pre>
&lt;%
   LoanTranslator ltLoan = LoanTranslator.getInstance(request);
   Hashtable htErrors = ltLoan.getErrors();
%&gt;
</pre></td></tr><P>在此 JSP 文件示例中,网站访问者将在表单的顶部看到所有处理错误。用来显示这些错误消息的 HTML 是使用 <code>&lt;%= displayErrors(htErrors) %></code> 表达式输出的。<code>displayErrors()</code> 方法是从 JSP 文件的超类 <code>JspBase</code> 中继承而来的。有了 <code>displayErrors()</code>,用于显示错误消息的所有逻辑都被集中在一起,从而简化了维护工作。</P> 

<P>下面这段代码模板适用于表单上的每个输入域:</P>

<tr><td><pre>&lt;%= hightLightErrors(ltLoan.BORROWER_LAST_NAME, htErrors) %&gt;Borrower Last Name:
&lt;INPUT name=&quot;&lt;%= ltLoan.BORROWER_LAST_NAME %&gt;&quot;
       value=&quot;&lt;%= ltLoan.getBorrowerLastName() %&gt;&quot;&gt;</pre></td></tr><P><code>highLightErrors()</code> 是从 JSP 文件的超类 <code>JspBase</code> 中继承而来的。如果某个输入域有错误,该方法将突出显示该输入域的标签。该方法接收两个参数:<code>String</code> 和<code>Hashtable</code>。该 <code>Hashtable</code> 是其中存储着从 <code>Translator</code> 的实例检索而来的错误的 <code>Translator</code>。<code>String</code> 是正在检查其是否有错误的输入域的名称。如果存在与该域相关的错误,<code>highLightErrors()</code> 就会返回突出显示此输入域的标签的 HTML。</P> 

<P>在此代码模板中,须注意的重要一点是:INPUT 标记的 <code>name</code> 属性是由一个表达式设置的,该表达式使用 <code>LoanTranslator</code> 对象的 <code>BORROWER_LAST_NAME</code> 常量。因为在 JSP 文件中引用此域名时使用了一个常量,所以 Translator 对象和 servlet 的调试变得更加容易。使用常量更为容易,因为无论何时开发人员更改此域的名称,他们都会获得一个编译错误,而非运行时错误。查找编译错误要容易得多,因为编译器会立即指出错误,而运行时错误到调试和测试期间才能被发现。</P> 

<P>有关此代码模板的最后一个(也是最重要的一个)注意事项是:INPUT 标记的 <code>value</code> 属性是由一个表达式设置的,该表达式使用了 <code>Translator</code> 的一个 getter 方法。<code>value="&lt;%= ltLoan.getBorrowerLastName() %></code> 这行代码是此模式最重要的部分之一,因为它就是使输入域的值缺省为网站访问者最初输入的值的代码。通过将此值缺省设置为网站访问者最初输入的值,访问者就能看到他最初输入的内容,并很容易地修正他的错误。这节省了网站访问者的时间,并能使其获得更好的用户体验。</P> 

<p><b>servlet</b><br>
下面是一个典型的简化 servlet:</p> 
<tr><td><pre>
public void doPost(HttpServletRequest request, HttpServletResponse response)
{
  // 缺省设置是使用户返回输入页。
  String sRedirect = LOAN_JSP;

  // 获取 Translator 的正确实例
  LoanTranslator ltTrans = LoanTranslator.getInstance(request);

  // 现在有了 Translator 的一个实例
  ltTrans.processForm(request);

  // 获取 Loan 的正确版本的逻辑
  Loan lnTheLoan = null;
  if (ltTrans.isNew () == true)
  {
     // 创建新 Loan
  }
else
  {

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -