python+Django创建购物网站（二）

一、Django模板语言，Django Template Language (DTL)

模板语言内容比较多，具体用到哪块，再去学习相应的模块就可以了。

学习链接：http://www.liujiangblog.com/course/django/145

官网（英文）：https://docs.djangoproject.com/en/2.1/ref/templates/language/

模板语言主要包括以下几种形式：

1、变量
{{ ... }} 输出Python表达式结果。

2、过滤器
{{ 变量 | 过滤器 }}
https://docs.djangoproject.com/en/2.1/ref/templates/builtins/#built-in-filter-reference
<html>
<body>
    <h3>name变量：{{ name }}</h3>
    <h3>name单词首字母大写：{{ name|title }}</h3>
    <h3>name小写：{{ name|lower }}</h3>
    <h3>name大写：{{ name|upper }}</h3>
    <h3>name字符串长度：{{ name|length }}</h3>
    <h3>获得第一个元素：{{ message|first }}</h3>
    <h3>获得最后一个元素：{{ message|last }}</h3>
    <h3>将元素连接起来：{{ message|join:"  " }}</h3>
    <h3>截取前两个单词：{{ message|first|truncatewords:2 }}</h3>
    <h3>日期格式化：{{ date|date:"Y-m-d" }}</h3>
    <h3>数字格式化：{{ number|floatformat:2 }}</h3>
</body>
</html>

3、模板标签
标签可以执行一些操作语句，如if、for和模板继承等。
{% ... %}

例如：
判断结构:
{% if 条件表达式 %}
...
{% endif %}
循环结构:
{% for item in 序列 %}
...
{% endfor %}

4、模板继承
定义基础模板base.html：
<div id="content">
    {% block body %}
    {% endblock %}
</div>
继承基础模板login.html：
{% extends "base.html" %}
...
{% block body %}
<table width="40%" border="0">
   ...
</table>
{% endblock %}

二、访问静态文件

Web应用有一些静态文件，如：图片文件、CSS文件和Javascript文件等。
配置步骤：
1、确认settings.py中INSTALLED_APPS否安装了django.contrib.staticfiles。
2、确认settings.py中STATIC_URL的配置：
STATIC_URL = '/static/'
3、在books下面创建static文件夹，然后把静态文件复制到static文件夹中。

4、修改模板文件
{% load static %}
...
<link rel="stylesheet" type="text/css" href="{% static 'css/book.css' %}">
...
<img src="{% static 'images/book_img2.jpg' %}" width="20px" height="20px">

python+Django创建购物网站（二）

猜你喜欢