之前用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. 我与Apache DolphinScheduler的成长之路

    关于 Apache DolphinScheduler社区 Apache DolphinScheduler(incubator) 于17年在易观数科立项,19年3月开源, 19 年8月进入Apache ...

  2. Spring源码 19 IOC getBean

    参考源 https://www.bilibili.com/video/BV1tR4y1F75R?spm_id_from=333.337.search-card.all.click https://ww ...

  3. OpenStack-iaas之“先点”云平台安装

    1.认识OpenStack 1.云计算的起源 早在2006年3月,亚马逊公司首先提出弹性计算云服务.2006年8月9日,谷歌公司首席执行官埃里克·施密特(Eric Schmidt)在谷歌搜索引擎大会( ...

  4. 3-14 Python处理XML文件

    xml文件处理 什么是xml文件? xml即可扩展标记语言,它可以用来标记数据.定义数据类型,是一种允许用户对自己的标记语言进行定义的源语言. 从结构上,很像HTML超文本标记语言.但他们被设计的目的 ...

  5. 状态 ：睡眠中，进程ID：13431，yum提示Another app is currently holding the yum lock； waiting for it to exit...

    问题描述: 今天想在虚拟机上重新安装docker然后使用到yum命令报错: 解决办法: [root@localhost ~]# rm -f /var/run/yum.pid 然后重新运行刚才的yum命 ...

  6. Android的Handler线程切换原理

    Handler是我们在开发中经常会接触到的类,因为在Android中,子线程一般是不能更新UI的. 所以我们会使用Handler切换到主线程来更新UI,那Handler是如何做到实现不同线程之间的切换 ...

  7. UIView Animation 动画学习总结

    目录 一.前言 二.UIView Animation 2.1 简单动画 2.2 关键帧动画 2.3 View 的转换 三.CALayer Animation 3.1 基本动画(CABasicAnima ...

  8. AtCoder Beginner Contest 254（D-E）

    Tasks - AtCoder Beginner Contest 254 D - Together Square 题意: 给定一个N,找出所有不超过N的 ( i , j ),使得( i * j )是一 ...

  9. 第二十五篇:vue-cli

    好家伙,感觉好像摸到一点核心了, 什么是vue-cli? 1.vue-cli官方提供的一个脚手架,用于快速生成一个vue模板, 预先定义好目录结构以及基础代码 2.什么是脚手架? (1)做电梯井抹灰. ...

  10. 【设计模式】Java设计模式 - 动态代理

    [设计模式]Java设计模式 - 动态代理 不断学习才是王道 继续踏上学习之路,学之分享笔记 总有一天我也能像各位大佬一样 一个有梦有戏的人 @怒放吧德德 最近工作比较忙,没啥时间学习 目录 [设计模 ...