1.首先对静态页面进行修改
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Django入门</title> 6 <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> 7 <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"> 8 <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> 9 <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 10 </head> 11 <body> 12 <div class="container page-header"> 13 <h1>好文欣赏 14 <small>-- by zy </small> 15 </h1> 16 </div> 17 <div class="container page-body"> 18 <div class="col-md-9" role="main"> 19 <div class="body-main"> 20 {% for article in article_list %} 21 <div> 22 <h2>{{ article.title }}</h2> 23 <p> 24 {{ article.brief_content }} 25 </p> 26 </div> 27 {% endfor %} 28 </div> 29 </div> 30 <div class="col-md-3" role="complementary "> 31 <div> 32 <h2>最新文章</h2> 33 {% for article in article_list %} 34 <h4><a href="#">{{ article.title }}</a></h4> 35 {% endfor %} 36 </div> 37 </div> 38 39 </div> 40 </body> 41 </html>
2.然后编写视图函数
1 def get_index_page(request): 2 all_article = Article.objects.all() 3 # render 把模板系统和数据进行渲染然后返回 render(request, 路径, 传递的值) 4 return render(request, 'blog/index.html', {'article_list': all_article})
3.设置路由
1 path('index', blog.views.get_index_page),