之前用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. 你有对象类,我有结构体,Go lang1.18入门精炼教程，由白丁入鸿儒，go lang结构体(struct)的使用EP06

    再续前文,在面向对象层面,Python做到了超神:万物皆为对象,而Ruby,则干脆就是神:飞花摘叶皆可对象.二者都提供对象类操作以及继承的方式为面向对象张目,但Go lang显然有一些特立独行,因为它 ...

  2. 就在明天，Apache DolphinScheduler Meetup 2021 如约而至！

    点击上方 蓝字关注我们 社区的小伙伴们,Apache DolphinScheduler Meetup 2021 如约而至,就在明天,等你来玩! 在此次 Meetup 线上直播中,不仅将有来自 Bigo ...

  3. Spring源码 07 IOC refresh方法2

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

  4. mustache.js常见用法

    一.mustache基于JS模板引擎,能较为快捷和简单得实现数据得渲染 用法: 1.CDN引入mustache.js,以下是4.0.1版本,有需要可以去github上查询其他版本的代码. (funct ...

  5. SQL order by 语句对null值排序

    记order by 语句对null值排序: 目录 记order by 语句对null值排序: MySQL: Oracle: SqlServer: MySQL: 将null值放在最后 select * ...

  6. 手撸Router，还要啥Router框架？react-router/vue-router躺一边去

    有没有发现,在大家使用React/Vue的时候,总离不开一个小尾巴,到哪都得带着他,那就是react-router/vue-router,而基于它们的第三方框架又出现很多个性化约定和扩展,比如nuxt ...

  7. PostgreSQL 欺骗优化器之扩展统计信息

    一.什么是扩展统计 扩展统计对象, 追踪指定表.外部表或物化视图的数据. 目前支持的种类: 启用n-distinct统计的 ndistinct. 启用功能依赖性统计的dependencies. 启用最 ...

  8. 【读书笔记】C#高级编程 第十一章 LINQ

    (一)LINQ概述 语言集成查询(Language Integrated Query,LINQ)在C#编程语言中继承了查询语法,可以用相同的语法访问不同的数据源. 1.LINQ查询 var query ...

  9. Vben Admin 源码学习:状态管理-角色权限

    前言 本文将对 Vue-Vben-Admin 角色权限的状态管理进行源码解读,耐心读完,相信您一定会有所收获! 更多系列文章详见专栏   Vben Admin 项目分析&实践 . 本文涉及到角 ...

  10. js工厂模式和构造函数

    <!DOCTYPE html><html><head> <title>工厂模式和构造函数</title> <meta charset ...