視覺化自訂標示 (VCT) 是一種特殊的 JSP 自訂標示。 視覺化自訂標示使您能夠在 Page Designer 的設計視圖中,依照物件在瀏覽器中的呈現方式而見到物件。
在下列作業中,您要撰寫和開發視覺化程式及併入 VCT 標示。 如果需要這些作業的其他資訊,請參閱這個主題結尾的相關作業清單。
在這些作業中,您要遵循的範例包括在 Page Designer 的 JSP 設計頁面和伺服器中顯示現行日期和時間。 為了這麼做,您要在 JSP 自訂標示中加入 VCT 視覺化程式。當在伺服器中執行時,JSP 自訂標示會顯示現行日期和時間。 您也可以在 JSP 自訂標示中加入視覺化程式,以便在 Page Designer 設計視圖中顯示現行日期和時間。 如果要實作任何視覺化程式,您要繼承 CustomTagVisualizer 類別。 視覺化程式也必須實作和改寫 doStart() 或 doEnd() 方法。 在這個案例中,您是實作 doStart()。 以下是程式碼範例:
import java.util.*; import com.ibm.etools.webedit.vct.*; public class DateTimeTagVisualizer extends CustomTagVisualizer { public VisualizerReturnCode doStart(Context context) { Date now = new Date(); context.putVisual(now.toString()); return VisualizerReturnCode.OK; } }這個範例利用 putVisual() 將現行日期和時間儲存在環境定義中。 之後,會傳回回覆碼 VisualizerReturnCode.OK 表示 Page Designer 可利用視覺化項目來呈現。