Django温故之分页、模板继承

本次Django知识温故基于之前做的实验项目:Scrapy和Django实现蚌埠医学院手机新闻网站制作

项目初始效果

这次主要温故三个基础知识:

  • Bootstrap界面美化
  • Django分页
  • 模板继承

最终效果:

  • 界面得到优化
  • 新闻列表页和新闻内容页均有分页
  • 以及html代码不冗余

新闻列表页:


Django温故之分页、模板继承_第1张图片
效果截图

新闻详情页:


Django温故之分页、模板继承_第2张图片
效果截图

电脑端效果:
电脑端效果

手机端效果:


手机端效果

分页介绍:分页主要使用了django.core.paginator下的Paginator,EmptyPage,PageNotAnInteger,视图views文件如下:

Django温故之分页、模板继承_第3张图片
views.py

模板采用继承方式,在templates目录下新建base.html文件,将网页最基本的模块放到其中,让后新闻列表页和新闻详情页继承修改,修改模板中的block部分即可。

Django温故之分页、模板继承_第4张图片
模板文件结构

base.html文件:

Django温故之分页、模板继承_第5张图片
base.html

新闻列表newlist.html文件:


Django温故之分页、模板继承_第6张图片
newslist.html

新闻详情detail.html文件:

Django温故之分页、模板继承_第7张图片
detail.html

你可能感兴趣的:(Django温故之分页、模板继承)