Django[11]模板Template context和Bootstrap使用
视图views.py中：
1234567891011121314151617181920212223242526 | from __future__ import unicode_literalsfrom django.shortcuts import render# Create your views here.from django.http import HttpResponsedef (request): context = { "title"： "home" } return render(request,"index.html",context)def posts_create(request): context = { "title"： "create" } return render(request,"index.html",context)def posts_detail(request): context = { "title"： "detail" } return render(request,"index.html",context) |
index.html中
用 context去 大专栏 Django[11]模板Template context和Bootstrap使用填充模板 index.html，然后再返回
index.html中添加如下代码：
1 | <h1>Hello {{ title }}}</h1> |
context是一个字典,存放要渲染到页面的数据
Bootstrap模板使用
1. 下载模板文件
2. 把html文件拷贝到了templates文件夹下面
3. 新建一个statics文件夹，用于存放css文件和js文件
4. 把css和js文件拷贝到statics文件夹下
5. 在settings.py中配置statics文件夹
1234 | STATICFILES_DIRS = [ os.path.join(BASE_DIR, "statics")] |
6. 将html文件中指定位置的css和js文件的路径修改为/static/…
文档结构如下：
![Django[11]模板Template context和Bootstrap使用](https://cdn.ancii.com/article/image/v1/D9/WG/9V/V9W9GD3EV40aUDJHp4R4Yo6_-slFzR_DDbqxMx54R5U.png "Django[11]模板Template context和Bootstrap使用")
效果如图：![Django[11]模板Template context和Bootstrap使用](https://cdn.ancii.com/article/image/v1/D9/WG/9V/V9W9GD3EV40aUDJHp4R4YrIQN8AZLO-NV-TfX6_D4qE.png "Django[11]模板Template context和Bootstrap使用")