成人免费影视,91碰超免费,日韩精品在线二区

国产精品青草久-国产精品情侣愉拍-国产精品区网红主-国产精品区一区二-国产精品热久久-国产精品热热热-国产精品人aⅴ-国产精品人成在线-国产精品人妻人伦-国产精品人人

【開發(fā)者指南】如何在MyEclipse中使用HTML或JSP設(shè)計器？（下）

翻譯|行業(yè)資訊|編輯：周思宇|2023-05-18 10:17:37.820|閱讀 108 次

概述：本文將繼續(xù)為大家介紹MyEclipse中的HTML / JSP可視化設(shè)計器以及對一些相關(guān)問題的解答，歡迎下載IDE體驗~

MyEclipse技術(shù)交流群：742336981 歡迎一起進群討論

三、設(shè)計編輯基礎(chǔ)

“設(shè)計”窗口由所見即所得的網(wǎng)頁設(shè)計畫布和UI控制面板組成。在此窗口中，您可以插入、編輯、刪除和移動 HTML 和 JSP UI 控件和文本。拖放操作可以輕松實現(xiàn)重新定位設(shè)計畫布上的UI控件。擴展的復制/粘貼操作能夠?qū)⒎胖迷谙到y(tǒng)剪貼板上的外部源的文本和HTML內(nèi)容添加到設(shè)計畫布中。設(shè)計畫布呈現(xiàn)相對于正在編輯的文檔定位的 CSS 樣式和圖像。本文將更詳細地定義這些操作。

3.1處理文本

Visual Designer文本編輯功能類似于文字處理器的功能。它們使您能夠在網(wǎng)頁上的任何地方輸入，刪除和修改文本。若要添加文本，請將光標置于所需位置并鍵入。若要刪除文本，請將光標放在指定位置或選擇文本，然后按“刪除”鍵或“退格”鍵。主工具欄包括以下文本屬性的操作:下劃線、粗體、斜體、小字體和大字體。根據(jù)這些工具欄操作對當前設(shè)計或源選擇上下文的適用性，動態(tài)啟用/禁用它們。當沒有選擇文本時，文本工具將被禁用。請注意，應該使用CSS控制顏色、縮進或?qū)R方式等文本屬性。

3.2 使用 Web UI 控件

設(shè)計模式包括一個 UI 控件調(diào)色板，用于將新的 UI 控件添加到設(shè)計畫布。JSP Web Designer 的 UI 調(diào)色板包括 HTML、JSP、JQuery 和 JSTL 控件。如果這些方面已添加到項目中，則還包括 Struts 和 JSF 控件。的調(diào)色板僅包含 HTML4、HTML5 和 JQuery UI 控件。

當向web文檔添加JSF或Struts UI控件時，必須確保頁面包含適當?shù)臉撕瀻?條目，例如，' <%@ taglib uri= " //java.sun.com/jsf/html " prefix= " h " %> '，以避免編輯器中的設(shè)計時驗證錯誤和部署時的運行時錯誤。請注意，當您將元素從Struts和JSF調(diào)色板拖到設(shè)計器中時，taglib條目將為您添加。

wd_palette

HTML和JSP UI控件面板

若要從調(diào)色板中添加UI控件，請將該控件拖到頁面上所需的位置。

3.3使用上下文菜單

右鍵單擊Design窗口將打開上下文菜單，其中包含對當前設(shè)計選擇有效的操作。下面是表行中選擇的示例。上下文菜單顯示HTML表可用的操作。

HTMLEditorTable

可用于表元素的上下文菜單操作

3.4使用CSS

Design面板可以識別通過鏈接到樣式表文件或使用文檔內(nèi)樣式或行內(nèi)樣式屬性定義的CSS樣式。

設(shè)計模式使用<LINK>標簽加載和呈現(xiàn)在<HEAD>元素中鏈接的樣式表。與圖像類似，如果<LINK>標記的href屬性是指向CSS文件的相對鏈接，樣式表將以Design模式呈現(xiàn)。

<link rel= " stylesheet " type= " text/css " href= " ./styles.css " />

CSS樣式可以在web文檔中使用' HEAD '元素中的STYLE元素來指定。

<STYLE type="text/css">
div {
border: 2px solid black;
color: red;
}
</STYLE>

下面是一個內(nèi)聯(lián)樣式屬性的示例。設(shè)計模式識別這些屬性并立即呈現(xiàn)它們。

