当前位置： 首页 > news >正文

django模板继承和组件了解

news 2025/11/11 7:56:32

1、模板继承

什么时候需要用到模板呢，比如我们在开发的页面的导航栏，你点不同的功能页面这个导航栏都是一样的，如果每个页面都要加上这个导航条会写重复代码，而且如果导航条有变化，每个页面都要修改，这个是很不方便的，所以我们可以使用模板，把公共的提取出来放到一个模板文件中，其它页面来继承。

比如下面的模板文件为layout.html
比如要引入公共的插件，在模板文件中引入
{% block XXX %}{% endblock%} 这个是占位符，在模板中留有的占位符，在继承的页面就可以重新写的，这个模板留了三处可以实现根模板不同的东西

{% load static %}<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.css' %}">{% block css %}{% endblock%}
</head>
<body>
<h1>标题</h1>
<div>{% block content %}{% endblock%}
</div>
<h1>底部</h1>
<script src="{% static 'js/jquery-3.7.0.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.js' %}"></script>{% block js %}{% endblock%}
</body>
</html>

继承模板department.html 页：

{% extends ‘layout.html’ %} 这个是引入模板

在占位符中间写当前页面特有的东西

<!--引入模板-->
{% extends 'layout.html' %}{% block css %}<link rel="stylesheet" href="{% static 'plugins/XXXXXX.css' %}">
{% endblock %}{% block content %}<h1>部门管理页面</h1>
{% endblock %}{% block js %}<script src="{% static 'js/XXXX.js' %}"></script>
{% endblock %}

2、Django组件

有两种组件

  • Form组件
  • ModelFrom

ModelFrom组件比Form更好用。

组件常用在对数据库的操作，比如从数据库表中读取了很多字段，要在页面展示，如果不用组件，我们在页面要每一个标签去写，这样是很繁琐的，所以django提供了组件，大大减少代码量

Form组件

比如在models.py中定义了UserInfo的表，里面有name 和pwd 和age字段

from django.db import models# Create your models here.class UserInfo(models.Model):name = models.CharField(verbose_name="姓名",max_length=16)pwd = models.CharField(verbose_name="密码", max_length=64)age = models.IntegerField(verbose_name="年龄")class Department(models.Model):"""部门表"""title = models.CharField(verbose_name="标题",max_length=32)

urls.py

from django.urls import path
from app01 import viewsurlpatterns = [#path('admin/', admin.site.urls),path('add/user/', views.add_user),
]

在views.py 中实现添加用户的方法。
需要先定义一个类，并继承forms ,在这个类里面，指定每个字段是什么类型的标签，比如下面代码指定的input 标签，有多少字段这里就写多少个
在user_add 中把这个类的实例化对象传到user_add.html页面。

from django.shortcuts import render,redirect
from django import forms
import models# Create your views here.class MyForm(forms):name = forms.CharField(widget=forms.TextInput)pwd = forms.CharField(widget=forms.TextInput)def user_add(request):if request.method == 'GET':form = MyForm()return render(request,'user_add.html',{"form":form})

user_add.html 中通过for 循环获取form中的值，这样就可以循环创建标签了，不用一个一个去写了

<form method="post">{% for field in form %}{{ field }}{% endfor %}</form>

ModelFrom(操作数据库推荐)

1、models.py 的文件定义数据库跟上面的一样

from django.db import models# Create your models here.class UserInfo(models.Model):name = models.CharField(verbose_name="姓名",max_length=16)pwd = models.CharField(verbose_name="密码", max_length=64)age = models.IntegerField(verbose_name="年龄")class Department(models.Model):"""部门表"""title = models.CharField(verbose_name="标题",max_length=32)

urls.py

from django.urls import path
from app01 import viewsurlpatterns = [#path('admin/', admin.site.urls),path('add/user/', views.add_user),
]

views.py 先定义一个类，继承forms.ModelForm， 在写个内部类Meta ，models.UserInfo通过这个将models中定义数据库的字段拿过来，在fields这个列表中写需要的字段，把这个传给页面

from django.shortcuts import render
from django import forms
import models# Create your views here.class UserModelForm(forms.ModelForm):class Meta:model = models.UserInfofields = ['name','pwd','age']def __init__(self, *args,**kwargs):super().__init__(*args,**kwargs)#循环找到所有的插件，添加了class="form-control"for name,field in self.fields.items():field.widget.attrs = {"class": "form-control"}def add_user(request):form = UserModelForm()return render(request,'user_add.html',{"form":form})

