目标：

①、初始form的简单应用

②、使用Django的form组件完成新增一个帖子

方法一：普通方法

1、前端表单代码

<div>

    <form class="navbar-form navbar-left" role="search" method="post">

        {%csrf_token%}

  <div class="form-group">

    <input type="text" class="form-control" name="article_title" placeholder="帖子标题">

    <input type="text" class="form-control" name="article_prief" placeholder="帖子小标题">

    <input type="text" class="form-control" name="article_content"placeholder="帖子内容">

  </div>

  <button type="submit" class="btn btn-default">提交</button>

</form>

2、view中新增一个视图方法：

#新增一个帖子

def add(request):

    article_title=request.POST.get('article_title',"");

    article_prief=request.POST.get('article_prief',"");

    article_content = request.POST.get('article_content', "");

    add_article=Article(article_title=article_title,article_prief_content=article_prief,article_content=article_content);--------->这是插入一篇帖子的方法

    add_article.save();

    return render(request,'add.html',{

      'article_title':article_title,

        'article_prief':article_prief,

        'article_content': article_content,

  })

3、调试结果：正常

方法二：使用form表单（建议！！！）
使用form表单的意义，可以对表单进行自动校验，包括各项数据均可以在表单类中定义好，客户端只需要渲染就可以了

1、新建一个forms.py的python文件

from django import forms-------->必须引入


from django import forms
class login_form(forms.Form):
#新增一个form类，在form中加入元素，比如下面，加入两个字符串，客户端的label名称定义，输入的最大值（指定后无法输入更多字符），
输入的最小值（指定后若少于该值会提示），指定错误信息（这是一个字典类型）
    username=forms.CharField(label='用户名',min_length=2,max_length=5,error_messages={"required":"用户名不能为空"});
#即使什么都没有设置，它也已经帮你设置了默认不能为空
    pwd=forms.CharField(label="密码");

2、在view中新增一个视图函数

def login_2(request):

    form_obg = forms.login_form();//必须先实例化表单

    if request.method=="POST":

        form_obg = forms.login_form(request.POST);---->将前端提交上来的字段加入表单

        if form_obg.is_valid():---------------->通过表单中定义的规则对表单的所有数据进行检查，如果检查通过，说明验证通过

            return HttpResponse("登陆成功");

    return render(request,"login2.html",{'form_obj':form_obg});---------->最终都要返回表单字段

3、前端html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>注册2</title>

</head>

<body>

    <form action="/login/login2" method="post" novalidate autocomplete="off">

        {% csrf_token %}

        <div>

            <label for="{{ form_obj.username.id_for_label }}">{{ form_obj.username.label }}</label>---------->bootstrap的label有一个for属性

            {{ form_obj.username }} {{ form_obj.username.errors.0 }}----------------->这个是文本框（就是charField，文本域），输入的规则后台指定，错误

        </div>

        <div>

            <label for="{{ form_obj.pwd.id_for_label }}">{{ form_obj.pwd.label }}</label>

            {{ form_obj.pwd }} {{ form_obj.pwd.errors.0 }}

        </div>

        <div>

            <input type="submit" class="btn btn-success" value="注册">

        </div>

    </form>

</body>

</html>

4、调试结果如下：正常

上面已经描述了怎么使用Django的form表单，接下来，我们会通过Django的form表单来实现新增一个帖子

1、在forms.py中新增一个form类

class article_form(forms.Form):

    article_title=forms.CharField(label='帖子名称');

    article_prief=forms.CharField(label='小标题名称');

    article_content=forms.CharField(label='帖子内容');

2、在view.py视图文件中新增一个视图方法

def add_article(request):

    form_obj_1=forms.article_form();

    if request.method=="POST":

        form_obj_1=forms.article_form(request.POST);

        if form_obj_1.is_valid():

            article_title = request.POST.get("article_title", "");

            article_prief = request.POST.get("article_prief", "");

            article_content = request.POST.get("article_content", "");

            add_article = Article(article_title=article_title, article_prief_content=article_prief,

                                  article_content=article_content);

            add_article.save();

            return HttpResponse("新增成功");

    return render(request,"add.html",{'form_obj_1':form_obj_1});

3、前端代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>注册2</title>

</head>

<body>

    <form action="/login/login2" method="post" novalidate autocomplete="off">

        {% csrf_token %}

        <div>

            <label for="{{ form_obj.username.id_for_label }}">{{ form_obj.username.label }}</label>

            {{ form_obj.username }} {{ form_obj.username.errors.0 }}

        </div>

        <div>

            <label for="{{ form_obj.pwd.id_for_label }}">{{ form_obj.pwd.label }}</label>

            {{ form_obj.pwd }} {{ form_obj.pwd.errors.0 }}

        </div>

        <div>

            <input type="submit" class="btn btn-success" value="注册">

        </div>

    </form>

</body>

</html>

4、最终调试结果

进入后台查看（刚才新增的数据存在，说明新增功能正常）

================关于form的一些验证=========================

class article_form(forms.Form):
#给文本框增加输入长度的判断，若超多或不够，给出error_message

    article_title=forms.CharField(label='帖子名称',min_length=10,max_length=200,error_messages={"required":"不能为空","min_length":u"长度不能小于10"});
