【PythonDjango后台实例 第三章】Python3.6.1+Django1.8 模版的继承使用

本文主要是介绍【PythonDjango后台实例 第三章】Python3.6.1+Django1.8 模版的继承使用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

本文章的主要内容有如下几点:

1,使用Python Django实现快速建站

2,使用Django内的模版功能减少代码重写,大大提高建站效率


模版能够解决什么问题?

答:一个网站包括顶栏,底栏,标题栏,导航栏等公共部件,避免每一个网页都重复编写相关代码。

模版功能能够使开发者只专心编写内容不同的区域,别的区域直接继承即可。


注意:Django框架不提倡复写代码,提倡代码重复利用,框架内有专门的模版使用方法

正文开始




这是我制作的后台系统的主页界面。

其中可以看到:最右侧的部分才是内容区域部分,所以说左边的导航栏和顶栏都是公共共用的部分,不需要修改,只需要修改右侧内容区就可以了,不同的页面填充不同的内容区。


这是我的网站的html文件的代码结构图,我写了很多的备注,非常直观的可以看到每一块代码的作用。

那么现在我们来做一个简单的base.html页面,并来演示说明一下模版继承。

建立文件:


其中base.html中写入:


最简单的html页面,显示后:


如果我们要很多页面的标题保持一致,只修改内容要如何操作呢?

添加Django模版标签,这里只使用一种:

base.html

 

在需要替换的地方添加{% block name %}{% endblock %}标签,就可以在其他页面中任意调用了。

现在新建一个页面

test.html

效果实现:


是不是非常简单就完成了一个网页的移植,这只是最简单的用法,Django模版内还有很多标签,如果你要建立一个网站的话是非常方便的,会节省很多时间 

再贴上我的网站做一个补充说明把。

这是base.html



大家可以看到右边内容区已经留空,base.html关于右边内容区域的代码如下:


只贴上了Django模版标签,再给大家看我其中一个图表页面的实现


其HTML代码如下:


大家可以看到全部是引用的Django标签

其中:第一行代码是引入母页面,第二行是修改标题,第三行是修改侧栏,第四行是修改内容,第五行是修改js文件

Django模版最简单教程就完毕了,下次说 Django前端通过pyMysql库调用MySQL数据库


有地方不懂的就在评论区问,有错误请指出,大家共同进步!

因本文不太严谨,所以严禁转载!



这篇关于【PythonDjango后台实例 第三章】Python3.6.1+Django1.8 模版的继承使用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/831576

相关文章

Pydantic中Optional 和Union类型的使用

《Pydantic中Optional和Union类型的使用》本文主要介绍了Pydantic中Optional和Union类型的使用,这两者在处理可选字段和多类型字段时尤为重要,文中通过示例代码介绍的... 目录简介Optional 类型Union 类型Optional 和 Union 的组合总结简介Pyd

Vue3使用router,params传参为空问题

《Vue3使用router,params传参为空问题》:本文主要介绍Vue3使用router,params传参为空问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录vue3使用China编程router,params传参为空1.使用query方式传参2.使用 Histo

使用Python自建轻量级的HTTP调试工具

《使用Python自建轻量级的HTTP调试工具》这篇文章主要为大家详细介绍了如何使用Python自建一个轻量级的HTTP调试工具,文中的示例代码讲解详细,感兴趣的小伙伴可以参考一下... 目录一、为什么需要自建工具二、核心功能设计三、技术选型四、分步实现五、进阶优化技巧六、使用示例七、性能对比八、扩展方向建

使用Python实现一键隐藏屏幕并锁定输入

《使用Python实现一键隐藏屏幕并锁定输入》本文主要介绍了使用Python编写一个一键隐藏屏幕并锁定输入的黑科技程序,能够在指定热键触发后立即遮挡屏幕,并禁止一切键盘鼠标输入,这样就再也不用担心自己... 目录1. 概述2. 功能亮点3.代码实现4.使用方法5. 展示效果6. 代码优化与拓展7. 总结1.

使用Python开发一个简单的本地图片服务器

《使用Python开发一个简单的本地图片服务器》本文介绍了如何结合wxPython构建的图形用户界面GUI和Python内建的Web服务器功能,在本地网络中搭建一个私人的,即开即用的网页相册,文中的示... 目录项目目标核心技术栈代码深度解析完整代码工作流程主要功能与优势潜在改进与思考运行结果总结你是否曾经

Linux中的计划任务(crontab)使用方式

《Linux中的计划任务(crontab)使用方式》:本文主要介绍Linux中的计划任务(crontab)使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、前言1、linux的起源与发展2、什么是计划任务(crontab)二、crontab基础1、cro

kotlin中const 和val的区别及使用场景分析

《kotlin中const和val的区别及使用场景分析》在Kotlin中,const和val都是用来声明常量的,但它们的使用场景和功能有所不同,下面给大家介绍kotlin中const和val的区别,... 目录kotlin中const 和val的区别1. val:2. const:二 代码示例1 Java

C++变换迭代器使用方法小结

《C++变换迭代器使用方法小结》本文主要介绍了C++变换迭代器使用方法小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录1、源码2、代码解析代码解析:transform_iterator1. transform_iterat

Python3.6连接MySQL的详细步骤

《Python3.6连接MySQL的详细步骤》在现代Web开发和数据处理中,Python与数据库的交互是必不可少的一部分,MySQL作为最流行的开源关系型数据库管理系统之一,与Python的结合可以实... 目录环境准备安装python 3.6安装mysql安装pymysql库连接到MySQL建立连接执行S

C++中std::distance使用方法示例

《C++中std::distance使用方法示例》std::distance是C++标准库中的一个函数,用于计算两个迭代器之间的距离,本文主要介绍了C++中std::distance使用方法示例,具... 目录语法使用方式解释示例输出:其他说明:总结std::distance&n编程bsp;是 C++ 标准