前后端数据传入与传出

前端页面的挖坑以及填坑

继承static 文件里的样式

  1. {% load static %} {% extends ‘*.html’ %}
  2. 放入css{% block extCSS %}{% endblock %}放入js{% block EXTJS %}{% endblock %}

前端和后端数据的对接

前端向后端传入数据

  1. a标签,连接跳转,
    • a href=”{‘url ‘namespace:name’ param }”
    • a href=”/urls/urls/{{parem}}”
  2. submit 配合 form method=”post” 使用,提交表单里的数据
  3. 传入的参数可以是查找数据的关键词

后端接收前端的数据

  1. a标签传入,

    • /urls/urls/?P(\d+)/
    • views里 (request, param)
  2. form提交,

    • request.POST.get(‘param’)

后端向前端传入数据

  1. data = {
    ‘param’:param
    }
  2. return 返回页面的几种方式
    1. return render(request, ‘?.html’,data);
    2. return HttpResponseRedirect(reverse(‘spacename:name’,args=(param,))) 注意这里的逗号;
    3. reverse(‘spacename:name’, kwargs={‘stu_id’: stu.id});
    4. return HttpResponseRedirect(‘/urls/urls/’);

前端接收后端传入的数据

  1. 接收到的是整个数据库的信息goods
    (1)只是查找本数据库的信息:
    * {% for i in goods %} {{i.attr}} {% endfor %}
    (2)由本数据库查找相关数据库的信息
    * {% for i in goods.foreignModel %} {{i.attr}} {% endfor %}
  2. 接收到的是data, 里面包含几个数据库的信息,用法同上。
  3. 常用jinja2语言
    • for x in xx
    • if xx
    • ifequal xx
    • forloop1

注意事项,能在后端实现的,尽量后端实现,尽量丢给前端简简洁的数据

猜你喜欢

转载自blog.csdn.net/zhangli709/article/details/80286376