我需要在每个页面上复制粘贴我的导航条码吗？ [复制]答案

【问题标题】：Do I need to copy paste my navigation bar code on each page? [duplicate]我需要在每个页面上复制粘贴我的导航条码吗？ [复制]
【发布时间】：2021-08-29 22:10:39
【问题描述】：

所以当我创建一个多页网站时，我是否需要在每个页面上复制和粘贴导航栏、页脚等，或者是否有技术或方法可以更快、更有效地做到这一点？

【问题讨论】：

您可以将 Jinja2 之类的东西用于模板（我将它用作 Flask 的一部分），或者像 React 之类的东西用于组件。
大多数情况下，尝试使用相同的样式表，这样会更容易吗？
您可以查看静态站点生成器，例如十一或雨果。本地包含 html sn-ps 确实没有一个好方法。

标签： javascript html css frontend

【解决方案1】：

是的，有，而且这种技术称为框架。例如，在 Laravel（php 后端框架）中，您可以使用刀片指令在视图中包含代码片段。

例如

在我的一个项目中，主视图源代码（php 文件）如下所示：

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    
    @include('sections/head')
    @include('sections/navbar')
    @include('sections/home_body')
    @include('sections/footer')

</html>

如您所见，我不需要一直复制粘贴相同的代码。我只是使用刀片指令@include()

这只是一个例子，我建议你探索和阅读所有不同的框架。对于 PHP，我推荐的是 Laravel，它并不难学。

在这里阅读一些关于优秀框架的信息：https://hackr.io/blog/web-development-frameworks。并选择最适合您需求的一种。框架将为您提供大量帮助，它们都有大量工具来增强您的编码能力。

【讨论】：

Frameworks 可能是这个问题的广泛解决方案，因为框架是可用于各种用例的预先编写的代码。如果有人必须使用原生 JavaScript 来做这件事怎么办？