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、  模板语言

猜你喜欢

转载自www.cnblogs.com/susenyan/p/9294556.html