Django模板

最新推荐文章于 2022-02-11 16:52:56 发布
夜神玥
最新推荐文章于 2022-02-11 16:52:56 发布
阅读量326
点赞数 1
CC 4.0 BY-SA版权
分类专栏： Python 文章标签：模板
本文链接：https://blog.youkuaiyun.com/luoqingweizyq/article/details/82143702
Python 专栏收录该内容
5 篇文章
订阅专栏

1.配置目录
在 项目目录下新建一个 templates 文件夹，里面新建一个 项目同名文件夹

默认配置下，Django 的模板系统会自动找到app下面的templates文件夹中的模板文件。

2.配置路径
from .models import add
()里面的东西随意
url(r'^(?P<pk>\d+)/$', add, name='add'),
不过在对应的HTML文件中要按相应的设置
# template html
{%  for book in books %}
{% url 'add' book.pk %}
{% endfor %}

views.py

def home(request):
    TutorialList = ["HTML", "CSS", "jQuery", "Python", "Django"]
    return render(request, 'home.html', {'TutorialList': TutorialList})
        data = {'name':alice, 'age':16}
        d1 = Student()
        d1.name = 'dad'
        d..age = 19
        context = {'data':data, 'd1':d1}
        return render(request, 'home.html', context)
    （'TutorialList': TutorialList）这个可以随便命名，因为这是传到HTML文件的一个变量关键是''里的
在视图中我们传递了一个List到模板 home.html，在模板中这样使用它：

home.html

教程列表：
{% for i in TutorialList %}
{{ i }}
{% endfor %}

变量  描述
forloop.counter 索引从 1 开始算
forloop.counter0    索引从 0 开始算
forloop.revcounter  索引从最大长度到 1
forloop.revcounter0 索引从最大长度到 0
forloop.first   当遍历的元素为第一项时为真
forloop.last    当遍历的元素为最后一项时为真
forloop.parentloop
用在嵌套的 for 循环中，

获取上一层 for 循环的 forloop

当列表中可能为空值时用 for  empty


#模块：master.html
        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>
                {% block title %}{% endblock %} <!--这里用来设置标题-->
            </title>
            <link rel="stylesheet" href="/static/common.css">

            {% block css %}<!--这里用来设置子页面自己的css-->
            {% endblock %}
        </head>
        <body>
            {% block content %}<!--这里用来设置子页面自己的内容-->
            {% endblock %}
            <script src="/static/js/jquery-1.12.4.js"></script>
    　　　　　　<script src="/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
            {% block js %}<!--这里用来设置子页面自己的js-->
            {% endblock %}
        </body>
        </html>



    #子页面：tp1.html
        {% extends "master.html" %} <!-- 继承那个模板-->

        {% block title %}
            用户管理
        {% endblock %}

        {% block css %}
            <style>
                body{
                    background-color: aqua;
                }
            </style>
        {% endblock %}

        {% block content %}
            <h1>用户管理</h1>
            <ul>
                {% for i in u %}
                    <li>{{ i }}</li>
                {% endfor %}
            </ul>
        {% endblock %}



在模板前面用{%  load myfilters  %}
在需要的地方使用 {{  "1234"|rev }}
自定义过滤器
from django import template
regiser  = template.Library()

@register.filter(name="rev")
def do_ver(val):
    return val[::-1]


八、用ListView来取代原有的index页面的view

参考流程：

1. 导入django.views.generic.ListView
2. 定义新的类BookListView，继承 ListView

    class BookListView(ListView):
        model = Book

3. 重新定义URL，其中的view写成 BookListView.as_view()

    url(r'^$', BookListView.as_view()),

4. 编写模板文件，如果模板文件的名字不对，将会有错误产生，错误信息类似这样：

    TemplateDoesNotExist at ...

    book/book_list.html

5. 如果页面没有显示数据，则考虑修改模板中变量的名字，使用object_list.

/////////////////////////////////////////////////////////////////////////////////////////
参考网站：
1）https://www.cnblogs.com/adc8868/p/7190333.html?utm_source=itdadao&utm_medium=referral
2）https://www.cnblogs.com/zhoujunhao/p/8039501.html

form 表单的生成
from django import forms

class LoginForm(forms.Form):
      name = forms.CharField(max_length=20,label='Name')
      password = forms.CharField(max_length, widget=forms.PasswordInput())

      def clean_name(self):
           校验name
       以clean_开头的函数，在提交表单的时候会自动的来检验是否符合用户自定义
用户表单是Web端的一项基本功能,大而全的Django框架中自然带有现成的基础form对象,
本文就Python的Django框架中forms表单类的使用方法详解。

Form表单的功能

自动生成HTML表单元素
检查表单数据的合法性
如果验证错误，重新显示表单（数据不会重置）
数据类型转换（字符类型的数据转换成相应的Python类型）
Form相关的对象包括

