首页 > 解决方案 > 使用 javascript 一次为多个网页重用 html 模板

问题描述

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

标签: javascriptphphtmlserver-sideclient-side

解决方案


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

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

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

你需要三样东西:

1-页面的HTML模板

2- 数据库(SQL 或 NOSQL)

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

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

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

祝你有美好的一天!


推荐阅读