javascript - 如何创建可用于多个元素的图库页面？

Question

我会尽量保持简短。

我在做什么？我想为多个元素创建画廊。通过单击主页上的元素缩略图，可以将图库作为新页面打开。每个画廊应具有相同的布局，只是标题、文本和图像不同。

我想怎么做？我可以为每个画廊制作多个页面，但理想情况下我想要一个页面，其中的内容根据相应的元素进行调整。这应该可以轻松调整每个画廊的布局并在将来添加更多画廊。我在想这样的事情:

index.html

$project1Title = "Project 1";
$project2Title = "Project 2";

<a href="gallery.html">Project1Thumbnail</a> 
(Clicking this should: gallery.html>$projectTitle=$project1Title, etc.)
<a href="gallery.html">Project2Thumbnail</a>
(Clicking this should: gallery.html>$projectTitle=$project2Title, etc.)

gallery.html

<h1>$projectTitle</h1>
<h2>$projectText</h2>
<ul>$projectImages</ul>

我知道我没有使用正确的语法，这只是一个简单的例子。

我尝试了什么？我尝试使用 php 和 javascript 将变量从主页传递到图库页面，但我对这些语言的了解还不够。

所以...您对如何解决这个问题有什么建议？创建从单个 css 文件获取布局的多个页面，创建从变量获取内容的单个页面，还是其他内容？

我希望一切都清楚，如果不清楚，请告诉我。

提前致谢!

Answer 1

最简单的方法是通过存储图库详细信息并使用 SQL 查询检索它并最终将其显示在动态页面(图库)上，最大限度地利用数据库。一般来说，数据库可以存储不同类型的数据，具有不同的格式，例如文件路径。

不要传递 "$project1Title = "Project 1";" 标题，而是使用数据库可以使用的适当变量，例如 id。