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

表结构：

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. 它听键盘声就知道你敲的是什么——GitHub 热点速览 Vol.51

    作者:HelloGitHub-小鱼干 本以为本周的 GitHub 和十二月一样平平无奇就那么度过了,结果 BackgroundMattingV2 重新刷新了本人的认知,还能这种骚操作在线实时抠视频去背 ...

  2. Nginx timeout配置

    缘由:客户测试反馈Request failed with status code 504,后续排查应该是nginx未配置超时设置 Step 1.打开nginx.conf查看 缺少keepalive_t ...

  3. 【Shiro学习之六】shiro编码/加密

    apahce shiro:1.6.0 密码存储,应该加密/生成密码摘要存储,而不是存储明文密码. 1.编码/解码Shiro 提供了 base64和 16进制字符串编码/解码的API支持, 方便一些编码 ...

  4. Jmeter(三十四) - 从入门到精通进阶篇 - 参数化（详解教程）

    1.简介 前边三十多篇文章主要介绍的是Jmeter的一些操作和基础知识,算是一些初级入门的知识点,从这一篇开始我们就来学习Jmeter比较高级的操作和深入的知识点了.今天这一篇主要是讲参数化,其实前边 ...

  5. 2020安徽程序设计省赛 G序列游戏

    2020安徽程序设计省赛 G序列游戏 有一个序列w,初始为空.再给出一个长度为m 单调递增的序列a.你需要对序列w 作如下n 次操作: (1)操作0,在序列尾部添加数字0. (2)操作1,在序列尾部添 ...

  6. <input type="image">表单提交2次 重复插入数据问题

    写一个表单提交用到图片:两种代码. <input type="image" src="xxx.gif"onclick="return dosub ...

  7. Prometheus集群介绍-1

    Prometheus监控介绍 公司做教育的,要迁移上云,所以需要我这边从零开始调研加后期维护Prometheus:近期看过二本方面的prometheus书籍,一本是深入浅出一般是实战方向的:官方文档主 ...

  8. C++把数字排序

    C++把数字排序 描述 思路 代码 描述 如题,详细如下: 输入不超过1024个数字,以特殊数字结尾,如(-999),把数字从小到大排序. 思路 目前,我们有两种思路可以写: 1是 在输入的时候,排序 ...

  9. Spring Security OAuth2.0认证授权五：用户信息扩展到jwt

    历史文章 Spring Security OAuth2.0认证授权一:框架搭建和认证测试 Spring Security OAuth2.0认证授权二:搭建资源服务 Spring Security OA ...

  10. Array.apply(null, {length: 2}) 的理解

    // apply 的第二参数通常是数组 但是也可以传递类数组对象{length: 2}console.log(Array.apply(null, {length: 2})) // [undefined ...