增加一个知识点，当表中有多对多关联时，在前端展示的时候是一个列表，所以在展示的时候需要这样做；

表结构：

class ProjectEnv(models.Model):

    project = models.ForeignKey(verbose_name='项目', to='Project')

    env_choices = (

        (1, '测试'),

        (2, '正式')

    )

    env = models.IntegerField(verbose_name='环境', choices=env_choices)

    path = models.CharField(verbose_name='线上部署路径', max_length=128)

    servers = models.ManyToManyField(verbose_name='服务器', to='Server')

前端页面：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">

</head>

<body>

<h1 class="container">环境展示</h1>

<div class="container">

    <form action="" method="post">

        {% csrf_token %}

    <a href="{% url 'web:addprojectenv' %}" class="btn btn-success">添加数据</a>

        <table class="table table-hover">

            <thead>

            <tr>

                <td>序号</td>

                <td>项目</td>

                <td>环境</td>

                <td>线上部署路径</td>

                <td>服务器</td>

                <td>操作</td>

            </tr>

            </thead>

            <tbody>

            {% for d in data %}

                <tr>

                    <td>{{ forloop.counter }}</td>

                    <td>{{ d.project.title }}</td>

                    <td>{{ d.env }}</td>

                    <td>{{ d.path }}</td>

                    <td>

                        <---->d.servers.values点出来的是一个queryset类型是一个列表，所以循环这个列表，然后获取每一个字典的值就行</---->

                        {% for datum in  d.servers.values  %}

                                {{ datum.hostname }}

                        {% endfor %}

                    </td>

                    <td>

                        <a href="{% url 'web:editprojectenv' d.id %}" class="btn btn-info">编辑</a>

                        <a href="{% url 'web:deleteprojectenv' d.id %}" class="btn btn-danger">删除</a>

                    </td>

                </tr>

            {% endfor %}

            </tbody>

        </table>

    </form>

</div>

</body>

</html>

还有一个方法就是在models文件里写一个方法，将这个对象获取写一个列表推导式

class ProjectEnv(models.Model):

    project = models.ForeignKey(verbose_name='项目', to='Project')

    env_choices = (

        (1, '测试'),

        (2, '正式')

    )

    env = models.IntegerField(verbose_name='环境', choices=env_choices)

    path = models.CharField(verbose_name='线上部署路径', max_length=128)

    servers = models.ManyToManyField(verbose_name='服务器', to='Server')

    def get_hostname(self):

        return ','.join([i["hostname"] for i in self.servers.values()])

Django中多表关联的展示问题：的更多相关文章

  1. RDIFramework.NET 中多表关联查询分页实例

    RDIFramework.NET 中多表关联查询分页实例 RDIFramework.NET,基于.NET的快速信息化系统开发.整合框架,给用户和开发者最佳的.Net框架部署方案.该框架以SOA范式作为 ...

  2. Django中的表单

    目录 表单 Django中的表单 用表单验证数据 自定义验证 表单 HTML中的表单是用来提交数据给服务器的,不管后台服务器用的是 Django  还是 PHP还是JSP还是其他语言.只要把 inpu ...

  3. MyBatis 中两表关联查询MYSQL (14)

    MyBatis 中两表关联查询MYSQL 1.创建数据库表语句 2.插入测试数据 3.pom文件内容 <?xml version="1.0" encoding="U ...

  4. Mybatis中多表关联时，怎么利用association优雅写resultMap来映射vo

    前言 有好一阵没碰mybatis了,这次的项目基于性能考虑,选了mybatis,写着写着,发现有下面的需求,比如两表联查,取其中各一部分字段,怎么更方便地用vo来接,这里犯了难: 我想的是,因为这个s ...

  5. Yii2中多表关联查询（join、joinwith)

    我们用实例来说明这一部分 表结构 现在有客户表.订单表.图书表.作者表, 客户表Customer   (id  customer_name) 订单表Order      (id  order_name ...

  6. [moka同学笔记]Yii2中多表关联查询（join、joinwith) (摘录)

    表结构 现在有客户表.订单表.图书表.作者表, 客户表Customer   (id  customer_name) 订单表Order          (id  order_name       cu ...

  7. Yii2.0中文开发向导——Yii2中多表关联查询（join、joinwith)（转）

    我们用实例来说明这一部分 表结构 现在有客户表.订单表.图书表.作者表, 客户表Customer   (id  customer_name) 订单表Order          (id  order_ ...

  8. Yii2.0中文开发向导——Yii2中多表关联查询（join、joinwith)

    我们用实例来说明这一部分 表结构 现在有客户表.订单表.图书表.作者表, 客户表Customer   (id  customer_name) 订单表Order          (id  order_ ...

  9. django中form表单的提交：

    一,关于表单: 表单在百度百科的解释:   表单在网页中主要负责数据采集功能.一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法. 表单域 ...

随机推荐

  1. Javascript 根据文件名判断是否未图片

    var isImage = (/\.(gif|jpe?g|tiff?|png|webp|bmp)$/i).test(filename)

  2. 图解JanusGraph系列 - JanusGraph指标监控报警（Monitoring JanusGraph）

    大家好,我是洋仔,JanusGraph图解系列文章,实时更新~ 图数据库文章总目录: 整理所有图相关文章,请移步(超链):图数据库系列-文章总目录 源码分析相关可查看github(码文不易,求个sta ...

  3. $emit的用法

    自定义事件$emit.使用$emit建立父子组件之间的通信.子组件到父组件之间的通信. 子组件: 父组件:

  4. 阿里巴巴java开发手册-泰山版 下载

    最近,阿里的<Java开发手册>又更新了,这个版本历经一年的修炼,取名:<Java开发手册(泰山版)>正式出道.正所谓无规矩不成方圆,在程序员的世界里,也存在很多规范,阿里出版 ...

  5. IntelliJ IDEA错误： 源值1.5已过时，将在未来所有版本中删除

    参考:http://www.jianshu.com/p/451271c4de11

  6. Access-Control-Allow-Headers等基础常识

    跨源资源共享 (CORS) (或通俗地译为跨域资源共享)是一种机制,该机制使用附加的 HTTP 头来告诉浏览器,准许运行在一个源上的Web应用访问位于另一不同源选定的资源. 当一个Web应用发起一个与 ...

  7. 使用node+puppeteer+express搭建截图服务

    使用node+puppeteer+express搭建截图服务 转载请注明出处https://www.cnblogs.com/funnyzpc/p/14222807.html 写在之前 一开始我们的需求 ...

  8. Turtlebot3新手教程：OpenCR软件设置(shell)

    *本文针对如何利用脚本来更新固件进行讲解 具体步骤如下: burger的固件更新 $ export OPENCR_PORT=/dev/ttyACM0 $ export OPENCR_MODEL=bur ...

  9. LeapMotion控制器 java语言开发笔记--（LeapMotion控制器简介）

    (1)LeapMotion系统识别和追踪手,手指,以及根手指类似的工具,这个设备运行在一个极小的范围,这个范围拥有个高精度,高跟踪频率可以记录离散的点,手势,和动作. (2)LeapMotion控制器 ...

  10. SpringBoot官网提供所有组件整理

    下面所有SpringBoot组件整理来自于:https://start.spring.io/,紧随Spring社区的步伐...... Developer Tools Spring Boot DevTo ...