Django表单

港控/mmm° 2021-12-23 07:15 239阅读 0赞

### Django表单 ###

*  DjangoTest项目
 *   *  创建DjangoTest项目
     *  文件结构
     *  hello.py
     *  urls.py
     *  hello.html
     *  hello1.html
     *  out.html
     *  运行截图
     *   *  get提交
         *  post提交
     *  注

# DjangoTest项目 #

## 创建DjangoTest项目 ##

参考[用python专业版创建Django项目][python_Django]

## 文件结构 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTQ2NjUw_size_16_color_FFFFFF_t_70]

## [hello.py][] ##

from django.shortcuts import render
    
    
    def hello_get(request):
        print("awda")
        return render(request, 'hello.html')
    
    
    def hello_post(requset):
        return render(requset, 'hello1.html')
    
    
    def get(request):
        request.encoding = 'utf-8'
        if 'name' in request.GET:
            name = request.GET['name']
        else:
            name = '空表单'
        print(name)
        return render(request, 'out.html', { 'name': name})
    
    
    def post(request):
        request.encoding = 'utf-8'
        if request.POST:
            name = request.POST['name']
        else:
            name = '空表单'
        return render(request, 'out.html', { 'name': name})

## [urls.py][] ##

from django.conf.urls import url
    from . import hello
    
    
    urlpatterns = [
        url(r'hello/$', hello.hello_get),
        url(r'hello1/$', hello.hello_post),
        url(r'hello/get', hello.get),
        url(r'hello/post', hello.post),
    ]

## hello.html ##

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Django表单</title>
    </head>
    <body>
    <form method="get" action="get">
    <input type="text" name="name" >
    <input type="submit" value="提交">
    </form>
    </body>
    </html>

## hello1.html ##

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Django表单</title>
    </head>
    <body>
    <form method="post" action="hello/post">
        {% csrf_token %}
    <input type="text" name="name" >
    <input type="submit" value="提交">
    </form>
    </body>
    </html>

## out.html ##

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Django表单</title>
    </head>
    <body>
    <h1>你提交的表单为：{
       { name }}</h1>
    </body>
    </html>

## 运行截图 ##

### get提交 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTQ2NjUw_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTQ2NjUw_size_16_color_FFFFFF_t_70 2]

### post提交 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTQ2NjUw_size_16_color_FFFFFF_t_70 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTQ2NjUw_size_16_color_FFFFFF_t_70 4]

## 注 ##

表格后面还有一个{ % csrf_token %}的标签。csrf 全称是 Cross Site Request Forgery。
    这是Django提供的防止伪装提交请求的功能。POST 方法提交的表格，必须有此标签。

[python_Django]: https://blog.csdn.net/qq_41146650/article/details/93654205
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTQ2NjUw_size_16_color_FFFFFF_t_70]: /images/20211223/6f744a94868f483992e00806758ba9da.png
[hello.py]: http://hello.py
[urls.py]: http://urls.py
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTQ2NjUw_size_16_color_FFFFFF_t_70 1]: /images/20211223/c5dfa3ecc4894e95899ddceaf0eaa9a2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTQ2NjUw_size_16_color_FFFFFF_t_70 2]: /images/20211223/9bb4550f84ed411eaf3b9ad7796c567c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTQ2NjUw_size_16_color_FFFFFF_t_70 3]: /images/20211223/b0e9a57e879a41f694bbe18d2f8af142.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTQ2NjUw_size_16_color_FFFFFF_t_70 4]: /images/20211223/de1a37468ac245f4843babd7e081f134.png