django多对多展示

通过老师查学生：

先获取老师id，然后查学生表（反向查找） teacher__id ，匹配传过来的老师id，最后序列化展示

通过学生查老师：

先获取学生id，然后查老师表（外键）stu，匹配传过来的学生id，最后序列化展示

class ShowTea(APIView):    # 首次展示老师 def get(self,request):tea = Teacher.objects.all()ser = TeaSer(tea, many=True)return Response({'code': 200,'data': ser.data})class Shows(APIView):        # 点击老师展示他的学生def post(self,request):id = request.data.get('id')  # 前端传过来的老师的idstu = Student.objects.filter(teacher__id=id)  # 学生表中隐藏的teacher字段加双下划綫id等于老师的idser = StudentSer(stu,many=True)return Response(ser.data)class Showtt(APIView):      # 点击学生展示他的老师def post(self,request):id = request.data.get('id')  # 前端传过来的学生的idtea = Teacher.objects.filter(stu=id)  # 老师表外键学生id等于前端学生idtea = TeacherSer(stu,many=True)return Response(ser.data)

<template><div><table border="1"><tr><th>老师</th></tr><tr v-for="item in datalist"><td><button @click="shos(item.id)">{{ item.name }}</button></td>  # 展示老师名字，点击时触发shos方法，将展示效果实现在div标签</tr><div v-for="i in ss">   # 该标签展示的是老师对应的学生<button @click="ttt(i.id)">{{ i.name }}</button> # 点击触发ttt方法，将展示效果实现在li标签</div><li v-for="i in tt">{{ i.name }}</li> # 该标签展示的是学生对应的老师</table></div>
</template><script>import axios from 'axios'export default {data(){return{datalist:[],ss:[],tt:[]}},mounted() {axios({url:'http://localhost:8000/showtea/',method:'get'}).then(res=>{console.log(res);this.datalist = res.data.data;})},methods:{shos(id){axios({url:'http://localhost:8000/shows/',method:'post',data:{'id':id}}).then(res=>{console.log(res);this.ss = res.data})},ttt(id){axios({url:'http://localhost:8000/showtt/',method:'post',data:{'id':id}}).then(res=>{console.log(res);this.tt = res.data})}}}
</script><style scoped></style>

django多对多展示相关推荐

django oracle 性能,4.利用Django在前端展示Oracle 状态趋势
利用Django在前端展示Oracle 状态趋势 2017-12-15 Python 宅必备开发环境操作系统:CentOS 7.4 Python版本 :3.6 Django版本: 1.10.5 操 ...
django实现商品分类展示
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 django实现商品分类展示前言一.什么是django框架? 二.使用步骤 1.创建django项目应用 2.配置文件 3.创建m ...
《数据分析-Echarts》Python + Django + echarts图表展示
Python + Django + echarts图表展示项目打包文件一.准备工作 ## 1.python环境安装 ## 2.python开发工具PyCharm安装二.创建Django项目三. ...
django 多对多表的创建，级联删除，手动创建第三张表
创建一张作者表,author,创建外键与book表,多对多关系 ,外键字段放在那张表都可以, class Author(models.Model):name = models.CharField(ma ...
Django基本使用 - 展示一个HTML文件
为实现这个小功能,主要用到4个文件,1个路径第1个文件自然是事先准备好的HTML,这里我用show.html举例: show.html的内容随意,这里只展示一句话. 但是存放的位置建议:在djang ...
Python Django 多对多表设计批量插入方法示例
Python Django 多对多表设计
Django+vue 分页展示
这里提供两种分页方法一种是手写分页,不常用,但是明白一下分页的逻辑实现第二种是用heyui提供的组件.很多功能都给封装好了,用起来也比较美观. 手写分页后端接口 class GoodList(A ...
Django之Model世界
Model 到目前为止,当我们的程序涉及到数据库相关操作时,我们一般都会这么搞: 创建数据库,设计表结构和字段使用MySQLdb 来连接数据库,并编写数据访问层代码业务逻辑层去调用数据访问层执行数 ...

django多对多展示

通过老师查学生：

先获取老师id，然后查学生表（反向查找） teacher__id ，匹配传过来的老师id，最后序列化展示

通过学生查老师：

先获取学生id，然后查老师表（外键）stu，匹配传过来的学生id，最后序列化展示

django多对多展示相关推荐

最新文章

热门文章