2016-09-26 49 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进行了很好的检查 –