有了上一节关于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的材质设计
Python Django Web典型模块开发实战_区块链时代与Token登录_编程项目案例实例详解课程教程.pdf
这是我上知了课堂的Django笔记,包含了完整的项目部署过程。请注意:并不包含课堂的视频资料。
Django是一个流行的Python Web框架,它可以帮助开发人员快速构建高质量的Web应用程序。Django具有许多内置功能,如ORM(对象关系映射器)、模板引擎、表单处理和安全机制等,这些功能可以减少开发人员的工作量,让...
部门管理 增删改查,搜索,分页 用户管理 增删改查,搜索,分页 认证 完成 登录/验证码/修改密码 数据统计 echarts折线图,柱状图,饼图 文件上传 解析文件到db,form表单上传图片
django-微服务 Django-microservices可帮助您管理Django中内置的微服务的开发和交互。 用例 您正在使用Django构建具有微服务架构的应用程序。 您具有通过HTTP与每个服务器通信的服务器服务,每个服务都是它自己的...