2016-09-26 14 views
1

在下面的HTML代碼中,我希望文本「Page Title」是動態的。也就是說,如何根據數據庫表中的值使此字符串動態化?動態<Title> html中的文本和鏈接文本

文字「Click Here」的相同之處。我想讓鏈接的文本從其他地方被調用,而不是直接在這裏進行硬編碼。

我已經有一個Java文件(Web服務框架),其中我已經將Db中的值分配給一個字符串變量。現在我需要這個字符串的語法,這樣當我改變DB中字符串的值時,標題文本在這裏改變。相同的鏈接文字。

<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 
</head> 
<body> 
<p>Click following link</p> 
<a href="https://www.testsite.net" target="_self">Click Here</a> 
</body> 

另外,我可以使用XML <title>也爲標題標籤同樣的方法?

+0

1.這不是XML,這是HTML的示例; 2.您需要有後端才能使其變爲動態(數據需要從某處獲取)。是的,你可以從DB拿走它,爲什麼不呢? 4.詢問具體問題,沒有人可以幫助你。 – sed

+0

對不起。我糾正了它..我已經有一個後端struts框架和一個包含我需要的標題的表。但我不知道如何在這裏調用它。 – Dev

回答

0

首先你需要選擇一個服務器端語言,然後選擇一個數據庫, 假設你已經選擇了它們兩個,你需要在該數據庫中創建一個帶有2或3個字段的表(ID-URL-url_text ) 然後你就可以從你的數據庫中讀取它,並且它不會被硬編碼到你的HTML中。這意味着對於頁面標題以相同的方式

+0

是的,我已經有了上述要求。但我需要的是從java文件中調用此值到此處的語法,其中值已從數據庫中撤回並分配給變量。 – Dev

1

是的,你可以使這種動態和最簡單的方法可能是使用模板庫。我不建議直接跳入數據庫,因爲您可能首先要創建一些模擬數據,因此您不會同時測試數據庫和API,這很可能會讓事情變得混亂並進行跟蹤降低錯誤非常困難。

一些常見的模板框架包括handlebars和被稱爲Jade的pug

任何模板庫的網站通常都會有相當紮實的基本教程,這應該可以幫助您入門。我也建議尋找使用前端框架,如Angular2反應(我不能在這裏發佈兩個以上的鏈接,但你會發現他們很容易谷歌)。我已經自己使用了Angular2,並且該網站有一些非常好的初學者教程,這些教程可以讓你很容易地開始使用,而且我記得,包括模板和模擬數據部分。

祝你好運:)。

+0

我正在使用擴展struts的web服務框架。對不起,以前不提這個。 – Dev

+0

所有我需要的是我無法在google中找到標籤的語法。 指定變量的語法 Dev

+0

框架的名稱是什麼? – 2016-09-26 13:47:03

1

HTML本身只能渲染靜態頁面。如果你想生成動態內容,那麼你可以使用任何服務器端語言,如java,php,asp.net。

這是一個使用JSP

<!DOCTYPE html> 
<html> 
<head> 
<% 
    String dynamicPageTitle = ""; 
    dynamicPageTitle = getDyncamicTitle(); 
    ... 
%> 
<title><%=dynamicPageTitle%></title> 
</head> 
<body> 
<p>Click following link</p> 
<a href="https://www.testsite.net" target="_self">Click Here</a> 
</body> 
+0

你知道這個使用xml嗎? – Dev

1
This Is One Way To Provide Dynamic Title To Your Page , And Its Possible in Switch Case Also Try It Once 
<!DOCTYPE html> 
<html> 
<head> 
<title></title> 
<script> 
function titlefun(){ 
if(condition1){ 
document.title="First Title"; 
} 
else if(condition2){ 
document.title="Second Title"; 
} 
else{ 
document.title="Default Title"; 
} 
} 
titlefun(); 
</script> 
</head> 
<body> 
<p>Click following link</p> 
<a href="https://www.testsite.net" target="_self">Click Here</a> 

+0

我更新了我的代碼片段這對我的jsp進行了很好的檢查 –