Widget：用来渲染成HTML元素的工具，如：forms.Textarea对应HTML中的<textarea>标签
Field：Form对象中的一个字段，如：EmailField表示email字段，如果这个字段不是有效的email格式，就会产生错误。
Form：一系列Field对象的集合，负责验证和显示HTML元素
Form Media：用来渲染表单的CSS和JavaScript资源。
Form Objects

Form对象封装了一系列Field和验证规则，Form类都必须直接或间接继承自django.forms.Form，定义Form有两种方式:

方法一：直接继承Form

from django import forms
class ContactForm(forms.Form):
 subject = forms.CharField(max_length=100,label='主题')
 message = form.CharField(widget=forms.TextArea)
 sender = form.EmailField()
 cc_myself = forms.BooleanField(required=False)
方法二：结合Model，继承django.forms.ModelForm

复制代码
#models.py
class Contact(models.Model):
 title = models.CharField(max_length=30)
 content = models.CharField(max_length=20)

#form.py
class ConotactForm(ModelForm):
 class Meta:
 model = Contact
 field = ('title','content') #只显示model中指定的字段
复制代码
在视图（view）中使用form

在view函数中使用form的一般情景是：

view.py:

复制代码
form django.shortcuts import render
form django.http import HttpResponseRedirect

def contact(request):
 if request.method=="POST":
  form = ContactForm(request.POST)
  if form.is_valid(): #所有验证都通过
   #do something处理业务
   return HttpResponseRedirect('/')
 else:
  form = ContactForm()
 return render(request,'contact.html',{'form':form})
复制代码
contact.html:

复制代码
<form action='/contact/' method='POST'>
 {% for field in form %}
  <div class = 'fieldWrapper'>
   {{field.label_tag}}:{{field}}
   {{field.errors}}
  </div>
 {% endfor %}
 <div class='fieldWrapper'> <p><input type='submit' value='留言'></p></div>
</form>
复制代码
处理表单数据

form.is_valid()返回true后，表单数据都被存储在form.cleaned_data对象中（字典类型，意为经过清洗的数据），
而且数据会被自动转换为Python对象，如：在form中定义了DateTimeField，那么该字段将被转换为datetime类型，
还有诸如：IntegerField、FloatField

复制代码
if form.is_valid():
 subject = form.cleaned_data['subject']
 message = form.cleaned_data['message']
 sender = form.cleaned_data['sender']
 cc_myself = form.cleaned_data['cc_myself']

 recipients = ['info@example.com']
 if cc_myself:
  recipients.append(sender)

 from django.core.mail import send_mail
 send_mail(subject, message, sender, recipients)
 return HttpResponseRedirect('/thanks/') # Redirect after POST
复制代码
Form的简单使用方法就这些。 另：

在模版中显示表单的几种方式：

显示form找template中的方法多种多样，也可以自定义：

<form action="/contact/" method="post">{% csrf_token %}
{{ form.as_p }}
<input type="submit" value="Submit" />
</form>
还可以使用form.as_table、form.as_ul，分别表示用<p>标签，<table>标签和<ul>表示显示表单。
如果要自定义，你只要获取到每个元素的值就行：

复制代码
<form action="/contact/" method="post">
 {{ form.non_field_errors }}
 <div class="fieldWrapper">
  {{ form.subject.errors }}
  <label for="id_subject">Email subject:</label>
  {{ form.subject }}
 </div>
 <div class="fieldWrapper">
  {{ form.message.errors }}
  <label for="id_message">Your message:</label>
  {{ form.message }}
 </div>
 <div class="fieldWrapper">
  {{ form.sender.errors }}
  <label for="id_sender">Your email address:</label>
  {{ form.sender }}
 </div>
 <div class="fieldWrapper">
  {{ form.cc_myself.errors }}
  <label for="id_cc_myself">CC yourself?</label>
  {{ form.cc_myself }}
 </div>
 <p><input type="submit" value="Send message" /></p>
</form>
复制代码
每个form字段都可以使用 {{form.name_of_field}}得到。

也可以通过迭代form，每个迭代元素对应的是form里面的field

复制代码
<form action="/contact/" method="post">
 {% for field in form %}
  <div class="fieldWrapper">
   {{ field.errors }}
   {{ field.label_tag }}: {{ field }}
  </div>
 {% endfor %}
 <p><input type="submit" value="Send message" /></p>
</form>
复制代码
{{field}}有如下属性：

{{field.lable}}，如：Email address
{{field.label_tag}}，如： <label for=id_email>Email address</label>
{{field.value}} 如：someone.@gmail.com
{{field.errors}}
实例：构建表单
第一步:首先在models.py中定义一个表单模型

