自己遇到的问题是，前端渲染不出多对多关系，咨询Yuan后解决，特此记录。

urls.py

from django.conf.urls import url

from book import views

urlpatterns = [

    url(r'^index/', views.index),

    url(r'^add/', views.add),

    url(r'^delete/', views.delete),

    url(r'^modify/', views.modify),

]

models.py

from django.db import models

# Create your models here.

class Publisher(models.Model):

    name = models.CharField(max_length=, verbose_name="名称")

    address = models.CharField("地址", max_length=)

    city = models.CharField('城市', max_length=)

    state_province = models.CharField(max_length=)

    country = models.CharField(max_length=)

    website = models.URLField()

    class Meta:

        verbose_name = '出版商'

        verbose_name_plural = verbose_name

    def __str__(self):

        return self.name

class Author(models.Model):

    name = models.CharField(max_length=)

    def __str__(self):

        return self.name

class AuthorDetail(models.Model):

    # sex = models.BooleanField(max_length=, choices=((, '男'), (, '女'),))

    sex = models.CharField(max_length=)

    email = models.EmailField()

    address = models.CharField(max_length=)

    birthday = models.DateField()

    author = models.OneToOneField(Author)

    def __str__(self):

        return '(%s,%s,%s)' % (self.sex, self.email, self.address)

class Book(models.Model):

    title = models.CharField(max_length=)

    price = models.DecimalField(max_digits=, decimal_places=, default=)

    authors = models.ManyToManyField('Author')

    publisher = models.ForeignKey('Publisher')

    publication_date = models.DateField(default='2017-08-20')

    def __str__(self):

        return self.title

views.py

def index(request):

    all_book_list = Book.objects.all()  # 获取所有book对象

    if request.method == "POST":  # 搜索框的POST请求和数据

        key_word = request.POST.get('key_word')

        all_book_list = Book.objects.filter(title__contains=key_word)

    return render(request, "book/index.html", {"all_book_list": all_book_list})

book/book.index.html

<!--{% load book_to_author %}-->

