之前用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. 一文带你掌握Spring Web异常处理方式

    一.前言 大家好,我是 去哪里吃鱼 ,也叫小张. 最近从单位离职了,离开了五年多来朝朝夕夕皆灯火辉煌的某网,激情也好悲凉也罢,觥筹场上屡屡物是人非,调转过事业部以为能换种情绪,岂料和下了周五的班的前同 ...

  2. Linux系列之压缩命令

    前言 Linux 有三个常用的压缩命令:gzip.bzip2和 tar .本文介绍它们的区别和简单用法. 压缩文件 数据压缩是去除数据中冗余部分的过程,需要通过压缩算法完成.这些算法可分为两类: 无损 ...

  3. 案例复现，带你分析Priority Blocking Queue比较器异常导致的NPE问题

    摘要:本文通过完整的案例复现来演示在什么情况会触发该问题,同时给出了处理建议.希望读者在编程时加以借鉴,避免再次遇到此类问题. 本文分享自华为云社区<Priority Blocking Queu ...

  4. zabbix 报表动作日志 报错”503“

  5. Vue+Koa+MongoDB从零打造一个任务管理系统

    大概是在18年的时候,当时还没有疫情.当时工作中同时负责多个项目,有 PC 端运营管理后台的,有移动端 M 站的,有微信小程序的,每天 git 分支切到头昏眼花,每个需求提测需要发送邮件,而且周五要写 ...

  6. Mac设置外网访问本地项目

    > 官网地址:https://ngrok.com/download 步骤(官网基本已经说明了步骤,但还不完善,以下为亲测步骤): 下载并注册账号 打开终端,进入ngrok.zip所在文件夹(方法 ...

  7. KingbaseES V8R6C5集群部署启动securecmdd服务配置案例

    案例说明: 对于KingbaseES V8R6C5版本在部集群时,需要建立kingbase.root用户在节点间的ssh互信,如果在生产环境禁用root用户ssh登录,则通过ssh部署会失败:在图形化 ...

  8. docker-compose总结

    docker-compose.yml 样例: 各个标签的含义在注释里 version: '3' # 选择的docker-compose 版本 services: # 要编排的一组服务 fim-mysq ...

  9. Spark 读Hive并写入HBase

    package com.grady import org.apache.hadoop.hbase.HBaseConfiguration import org.apache.hadoop.hbase.c ...

  10. 彻底掌握Makefile（一）

    彻底掌握Makefile(一) 介绍 makefile就是一个可以被make命令解析的文件,他定义了一系列编译的规则,帮助我们更加方便.简洁的去完成编译的过程.在一个大工程当中我们会有各种各样的文件, ...