有了上一节关于Django模板的基础,改造界面就很容易理解了。将界面设计师设计的页面中的内容根据复用程度分别放到基础模板base.html和专用模板productlist.html中。
depot/templates/base.html
base作为整个网站的基础布局,包含了所有页面都需要的bootstrap.min.css。同时设置了两个内容块(title, content)。在productlist.html中替换这两个内容块:
depot/templates/depotapp/list_product.html
先是声明这个模板继承自base.html,然后是两个内容块的实现。
注意其中链接的写法:href="{% url depotapp.views.view_product item.id %}"。这样定义的href是关联到view函数,而不是硬编码的URL。在以后如果改变了URLconf的定义,不需要再更改模板。这个功能不是rails特有的!
关于分页的部分,无需关注,以后再说。
最后,认真填写一下表单,将真正的数据存到数据库,就可以在http://localhost:8000/depotapp/product/list/ 看到漂亮的界面了。
例子中使用的书籍信息和图片链接均来自豆瓣读书
分享到:
相关推荐
Python Django Web典型模块开发实战_用Django设计大型电商的类别表_编程项目案例实例详解课程教程.pdf
本文包含:Django框架基础知识、Django视图和模板、Django框架和模型和django框架后台、Django框架实战:开发企业官网、Rest Framework 、Vue前端、Vue+Django综合项目;Vue前端对接:通过Vue与后端API进行数据交互...
Chapter 7:User Accounts Chapter 8:Custom User Model Chapter 9:User Authentication Chapter 10:Bootstrap Chapter 11:Password Change and Reset Chapter 12:Email Chapter 13:Newspaper app Chapter 14:...
django-suit:Django管理界面的现代主题
Chapter 7: Queries and the Database Layer Chapter 8: Function- and Class-Based Views Chapter 9: Best Practices for Function-Based Views Chapter 10: Best Practices for Class-Based Views Chapter 11: ...
Django项目代码:爬取并展示链家上海二手房信息
实战Django:Pastebin源代码.7z
Python Django Web典型模块开发实战_分析吾爱破解论坛反爬虫机制_编程项目案例实例详解课程教程.pdf
Django实战
给大家分享一套课程——Django+Vue:Python Web全栈开发(基于Django4.1),已完结10章,附源码。
Python基于Django的实战项目源码——美多商城 Python基于Django的实战项目源码——美多商城 Python基于Django的实战项目源码——美多商城 Python基于Django的实战项目源码——美多商城 Python基于Django的...
《Django实战》源码(第一、第二版)源码,亲测可正常运行
Django博客使用Django制作博客
docker-jenkins-django-tutorial:实战Docker + Jenkins + Django + Postgres:memo:
django-material:Django的材质设计
Django项目实战 - 基于Python开发,包含21个文件,如PY、XML、GITIGNORE、IML、LICENSE、...该项目为用户提供了一个基于Django的实战项目,通过界面交互和功能模块,为用户提供了一个高效、易用的Django项目解决方案。
Python Django Web典型模块开发实战_区块链时代与Token登录_编程项目案例实例详解课程教程.pdf
这是我上知了课堂的Django笔记,包含了完整的项目部署过程。请注意:并不包含课堂的视频资料。
项目标题:基于Python Django的实战项目源码解析 技术栈:本项目主要采用Python语言开发,辅以HTML和CSS进行前端设计。 文件概览:总计174个文件,包括以下类型: - pyc文件(已编译的Python文件):50个 - py文件...
Django企业开发实战.源码