user_add.html 中通过循环来获取form中的数据，并创建标签。field.label是获取到models中的verbose_name这个的值。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><form>{{% csrf_token %}}{% for field in form %}{{ field.label }}:{{ field }}{% endfor %}</form></body>
</html>

相关文章：

django模板继承和组件了解

1、模板继承 什么时候需要用到模板呢&#xff0c;比如我们在开发的页面的导航栏&#xff0c;你点不同的功能页面这个导航栏都是一样的&#xff0c;如果每个页面都要加上这个导航条会写重复代码&#xff0c;而且如果导航条有变化&#xff0c;每个页面都要修改&#xff0c;这个是…...

编程日记 2023/7/28 22:53:24

首屏优化，给以图片为背景的元素增加相似背景，优化用户体验，background-image 绘制规则

每日鸡汤&#xff1a;每个你想要学习的瞬间都是未来的你向自己求救 假设你的项目首页有个大大的图片作为背景&#xff0c;那么这个图片肯定会在网络不好的时候加载出来很慢&#xff0c;导致用户回看到一大片白屏&#xff0c;这样很影响体验。这也是老生常谈的首屏优化的问题。例…...

编程日记 2023/7/28 22:52:23

【用户体验分析报告】 按需加载组件，导致组件渲染卡顿，影响交互体验？组件拆包预加载方案来了！

首先&#xff0c;我们看一些针对《如何提升应用首屏加载体验》的文章&#xff0c;提到的必不可少的措施&#xff0c;便是减少首屏幕加载资源的大小&#xff0c;而减少资源大小必然会想到按需加载措施。本文提到的便是一个基于webpack 插件与 react 组件实现的一套研发高度自定义…...

编程日记 2023/7/28 22:51:20

idea 关闭页面右侧预览框/预览条

idea 关闭页面右侧预览框 如图&#xff0c;预览框存在想去除 找了好多方法&#xff0c;什么去掉“setting->appearance里的show editor preview tooltips”的对钩&#xff1b;又或者在该预览区的滚动条上右键&#xff0c;“取消勾选show code lens on scrollbar hover”。都…...

编程日记 2023/7/28 22:50:18

CSS3 Flexbox

Flex 是 Flexible Box 的缩写&#xff0c;意为弹性盒子布局。 CSS3中一种新的布局模式&#xff1a;W3C在2009年提出的一种布局方案&#xff0c;一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。其目的是提供一种更加有效的方式来对一个容器…...

编程日记 2023/7/28 22:49:16

东南大学轴承故障诊断（Python代码，CNN模型，适合复合故障诊断研究）

运行代码要求&#xff1a; 代码运行环境要求&#xff1a;Keras版本>2.4.0&#xff0c;python版本>3.6.0 本次实验主要是在两种不同工况数据下&#xff0c;进行带有复合故障的诊断实验&#xff0c;没有复合故障的诊断实验。 实验结果证明&#xff0c;针对具有复合故障的…...

编程日记 2023/7/28 22:48:15

ubuntu--Motrix

Motrix官网 https://motrix.app/ 适用于windows和ubuntu 资源链接 链接: https://pan.baidu.com/s/16ka-w30BXJn066absXJXCA 密码: cds2 下载上面的资源&#xff0c;打开终端&#xff0c;安装Motrix sudo dpkg -i XXX.deb 在ubuntu安装好chrome&#xff0c;然后打开设置中…...

编程日记 2023/7/28 22:47:10

PHP 3des加解密新旧方法可对接加密

