第四章 模板与JavaScript.md
最后更新于：2022-04-01 21:59:47
第四章-模板和JavaScript
*********************
本章，我们讨论到以下话题：
```
整理base.html模板
包含JavaScript设置
使用HTML5数据属性
在弹窗中显示对象细节
实现不间断滚动
实现Like部件
使用Ajax上传图片
```
## 引言
我们生活在
## 整理base.html模板
>#####提示
## 预热
## 具体做法
执行以下步骤：
1.在模板的根目录中使用下列内容创建一个`base.html`文件：
```python
{#templates/base.html#}
{% block doctype %}{% endblock %}
{% load i18n %}
{% block title %}{% endblock %}{% trans "My Website" %}
{% block meta_tags %}{% endblock %}
“
{% block stylesheet %}{% endblock %}
{% block js %}{% endblock %}
{% block extrahead %}{% endblock %}
{% block page %}
{% endblock %}
{% block extrabody %}{% endblock %}
```
2. 在相同的目录中，针对特定的情况创建另外一个命名为`base_simple.html`：
```python
{# templates/base_simple.html #}
{% extends "base.html" %}
{% block page %}
{% endblock %}
```
## 具体做法
## 参阅
## 加入JavaScript的设置
';
{% trans "My Website" %}
{% block header_navigation %} {% include "utils/header_navigation.html" %} {% endblock %} {% block language_chooser %} {% include "utils/language_chooser.html" %} {% endblock %}
{% block content %}
{% endblock %}
{% block content %}
{% endblock %}