django中的form表单和form表单类以及表单检测

<p>------------get--------------</p>
    <form action="" method="get">
        <p>
            <label>文章类型</label>
            <input type="text" name="types">
        </p>
        <p>
            <label>文章类型</label>
            <input type="submit" value="查询">
        </p>

    </form>

页面如下

2、修改视图文件

在views.py文件里，连接前端，并返回数据给前端

1、接收数据

request.GET可以接收前端传递过来的get请求的数据

request.GET是一个类字典对象

2、处理数据

增删改查

3、返回结果

locals

django中的form表单和form表单类以及表单检测

3、修改路由

在urls.py文件里，同步路由

django中的form表单和form表单类以及表单检测

4、修改前端代码

因为views.py文件接收了前端的数据，然后又给前端页面返回了参数，所以我们现在需要加入显示返回的数据的代码

    {% if articles %}
        {% for article in articles %}
            <p>{{ article.title }}</p>
        {% endfor %}
    {% endif %}
    <p>{{ types }}</p>

前端的总代码如下

<p>------------get--------------</p>
    <form action="" method="get">
        <p>
            <label>文章类型</label>
            <input type="text" name="types">
        </p>
        <p>
            <label>文章类型</label>
            <input type="submit" value="查询">
        </p>

    </form>
    {% if articles %}
        {% for article in articles %}
            <p>{{ article.title }}</p>
        {% endfor %}
    {% endif %}
    <p>{{ types }}</p>

5、查看效果

启动服务器，然后输入地址，显示效果如下

django中的form表单和form表单类以及表单检测

然后我们在文章类型中输入"散文"，点击查询

django中的form表单和form表单类以及表单检测

可以看到，前端接收到了views视图文件中传回来的数据，并显示了出来

如果不输入数据就查询的话，则会显示None Type

django中的form表单和form表单类以及表单检测

二、POST方式

CSRF(Cross-site-request-forgery)跨站请求伪造.XSRF

Django已经编写好了csrf的逻辑，默认django的post请求必须经过csrf校验。

Django post请求步骤：

1、使用render方法进行返回
- Render方法的第一个参数必须是request，其他地方和render_to_response方法相似
2、在form表单的最上层添加{% csrf_token %}
3、然后开始和get请求类似接受数据和处理数据的步骤

1、编写前端代码

<p>---------------post-----------------</p>
    <form action="" method="POST">
        {% csrf_token %}
        <p>
            <label>类型名称</label>
            <input type="text" name="name">
        </p>
        <p>
            <label>类型描述</label>
            <textarea name="description"></textarea>
        </p>
        <p>
            <input type="submit" value="注册">
        </p>
    </form>
     {% for t in types %}
            <p>{{ t.label }}-------{{ t.description }}</p>
     {% endfor %}