认识Django模板系统
1、模板系统的简介
2、基本语法
变量:{{变量}}
for循环:{% for x in list%},{% endfor %}
if-else分支标签:{% if %},{% else %},{% endif %}
使用模板系统渲染网页
1、博客首页
2、文章详情页
>使用变量和for循环进行展示数据
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Django框架学习笔记</title>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>
<!-- 定义头部 -->
<div class="container page-header">
<h1>Django框架学习笔记
<small> — by ARM teacher</small>
</h1>
</div>
<!-- 定义博客主要内容 -->
<div class="container page-body">
<!-- 定义9份 -->
<div class="col-md-9" role="main">
<!-- 定义一个块 -->
<div class="body-main">
<!-- 使用for循环进行展示 -->
{% for article in article_list %}
<!-- 每一篇文章使用块来表示 -->
<div >
<!-- 定义变量 -->
<h2>{{ article.title }}</h2>
<!-- 文章具体内容 -->
<p>
{{ article.brief_content }}
</p>
</div>
{% endfor %}
</div>
</div>
<!-- 剩下的3等份 -->
<div class="col-md-3" role="complementary">
<div>
<h2>最新文章</h2>
<!-- 使用for循环表示 -->
{% for article in article_list %}
<h4><a href="#">article.title</a></h4>
{% endfor %}
</div>
</div>
</div>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
</body>
</html>
3、数据获取
4、配置路由并启动服务
5、查看运行结果,在浏览器中输入:127.0.0.1:8080/blog/index
6、新增测试数据,添加如下图文件
7、刷新浏览器页面查看
8、文章详情数据处理
9、文章详情视图
10、文章详情路由配置
11、运行服务,在浏览器中输入:127.0.0.1:8080/blog/detail,查看页面显示