django学习总结

最新推荐文章于 2023-04-02 17:37:11 发布

lion_zhou

最新推荐文章于 2023-04-02 17:37:11 发布

阅读量1.1k

点赞数

分类专栏： django

本文链接：https://blog.csdn.net/zhouxuan623/article/details/87939339

版权

django 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

页面样式的配置

1、在setting中配置路径

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')

2、在html模板中引用

{% load static %}
<link rel="stylesheet" type="text/css" href="\static\main.css">
<img src="{% static 'image/logo.png' %}"/>

3、模板的复用（比如所有的html页面的头部信息都一样，这样不可能在每个html中写入）

一、创建目模板base.html

<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<img src="{% static 'image/logo.png' %}"/>
<form method='POST' action="{% url 'search_department' %}">
    <input type="search"  name="q" placeholder="Search" required>
  <button type="submit">搜索</button>
</form>
<br>
{% block test1 %}
    <p>此处是替换信息</p>
{% endblock %}
</body>
</html>

其中的img和form是公共部分，需要在每个页面展示。现在再创建hello.html

<!DOCTYPE html>
{% extends 'base.html' %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
{% block test1 %}
    <p>此处会替换"此处是替换信息"的信息，展示这条消息</p>
{% endblock %}
</body>
</html>

最后访问hello.html的时候，就会展示下面两部分的内容和。