利用Django中的url方法实现地址动态拼接自动生成超链接地址

目标

建立一个图书列表页面,显示图书名列表,并实现点击书名跳转到图书详细页面,显示图书详细信息。

  • URL方法简介
    • 功能:返回一个绝对路径的引用(不包含域名的URL);该引用匹配一个给定的视图函数和
      一些可选的参数。
    • 语法:{% url 'some-url-name' value1 value2 %}
    • 参数'some-url-name'表示在urls.py文件中的路由地址;
    • 参数value1和value2表示拼接的值,可选。
    • 例如,urls.py: url(r'^bookinfo/(\d+)/$', polls_views.bookinfo, name='book')
      html代码中:{% url 'book' 3 %};
      拼接后返回地址为:bookinfo/3/
已有数据库及信息

数据库djangodemo中存有信息:

表polls_book

+----+--------------+-----------+
| id | name | person_id |
+----+--------------+-----------+
| 1 | 围城 | 1 |
| 2 | 蝴蝶梦 | 2 |
| 3 | 鲁滨逊漂流记 | 3 |
| 4 | 小王子 | 4 |
+----+--------------+-----------+

表polls_person

+----+------+-----+
| id | name | age |
+----+------+-----+
| 1 | Joe | 12 |
| 2 | walt | 18 |
| 3 | walt | 17 |
| 4 | Jany | 20 |
| 5 | John | 29 |
+----+------+-----+

思路
  • 先写出图书列表页面
  • 实现超链接自动拼接
  • 编写图书详情页面
实现
  • 项目目录信息

这里写图片描述

  • 建立页面路由
    在urls.py文件中添加
# 导入路由,支持正则表达式
from django.conf.urls import url
# 在路由匹配模式中添加图书列表页面的路由
urlpatterns = [
	url(r'^booklist/$', polls_views.booklist),
 # 定义拼接地址,获取书籍信息
	url(r'^bookinfo/(\d+)/$', polls_views.bookinfo, name='bookinfo')
]
  • 1. 在views.py文件中添加
# 图书列表页面控制器
def booklist(request):
    # 导入图书类
    from polls.models import Book
    # 实例化一个图书对象
    books = Book.objects.all()
    # 建立空字典存储booklist
    dict_book = {}
    dict_book['booklist'] = books
    # 向bookList.html页面传入数据dict_book
    return render(request, 'bookList.html', dict_book)
  • 2. 在templates文件夹下新建bookList.html文件,并添加
{# 在bookList.html文件的body下添加如下代码 #}
<body>
    <h2>图书架</h2>
    <ul>
        {% for book in booklist %}
	        {# 使用每本书的book.id作为获取详情的查询条件,生成链接 #}
            <li><a href="{% url 'bookinfo'  book.id  %}">{{ book.name }}</a></li>
        {% endfor %}
    </ul>
</body>
  • 3. 在view.py文件中定义获取书籍信息详细信息的控制方法
# 获取书籍信息
def bookinfo(request, id):
    # 导入图书类
    from polls.models import Book
    # 实例化一个图书对象,使用book.id查询该书籍数据
    book = Book.objects.get(id=id)
    # 建立空字典存储booklist
    dict_book = {}
    # 存储book书名
    dict_book['book'] = book.name
    # 存储book作者
    dict_book['author'] = book.person.name
    # 存储book作者年龄
    dict_book['author_age'] = book.person.age
    # 向bookInfo.html页面传入数据dict_book
    return render(request, 'bookInfo.html', dict_book)
  • 4. 在templates文件夹下新建bookInfo.html文件,并添加
{# 在bookInfo.html文件的body下添加如下代码 #}
<body>
    <h2>{{ book }}</h2>
    <ul>
        <li>作者:{{ author }}</li>
        <li>年龄:{{ author_age }}</li>
    </ul>
</body>
实现效果
  • 在浏览器中访问http://127.0.0.1:8000/booklist/

这里写图片描述

  • 点击“鲁滨逊漂流记

这里写图片描述

可以看出,地址栏里的127.0.0.1:8000/bookInfo/3中"3"是根据书籍“鲁滨逊漂流记”的id获取的,“鲁滨逊漂流记”在数据库表polls_book中对应的id是3。

表polls_book
+----+--------------+-----------+
| id | name | person_id |
+----+--------------+-----------+
| 1 | 围城 | 1 |
| 2 | 蝴蝶梦 | 2 |
| 3 | 鲁滨逊漂流记 | 3 |
| 4 | 小王子 | 4 |
+----+--------------+-----------+

总结
  1. 以上工作的条件是你已经完成了Django的正常配置,并正常开启了server;
  2. 数据库中的数据是预先添加好的,这里只是查询数据库中的数据。
  3. 能力有限,欢迎指错纠正。
posted @ 2017-12-22 00:25  树上的waltsmith  阅读(6233)  评论(0编辑  收藏  举报