0


django中模板继承和ModelForm

模板的继承

完美在写html的时候会发现,自己多个html文件中又好多东西是一样的,包括静插件的引入 还有有些简单的css样式都不需要修改,这样完美就可以引入有关模板来方便操作

  1. {% load static %}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8">
  6. <title>Title</title>
  7. <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1-dist/css/bootstrap.css' %}">
  8. </head>
  9. <body>
  10. <nav class="navbar navbar-default">...</nav>
  11. <div>
  12. {% block content %}{% endblock %}
  13. </div>
  14. <script src="{% static 'js/jquery-3.5.1.min.js' %}"></script>
  15. <script src="{% static 'plugins/bootstrap-3.4.1-dist/js/bootstrap.min.js' %}"></script>
  16. </body>
  17. </html>

比如我们可以在模板文件中引入,然后写上{% block content %}{% endblock %}这样有关语法,便可以在其它相似的html中直接书写 div中的内容

  1. {% extends "layout.html" %}
  2. {% block content %}
  3. <div class="container">
  4. ...
  5. </div>
  6. {% endblock %}

form和ModelForm

在我们正常的操作中,如果想在有关列表中添加数据并且想要连接数据库拿到这些数据,我们得根据表单中的 name 属性来拿,比如我创建了这么多的数据数据

  1. class UserInfo(models.Model):
  2. ''''员工表'''
  3. name = models.CharField(verbose_name="姓名",max_length=32)
  4. age = models.IntegerField(verbose_name="年龄")
  5. password = models.CharField(verbose_name="密码",max_length=64)
  6. account = models.DecimalField(verbose_name="账户余额",max_digits=10,decimal_places=2,default=0)
  7. creat_time = models.DateTimeField(verbose_name="入职时间")

拿到数据,添加到数据库中

  1. user = request.POST.get("user")
  2. pwg = request.POST.get("pwd")
  3. account = request.POST.get("ac")
  4. ctime = request.POST.get("ctime")
  5. # get中的内容是用户输入表单中的name的属性值,可以自己定义
  6. models.UserInfo.object.creat(name=user,password=pwd ......)

这样做未免过于繁琐并且有这样的问题

-----用户提交的数据没有校验

-----页面上没有错误提示

-----页面上的每个字段都需要我们重新写一遍

-----关联的数据,必须手动获取并展示在页面中

但是我们通过django中自带的两个组件:Form和ModleForm

使用方法

view中

  1. from django import forms
  2. class UserAdd(forms.ModelForm): #创建一个类,类中继承forms
  3. name = forms.CharField(min_length=3)
  4. #这里可以创建各类表单,也写一些约束条件,让html页面显示约束条件,因为我在我的django中已经在models中创建好了数据表,所有我在这里不再创建,在下面直接拿到我的数据表
  5. title = forms.CharField(max_length=100, label='标题')
  6. content = forms.CharField(widget=forms.Textarea, label='内容')
  7. email = forms.EmailField(label='邮箱')
  8. reply = forms.BooleanField(required=False, label='回复')
  9. #拿到数据表
  10. class Meta:
  11. model = models.UserInfo
  12. fields = ["name","password","age","creat_time","gender","depart"]
  13. def user_add(request):
  14. '''添加用户'''
  15. if request.method == "GET":
  16. form = UserAdd()
  17. return render(request,"user_add.html",{'form': form})

html中利用for循环便可以自动生成表单

  1. <form method="post" novalidate>
  2. {% csrf_token %}
  3. {% for field in form %}
  4. <div class="form-group">
  5. <label>{{ field.label }}</label>
  6. {{ field }}
  7. </div>
  8. {% endfor %}

我们也可以给表单加上各种样式

  1. widgets = {
  2. "name" : forms.TextInput(attrs={"class":"form-control"}),
  3. }
  4. #这样写可能会有点繁琐,得多次定义,我们可以用类和面向对象来写
  5. def __init__(self,*args,**kwargs):
  6. super().__init__(*args,**kwargs)
  7. for name,field in self.fields.items():
  8. #也可以加上判断条件
  9. def __init__(self,*args,**kwargs):
  10. super().__init__(*args,**kwargs)
  11. for name,field in self.fields.items():
  12. if name == "password":
  13. continue
  14. field.widget.attrs = {"class": "form-control"}

我们还可以加上各种判断

  1. def user_add(request):
  2. '''添加用户'''
  3. if request.method == "GET":
  4. form = UserAdd()
  5. return render(request,"user_add.html",{'form': form})
  6. form = UserAdd(data=request.POST)
  7. #如果条件成立则添加到数据库中
  8. if form.is_valid():
  9. form.save()
  10. return redirect('/user/list/')
  11. else:
  12. return render(request,"user_add.html",{'form': form})

在这里,用一句 form.save()便可以将所有你写的数据添加到数据库里

html中也可以显示各种错误,并加上各种条件,如这里的span标签

  1. {% for field in form %}
  2. <div class="form-group">
  3. <label>{{ field.label }}</label>
  4. {{ field }}
  5. <span style="color:red">{{ field.errors.0 }}</span>
  6. </div>
  7. {% endfor %}

查看我们的输出结果,若满足条件则可以加入数据库,不满足则显示错误

我们还可以在设置中修改提示的语言

标签: 前端 bootstrap django

本文转载自: https://blog.csdn.net/weixin_63997211/article/details/124243773
版权归原作者 ST.hxiaogang 所有, 如有侵权,请联系我们删除。

“django中模板继承和ModelForm”的评论:

还没有评论