1、Django模板
网站如何向客户端返回一个漂亮的页面呢?
- 漂亮的页面需要
html
、css
、js
. - 可以把这一堆字段串全都写到视图中, 作为
HttpResponse()
的参数,响应给客户端.
存在的问题 :
- 视图部分代码臃肿, 耦合度高.
- 这样定义的字符串是不会出任何效果和错误的.
- 效果无法及时查看.有错也不容易及时发现.
设想 :
- 是否可以有一个专门定义前端页面的地方, 效果可以及时展示,错误可以及时发现,并且可以降低模块间耦合度!
解决问题 :模板
MVT
设计模式中的T
,Template
在Django
中, 将前端的内容定义在模板中, 然后再把模板交给视图调用, 各种漂亮、炫酷的效果就出现了.
模板使用步骤:
- 1.创建模板
- 2.设置模板查找路径
- 3.模板接收视图传入的数据
- 4.模板处理数据
1.1.创建模板
- 在
应用
同级目录下创建模板文件夹templates
. 文件夹名称固定写法. - 在
templates
文件夹下, 创建应用
同名文件夹. 例,Book
-
在
应用
同名文件夹下创建网页模板
文件. 例 :index.html
1.2.设置模板查找路径
1.3.模板接收视图传入的数据
-
视图模板加载
1.4.模板处理数据
1.5. 查看模板处理数据成果
总结View-Templates流程
2、展示书籍列表
需求:
实现步骤:
- 1.创建视图
- 2.创建模板
- 3.配置URLconf
2.1.创建视图
- 查询数据库数据
- 构造上下文
-
传递上下文到模板
from book.models import BookInfo # 定义视图:提供书籍列表信息 def bookList(request): # 查询数据库书籍列表数据 books = BookInfo.objects.all() # 构造上下文 context = {'books':books} # 数据交给模板处理,处理完成后通过视图响应给客户端 return render(request, 'Book/booklist.html', context)
2.2.创建模板
- 读取上下文数据
- 构造网页html文档 : 书籍信息以列表样式展示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>书籍列表信息</title>
</head>
<body>
<ul>
{% for book in books %}
<li>{{book.name}}</li>
{% end for %}
</ul>
</body>
</html>
2.3.配置URLconf
-
进入
应用
中的urls.py
文件from django.conf.urls import url from book.views import index,bookList urlpatterns = [ url(r'^$',index), # 匹配书籍列表信息的URL,调用对应的bookList视图 url(r'^booklist/$',bookList) ]
3、配置和静态文件
3.1 配置文件
3.1.1. BASE_DIR
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
当前工程的根目录,Django会依此来定位工程内的相关文件,我们也可以使用该参数来构造文件路径。
3.1.2. DEBUG
调试模式,创建工程后初始值为True,即默认工作在调试模式下。
作用:
-
修改代码文件,程序自动重启
-
Django程序出现异常时,向前端显示详细的错误追踪信息,例如
-
而非调试模式下,仅返回Server Error (500)
注意:部署线上运行的Django不要运行在调式模式下,记得修改DEBUG=False和ALLOW_HOSTS。
3.1.3. 本地语言与时区
Django支持本地化处理,即显示语言与时区支持本地化。
本地化是将显示的语言、时间等使用本地的习惯,这里的本地化就是进行中国化,中国大陆地区使用简体中文,时区使用亚洲/上海时区,注意这里不使用北京时区表示。
初始化的工程默认语言和时区为英语和UTC标准时区
LANGUAGE_CODE = 'en-us' # 语言
TIME_ZONE = 'UTC' # 时区# 时区
将语言和时区修改为中国大陆信息
LANGUAGE_CODE = 'zh-Hans'
TIME_ZONE = 'Asia/Shanghai'
3.2 静态文件
项目中的CSS、图片、js都是静态文件。一般会将静态文件放到一个单独的目录中,以方便管理。在html页面中调用时,也需要指定静态文件的路径,Django中提供了一种解析的方式配置静态文件路径。静态文件可以放在项目根目录下,也可以放在应用的目录下,由于有些静态文件在项目中是通用的,所以推荐放在项目的根目录下,方便管理。
为了提供静态文件,需要配置两个参数:
- STATICFILES_DIRS存放查找静态文件的目录
- STATIC_URL访问静态文件的URL前缀
示例
1) 在项目根目录下创建static目录来保存静态文件。
2) 在bookmanager/settings.py中修改静态文件的两个参数为
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static'),
]
3)此时在static添加的任何静态文件都可以使用网址/static/文件在static中的路径来访问了。
例如,我们向static目录中添加一个index.html文件,在浏览器中就可以使用127.0.0.1:8000/static/index.html来访问。
或者我们在static目录中添加了一个子目录和文件book/detail.html,在浏览器中就可以使用127.0.0.1:8000/static/book/detail.html来访问。
3.3 App应用配置
在每个应用目录中都包含了apps.py文件,用于保存该应用的相关信息。
在创建应用时,Django会向apps.py文件中写入一个该应用的配置类,如
from django.apps import AppConfig
class BookConfig(AppConfig):
name = 'book'
我们将此类添加到工程settings.py中的INSTALLED_APPS列表中,表明注册安装具备此配置属性的应用。
-
AppConfig.name属性表示这个配置类是加载到哪个应用的,每个配置类必须包含此属性,默认自动生成。
-
AppConfig.verbose_name属性用于设置该应用的直观可读的名字,此名字在Django提供的Admin管理站点中会显示,如
from django.apps import AppConfig class UsersConfig(AppConfig): name = 'book' verbose_name = '图书管理'