Question

我已经完成了几个ASP.NET应用程序，我只是对HTML布局的简单性感到着迷。

Basiccaly有一个布局文件，您可以在其中编写所有静态HTML，CSS，JS或任何在所有页面上保持不变的内容。然后，有内容页面，您只在其中编写页面的内容。

所以，例如，你有一个看起来像这样的about.cshtml文件：

<h1>My name</h1>
<p>I am a junior web developer... etc</p>
<p>Contact me at example@gmail.com</p>

这是关于内容页面所需的所有信息，当被请求时，它将被插入布局页面。

所以，我的问题：

是否有任何现成的工具可以通过html，javascript或php实现这一目标？我发现自己通过ajax调用实现它，但这实际上只是浪费资源，不得不异步加载我拥有的所有html文件。

Answer 1

对于纯HTML，您可以沿着使用static site generator的路线前进。例如：

在Pelican中，您有一个base.html模板，其中包含您要在所有页面上显示的所有内容，因此页眉和页脚等（这些也可以称为.header.html，然后在main.html中引用{1}}模板。

页面内容以Markdown编写，并放入名为posts或pages的文件夹中，然后运行generate命令，它将输出所有html对你而言。

页面可以这样写：

{% extends "base.html" %}
{% block title %}{{ page.title }}{%endblock%}
{% block content %}
    <h1>{{ page.title }}</h1>
    {% import 'translations.html' as translations with context %}
    {{ translations.translations_for(page) }}

    {{ page.content }}
{% endblock %}

因此它扩展了base.html模板。

进一步阅读：

Answer 2

查看Model–view–controller s

纯HTML的布局和内容页面

2 个答案: