reqwest.js 和 vue.js 结合（二）

本篇，我们利用每本书的 api，给每本书创建一个详情页。

1.编写 views

在 views.py 增加一个 detail_book 方法，用来展示某本书的详情页：

def detail_book(request, id):
    return render(request, 'detail_book.html', {})

2.分配 url

在 url.py 分配一个 url，用于展示某本书详情页：

…………
# 引入刚创建的 detail_book
from library.views import book_list, try_reqwest, detail_book

urlpatterns = [
    …………
    url(r'^book/(?P\d+)$', detail_book), # 某本书的详细信息页面
    …………
]

3.编写前端

首先，改写 book_list.html，让书目成为一个超链接：

    
    
        
{{ book.title }}
    
    

然后编写书的详情页，detail_book.html：

{% load staticfiles %}



    
    
    


{% verbatim %}

    
书名：{{ book.title }}
    
作者：{{ book.author }}
    
简介：{{ book.summary }}


    

{% endverbatim %}

3.测试

book_list 页面如下：

详情页 detail_book 页面如下：