html的form表单

django中，前端如果要提交一些数据到views里面去，需要用到 html里面的form表单。

例如：

# form2/urls.py

from django.contrib import admin

from django.urls import path,re_path

from django.conf.urls import include

from . import views

urlpatterns = [

    re_path(r'^home$', views.home),

    re_path(r'^login$', views.login),

]

# views.py

from django.shortcuts import render,HttpResponse

def login(request):

    return render(request, 'form2/login.html')

# login.html

<form action="/form2/home" method="post">   #向这个页面发送post请求,action配置目标地址

    <p>用户名：<input type="text" name="username"></p>  #name表示key，value等于input输入的内容

    <input type="submit" value="提交">

</form>

第二种方法： 使用url_name

login.html  <form action="{% url 'homepage' %}" method="post">　　　　　　　　　　　
app.urls
urlpatterns = [
    re_path(r'^home$', views.home,name='homepage'),    #url命名 
    re_path(r'^login$', views.login),
]
第三种方法：使用namespace命名空间 （作用：当有多个app.urls时，如果存在重复的name，容易引起混乱，这时候需要引入namespace）
login.html      action="{% url 'app_name:url_name' param %}"       #param参数，没有就不写
<form action="{% url 'app_form2:homepage' %}" method="post">
根urls
path('form2/', include('form2.urls',namespace='aaaa')), #namespace必须有值，值好像可随便取~

app.urls

