django模板继承和组件了解

1、模板继承

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

比如下面的模板文件为layout.html

比如要引入公共的插件,在模板文件中引入

{% block XXX %}{% endblock%} 这个是占位符,在模板中留有的占位符,在继承的页面就可以重新写的,这个模板留了三处可以实现根模板不同的东西

html 复制代码
{% 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' %} 这个是引入模板

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

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字段

python 复制代码
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

python 复制代码
from django.urls import path
from app01 import views

urlpatterns = [
    #path('admin/', admin.site.urls),
    path('add/user/', views.add_user),
]

在views.py 中实现添加用户的方法。

需要先定义一个类,并继承forms ,在这个类里面,指定每个字段是什么类型的标签,比如下面代码指定的input 标签,有多少字段这里就写多少个

在user_add 中把这个类的实例化对象传到user_add.html页面。

python 复制代码
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中的值,这样就可以循环创建标签了,不用一个一个去写了

html 复制代码
<form method="post">
    {% for field in form %}
        {{ field }}
    {% endfor %}
    
</form>

ModelFrom(操作数据库推荐)

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

python 复制代码
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

python 复制代码
from django.urls import path
from app01 import views

urlpatterns = [
    #path('admin/', admin.site.urls),
    path('add/user/', views.add_user),
]

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

python 复制代码
from django.shortcuts import render
from django import forms
import models

# Create your views here.

class UserModelForm(forms.ModelForm):

    class Meta:
        model = models.UserInfo
        fields = ['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这个的值。

html 复制代码
<!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>
相关推荐
后端小张33 分钟前
Redis 执行 Lua,能保证原子性吗?
数据库·redis·缓存
离开地球表面_9934 分钟前
索引失效?查询结果不正确?原来都是隐式转换惹的祸
数据库·后端·mysql
lipviolet41 分钟前
Redis系列---Redission分布式锁
数据库·redis·分布式
Zhen (Evan) Wang43 分钟前
.NET 6 API + Dapper + SQL Server 2014
数据库·c#·.net
毕设木哥1 小时前
25届计算机专业毕设选题推荐-基于python+Django协调过滤的新闻推荐系统
大数据·服务器·数据库·python·django·毕业设计·课程设计
洛阳泰山2 小时前
Llamaindex 使用过程中的常见问题 (FAQ)
java·服务器·数据库·python·llm·rag·llamaindex
没有名字的小羊2 小时前
Linux基础命令——账户简单管理
linux·运维·服务器·网络·数据库
单字叶2 小时前
MySQL数据库管理
数据库·mysql
ID_云泽2 小时前
MVCC机制解析:提升数据库并发性能的关键
数据库·mvcc
小灰灰是码农...2 小时前
MySQL的数据库课程设计的基本步骤和考虑因素
数据库