django-前后端交互
2017-10-10 本文已影响0人
老夫刘某
创建一个html文件用来用户注册：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="/createuser/" method="post">
<p>{{ obj.user }}</p>
<p>{{ obj.group }}</p>
<input type="submit" value="提交" />
</form>
</body>
</html>
配置好访问：
image.png
创建用户数据：
def createuser(request):
obj = UserForm.CreateForm(request.POST)
if request.method == 'POST':
if obj.is_valid():
all_data = obj.clean()
group_id = all_data['group']
username = all_data['user']
# 1、先获取字典表里的数据对象
# group_obj = models.GroupNew.objects.get(id=group_id)
# # 创建用户数据
# models.UserNew.objects.create(user=username, group=group_obj)
# 2、 直接传group_id不需获取对象
models.UserNew.objects.create(user=username, group_id=group_id)
else:
pass
return render(request, 'foreign/createuser.html', {'obj': obj})
然后再vires.py里面就可以直接拿到前端传来的字典，直接创建数据了。注意用**的方式传参
from app01.forms import foreign as UserForm
def createuser(request):
obj = UserForm.CreateForm(request.POST)
if request.method == 'POST':
if obj.is_valid():
all_data = obj.clean()
print all_data
# group_id = all_data['group']
username = all_data['user']
# 1、先获取字典表里的数据对象
# group_obj = models.GroupNew.objects.get(id=group_id)
# # 创建用户数据
# models.UserNew.objects.create(user=username, group=group_obj)
# 2、 直接传group_id不需获取对象
models.UserNew.objects.create(**all_data) #用**的方式传递字典参数
else:
pass
return render(request, 'foreign/createuser.html', {'obj': obj})
下面我们可以来展示一下数据：
在views.pu里把数据全部拿到，返回到前端：
from app01.forms import foreign as UserForm
def createuser(request):
obj = UserForm.CreateForm(request.POST)
if request.method == 'POST':
if obj.is_valid():
all_data = obj.clean()
models.UserNew.objects.create(**all_data)
else:
pass
user_list = models.UserNew.objects.all() #获取到表中的全部数据
return render(request, 'foreign/createuser.html', {'obj': obj, 'user_list': user_list})
前端页面获取数据展示：
在前端页面不能显示用户组的id,而是直接显示用户组的名称
因为外键对应的字段是一个对象，这个对象代指的是字典表中的一行数据，所以我们在前端取到字典表中的数据用“.”获取
<table>
{% for item in user_list %}
<tr>
<td>{{ item.user }}</td>
<td>{{ item.group.groupname }}</td> 从对象中获取数据用"."
</tr>
{% endfor %}
</table>
我们在前端用get的方法获取数据，
在浏览器的url后追加字符 http://127.0.0.1:8000/createuser/?group=CFO
例如：我们要展示CFO组里面所以得用户，在views里要如何写呢？
我们在前端用get的方法获取数据，
在浏览器的url后追加字符 http://127.0.0.1:8000/createuser/?group=CEO
例如：我们要展示CEO组里面所以得用户，在views里要如何写呢？
from app01.forms import foreign as UserForm
def createuser(request):
obj = UserForm.CreateForm(request.POST)
if request.method == 'POST':
if obj.is_valid():
all_data = obj.clean()
models.UserNew.objects.create(**all_data)
else:
pass
val = request.GET.get('group')
user_list = models.UserNew.objects.filter(group__groupname=val) # 去字典表里的数据时用双下划线
return render(request, 'foreign/createuser.html', {'obj': obj, 'user_list': user_list})
总结
创建数据：
1、根据对象级别来操作表。
表中有外键的字段代指的就是另外一张表的一行数据。在Models里的表现形式就是一个对象，那么我们创建这张表时，给外键的字段传值时也应该传一个对象，而从前台获取到的是一个数字“1”，1不是一个对象，根据这个“1”先创建一个字典表的对象，所以根据前台的“1”先获取字典表里对应的数据对象，把这个对象传递到创建表时所需的对象参数即可。
(其实也是把对象转换成sql语句拼接成带_id的样式，有一种多此一举的感觉)
2、根据数据库级别来操作表。
首先我们可以先查看一下数据库表中的外键值的样式 user_group_id。“_id”在models没有定义的，是django自动为我们定义的样式。所以我们在向数据库中插入数据的时候，外键的字段应该加上_id，这样就可以直接传从前台获取的数字了。
（可以再form中修改外键的值，加"_id",这样传到后台的数据就能直接拿到一个字典，在用**的方式传值创建数据）
获取数据：
跨表取数据用 "."
因为在models里的外键代指的是另外一张表的一行数据，且这个数据类型为一个对象。
那么就可以根据这个对象直接找到那行数据里对应的字段。用 “.”获取
在前端页面就可以{{item.group.groupname}}方式获取到。
跨表过滤数据时用 “__”
过滤数据用双下划线 “__”（group__groupname=val），如果有多张表建立外键继续用双下划线“__”跨表查询数据
