Javascript 如何将php代码与HTML页面分离？

我为这么糟糕的题目道歉，但我想不出更好的题目了。我会尽量以简明扼要的方式解释我的问题，让这个社区在理解我的问题时少一些困难

目前我正在从事一个CMS项目，我负责为该CMS开发模板。根据模板的所有组件是否在管理面板中被激活，动态加载模板的所有组件，并使用响应HTML代码的PHP代码在前端动态加载模板的所有组件

随着模板数量的增加，问题与更新和维护模板密切相关

当php代码中需要进行一些更改时，如果模板的数量为1或3，那么在其他模板中更新相同的php代码并不困难，但是如果模板的数量增加到10个或更多，那么这将成为一个困难，并且将非常耗时

我正在寻找一种将php代码与HTML分离的方法。因此，当需要在php中进行更改时，它应该实现一次，并影响所有模板，而不是更新每个模板的php代码

我希望我能够正确地解释我的问题，但如果仍然缺少一些信息，请让我知道

更新了带有代码示例的问题，以便更好地解释

在代码示例中，我根据条件加载html元素。现在，如果我需要在php代码中进行更改，并且我有五个不同的模板使用相同的代码，那么我需要在五个不同的文件中对其进行五次更新

我正在寻找一种将php代码与html分离的方法

echo'
PHP包含文件
如果您觉得自己在重复，那么您可以创建另一个文件并在那里存储一段代码，无论您需要它在哪里，都可以使用
include（）
导入该文件。关于更多的细节，我想看看这个
您能举一个这样的代码示例吗？很难理解为什么你不能只使用一些类和/或函数，然后从模板中调用这些类和/或函数——这是使公共代码在任何应用程序中都可重用的标准方法。对我来说，这听起来像是一个简单的例子，除非你能提供一个简化的例子来证明不是这样。请分享更多详细信息。这与Angular、Vue或Javascript有什么关系？为什么不使用模板系统的多个实现中的任何一个呢？我已经从我开发的模板中添加了一个示例代码。这段代码基于某些条件回显html元素。现在，如果我想更新php代码，并且如果有五个模板使用相同的代码，那么我需要更新所有五个模板。Angular和vue不会帮助您，除非您完全重新设计您的方法，使您在php中有一个只输出数据而不是HTML的API，你有一个单页的应用程序结构，而不是传统的CMS。无论如何，除非您的问题涉及到在这些框架中编写的某些代码的问题，否则不应该标记它们。