<div style="background: blue;"/>

四、設(shè)計JSP, JSF和Struts網(wǎng)頁

使用JSP Web Designer進行JSP文檔的視覺設(shè)計與HTML頁面設(shè)計的不同之處在于:

Design調(diào)色板包括Struts和JSF UI控件(如果這些方面應用于項目)。
在設(shè)計和預覽模式中提供了Struts和JSF UI控件的HTML近似。
JSP腳本元素(如聲明、表達式和scriptlet)的可視化構(gòu)件以及非可視化JSP標記可選擇與JSP、Struts和JSF UI控件一起顯示。這些工件可以像設(shè)計畫布中的UI控件一樣進行操作。

HTMLEditorNonVisual

可視和非可視JSP元素

呈現(xiàn)JSP腳本元素和非可視標記的目的是讓您意識到腳本元素相對于源代碼中的UI控件的存在。可以使用類似于任何HTML或JSP UI控件的復制/粘貼和拖放操作對這些非視覺元素進行視覺上的重新定位。因此，拖放scriptlet元素是可能的。

注意:可以通過選擇和刪除非視覺元素的視覺工件或刪除包含非視覺元素的多個元素選擇來刪除非視覺元素。

JSP Web Designer提供了對許多標記庫的呈現(xiàn)支持，包括JSF和Struts HTML標記庫。并非所有JSTL標記和自定義標記都有專門的設(shè)計時呈現(xiàn)支持。對于這些標記，默認的設(shè)計時呈現(xiàn)是灰色標記名。下圖展示了幾個JSTL標記的默認設(shè)計時呈現(xiàn)。

HTMLEditorRendering

默認元素呈現(xiàn)

五、預覽模式

預覽模式使您能夠快速查看web文檔，因為它將在運行時呈現(xiàn)。預覽模式有IE或Safari預覽(取決于平臺)以及Mozilla預覽。對于包含Struts和JSF HTML標記的jsp, Preview模式計算并嘗試將每個標記轉(zhuǎn)換為其運行時HTML表單。在許多情況下，這些標簽的動態(tài)特性阻礙了準確的翻譯，因為只有在運行時數(shù)據(jù)庫或web服務(wù)等資源可用時才有可能進行準確的翻譯。預覽模式支持的Struts和JSF標簽是:

JSF Core標簽庫
JSF HTML標簽庫
HTML標簽庫

HTMLEditorPreview

訂單預覽

六、常見問題解答

Linux和Mac平臺是否支持Source/Design模式?

是的。

設(shè)計模式是否支持 JavaScript 執(zhí)行？

否。Design模式禁用HTML和JSP文檔中的所有JavaScript求值。使用預覽模式來獲得有限的JavaScript支持。

在設(shè)計模式下，是否可以調(diào)整UI控件的大小?

是的。

CSS絕對定位在設(shè)計模式下可用嗎?

目前還不行。

不包含<taglib> 指令的JSP 片段如何進行設(shè)計？

當taglib指令不存在時，MyEclipse引用在項目級別或MyEclipse首選項中全局定義的默認標記庫名稱空間前綴。要查看或編輯這些名稱空間前綴，請查看MyEclipse首選項(從菜單中選擇Window> preferences，展開MyEclipse>Java Enterprise Project>Web Project，并選擇Tag Libraries)或任何項目的屬性(右鍵單擊項目，從菜單中選擇properties，展開MyEclipse>Web，并選擇Tag Libraries)。

大型設(shè)計編輯后，同步回源需要幾秒鐘。我能做些什么？

如果長時間的同步是由設(shè)計編輯引起的，通常可以通過在Source窗口中進行更改來避免或最小化這些同步。除了更新源代碼外，設(shè)計編輯還經(jīng)常重新格式化源代碼以提高可讀性，因為它是機器生成的，因此由于工作量增加，需要更長的時間。此外，由于架構(gòu)原因，從“設(shè)計”窗口到“源”窗口的編輯同步本身就比從“源”窗口到“設(shè)計”窗口慢。因此，為了獲得最大的編輯速度，Source窗口可以更方便地進行導致文檔結(jié)構(gòu)更改的編輯。

標簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn

上一篇：HOOPS助力醫(yī)療保健領(lǐng)域可視化成像，醫(yī)療技術(shù)進一步創(chuàng)新！下一篇：【開發(fā)者指南】如何在MyEclipse中使用HTML或JSP設(shè)計器？（上）