[精讚] [會員登入]
185

【Wickct】(link) <a> 如何新增超連結

簡單來說有兩種方式,小編個人比較偏好 的方法

分享此文連結 //n.sfs.tw/15676

分享連結 【Wickct】(link) <a> 如何新增超連結@小編過路君子
(文章歡迎轉載,務必尊重版權註明連結來源)
2022-03-12 05:12:22 最後編修
2022-03-11 19:27:43 By 過路君子
 

哈囉大家好,這裡是感覺最近天氣很好的小編過路君子

最近天天出大太陽,還能看到湛藍的天空,整個心情都開闊了起來

 

 

那假設我們在同個目錄下有兩個網頁且我們要由 hello.html 連結至 another.html。

(所有圖片點擊都可以放大、變高清)

如果 another.java 在不同目錄下,例如:上一層目錄,根據使用的方法不同,會有不同的寫法,之後會再個別詳細指出。

這篇的目錄結構是承接這篇:【Maven】[Wicket](Java) 如何部署Wicket到Wildfly內@小編過路君子 ,這邊只貼出不同之處而已,完整的目錄結構要到那篇去看喔。

 

使用<wicket:link>

使用上的感覺就很像原生的 <a>,可以使用相對連結來連結兩個檔案。

然後在這裡的 another.html 和 another.java 的內容不重要,不會影響到我們的超連結。

hello.html:

<!doctype html>
<html>
    <head>
        <title>Link to another page with wicket:link</title>
    </head>

    <body>
        <div>
            <wicket:link>
                <p><a href="./another.html">Go to another page</a></p>
            </wicket:link>
        </div>
    </body>
</html>

hello.java:

package taiwan.webpage;

import org.apache.wicket.markup.html.WebPage;

public class hello extends WebPage
{
    public hello() {}
}

實際運作畫面:

當我們今天沒有將頁面掛載的時候(以後會寫一篇來談談),預設的網址又臭又長。

換言之,可以不使用 <wicket:link>,直接寫 <a> 然後 href 到上述的網址也是可以的,但是這樣每次都要去翻筆記出來看這又臭又長的東西,一點都不優雅囉。

所以在未掛載頁面時,小編的首頁會放在 wicket/bookmarkable/taiwan.webpage.hello 這,簡單吧! 

 

 

使用<wicket:id>

相對於 <wicket:link> 不需要任何 Java 程式碼支持,若要使用 <wicket:id> 則需要寫一點 Java 來產生連結的效果。

hello.html:

<!doctype html>
<html>
    <head>
        <title>Link to another page with wicket:id</title>
    </head>

    <body>
        <p><a wicket:id="gotoAnother">Go to another page</a></p>
    </body>
</html>

hello.java:

package taiwan.webpage;

import org.apache.wicket.markup.html.WebPage;
import org.apache.wicket.markup.html.link.Link;

import taiwan.webpage.another;

public class hello extends WebPage
{
    public hello()
    {
        add(new Link<Void>("gotoAnother")
        {
            @Override
            public void onClick() {setResponsePage(another.class);}
        });
    }
}

實際運作畫面:

對,執行效果一模一樣完全沒有差別。

感覺好像很沒有用,那這個功能為什麼還要存在?因為這個方法最重要的效果就是製作動態響應頁面啊,詳細資訊可以參照下方,因為不是今天主題,所以 Pass!

如何使用 <wicket:id> 來做動態響應或是製作一個簡單的登入功能可以參考這篇: 【Wickct】如何製作一個簡單的動態響應頁面@小編過路君子

 

 

 

後記

其實上文所有內容都是從官方文檔裡整理出來的,官方文檔真的算是寫得非常清楚以及有系統性的文章,跟目前中文介紹 wicket 比的話。

而且官方文檔只有一頁,很長很長,有時可以用在一起的概念可能中間還插一些其他的功能解釋,很常不小心就又找不到剛剛看的重點在哪裡。

綜合以上原因,這篇才就此誕生。

END

你可能感興趣的文章

【C】〔無條件捨去〕如何忽略float數據 直接儲存成int型態(數據100%不失真) a148: You Cannot Pass?! 解題時所意外研究出來的神奇寫法,懂了原理之後要自行改寫成四捨五入或無條件進位應該就簡單了吧!

【JDA/discord bot】取得頻道第一筆或最新(最後一筆)的歷史訊息 在不處理訊息的先後順序下取得相關的歷史訊息

【Maven】如何創建一個簡單可執行的JAR檔 滿重要的一個小功能,畢竟有時候是要傳遞的是JAR檔,而不是直接透過Maven直接部屬之類的

【Wicket】[CSP] Content-Security-Policy & Content-Security-Policy-Report-Only Wicket 預設開啟的,所以如果要加載外部資源甚至是同源資源都會被擋下。

【C++】如何解決TLE,換句話說便是加速cin, cout的執行速度 [ZERO JUDGE](UVa) a159: 11743 - Credit Check 題目練習和副程式練習

【Nexus Repository Manager】(deploy)使他人可以對遠端資料庫做讀寫 使用 Nexus Repository Manager 來讓各個工程師控制自己的 Jar 包,不會有 Github Merge Crashed 問題。

我有話要說

>>

限制:留言最高字數1000字。 限制:未登入訪客,每則留言間隔需超過10分鐘,每日最多5則留言。

訪客留言

[無留言]

隨機好文

高捷少女:小穹與果仁巧克力㊥ 艾咪臉上泛起笑容說:「妳知道嗎?就跟花語一樣,每一種巧克力也都有各自的涵義:薄荷巧克力代表初戀;卡通巧克力代表天真爛漫;而果仁巧克力代表的是窩心,還有想陪伴對方的心情,這在德國是女生之間在慶生時會彼此

高捷少女:地下城的探險少女② 「等我一下喔,我好像有帶去漬的清潔噴霧。」婕兒翻翻飛揚,拿出噴霧劑給小穹,小穹趕緊對著汙漬噴了噴,紅茶漬果然乾淨了許多。「婕兒,謝謝妳。來,還妳。」小穹感謝地把噴霧還給她,卻發現婕兒盯著打開的飛揚,一

高捷少女:美麗島的守護者④ 光之穹頂的某處垃圾桶底,一個四方形的機器持續發出聲音,機器的儀表板上顯示著「1:25:10」的字樣,外表被一層鞭炮所掩蓋。儀表板的數字每秒不斷減少,細微的嗶嗶聲也隨著數字的改變發出,但在熙來攘往的美麗

高捷少女:美麗島的守護者⑥ 一陣貓叫傳到小雅耳中,原本要朝小雅撲過去的北風轉了個圈,從半空中落地,牠的表情宛如五雷轟頂。這聲音……難道是……

【日翻中歌詞】ピースサイン(Peace Sign) 那一天從我們的頭頂 輕掠而過的那架飛機 有點不可思議 還記得 為何呢?毫無意義