如何创建可用于多个项目的图库页面？答案

【问题标题】：How to create a gallery page that can be used for multiple projects?如何创建可用于多个项目的图库页面？
【发布时间】：2017-08-01 10:53:24
【问题描述】：

我会尽量保持简短。

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

我想怎么做？ 我可以为每个画廊制作多个页面，但理想情况下我想要一个页面，其中的内容调整到相应的项目。这应该可以轻松调整每个画廊的布局，并在未来添加更多画廊。我在想这样的事情：

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 文件中获取布局的多个页面，创建从变量中获取内容的单个页面，还是其他？

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

提前致谢！

【问题讨论】：

对此有无数种解决方案，但一些更简单的解决方案将涉及实现某种基本框架来为您处理此问题。您正在寻求构建一个听起来非常基本的内容管理系统，您不妨只使用一个预先构建的系统。

标签： javascript php html css gallery

【解决方案1】：

最简单的方法是通过存储画廊详细信息并使用 sql 查询检索并最终将其显示在动态页面（画廊）上，从而最大限度地利用数据库。一般数据库可以存储不同格式的数据，如文件路径等。

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

【讨论】：