url标签

简介: 【6月更文挑战第29天】url标签。

url

url标签:在模版中,我们经常要写一些url,比如某个a标签中需要定义href属性。当然如果通过硬编码的方式直接将这个url写死在里面也是可以的。但是这样对于以后项目维护可能不是一件好事。因此建议使用这种反转的方式来实现,类似于django中的reverse一样。示例代码如下:

<a href="{% url 'list' %}">图书列表页面</a>

如果url反转的时候需要传递参数,那么可以在后面传递。但是参数分位置参数和关键字参数。位置参数和关键字参数不能同时使用。示例代码如下:

     # path部分
     path('detail/<book_id>/',views.book_detail,name='detail')

     # url反转,使用位置参数
     <a href="{% url 'detail' 1 %}">图书详情页面</a>

     # url反转,使用关键字参数
     <a href="{% url 'detail' book_id=1 %}">图书详情页面</a>

如果想要在使用url标签反转的时候要传递查询字符串的参数,那么必须要手动在在后面添加。示例代码如下:

     <a href="{% url 'detail' book_id=1 %}?page=1">图书详情页面</a>

如果需要传递多个参数,那么通过空格的方式进行分隔。示例代码如下:

 <a href="{% url 'detail' book_id=1 page=2 %}">图书详情页面</a>
目录
相关文章
|
11月前
|
JavaScript 前端开发
JS 下载 URL 链接文件(点击按钮、点击a标签、支持代理与非代理下载)
JS 下载 URL 链接文件(点击按钮、点击a标签、支持代理与非代理下载)
268 0
|
8月前
Thymeleaf内置对象、定义变量、URL参数及标签自定义属性
Thymeleaf内置对象、定义变量、URL参数及标签自定义属性
169 0
|
2月前
|
Python
url标签
url标签。
19 2
|
8月前
a标签下载特殊字符url手动编码浏览器兼容性不显示
a标签下载特殊字符url手动编码浏览器兼容性不显示
HTML中使用base标签设置URL访问基准
本文目录 1. 背景 2. base标签的作用 3. 示例 4. 意义
401 0
|
前端开发
react设置img标签url网络地址不显示
react设置img标签url网络地址不显示
640 0
react设置img标签url网络地址不显示
|
JavaScript
【JS】获取当前<script>标签src属性的url跟的参数和相对路径(无论引入的JS是外部、内部)
【JS】获取当前<script>标签src属性的url跟的参数和相对路径(无论引入的JS是外部、内部)
932 0
|
Java 开发者
url 标签|学习笔记
快速学习 url 标签.
132 0
|
前端开发 Java