{% load staticfiles %}

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>内部管理系统</title>

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

    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>

    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <style>

        ul{

            padding: 20px 30px 20px 50px;

        }

        ul li {

            margin: 30px ;

        }

        {#   分割    #}

        .outer{

            margin: 100px auto;

            width: %;

            height: 400px;

            border: 1px solid rebeccapurple;

            position: relative;

        }

        .search_form {

            position: absolute;

            top: 10px;

            left: 750px;

        }

        .table-content {

            position: absolute;

            top: 50px;

        }

        .form {

            display: inline-block;

        }

        .add-button{

            position: absolute;

            right: 20px;

            bottom: 20px;

        }

    </style>

    <link rel="stylesheet" href="{% static "dist/css/bootstrap.css" %}">

</head>

<body>

<ul id="myTab" class="nav nav-tabs">

    <li class="active">

       <a href="#book" data-toggle="tab">书籍管理</a>

    </li>

    <li>

        <a href="/author/index">作者管理</a>

    </li>

    <li>

        <a href="/publisher/index">出版社管理</a>

    </li>

    <li class="dropdown">

       <a href="#" id="myTabDrop1" class="dropdown-toggle"

          data-toggle="dropdown">学科<b class="caret"></b>

       </a>

        <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">

            <li><a href="#yuwen" tabindex="-1" data-toggle="tab">

                语文</a>

            </li>

            <li><a href="#shuxue" tabindex="-1" data-toggle="tab">

                数学</a>

            </li>

        </ul>

    </li>

</ul>

<div id="myTabContent" class="tab-content">

    <div class="tab-pane fade in active" id="book">

        <div class="outer">

            <form class="col-lg-2 input-group search_form" action="/index/" method="post">

                <input class="form-control form" placeholder="Search for..." type="text" name="key_word">

                <!--<input type="submit" value="">-->

                 <span class="input-group-btn">

                    <input class="btn btn-default" type="submit">Go2!</input>

                 </span>

            </form>

            <table class="table table-striped table-content">

            <tbody>

                <tr>

                    <th>编号</th>

                    <th>书名</th>

                    <th>价格</th>

                    <th>作者</th>

                    <th>出版社</th>

                    <th>出版日期</th>

                    <th> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;action</th>

                </tr>

              {% for book in all_book_list %}

                   <tr>

                        <td>{{ book.id  }}</td>

                        <td>{{ book.title }}</td>

                        <td>{{ book.price }}</td>

                        <td>{{ book.authors }}</td>  //这块是问题点

                        <td>{{ book.publisher }}</td>

                        <td>{{ book.publication_date|date:'Y-m-d'}}</td>

                       <td>

                           <a href="/book/delete/?id={{ book.id }}"><button  type="button" class="btn btn-danger">删除</button></a>

                           <!-- Button trigger modal -->

                           <button type="button" class="btn btn-primary modify" data-toggle="modal" data-target="#myModal">编辑</button>

                       </td>

                   </tr>

                {% endfor %}

            </tbody>

            </table>

            <a href="/book/add/"><button type="button" class="btn btn-primary add-button">添加</button></a>

        </div>

        <!-- Modal -->

        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

          <div class="modal-dialog" role="document">

            <div class="modal-content">

              <div class="modal-header">

                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                  <h4 class="modal-title" id="myModalLabel">编辑模式</h4>

              </div>

            <form action="/book/modify/" method="post">

                <div class="modal-body">

                    <div class="input-group">

                    <span class="input-group-addon" id="basic-addon1">ID</span>

                    <input type="text" class="form-control BookId" aria-describedby="basic-addon1" name="BookId">

                    </div>

                    <div class="input-group">

                    <span class="input-group-addon" id="basic-addon1">书名</span>

                    <input type="text" class="form-control BookName" aria-describedby="basic-addon1" name="BookName">

                    </div>

                    <div class="input-group">

                    <span class="input-group-addon" id="basic-addon1">价格</span>

                    <input type="text" class="form-control Price" aria-describedby="basic-addon1" name="Price">

                    </div>

                    <div class="input-group">

                    <span class="input-group-addon" id="basic-addon1">作者</span>

                    <input type="text" class="form-control Author" aria-describedby="basic-addon1" name="Author">

                    </div>

                    <div class="input-group">

                    <span class="input-group-addon" id="basic-addon1">出版社</span>

                    <input type="text" class="form-control Publisher" aria-describedby="basic-addon1" name="Publisher">

                    </div>

                    <div class="input-group">

                    <span class="input-group-addon" id="basic-addon1">出版日期</span>

                    <input type="text" class="form-control Publication_date" aria-describedby="basic-addon1" name="Publication_date">

                    </div>

                </div>

                <div class="modal-footer">

                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

                    <button type="submit" class="btn btn-primary" id="modify_confirm">Save changes</button>

                </div>

            </form>

            </div>

          </div>

        </div>

    </div>

    <div class="tab-pane fade" id="author">

    </div>

    <div class="tab-pane fade" id="publisher">

    </div>

    <div class="tab-pane fade" id="jmeter">

        <p>语文。。。。</p>

    </div>

    <div class="tab-pane fade" id="ejb">

        <p>数学。。。。。</p>

    </div>

</div>

    <!--page bottom js-->

    <script src="{% static "dist/js/BookManagerSystem_book.js" %}"></script>

</body>

</html>

在前端模板语言中，如上方式使用

<td>{{ book.authors }}</td>　　

结果：

使用

<td>{{ book.authors.all }}</td>　　

结果

使用：

{% for book_author in {{ book.authors.all }} %}

         <td>{{ book_author }}</td>

{% endfor %}　　

效果

使用：

{% for book_author in book.authors.all %}

          <td>{{ book_author }}</td>

 {% endfor %}　　

效果

正确的做法：

            {% for book in all_book_list %}

                   <tr>

                        <td>{{ book.id  }}</td>

                        <td>{{ book.title }}</td>

                        <td>{{ book.price }}</td>

                       <td>

                            {% for book_author in book.authors.all %}

                                {{ book_author }}

                            {% endfor %}

                       </td>  //将循环放在td标签内

                        <td>{{ book.publisher }}</td>

                        <td>{{ book.publication_date|date:'Y-m-d'}}</td>

                       <td>

                           <a href="/book/delete/?id={{ book.id }}"><button  type="button" class="btn btn-danger">删除</button></a>

                           <!-- Button trigger modal -->

                           <button type="button" class="btn btn-primary modify" data-toggle="modal" data-target="#myModal">编辑</button>

                       </td>

                   </tr>

                {% endfor %}

效果

哎~~~踩坑的地方，以为在{% for %} 内部循环的时候变量也要使用{{变量名}}，其实不用，另外td和元素的嵌套关系没设置正确~~~

django前端渲染多对多关系（比如一本书的作者有哪些）的更多相关文章

  1. Django学习--9 多对一关系模型

    保持前面的不变只是增加了一些 1.vim sdj/models.py class Blog(models.Model):        name = models.CharField(max_leng ...

  2. django -- 多对多关系的实现

    在django中表和表之间的多对多关系有两种实现方案: 方案一:直接使用django自动实现的多对多关系. 方案二:自己写连接表.然而告诉django在实现多对多关系时要使用的连接表. 一.方案一: ...

  3. django笔记-模型数据模板呈现过程记录（多对多关系）

    首先,推荐一个网址:http://www.tuicool.com/articles/BfqYz2F,因为这里的比我的要有条理,更有利于各位的理解. 以下仅为为个人一次不完整的笔记: 环境:ubuntu ...

  4. Django多对多关系建立及Form组件

    目录 Django多对多关系 1.创建方式一全自动 2.创建方式二纯手撸 3.半自动(推荐使用) forms校验组件 使用forms组件实现注册功能 form常用字段和插件 数据校验 钩子函数 HOO ...

  5. Django中多对多关系的orm表设计

    作者的管理 1.设计表结构 出版社 书籍 作者 一个出版社出版多个书籍  1对多 书籍和作者的关系:一个作者写多本书,一本书可以是多个作者写.多对多 1)创建一张表,表中多对多的数据关系.使用 多对多 ...

  6. Django 一对多，多对多关系解析

    [转]Django 一对多,多对多关系解析   Django 的 ORM 有多种关系:一对一,多对一,多对多. 各自定义的方式为 :        一对一: OneToOneField         ...

  7. django ORM模型表的一对多、多对多关系、万能双下划线查询

    一.外键使用 在 MySQL 中,如果使用InnoDB引擎,则支持外键约束.(另一种常用的MyIsam引擎不支持外键) 定义外键的语法为fieldname=models.ForeignKey(to_c ...

  8. Django 之多对多关系

    1. 多对多关系 作者 <--> 书籍 1. 表结构设计 1. SQL版 -- 创建作者表 create table author( id int primary key auto_inc ...

  9. Linux下开发python django程序(django数据库多对多关系)

    1.多对多关系数据访问 models.py设置 from django.db import models # Create your models here. sex_choices=( ('f',' ...

随机推荐

  1. javaweb基础(19)_jsp标签

    一.JSP标签介绍 JSP标签也称之为Jsp Action(JSP动作)元素,它用于在Jsp页面中提供业务逻辑功能,避免在JSP页面中直接编写java代码,造成jsp页面难以维护. 二.JSP常用标签 ...

  2. 机器学习十大常用算法(CITE 不会停的蜗牛 ) interesting

    算法如下: 决策树 随机森林算法 逻辑回归 SVM 朴素贝叶斯 K最近邻算法 K均值算法 Adaboost 算法 神经网络 马尔可夫 1. 决策树 根据一些 feature 进行分类,每个节点提一个问 ...

  3. linux 安装并且设置环境lua环境变量

    在lua官网下载lua安装包并安装: http://www.lua.org/download.html 解压编译: wget http://www.lua.org/ftp/lua-5.3.2.tar. ...

  4. MySQL中一条SQL的加锁分析

    MySQL中一条SQL的加锁分析 id主键 + RC id唯一索引 + RC id非唯一索引 + RC id无索引 + RC id主键 + RR id唯一索引 + RR id非唯一索引 + RR id ...

  5. java中类与对象的概念（2013-05-04-bd 写的日志迁移

    1:类是抽象的,概念的,代表一类事物,比如人类.猫类.. 2:对象是具体的,实际的,代表一个具体的事物 3:类是对象的模板,对象是类的一个个体,实例 创建对象的两种方法: 1.先声明在创建 对象声明: ...

  6. static 的三个作用

    1).用于声明函数体内的变量为静态局部变量,存储在静态数据存储区,在函数被调用过程中维持其值保持不变 2).在文件内(函数体外)被声明为静态的变量,可以被文件内的所有函数访问,但不能被其他文件的函数访 ...

  7. HDU - 4027 Can you answer these queries?（线段树）

    给定一个长度为n的序列,m次操作. 每次操作 可以将一个区间内的所有数字变为它的根号. 可以查询一个区间内所有元素的和. 线段树的初级应用. 如果把一个区间内的元素都改为它的根号的话,是需要每个数字都 ...

  8. hiho 1050 树的直径

    #1050 : 树中的最长路 时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述 上回说到,小Ho得到了一棵二叉树玩具,这个玩具是由小球和木棍连接起来的,而在拆拼它的过程中, ...

  9. Linux学习-磁盘配额 (Quota) 的应用与实作

    什么是 Quota 在 Linux 系统中,由于是多人多任务的环境,所以会有多人共同使用一个硬盘空间的情况发生, 如 果其中有少数几个使用者大量的占掉了硬盘空间的话,那势必压缩其他使用者的使用权力! ...

  10. 使用像AdminLTE的前端框架，树形导航菜单实现方式都有哪些？

    之前用easyui等富前端框架开发的时候都是使用封装好的县城的插件,现在使用最新的类似AdminLTE似的前段框架实现树形菜单都用什么方式? 后台拼接html然后前端用JS append方法添加还是直 ...