django学习总结

页面样式的配置

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的时候，就会展示下面两部分的内容和。

django学习总结

hello.html展示效果

django学习总结

相关推荐