app_name = 'app_form2'     #django2.0之后必须写此项，否则会报错
urlpatterns = [
    re_path(r'^home$', views.home, name='homepage'),   #url_name

# form2/views.py

from django.shortcuts import render,HttpResponse

def login(request):

    return render(request, 'form2/login.html')

def home(request):

    username = request.POST.get('username') or 'lily'  #前端form表单传过来的username数据，如果为空则默认为'lily'

    return render(request, 'form2/homepage.html', {"username":username})  #将username传给homepage.html

# homepage.html

<body>

welcome, {{username}}!   # views传过来的username变量

</body>

访问 http://127.0.0.1:8000/form2/login

提交之后，login页面会跳转到/form2/home页面

Django的form表单

主要作用是1，生成html标签，2，表单验证。

#  新建forms.py ，定义表单字段类型

from django import  forms

class Person_Info(forms.Form):

    name = forms.CharField(max_length=4)  # 字符串类型，最长不超过4个字符

    birthday = forms.DateField()         #日期类型

    email = forms.EmailField(required=False)  # required=False表示可以为空，默认是True，不能为空

    phone = forms.IntegerField()         #数值类型

#  views.py

from django.shortcuts import render,HttpResponse

from .forms import Person_Info  #导入form表单

def person(request):

    person_obj = Person_Info()  # 创建了这个对象

    return render(request,'form2/info.html',{'obj':person_obj})  #然后把对象传给html

info.html

<form action=""  method="post">

    {% csrf_token %}   # django自带的csrf验证，不加提交时会报错

    {{ obj }}     # views传的对象， 可以自动创建html标签

    <div>姓名：{{ obj.name }}</div>     # 也可以单独取对象中的某一个字段

    <!--<div>生日：{{ obj.birthday }}</div>-->

    <!--<div>邮箱：{{ obj.email }}</div>-->

    <!--<div>手机号：{{ obj.phone}}</div>-->

    <input type="submit" value="提交">

</form>

csrf_token如果不加上，提交表单会报错

或者在settings里面注释掉'django.middleware.csrf.CsrfViewMiddleware', 这行也可以。

访问 http://127.0.0.1:8000/form2/info可以看到生成的表单。体现了django的form的第一个作用，即自动生成html标签，如下：

填入数据的时候，如果数据不合法，就会有提示。

这样在后端就可以验证，如果字段合法，就获取数据操作，如果不合法，就返回错误信息。

验证用户输入

views.py

from django.shortcuts import render

from .forms import Person_Info

def person(request):

    form_obj = Person_Info()

    if request.method == 'POST':   #获取用户输入

        print("request.POST:", request.POST)

        form_obj = Person_Info(request.POST) #将post过来的数据当做参数传给Person_Info这个form表单，将name,birthday,email等封装到form_obj，判断输入是否合法

        print("form is valid:", form_obj.is_valid())  # 通过is_valid()方法判断表单数据是否合法

    return render(request, 'form2/info.html', {"obj": form_obj})

这里我输入一个不合法的birthday，可以看到：

增加一个判断，如果填写的表单正确，返回表单数据，如果不合法，返回错误信息。

from django.shortcuts import render,HttpResponse

from .forms import Person_Info

def person(request):

    form_obj = Person_Info()

    if request.method == 'POST':

        form_obj = Person_Info(request.POST)

        if form_obj.is_valid():

            print("form is valid ^_^** ", form_obj.cleaned_data)  # 返回表单数据，是字典形式

            username = form_obj.cleaned_data.get('name')  #取出填写的name的值

            if username == 'lily':

                return HttpResponse('*lily*')

        else:

            errors = form_obj.errors

            print("form is invalid T_T... ", errors)   # .errors 获取错误信息

            return render(request, 'form2/info.html', {'obj': form_obj, 'errors': form_obj.errors })

    return render(request, 'form2/info.html', {'obj': form_obj})

info.html

<form action="/form2/info" method="post">

    {% csrf_token %}

    {% for i in obj %}

    <div>{{ i.name }} {{ i }} {{ i.errors }} </div>   # i.name获取每个字段的名字，i.errors获取错误信息

    {% endfor %}

    <input type="submit" value="提交">

</form>

测试，输入一个非法的：

输入一个正确的：

ModelForm

因为models和form都能定义数据类型，如果想要数据库里的数据展示在前端，那么可以使用modelform，省去form定义字段类型。

例如：我已有了Article数据表。想要创建一个允许人们写文章的表单

from django.db import models

class Article(models.Model):

    title = models.CharField(max_length=32,default='Title')

    content = models.TextField(null=True)

    def __str__(self):

        return self.title

myblog/models.py

# forms.py

from django import forms

from django.forms import ModelForm

from myblog import models    # 导入myblog.models数据表

class Article_Model_Form(forms.ModelForm):   #继承ModelForm类

    class Meta:

        model = models.Article     #导入数据表

        fields = ['title', 'content']    #要使用的字段
        exclude = ()  #排除字段

# views.py

from .forms import Article_Model_Form

def article_modelform(request):

    form = Article_Model_Form()  #创建一个表单来添加一条数据

    if request.method == 'POST':

        form = Article_Model_Form(request.POST)

        if form.is_valid():   # 判断表单是否合法

            print("form is ok", form.cleaned_data)

            form.save()   # 将合法的数据保存到数据表中

        else:

            error_msg = form.errors

            return render(request, 'form2/article.html', {"article_form": form ,"errors": error_msg})

    return render(request, 'form2/article.html', {"article_form": form})

# article.html

<form action="" method="post">

    {{ article_form }}

    <input type="submit" value="提交">

</form>

在表单填入 

可以从后台看到，数据创建成功。

Django的form表单的更多相关文章

  1. Django 11 form表单（状态保持session、form表单及注册实现）

    Django 11 form表单(状态保持session.form表单及注册实现) 一.状态保持 session 状态保持 #1.http协议是无状态的:每次请求都是一次新的请求,不会记得之前通信的状 ...

  2. 转载：Django之form表单

    转载: 一.使用form类创建一个表单 先定义好一个RegForm类: forms.py from django import forms # 导入forms类 class NameForm(form ...

  3. Django--分页器（paginator）、Django的用户认证、Django的FORM表单

    分页器(paginator) >>> from django.core.paginator import Paginator >>> objects = ['joh ...

  4. django之form表单验证

    django中的Form一般有两种功能: 输入html 验证用户输入 #!/usr/bin/env python # -*- coding:utf- -*- import re from django ...

  5. django中form表单的提交：

    一,关于表单: 表单在百度百科的解释:   表单在网页中主要负责数据采集功能.一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法. 表单域 ...

  6. Day19 Django之Form表单验证、CSRF、Cookie、Session和Model操作

    一.Form表单验证 用于做用户提交数据的验证1.自定义规则 a.自定义规则(类,字段名==html中的name值)b.数据提交-规则进行匹配代码如下: """day19 ...

  7. Django的form表单之文件上传

    在生成input标签的时候可以指定input标签的类型为file类型 <!DOCTYPE html> <html lang="en"> <head&g ...

  8. 【django之form表单】

    一.构建一个表单 假设你想在你的网站上创建一个简单的表单,以获得用户的名字.你需要类似这样的模板: <form action="/your-name/" method=&qu ...

  9. Django 提交 form 表单(使用sqlite3保存数据)

    优化 提交 form 表单,https://www.cnblogs.com/klvchen/p/10608143.html 创建数据库的字段,在 models.py 中添加 from django.d ...

随机推荐

  1. JDK1.8 HashMap--treeifyBin()方法

    /*树形化*/ final void treeifyBin(Node<K,V>[] tab, int hash) { int n, index; Node<K,V> e;// ...

  2. 201903<<高效15法则>>

    高效15法则,这本书作为时间管理的入门书籍,易读易理解,结构清晰,但是中间的某些篇幅内容过于拖沓....

  3. 旷视研究院Detection组负责人

    http://www.skicyyu.org/ https://zhuanlan.zhihu.com/p/61910297 俞刚,旷视研究院Detection组负责人.2014年博士毕业于新加坡南洋理 ...

  4. EF（一）DB First

    “Database First”模式我们称之为“数据库优先”,前提是你的应用已经有相应的数据库,你可以使用EF设计工具根据数据库生成数据数据类,你可以使用Visual Studio模型设计器修改这些模 ...

  5. 比NGINX更快：nginx-1.15.5 vs mongols-1.2.3

    nginx是多进程web服务器的优秀代表. 本文要用mongols-1.2.3实现一个比nginx更快的多进程的web服务器. mongols是C++ 服务器基础设施库, 它的主要特性如下: tcp ...

  6. spring boot + vue + element-ui全栈开发入门——前端编辑数据对话框

     需求 1.点击“添加”按钮,弹出录入数据的对话框窗口,并录入数据,如果数据有误则不允许提交.数据填写完毕后,点击“保存”按钮,调用http协议提交数据,提交完毕刷新页面数据.点击“取消”按钮关闭对话 ...

  7. Centos7下安装配置elasticsearch 6.3.1

    1)下载 Elasticsearch 6.3.1 地址:https://artifacts.elastic.co/downloads/elasticsearch/elasticsearch-6.3.1 ...

  8. 【转】git示意图

  9. linux 常用命令 和 nginx（反响代理、负载均衡）安装和配置

    (1)linux常用命令 [1]在光标前输入内容:i [2]删除输入方式下所输入的文本:Ctrl+u  [3]文件保存退出:wq [4]文件不保存退出:q [5]文件强制退出:q! [6]常规删除文件 ...

  10. Linux 管理环境变量的文件分为系统级和用户级别

    Linux 管理环境变量的文件分为系统级和用户级别 管理环境变量的文件也分为系统级和用户级别: 1.系统级:/etc/profile:该文件是用户登录时,操作系统定制用户环境时使用的第一个文件,应用于 ...