#给文本框增加默认灰色文案

    article_prief=forms.CharField(label='小标题名称',widget=forms.TextInput(attrs={"class":"form-control","placeholder":u"小标题"}));
#将文本框变成多行文本框

    article_content=forms.CharField(label='帖子内容',widget=forms.widgets.Textarea(attrs={"class":"form-control","placeholder":u"详细内容","row":3}));

效果如下：

Django---form表单提交数据到数据库（普通方法+Django的form类）的更多相关文章

  1. js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题

    js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...

  2. thinkPHP5.0使用form表单提交数据和删除文章，不用TP的提示页面，使用弹出提示信息

    form表单提交数据和删除文章时,TP的默认信息提示页面的看起来不是很好看,想要实现弹窗提示怎么做呢? 前端:可以使用前端的一个知识--iframe,iframe元素会创建包含另外一个文档的内联框架: ...

  3. springboot框架中集成thymeleaf引擎，使用form表单提交数据，debug结果后台获取不到数据

    springboot框架中集成thymeleaf引擎,使用form表单提交数据,debug结果后台获取不到数据 表单html: <form class="form-horizontal ...

  4. Form表单提交数据的几种方式

    一.submit提交 在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮(<input type='submit'>)就可以进行数据的提交, ...

  5. asp.net.mvc 中form表单提交控制器的2种方法和控制器接收页面提交数据的4种方法

    MVC中表单form是怎样提交? 控制器Controller是怎样接收的? 1..cshtml 页面form提交 (1)普通方式的的提交

  6. form表单提交数据的数据格式

    form表单提交的数据格式默认是 enctype="application/x-www-form-urlencoded"这样将input框的数据与input框的name属性以键值对 ...

  7. form表单提交不刷新页面的方法

    方法1:给form表单加onsubmit事件,值为return false; <form action="" method="post"  onsubmi ...

  8. form表单提交数据给后台

    1.完整登录示例 1. form表单往后端提交数据注意三点 1.所有获取用户输入标签都应该放在form表单里面 2.action属性控制往哪儿提交,method一般都是设置成post 3.提交按钮必须 ...

  9. 关于AJAX与form表单提交数据的格式

    一 form表单传输文件的格式: 只有三种: multipart/form-data 一般用于传输文件,图片文件或者其他的. 那么其中我们默认的是application/x-www-form-urle ...

随机推荐

  1. Matrix-tree 定理的一些整理

    \(Matrix-tree\) 定理用来解决一类生成树计数问题,以下前置知识内容均是先基于无向无权图来介绍的.有关代数余子式的部分不是很明白,如果有错误还请指出-- 部分内容参考至:\(Blog\_1 ...

  2. 第三周博客作业<西北师范大学|李晓婷>

    1.助教博客链接:https://www.cnblogs.com/lxt-/MyComments.html 2.学生作业打分要求:   https://www.cnblogs.com/nwnu-dai ...

  3. C#调用DLL文件提示试图加载格式不正确的程序

    最近在调用第三方的DLL遇到了一个问题:试图加载格式不正确的程序,找了好久发现都没有解决问题,一直报错,后来发现是程序编译时的配置错了,要将项目->属性->平台选中release-X86 ...

  4. 汇编语言笔记v1.0

    1.loop的用法 loop指令的格式是:loop标号,cpu执行loop指令的时候,要进行两步操作 1:(cx)=(cx)-1 2:判断cx中的值,不为零则转至标号处执行,如果为零,则向下执行 这里 ...

  5. cmd切换代码页，切换字体，cmd不能输入中文

    cmd终端切换编码:437:美国英语.936:中文gbk编码.65001:UTF8 小知识: 如果cmd不能调用中文输入法,也就是不能输入中文,是因为目前激活的代码页不是936 使用 chcp 936 ...

  6. Python3 指定文件夹下所有文件（包括子目录下的文件）拷贝到目标文件夹下

    #!/usr/bin/env python3 # -*- coding:utf8 -*- # @TIME :2018/9/17 9:02 # @Author:dazhan # @File :copyf ...

  7. mysql 重置密码

    mysql 重置密码,跳过登录修改密码: # centos 上mysql 已经改名了,启动服务的时候注意是mariadb 了!!!!! # systemctl stop mariadb # syste ...

  8. sqli注入--利用information_schema配合双查询报错注入

    目录 sqli-labs 5.6双查询报错注入通关 0x01 获取目标库名 0x02 获取库中表的数量 0x03 获取库中表名 0x04 获取目标表中的列数 0x05 获取目标表的列名 0x06 从列 ...

  9. 【easy】141. Linked List Cycle

    非常简单的题:判断链表有没有环(用快慢指针) /** * Definition for singly-linked list. * struct ListNode { * int val; * Lis ...

  10. 帆软认证BI工程师FCBA-部分题目

    1.安装32位系统的FineBI,最多只能支持2G内存. 正确 错误 2.Spider数据引擎中适合内存化的表通常为数据量小且更新频率较低的表. 正确 错误 3.Spider数据引擎支持跨数据源进行数 ...