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. 1. centos下安装docker

    CentOS Docker 安装 Docker支持以下的CentOS版本: CentOS 7 (64-bit) CentOS 6.5 (64-bit) 或更高的版本 前提条件 目前,CentOS 仅发 ...

  2. redis 在 php 中的应用（Sorted-set篇）

    本文为我阅读了 redis参考手册 之后编写,注意 php_redis 和 redis-cli 的区别(主要是返回值类型和参数用法) Redis 有序集合和集合一样也是string类型元素的集合,且不 ...

  3. [转载]ISO 8601规则

    1.每年有52周或者53周2.周一至周日为一个完整周.3.每周的周一是该周的第1天.周日是该周的第7天4.每年的第一周 为 每年的第一个周四所在的周.比如 2017年1月5日为当年的第一个周四,那么 ...

  4. 读取控制器PHP代码文件，并分析数据存到数据库，再重新读出生成PHP文件

    <?php namespace app\publicSport\controller\verify; /**  * 引入基类  */ use app\publicSport\controller ...

  5. 《CSS世界》读书笔记（十四）

    <!--  <CSS世界>张鑫旭著 --> 功勋卓越的 border 属性 border-width 不支持百分比值 border-style 类型 border-style ...

  6. LGOJ P3919【模板】可持久化数组（可持久化线段树/平衡树）

    代码 //可持久化线段树 #include <cstdio> using namespace std; struct node { node *Lnode,*Rnode; int val; ...

  7. StreamReader 和 StreamWriter 简单调用

    /* ######### ############ ############# ## ########### ### ###### ##### ### ####### #### ### ####### ...

  8. HDU 1024 Max Sum Plus Plus【DP】

    Now I think you have got an AC in Ignatius.L's "Max Sum" problem. To be a brave ACMer, we ...

  9. shell编程(五)之函数

    function:函数 函数只有被调用才会执行如何调用:给定函数名 函数名出现的地方,会被自动替换为函数代码 函数的生命周期:被调用时创建,返回时终止return命令返回自定义状态结果 0:成功 1- ...

  10. server.Transfer不工作

    https://www.codeproject.com/Questions/56736/How-to-use-Server-Transfer-from-Ajax-UpdatePanel For Ser ...