django進階學習記錄

前言: 這篇部落格對上篇部落格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 %}
            <li>{{ book.name }}</li>
        {% endfor %}
    </ul>

接下來實作第二個功能，建立資料。

先來看前端的html：

<form method="post" action="/payment/book/"> {% csrf_token %}
        book name:<input type="text" name="name"/>
        <select name="publisher_id">
            {% for publisher in publishers %}
                <option value="{{ publisher.id }}">{{ publisher.name }}</option>
            {% endfor %}
        </select>
        <select name="author_ids" multiple="multiple">
            {% for author in authors %}
                <option value="{{ author.id }}">{{ author.first_name }}</option>
            {% endfor %}
        </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):
    if request.method == "POST":  #若是创建书的数据
        print(request.POST)
        book_name = request.POST.get("name")
        publisher_id = request.POST.get("publisher_id")
        # 即使在前端页面选择多个作者只会返回一个值，只能取到最后一个作者的id
        #author_ids = request.POST.get("author_ids")
        author_ids = request.POST.getlist("author_ids") #getlist 可取出所有作者的id

        #生成一个书的对象
        new_book = models.Book(
            name = book_name,
            publisher_id = publisher_id,
            publish_date = "2017-3-18"
        )
        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)

    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})

當我在前端介面輸入書名: 新書A, 選中第二個出版社，選中第2和第3個作者，為了方便看，我在後台打印出來了:

<QueryDict: {&#39;name&#39;: [&#39;新书A&#39;], &#39;csrfmiddlewaretoken&#39;: [&#39;V9OdHSJ10OFSq3r
vI41tggns1W2VxwV&#39;], &#39;publisher_id&#39;: [&#39;2&#39;], &#39;author_ids&#39;: [&#39;2&#39;, &#39;3&#39;]}>
------->>: 新书A 2 [&#39;2&#39;, &#39;3&#39;]
---->: <WSGIRequest: POST &#39;/payment/book/&#39;>
[18/Mar/2017 14:06:23] "POST /payment/book/ HTTP/1.1" 200 1335

根據列印結果知道author_ids是一個列表，當我為書添加作者時，用下面的程式碼:

new_book.authors.add(*author_ids)

為什麼要在列表前加上*？不加上*是會曝錯的! 加上*是為了將列表形式["2","3"]轉化為作者id形式2,3。

登陸admin後台查看剛剛建立的新書A:

 

以上是django進階學習記錄的詳細內容。更多資訊請關注PHP中文網其他相關文章！