之前用django框架打了一个简易的博客网站，现在说说怎么用django做超链接。

本文基于之前讲解的博客应用，如果只想学超链接请自行删减代码或评论提问。

首先，在templates文件夹下添加details.html文件：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>{{ data.title }}</title>

</head>

<body>

    <h2>{{ data.title }}</h2>

    <img style="width: 450px;height: 300px;" src="{{ data.img }}">

</body>

</html>

然后，再添加menu.html文件：

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Carton</title>

</head>

<body>

    <ul>

        {% for item in data %}

            <li>

                <a href="/details/{{ item.id }}">{{ item.title }}</a>

            </li>

        {% endfor %}

    </ul>

</body>

</html>

切记，html文件不能有中文！！！不然UTF-8编码会出错，页面会显示UnicodeError。

然后就开始建立连接了：

先打开views.py；

from django.shortcuts import render,redirect,render_to_response

from blog.models import BlogsPost

# Create your views here.

def blog_index(request):

    blog_list = BlogsPost.objects.all()

    return render(request,'index.html', {'blog_list': blog_list})

def blog_school(request):

    return redirect('https://www.dlmu.edu.cn/')

def details_render(response, id):

    data = {

        "1": {"title": "one",

              'img': 'http://photocdn.sohu.com/20140303/Img395937155.jpg'},

        "2": {"title": "two",

              'img': 'http://p4.so.qhmsg.com/sdr/400__/t01145220e19e14dd69.jpg'},

        "3": {"title": "three",

              'img': 'http://uploads.5068.com/allimg/1812/224-1Q21Q51239.jpg'},

        "4": {"title": "four",

              'img': 'http://www.chinaqw.com/zhwh/2016/09-06/U682P894T5D102134F42DT20160906113524.jpg'},

        "5": {"title": "five",

              'img': 'https://p1.ssl.qhmsg.com/t01409ee9dd99712d8c.jpg'}

    }.get(id)

    return render_to_response("details.html", locals())

def menu_list(request):

    data = [

        {"id": 1, "title": "The Chinese dream"},

        {"id": 2, "title": "Core socialist values"},

        {"id": 3, "title": "Reform and opening up"},

        {"id": 4, "title": "The Belt and Road"},

        {"id": 5, "title": "Dalian Maritime University"}

    ]

    return render_to_response("menu.html", locals())

接下来添加URL：

打开urls.py:

from django.conf.urls import url

from django.urls import path,re_path

from django.contrib import admin

from blog import views

urlpatterns = [

   url('admin/', admin.site.urls),

   url(r'^blog/$',views.blog_index,name='index'),

   url(r'^school/$',views.blog_school),

   path('menu_list/',views.menu_list),

   re_path(r'details/(?P<id>\d{1,2})',views.details_render),

]

这是运行程序，输入 http://127.0.0.1:8000/menu_list 即可打开超链接。

python django超链接的更多相关文章

  1. 基于Python+Django的Kubernetes集群管理平台

    ➠更多技术干货请戳:听云博客 时至今日,接触kubernetes也有一段时间了,而我们的大部分业务也已经稳定地运行在不同规模的kubernetes集群上,不得不说,无论是从应用部署.迭代,还是从资源调 ...

  2. python——django使用mysql数据库（二）

    上一篇中,我们已经讲述了如何初始化一个django数据库,这一章就来讲讲在实际的项目中如何使用我们初始化的数据库呢? 如还未进行初始化数据库操作,请参考python——django使用mysql数据库 ...

  3. python——django使用mysql数据库（一）

    之前已经写过如何创建一个django项目,现在我们已经有了一个小骷髅,要想这个web工程变成一个有血有肉的人,我们还需要做很多操作.现在就先来介绍如何在django中使用mysql数据库. 前提:已经 ...

  4. 如何查看PYTHON Django的保存路径

    如何查看PYTHON Django的保存路径 $ python -c " import sys sys.path = sys.path[1:] import django print(dja ...

  5. python Django教程 之 模型(数据库)、自定义Field、数据表更改、QuerySet API

    python  Django教程  之 模型(数据库).自定义Field.数据表更改.QuerySet API 一.Django 模型(数据库) Django 模型是与数据库相关的,与数据库相关的代码 ...

  6. python Django教程 之模板渲染、循环、条件判断、常用的标签、过滤器

    python3.5 manage.py runserver python Django教程 之模板渲染.循环.条件判断.常用的标签.过滤器 一.Django模板渲染模板 1. 创建一个 zqxt_tm ...

  7. python Django教程 之 安装、基本命令、视图与网站

    python  Django教程  之 安装.基本命令.视图与网站 一.简介 Django 中提供了开发网站经常用到的模块,常见的代码都为你写好了,通过减少重复的代码,Django 使你能够专注于 w ...

  8. python django 多级业务树形结构规划及页面渲染

    概述: 在项目中,父级到子级结构并不少见,如果仅仅的两层树形结构,我们可以使用数据库的外键设计轻松做到,子级业务表设计一字段外键到父级业务表,这样子到父.父到子的查询都非常简单. 但是往往父子结构会有 ...

  9. Python.Django视频教程（全13集）

    Python.Django视频教程(全13集)教程目录: 下载地址:http://www.fu83.cn/thread-205-1-1.html

