使用 javascript 一次为多个网页重用 html 模板

Question

几个月前，我开了一个网站。 我的问题是我开始得到很多只是重复页面的东西。 我为我的主页复制了原始的 HTML，然后删除了与我的主页非常相关的所有内容，只有这样我才能使用相同的 header 和导航菜单。 我所有的页面都有很多共同的代码。 为每一页重做这个变得非常乏味。 我知道人们以前遇到过这个问题，而且我确信每个人都已经知道这样做的一些大秘密（对我而言）API。 但是当我接近 50 页时，我需要一个基本的 HTML 模板页面（我可以制作），然后是一些 javascript 只是为了将该代码打印到我的其他页面之一。 因此，如果我想在我的菜单中添加另一个项目，我不必通过 go 并更改所有 50 个 HTML 页面，我只需更改模板，然后将其粘贴到所有其他页面中。 也许也有一个服务器端解决方案。 并随时提及。 但我真的很擅长 javascript 而不是很擅长服务器端的东西。 我真的不希望这影响我的页面加载时间（我对此感到非常自豪并且非常努力）。 所以也许服务器端是我的解决方案。 但如果有人有任何想法，我将不胜感激。 先感谢您。

Answer 1

您的意思是您现在拥有的所有页面都是 static？

如果是，请不要这样做。 如果您在一段时间后以这种方式生成所有页面，您将无法轻松扩展您的网站，如果您想更改一个小设计，那么您必须在所有页面中进行。

对于动态页面，您只需设计一次页面，然后加载随 JS 或 PHP 更改的部分。

你需要三样东西：

1- HTML 页面模板

2- 数据库（SQL 或 NOSQL）

3- 与数据库通信并根据用户输入的 url 为您加载数据的后端语言。 这可以是从 php 到 python 的任何东西

4（可选）使您的网站对移动设备友好并且可以通过低速互联网使用，使用 js 获取数据并将其部分加载到页面。

如果您问我的意见，php laravel 真的很好，可以为您处理很多事情。 对于 js 部分，您可以使用 Vuejs。

祝你有美好的一天！