欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML 表单

程序员文章站 2022-05-27 22:57:08
创建一个简单的 Django 项目 app01 用来接受 form 表单的数据 修改 templates 配置,在 settings.py 修改 在 manage.py 同级创建文件夹 templates,并在该目录下创建 index.html,内容如下: 创建 views.py 用于处理请求,内容 ......
创建一个简单的 django 项目 app01 用来接受 form 表单的数据
# 先切换到要保存项目的目录中,这里 django-admin.py 需要根据自己安装目录填写 
python  d:\python3.5\lib\site-packages\django\bin\django-admin.py startproject app01

HTML 表单

修改 templates 配置,在 settings.py 修改
        'dirs': [os.path.join(base_dir, 'templates/').replace('\\', '/')],

HTML 表单


在 manage.py 同级创建文件夹 templates,并在该目录下创建 index.html,内容如下:
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>title</title>
</head>
<body>
<h1>hello worlds</h1>
<form action="/klvchen/" method="get">
    <p>用户名: <input type="text" name="username"></p>
    <p>密码:<input type="password" name="passwd"></p>

    <p>性别: 男: <input type="radio" name="sex" value="0"></p>
    <p>      女: <input type="radio" name="sex" value="1"></p>

    <p>爱好: 乒乓球 <input type="checkbox" name="hobby" value="pingong"></p>
    <p>      羽毛球 <input type="checkbox" name="hobby" value="yumaoqiu"></p>

    <p><input type="submit" value="submit"></p>

</form>
</body>
</html>

HTML 表单

创建 views.py 用于处理请求,内容如下:
from django.shortcuts import render

def klvchen(req):
    print("前端数据: ", req.get)

    return render(req, "index.html")

HTML 表单

修改 urls.py 添加路由配置
from django.contrib import admin
from django.urls import path
from app01 import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('klvchen/', views.klvchen),
]

HTML 表单

打开 pycharm 的 terminal 使用 runserver 命令启动 web 服务
cd f:\python_script\djiango\app01 
python manage.py runserver 8090

HTML 表单
HTML 表单

浏览器访问

HTML 表单

填入信息,点击 "submit"

HTML 表单

提交后可以在浏览器上看到提交的参数

HTML 表单

同时在 pycharm 上也看到控制台输出的提交信息

HTML 表单


以 post 方式提交表单数据

修改 index.html 内容,把 method 方式由 get 修改成 post

<form action="/klvchen/" method="post">

修改 views.py

from django.shortcuts import render

def klvchen(req):
    print("前端数据: ", req.post)

    return render(req, "index.html")

因为涉及到安全问题,修改 settings.py 注销掉下面这段

    #'django.middleware.csrf.csrfviewmiddleware',

重新访问,提交表单
HTML 表单


method: 表单的提交方式有两种: post/get ,默认取值为 get,它们的区别为
get: 1.提交的键值对.放在地址栏中url后面. 2.安全性相对较差. 3.对提交内容的长度有限制.
post: 1.提交的键值对 不在地址栏. 2.安全性相对较高. 3.对提交内容的长度理论上无限制.