一、旧3des加解密方法 <?php class Encrypt_3DES {//加密秘钥&#xff0c;private $_key;private $_iv;public function __construct($key, $iv){$this->_key $key;$this->_iv $iv;}/*** 对字符串进行3DES加密* param string 要加密的字符串* return mixed 加密成…...

编程日记 2023/7/28 22:46:09

【朴素贝叶斯-新闻主题分类】

朴素贝叶斯对新闻进行分类 朴素贝叶斯算法是一种常用的文本分类方法&#xff0c;特别适用于自然语言处理任务&#xff0c;如新闻分类。在这篇博客中&#xff0c;我们将使用Python的scikit-learn库来实现朴素贝叶斯算法&#xff0c;并将其应用于新闻分类任务。 数据准备 首先…...

编程日记 2023/7/28 22:45:08

安卓面试问题记录

目录 1. JNI和NDK1.谈谈你对JNI和NDK的理解2.简要的JNI调用过程：2. 线程、同步、异步1.Java创建线程的方式有几种？start()方法和 run()方法的区别2.Handler 机制和原理3.为什么在子线程中创建Handler会抛异常?4.Android中的ANR的解决方法5.intentservice有什么优点？6.okhtt…...

编程日记 2023/7/28 22:44:07

php-golang-jsonrpc2.0 rpc-codec/jsonrpc2和tivoka/tivoka实践

golang代码&#xff1a; package main import ( "context" "net" "net/rpc" "github.com/powerman/rpc-codec/jsonrpc2" ) type App struct{} type Res struct { Code int json:"code" Msg string json:"msg&quo…...

编程日记 2023/7/28 22:43:06

听力词汇笔记（6级）

2022年9月六级 1.personality traits:人格特征 2.all of this notwithstanding:尽管如此 3.come under&#xff1a;受到 4.scrutiny&#xff1a;关注 5.highly responsive to:对....高度敏感 6.preteen year:青春期前 7.susceptible to:受....影响 8.take sharp preced…...

编程日记 2023/7/28 22:42:05

【JVM】详细解析java创建对象的具体流程

目录 一、java创建对象的几种方式 1.1、使用new关键字 1.2、反射创建对象 1.2.1、Class.newInstance创建对象 1.2.2、调用构造器再去创建对象Constructor.newInstance 1.3、clone实现 1.4、反序列化 二、创建对象的过程 2.1、分配空间的方式 1、指针碰撞 2、空闲列表 …...

编程日记 2023/7/28 22:41:04

kafka怎么用代码读取数据

Kafka可以通过Java语言中的Kafka客户端库来读取数据。以下是一个简单的Java代码示例&#xff0c;通过Kafka Consumer API从Kafka集群中读取数据&#xff1a; java import java.util.Properties; import org.apache.kafka.clients.consumer.ConsumerRecords; import org.apache.…...

编程日记 2023/7/28 22:40:03

网关与路由器的区别

仅需2分钟&#xff0c;彻底明白网关的工作原理_哔哩哔哩_bilibili网关_百度百科 一、网关的概念 网关(Gateway)又称网间连接器、协议转换器。网关在网络层以上实现网络互连&#xff0c;是复杂的网络互连设备&#xff0c;仅用于两个高层协议不同的网络互连。网关既可以用于广域…...

编程日记 2023/7/28 22:39:01

助力工业物联网，工业大数据之工单事实指标需求分析【二十】

文章目录 1&#xff1a;工单事实指标需求分析2&#xff1a;工单事实指标构建 1&#xff1a;工单事实指标需求分析 目标&#xff1a;掌握DWB层工单事实指标表的需求分析 路径 step1&#xff1a;目标需求step2&#xff1a;数据来源 实施 目标需求&#xff1a;基于工单信息统计等…...

编程日记 2023/7/28 22:37:59

python_PyQt5开发工具结构基础

写在前面&#xff1a; 考虑已经陆陆续续在平台写了几篇PyQt5开发的小工具&#xff0c;后续还会继续发布新的新工具&#xff0c;这些工具都基于一个基础结构往上构建&#xff0c;这个基础结构是本人自己开发的习惯&#xff0c;在这里把工具的基础结构代码抽取出来&#xff0c;后…...

编程日记 2023/7/28 22:36:58

【C++】入门基础2

引用 概念 引用不是新定义一个变量&#xff0c;而是给已存在变量取了一个别名&#xff0c;编译器不会为引用变量开辟内存空 间&#xff0c;它和它引用的变量共用同一块内存空间 类型& 引用变量名(对象名) 引用实体&#xff1b; 注意&#xff1a;引用类型必须和引用实体是…...

编程日记 2023/7/28 22:35:57

Reinforcement Learning with Code 【Chapter 8. Value Funtion Approximation】

Reinforcement Learning with Code This note records how the author begin to learn RL. Both theoretical understanding and code practice are presented. Many material are referenced such as ZhaoShiyu’s Mathematical Foundation of Reinforcement Learning, . 文章…...

编程日记 2023/7/28 22:34:56

常用InnoDB参数介绍

常用InnoDB参数介绍 1 状态参数1.1 InnoDB 缓冲池状态监控1.1.1 Innodb_buffer_pool_pages_total1.1.2 Innodb_buffer_pool_pages_data1.1.3 Innodb_buffer_pool_bytes_data1.1.4 Innodb_buffer_pool_pages_dirty1.1.5 Innodb_buffer_pool_bytes_dirty1.1.6 Innodb_buffer_pool…...

编程日记 2023/7/28 22:33:54

接口测试中缓存处理策略

在接口测试中&#xff0c;缓存处理策略是一个关键环节&#xff0c;直接影响测试结果的准确性和可靠性。合理的缓存处理策略能够确保测试环境的一致性&#xff0c;避免因缓存数据导致的测试偏差。以下是接口测试中常见的缓存处理策略及其详细说明&#xff1a; 一、缓存处理的核…...

编程新知 2025/11/10 21:52:42

【网络】每天掌握一个Linux命令 - iftop

在Linux系统中&#xff0c;iftop是网络管理的得力助手&#xff0c;能实时监控网络流量、连接情况等&#xff0c;帮助排查网络异常。接下来从多方面详细介绍它。 目录 【网络】每天掌握一个Linux命令 - iftop工具概述安装方式核心功能基础用法进阶操作实战案例面试题场景生产场景…...

编程新知 2025/10/10 17:03:53

【根据当天日期输出明天的日期(需对闰年做判定)。】2022-5-15

缘由根据当天日期输出明天的日期(需对闰年做判定)。日期类型结构体如下&#xff1a; struct data{ int year; int month; int day;};-编程语言-CSDN问答 struct mdata{ int year; int month; int day; }mdata; int 天数(int year, int month) {switch (month){case 1: case 3:…...

编程新知 2025/9/7 11:32:34

前端倒计时误差!

提示：记录工作中遇到的需求及解决办法 文章目录 前言一、误差从何而来？二、五大解决方案1. 动态校准法（基础版）2. Web Worker 计时3. 服务器时间同步4. Performance API 高精度计时5. 页面可见性API优化三、生产环境最佳实践四、终极解决方案架构前言 前几天听说公司某个项…...

编程新知 2025/9/8 23:14:43

TSN交换机正在重构工业网络，PROFINET和EtherCAT会被取代吗？

在工业自动化持续演进的今天&#xff0c;通信网络的角色正变得愈发关键。 2025年6月6日&#xff0c;为期三天的华南国际工业博览会在深圳国际会展中心&#xff08;宝安&#xff09;圆满落幕。作为国内工业通信领域的技术型企业&#xff0c;光路科技&#xff08;Fiberroad&…...

编程新知 2025/11/11 2:21:43

es6+和css3新增的特性有哪些

一&#xff1a;ECMAScript 新特性&#xff08;ES6&#xff09; ES6 (2015) - 革命性更新 1&#xff0c;记住的方法&#xff0c;从一个方法里面用到了哪些技术 1&#xff0c;let /const块级作用域声明2&#xff0c;**默认参数**&#xff1a;函数参数可以设置默认值。3&#x…...

编程新知 2025/10/28 1:59:30

跨平台商品数据接口的标准化与规范化发展路径：淘宝京东拼多多的最新实践

在电商行业蓬勃发展的当下&#xff0c;多平台运营已成为众多商家的必然选择。然而&#xff0c;不同电商平台在商品数据接口方面存在差异&#xff0c;导致商家在跨平台运营时面临诸多挑战&#xff0c;如数据对接困难、运营效率低下、用户体验不一致等。跨平台商品数据接口的标准…...

编程新知 2025/11/1 17:27:36

RushDB开源程序 是现代应用程序和 AI 的即时数据库。建立在 Neo4j 之上

一、软件介绍 文末提供程序和源码下载 RushDB 改变了您处理图形数据的方式 — 不需要 Schema&#xff0c;不需要复杂的查询&#xff0c;只需推送数据即可。 二、Key Features ✨ 主要特点 Instant Setup: Be productive in seconds, not days 即时设置 &#xff1a;在几秒钟…...

编程新知 2025/11/9 14:55:08

P10909 [蓝桥杯 2024 国 B] 立定跳远

# P10909 [蓝桥杯 2024 国 B] 立定跳远 ## 题目描述 在运动会上&#xff0c;小明从数轴的原点开始向正方向立定跳远。项目设置了 $n$ 个检查点 $a_1, a_2, \cdots , a_n$ 且 $a_i \ge a_{i−1} > 0$。小明必须先后跳跃到每个检查点上且只能跳跃到检查点上。同时&#xff0…...

编程新知 2025/7/10 13:56:25

以太网PHY布局布线指南

1. 简介 对于以太网布局布线遵循以下准则很重要&#xff0c;因为这将有助于减少信号发射&#xff0c;最大程度地减少噪声&#xff0c;确保器件作用&#xff0c;最大程度地减少泄漏并提高信号质量。 2. PHY设计准则 2.1 DRC错误检查 首先检查DRC规则是否设置正确&#xff0c;然…...

编程新知 2025/11/9 15:28:43