【PythonDjango后台实例 第三章】Python3.6.1+Django1.8 模版的继承使用
来源:互联网 发布:js正则判断正整数 编辑:程序博客网 时间:2024/06/08 09:41
本文章的主要内容有如下几点:
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 模版的继承使用
- 【PythonDjango后台实例 第四章】Python3.6.1+Bootstrap3+echarts 在HTML网页中使用echarts展示图表
- 【PythonDjango后台实例 第二章】Python3.6.1+Pyserial+PyMySQL 实现读取串口并存入数据库
- 【PythonDjango后台实例 第一章】Python3.6.1+Pyserial 实现读取STM32蓝牙串口
- 【PythonDjango后台实例 第七章】Django使用Video.js视频播放插件
- 【PythonDjango后台实例 第六章】Django实现简单的登陆验证功能
- python3.4 + django1.8的环境搭建
- django1.8使用django-xadmin管理后台
- 【PythonDjango后台实例 第五章】Bootstrap3 在HTML页面中显示调用本地时间并动态显示
- python3使用django1.11不支持MYSQL-python的解决办法
- python3.6.1 django1.11.4 初探
- Python3.5+Django1.8链接Mysql数据库的方法
- fedora20 下 django1.6+python3 使用mysql
- python3 django1.10 使用mysql服务器
- c++模版实例化继承
- Django1.8+Python3.4+Mysql5.5
- 在python3.5和django1.10.6的环境下使用xadmin
- python2.7+django1.8+mysql的模版显示数据的例子
- 浅谈C++继承方式
- (线段树+dfs序)
- 字符串+尺取法
- 侧栏滑动
- python 爬虫实战
- 【PythonDjango后台实例 第三章】Python3.6.1+Django1.8 模版的继承使用
- 引用类型---Date
- The method newJob(Class<QuartzTest>) is undefined for the type Test
- Java设计模式之十二:策略模式
- 学习java的第5天
- 【物联网】二维码——简要介绍
- spring Controller 之前修改/增加请求参数和值request.getParameterMap() --java
- 程序员成长历程的四个阶段
- 一致性HASH算法详解