django--前后端数据的交互

 

前端-->后端

数据来源：<form>表单提交来的

 

Html-->request-->views

 

1、  html文件中的form表单

1)         基本组成form input button，额外还可用select optgroup textarea output keygen元素

 

2)         Form：告诉浏览器处理的是表单，里面的东西是要提交给服务器的

要配什么？

Action-->发给哪个url处理

                         i.              如果不设置，就是当前加载的url

                       ii.              如果设置，用相对路径，就是嫁接在当前url的后面

                      iii.              Django的urls.py文件定义了url路径，有name参数可以让系统自动生成路径，推荐

Method-->post或get，一般都是post提交，稳妥

Enctype-->这是对编码进行设置,在需要上传文件的时候，需要设置为multipart/form-data

Eg:

 

 

3)         Input：收集用户输入的数据，总共23种type，30个属性，有些属性只能和特定的type搭配使用

要配什么?

Type-->

　　text  输入普通文本

        Password 输入密码用

        Submit reset button 提交按钮 重置按钮 无特效按钮

        Checkbox

        Color

        Date datetime datetime-local month time week

        Email tel url

        Number

        Radio

        Range

        Search

        Image

        File—需要在form中设置enctype

 

List-->指定了一个datalist的id，datalist元素里option列出了值，list里会显示出来，变成下拉框，选一个

Name-->每个input元素都需要设定一个name属性，在提交的时候，后台才能通过name取到对应的值。

 

4)         Button：表示输入完毕了，可以提交给服务器了

要配什么?

Type-->submit提交或reset重置，如果type为button，就是普通的按钮，没有任何效果，用input，type变成submit效果也是一样的。

 

2、  views.py中进行处理

当点击了submit的input或者button时，所有的输入会打包封装在request中，提交给form中定义的action目标（url），通过django中url.py中定义的对应关系，找到views中的处理逻辑进行处理。

1)         普通的输入内容

Request.POST.get(‘html中input标签的name’,如果取不到默认用的值)

Eg:

 

2)         多选的内容

Request.POST.getlist(‘html中input标签的name’)

Eg:

 

3)         上传文件

获取文件需要用request.FILES.get(‘html中input标签的name’)获取

Eg:

 

Models.py中定义了一个数据库表带有文件字段的，实际保存时，表中存放的是文件的路径，而不是文件本身。在django中，这个路径由两方面组成，一是MEDIA_URL MEDIA_ROOT参数，指明上传文件的默认搜索路径，需要在setting.py中定义，二是models.py中文件字段的upload_to属性设置，这个值会接在REDIA_URL后面组成完整的上传路径。当保存到数据库时（obj.save()），文件就会自动出现在这个指定的路径下面。

 

 

 

 

 

 

后端-->前端

数据来源：数据库里查出来的

 

Model-->views-->html

 

1、  models.py

在Models.py里定义了类，在数据库中对应得创建了数据库表

Python manage.py makemigrations

Python manage.py migrate

 

2、  views.py

在views.py里import model，通过类名.object.filter get all去查数据库，获得查询结果queryset，把查出来要的值赋值给一个变量，在render中以字典形式作为参数传过去

 

 

3、  templates中的html文件

上一步骤中render用到的html文件，可以读取到这个变量，用{{}}可以用这个变量的值。

 

 

 

 

 

与本节相关的专题：

1、  数据库专题

2、  模板语言

转载于:https://www.cnblogs.com/susenyan/p/9294556.html