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

Reusing an html template for multiple webpages at a time with javascript

提问人:J3FF_The_Cow 提问时间:10/14/2019 更新时间:10/14/2019 访问量:198

问:

几个月前,我创建了一个网站。我的问题是我开始得到很多几乎只是重复页面的东西。我复制了主页的原始 HTML,然后删除了所有特定于我的主页的内容,这只是为了让我可以使用相同的标题和导航菜单。我所有的页面都有很多共同的代码。为每个页面重做这个真的很乏味。我知道人们以前遇到过这个问题,而且我敢肯定,每个人都已经知道有一些大秘密(对我来说)API 可以做到这一点。但是当我接近 50 页时,我需要的是一个基本的 HTML 模板页面(我可以制作),然后是一些 javascript 只是为了将该代码打印到我的其他页面之一。因此,如果我想在我的菜单中添加另一个项目,我不必遍历并更改所有 50 个 HTML 页面,我只需更改模板,然后将其混入其他每个页面。也许也有一个服务器端解决方案。请随时提及这一点。但是我非常擅长 javascript,但不太擅长服务器端的东西。我真的不希望这影响我的页面加载时间(我为此感到非常自豪并且非常努力)。所以也许服务器端是我的解决方案。但如果有人有任何想法,我将不胜感激。先谢谢你。

JavaScript PHP HTML 服务器端 客户端

评论

0赞 Spangle 10/14/2019
'但我真的很擅长javascript' ==> 你确定吗?你有没有考虑过使用像 Vue 这样的框架?如果你想使用PHP,你有没有研究过php include?

答:

2赞 amirkamizi 10/14/2019 #1

你的意思是你现在拥有的所有页面都是静态的?

如果是,请不要这样做。 如果你在一段时间后以这种方式生成所有页面,你就不能轻松扩展你的网站,如果你想改变一个小设计,那么你必须在所有页面中都这样做。

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

您需要 3 件事:

1- 页面的 HTML 模板

2-数据库(SQL或NOSQL)

3- 一种后端语言,用于与数据库通信,并根据用户输入的 URL 为您加载数据。这可以是从 PHP 到 Python 的任何内容

4(可选)为了使您的网站移动友好并可以通过低速互联网使用,请使用 js 获取数据并将其部分加载到页面中。

如果你问我的意见,PHP Laravel真的很好,可以为你处理很多事情。对于 js 部分,你可以使用 Vuejs。

祝你今天开心!

评论

0赞 Spangle 10/14/2019
您不需要数据库即可实现此目的。
0赞 J3FF_The_Cow 10/14/2019
那么,这是否很可能类似于 youtube 的做法,每个视频的页面都相同,但实际视频不同?
0赞 nocturns2 10/14/2019
后端的数据库不是必需的,但它可以更轻松地跟踪移动部件。与通过管理 php 文件中的包含来处理所有管道来处理特定部分相比。您只需要在数据库中查询特定页面所需的文件列表即可。