Django学习（1）-继承模板

最新推荐文章于 2024-07-09 14:20:11 发布

sgxylwz010

最新推荐文章于 2024-07-09 14:20:11 发布

阅读量214

点赞数 3

分类专栏： Django 文章标签： Django

本文链接：https://blog.csdn.net/sgxylwz010/article/details/90296508

版权

Django 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

首先创建一个base.html文件。代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>继承文件</title>
</head>
<body>
    <h1>lalalalala</h1>
    <p>lwz</p>
    {% block mainbody %}  {# 创建一个名为mainbody的可替换块 #}
        <p>lwz2</p>
    {% endblock %}
</body>
</html>

然后在index.html文件中继承
在index.html文件中，继承必须放在首位。比如body内有form等标签，那么{% extends %}就必须放在form等标签的前面，需要注意的是，这样直接继承会将模板文件的所有内容继承过来，index文件内的其他内容将被替换，如果想不被替换掉，就在index文件内将模板文件内的block块替换掉。index.html的body部分如下：

<body>
    {% extends 'base.html' %}  {# 继承base.html #}
    {% block mainbody %}  {# 替换base.html内的mainbody块 #}
    <div id="editormd">
        <script type="text/javascript">
        $(function () {
            var editor = editormd("editormd",{
                path:'editor.md-master/lib/'
            });
        });
    </script>
        <h1 style="background-color: salmon;color: black">MD编辑器</h1>
        <textarea >Hello EditorMd</textarea>
    </div>
    <h1>用户输入：</h1>
    <form action="/index/" method="post">
        {% csrf_token %}
        用户名：<input type="text" name="username" /><br />
        密码：  <input type="password" name="password" /><br />
        <input type="submit" value="提交" />
    </form>
    <h1>用户展示：</h1>
        <table border="1">
            <thead>
                <tr>用户名</tr>
                <tr>密码</tr>
            </thead>
            <tbody>
                {% for item in data %}
                <tr>
                    <td>{{ item.user }}</td>
                    <td>{{ item.pwd }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% endblock %}
</body>