django模板继承和组件了解-Toy模板网

这篇具有很好参考价值的文章主要介绍了django模板继承和组件了解。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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 views

urlpatterns = [
    #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 views

urlpatterns = [
    #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.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这个的值。文章来源地址https://www.toymoban.com/news/detail-618317.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>