class RemarkForm(forms.Form):
  subject = forms.CharField(max_length=100 ,label='留言标题')
  mail = forms.EmailField(label='电子邮件')
  topic = forms.ChoiceField(choices=TOPIC_CHOICES,label='选择评分')
  message = forms.CharField(label='留言内容',widget=forms.Textarea)
  cc_myself = forms.BooleanField(required=False ,label='订阅该贴')
那个topic中的choices需要在models.py中定义一个数组.

TOPIC_CHOICES = (
  ('leve1', '差评'),
  ('leve2', '中评'),
  ('leve3', '好评'),
)
这样，之后在html显示的表单就采用这个模型的数据了。

另外还有一种定义表单模型的方式，那就是直接继承另一个models。如果我们在models里设计数据库时，
已经设计好了一个类(就是数据库的表)之后想复用这个类的信息来作为表单的模型，那么很简单，同样是在models中的一个类

复制代码
class Advertisement(models.Model):
 #订单编号
 OrderID =  models.ForeignKey(OrderInfo)
 #//广告标题#
 Title = models.CharField(max_length = 36)
 #//广告内容#
 Content = models.CharField(max_length = 600)
复制代码
注意，他的类型是models.Model，是做数据库ORM用的。

然后怎么关联呢?
需要导入一个新的类 (ModelForm)

from django.forms import ModelForm

class ContactForm(ModelForm):
 class Meta:
 model = Advertisement
 fields = ('Title', 'CustomerID')
这里的Advertisement就是之前那个ORM的模型。
第二步：OK，继续我们的表单，下一步需要做什么呢？开始在views.py里写对表单的调用吧.
def remark(request):

复制代码
if request.method == 'POST': # 如果表单被提交
  form = ContactForm(request.POST) # 获取Post表单数据
  if form.is_valid(): # 验证表单
    return HttpResponseRedirect('/') # 跳转
else:
  form = ContactForm() #获得表单对象

return render_to_response('message.html', {
  'form': form,
})
复制代码
整个代码很简单，我就不过多的解释了。


第三步：我们知道django里任何访问都是通过urls.py来管理的。所以下面我们需要配置一个路径。

(r'^message', 'iring.views.remark'),
第四步：最后应该是建立一个模板的时候了，因为我们最终是输出到html上的.注意views的remark函数最后一行

return render_to_response('message.html', {
  'form': form,
})
就是讲当前的表单对象输出到message.html里，自动生成一个表单。
所以，先构建一个html.
这个html模板很简单，除去不必要的CSS，我只给出核心部分好啦。

复制代码
<form action="/message/" method="POST">
{% for field in form %}
 <div class="fieldWrapper">
  {{ field.label_tag }}:{{ field }}
  {{ field.errors }}
 div>
{% endfor %}
<div class="fieldWrapper"><p><input type="submit" value="留言" />p>div>
form>
复制代码
{% for field in form %}

{% endfor %}
用于对表单对象里的元素进行遍历，然后通过

{{ field.label_tag }}
{{ field }}
{{ field.errors }}
这三个标签来输出，注意{{ field.errors }}默认情况下是不会输出的，只有当验证表单正确性时才会输出内容。



/*****************************************************************************
当想对某些字段进行自定义的时候，可以显式地声明或指定这些性质，就像在普通表单中一样。
如:user_name = forms.CharField(label='用户名', max_length=20)

也可以使用如下方法:


from django.forms import ModelForm, Textarea
from myapp.models import Author

class AuthorForm(ModelForm):
    class Meta:
        model = Author
        fields = ('name', 'title', 'birth_date')
        widgets = {
            'name': Textarea(attrs={'cols': 80, 'rows': 20}), # 关键是这一行
        }
        labels = {
            'name': _('Writer'),
        }
        help_texts = {
            'name': _('Some useful help text.'),
        }
        error_messages = {
            'name': {
                'max_length': _("This writer's name is too long."),
            },

使用表单模版



表单渲染的选项



对于<label>/<input> 对，还有几个输出选项：

{{ form.as_table }} 以表格的形式将它们渲染在<tr> 标签中
{{ form.as_p }} 将它们渲染在<p> 标签中
{{ form.as_ul }} 将它们渲染在<li> 标签中
注意，你必须自己提供<table> 或<ul> 元素。


1 BooleanField: 布尔类型字段
2 CharField: 字符串类型字段
3 DateField: 日期字段
4 DateTimeField:日期时间字段
5 DecimalField:（精确）小数字段
6 EmailField:Email字段
7 FileField:文件字段
8 FloatField:（浮点数）小数字段
9 ImageField:图片字段
10 IntegerField:整数字段
11 IPAddressField:IP字段
12 SmallIntegerField:小整数字段
13 TextField:文本字段
14 URLField:网址地址字段