zoukankan      html  css  js  c++  java
  • Django---Django返回用户输入数据

      前面写了关于HTML和Django结合的文章,通过视图与HTML结合,然后加上urls渲染返回给用户浏览器。很明显我们都能看到这些仅仅是静态HTML,那如何通过Django创建动态的HTML呢?

    动态的页面

    我们先通过一个例子来简单了解下。

    1、首先通过在views.py文件中添加一些动态的数据

    # Views.py
    
    from django.http import HttpResponse
    import datetime
    
    # 创建动态数据
    def time(request):
        now = datetime.datetime.now()
        html = '现在的时间为%s'%now
        return HttpResponse(html)

    2、通过urls.py文件渲染给浏览器

    # urls.py
    
    from django.contrib import admin
    from django.urls import path
    from Anjing import views
    
    urlpatterns = [
        path('admin/', admin.site.urls),
        path('time/', views.time),    # 添加对应的路径
    ]

    3、启动Django服务

    可以看到显示的是当前数据,重新刷新,数据就会变化。

    通过上面例子,已经创建好了一个小小的动态页面,当然这次要说的不仅仅是这样,是需要用户的数据交互,通过用户输入的内容,并返回给用户

    接收并返回数据

    当我们登录博客的时候,博客都会返回给我们一个用户名,而这个用户名是自己设置的,这里安静写一个简单的登录网站,网站直接返回登录的名称

    1、编写登录页面HTML,添加路径渲染,添加视图返回

    在templates目录下创建一个login.html(这个页面为登录页面)

    # login.html
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>登录</title>
    </head>
    <body>
        <h1>
            <p style="text-align:center" font size="2">欢迎来到安静的博客:</p>
    
    
        </h1>
        <h1>
            <p style="text-align:center">请输出账号密码:</p>
        </h1>
        <form action="/index/" method="post"><p style="text-align:center">用户:<input type="text" name="username" /><br />
            </p>
            <p style="text-align:center">密码:<input type="password" name="password" /><br />
            <input type="submit" value="提交" />
        </form>
    
    </body>
    </html>

    在templates目录下创建一个index.html文件(登录后跳转的页面)

    <html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <head>
        <title>安静博客乐园</title>
    </head>
    <body>
    <center>
        <li>欢迎您:  
        </li>
    </center>
    </ul>
    </body>
    </html>

    在urls.py文件中添加对应的路径,然后启动服务,在浏览器中输入对应的路径查看

    # urls.py
    
    from django.contrib import admin
    from django.urls import path
    from Anjing import views
    urlpatterns = [
        path('admin/', admin.site.urls),
        path('login/', views.login),
        path('index/', views.index),
    ]

    在views.py文件中添加视图返回内容

    # views。py
    
    from django.shortcuts import render
    
    def index(request):
        if  request.method == 'POST':
            username = request.POST.get('username')
            password = request.POST.get('password')
            return render(request, 'index.html')

    全部工作都准备完成了,然后启动服务,打开浏览器,查看我们的页面渲染

    我们在输入框内随便输入用户信息点击提交

    发现出现了403,什么情况,我们上面已经对页面进行了渲染,应该不会出错哈。

     大家不要着急,其实这个是正常的,这个属于Djaongo有一个跨站请求保护的机制,我们可以从报错中发现需要我们加入 {% csrf_token %}

    # login.html

    <!
    DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>首页</title> </head> <body> <h1> <p style="text-align:center" font size="2">欢迎来到安静的博客:</p> </h1> <h1> <p style="text-align:center">请输出账号密码:</p> </h1> <form action="/index/" method="post"> {% csrf_token %} <p style="text-align:center">用户:<input type="text" name="username" /><br /> </p> <p style="text-align:center">密码:<input type="password" name="password" /><br /> <input type="submit" value="提交" /> </form> </body> </html>

    当然了我们也要在返回的页面加入一些参数和修视图中的代码

    # index.html
    <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <head> <title>安静博客乐园</title> </head> <body> <center> <li>欢迎您, <tbody> <tr> <td>{{data}}</td> </tr> </tbody> </li> </center> </ul> </body> </html>

    修改views.py视图文件

    # views.py
    
    from django.shortcuts import render
    from django.http import HttpResponse
    
    def index(request):
        if  request.method == 'POST':
            username = request.POST.get('username')
            password = request.POST.get('password')
            return render(request, 'index.html', {'data':username})

    这个时候我们在此启动Django服务,然后输入对应数据点击提交按钮,发现数据已经全部接收了。

    我们通过了登录的小案例,大致的了解到了数据交互和数据接收应该如何进行,主要的一个知识,我理解到Django的一个跨站请求保护机制。多次使用,就能孰能生巧了

    如果感觉安静写的对您有帮助,请点个关注,如果哪里有不懂的或者不明白的,可以下方留言,看到后第一时间回复

  • 相关阅读:
    win7下安装Linux实现双系统全攻略
    Dreamweaver_CS6安装与破解,手把手教程
    windows Server 2008各版本有何区别?
    如何查看路由器中的pppoe拨号密码?
    xp远程桌面连接最大用户数怎么设置?
    网站的盈利模式
    linux 下安装mysql-5.7.16
    GNS3连接虚拟机
    cain使用教程
    数据中心网络架构的问题与演进 — CLOS 网络与 Fat-Tree、Spine-Leaf 架构
  • 原文地址:https://www.cnblogs.com/qican/p/12092532.html
Copyright © 2011-2022 走看看