使用javascript一次在多个网页上重新使用html模板

问题描述 投票:-1回答:1

几个月前,我开了一个网站。我的问题是,我已经开始获得很多重复页面。我复制了主页的原始HTML,然后摆脱了非常特定于我的主页的所有内容,但这仅是为了使我可以使用相同的标题和导航菜单。我所有的页面都有很多共同的代码。在每个页面重做此操作确实很繁琐。我知道人们以前曾经遇到过这个问题,并且我敢肯定每个人都已经知道这样做的一些大秘密(对我而言)API。但是,当我接近50页时,我需要一个基本的HTML模板页(我可以制作此页),然后再添加一些JavaScript,以将代码打印到其他页面之一中。因此,如果我想在菜单中添加其他项目,则无需遍历所有50个HTML页面,只需更改模板即可,然后将其覆盖到其他页面中。也许对此也有服务器端解决方案。随便提一下。但是我真的很擅长javascript,而不太擅长服务器端的东西。我真的不希望这会影响我的页面加载时间(对此我感到非常自豪,并且已经非常努力地工作)。所以也许服务器端是我的解决方案。但是,如果有人有任何想法,我将不胜感激。预先谢谢你。

javascript php html server-side client-side
1个回答
2
投票

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

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

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

您需要三件事:

1-页面的HTML模板

2-数据库(SQL或NOSQL)

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

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

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

祝你有美好的一天!

© www.soinside.com 2019 - 2024. All rights reserved.