前言: 这篇博客对上篇博客django进阶作下补充。

 

一、效果图

前端界面较简单(丑)，有两个功能:

• 从数据库中取出书名　eg: 新书A
• 在form表单输入书名，选择出版社，选择作者(多选)，输入完毕后一点击创建新书submit，就在数据库创建数据

 

二、实现

我们先来实现第一个功能，根据数据库数据在页面打印出书名。

1. 添加url路由

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

2. 在views.py定义book方法

django默认使用GET方式，即获取数据；如果想创建/修改数据，比如待会要实现的第二个功能，就需要用POST方式。

def book(request):
    books = models.Book.objects.all()　　#找到所有的书
    publisher_list = models.Publisher.objects.all()
    author_list = models.Author.objects.all()

    print("---->:", request)
    return render(request, "app01/book.html", {"books":books,
                                                     "publishers":publisher_list,
                                                     "authors":author_list})

3. 在templates/app01下创建book.html:

books为数据库中所有书的对象集合，在html用个循环便可在前端页面显示书名。

    <h2>书列表:</h2>
    <ul>
 {% for book in books %} 4             <li>{{ book.name }}</li>
 {% endfor %} 6     </ul>

 

接下来实现第二个功能，创建数据。

先来看前端的html：

    <form method="post" action="/payment/book/"> {% csrf_token %}  2         book name:<input type="text" name="name"/>
        <select name="publisher_id">
 {% for publisher in publishers %}  5                 <option value="{{ publisher.id }}">{{ publisher.name }}</option>
 {% endfor %}  7         </select>
        <select name="author_ids" multiple="multiple">
 {% for author in authors %} 10                 <option value="{{ author.id }}">{{ author.first_name }}</option>
 {% endfor %} 12         </select>
        <div>
            <input type="submit" value="创建新书"/>
        </div>
    </form>

注意:

• 因为是创建数据，所以提交方式要用post, action="/payment/book/"是一条url, 表示将数据提交到book方法，数据封装在request参数。
• 你在选择出版社时，要将出版社名传到后台?? 其实完全不用，你只要将选中id传到后台就可以了。因此我在option标签加上value属性，用来获致出版社的id, 当你一点击submit提交数据时，value中的id会提交给select标签的name属性，name属性再将数据提交到后台。
• 你会发现html代码第一行有{% csrf_token %}，这个是什么意思我现在还不知道~_~，我将这句代码去掉会提交不了数据!!

 

再来看后台book方法

def book(request):  2     if request.method == "POST":  #若是创建书的数据
        print(request.POST)  4         book_name = request.POST.get("name")  5         publisher_id = request.POST.get("publisher_id")  6         # 即使在前端页面选择多个作者只会返回一个值，只能取到最后一个作者的id
        #author_ids = request.POST.get("author_ids")
        author_ids = request.POST.getlist("author_ids") #getlist 可取出所有作者的id

        #生成一个书的对象
        new_book = models.Book( 12             name = book_name, 13             publisher_id = publisher_id, 14             publish_date = "2017-3-18"
 ) 16         new_book.save()  #同步到数据库

        #new_book.authors.add(1,2) 添加作者
        new_book.authors.add(*author_ids) #author_ids为列表，需在前面加上*转化为id

        print("------->>:", book_name,publisher_id,author_ids) 22 
    books = models.Book.objects.all() 24     publisher_list = models.Publisher.objects.all() 25     author_list = models.Author.objects.all() 26 
    print("---->:", request) 28     return render(request, "app01/book.html", {"books":books, 29                                                      "publishers":publisher_list, 30                                                      "authors":author_list})

当我在前端界面输入书名: 新书A, 选中第二个出版社，选中第2和第3个作者，为了方便看，我在后台打印出来了:

<QueryDict: {'name': ['新书A'], 'csrfmiddlewaretoken': ['V9OdHSJ10OFSq3r
vI41tggns1W2VxwV']