随机推荐

  1. Flask像Jenkins一样构建自动化测试任务

    flask这个框架很轻量,做一些小工具还是可以很快上手的. 1.自动化 某一天你入职了一家高大上的科技公司,开心的做着软件测试的工作,每天点点点,下班就走,晚上陪女朋友玩王者,生活很惬意. 但是美好时 ...

  2. Go 语言图片处理简明教程

    虽然 Go 语言主要用于 Web 后端以及各类中间件和基础设施开发,也难免遇到一些图像处理的需求.Go 语言提供的 image 标准库提供了基本的图片加载.裁剪.绘制等能力,可以帮助我们实现一些绘图需 ...

  3. RS485自动收发切换电路 [原创www.cnblogs.com/helesheng]

    RS485是最常见的一种远距离可靠传输和组网的UART串口信号接口协议.与同样传输UART串口信号的RS422协议相比,RS485使用半双工通信,即只有一个信道,在同一时刻要么从A到B,要么从B到A传 ...

  4. Word 的页眉、页脚、页码分别是什么？怎么设置？

    页眉:在 Word 文档中,每个页面的顶部区域为页眉.常用于显示文档的附加信息,可以插入时间.图形.公司微标.文档标题.文件名或作者姓名等. 页脚:页脚与页眉的作用相同,都可以作为显示文档的附加信息, ...

  5. 一、JDK和JRE

    JDK和JRE JDK=JRE+开发工具包: JRE=JVM+核心类库 如果只是运行Java程序,安装JRE即可:开发Java程序并运行则需要安装JDK.目前最稳定版本是JDK8.0,并且马上部分企业 ...

  6. ipi发送阻塞导致crash

    3.10的内核, 在子进程退出的时候,发送信号通知父进程,此时是持有父进程的sighand中的spinlock的,然后父进程和该子进程不在一个核上,发送ipi的reschedule中断给对应的核, 但 ...

  7. iOS去广告最简单方案！+以图搜漫

    iOS去广告 ️推荐 | 通过下载.安装.启用(一般默认启用)描述文件,即可实现通过私人dns来达到全系统的广告拦截.隐私保护功能 ️注意: 限 iOS 14 及以上版本系统使用 复制链接需在 saf ...

  8. 最大连续子序列（简单DP实现）

    最大连续子序列 最大连续子数列和一道很经典的算法问题,给定一个数列,其中可能有正数也可能有负数,我们的任务是找出其中连续的一个子数列(不允许空序列),使它们的和尽可能大.我们一起用多种方式,逐步优化解 ...

  9. CF1019B The hat （二分）

    题面 题解 如果位置为i的人与对面的差是x,i+1位置由于只能+1或-1,所以i+1位置与对面的差就是x.x+2或x-2,可以发现,奇偶性不变. 所以只要判断出是奇差,就可以直接输出"! - ...

  10. ubuntu安装BricsCAD

    目录 目录 下载软件包 安装deb软件包 sudo dpkg -i *.deb 将Crack/bricsys.lic中hostid= <YOURHOSTID>替代本机MAC地址(中间不要冒 ...