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

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

首先,在templates文件夹下添加details.html文件:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>{{ data.title }}</title>
  6. </head>
  7. <body>
  8. <h2>{{ data.title }}</h2>
  9. <img style="width: 450px;height: 300px;" src="{{ data.img }}">
  10. </body>
  11. </html>

然后,再添加menu.html文件:

  1. <html lang="en">
  2. <head>
  3. <meta charset="UTF-8">
  4. <title>Carton</title>
  5. </head>
  6. <body>
  7. <ul>
  8. {% for item in data %}
  9. <li>
  10. <a href="/details/{{ item.id }}">{{ item.title }}</a>
  11. </li>
  12. {% endfor %}
  13. </ul>
  14. </body>
  15. </html>

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

然后就开始建立连接了:

先打开views.py;

  1. from django.shortcuts import render,redirect,render_to_response
  2. from blog.models import BlogsPost
  3. # Create your views here.
  4. def blog_index(request):
  5. blog_list = BlogsPost.objects.all()
  6. return render(request,'index.html', {'blog_list': blog_list})
  7. def blog_school(request):
  8. return redirect('https://www.dlmu.edu.cn/')
  9. def details_render(response, id):
  10. data = {
  11. "1": {"title": "one",
  12. 'img': 'http://photocdn.sohu.com/20140303/Img395937155.jpg'},
  13. "2": {"title": "two",
  14. 'img': 'http://p4.so.qhmsg.com/sdr/400__/t01145220e19e14dd69.jpg'},
  15. "3": {"title": "three",
  16. 'img': 'http://uploads.5068.com/allimg/1812/224-1Q21Q51239.jpg'},
  17. "4": {"title": "four",
  18. 'img': 'http://www.chinaqw.com/zhwh/2016/09-06/U682P894T5D102134F42DT20160906113524.jpg'},
  19. "5": {"title": "five",
  20. 'img': 'https://p1.ssl.qhmsg.com/t01409ee9dd99712d8c.jpg'}
  21. }.get(id)
  22. return render_to_response("details.html", locals())
  23. def menu_list(request):
  24. data = [
  25. {"id": 1, "title": "The Chinese dream"},
  26. {"id": 2, "title": "Core socialist values"},
  27. {"id": 3, "title": "Reform and opening up"},
  28. {"id": 4, "title": "The Belt and Road"},
  29. {"id": 5, "title": "Dalian Maritime University"}
  30. ]
  31. return render_to_response("menu.html", locals())

接下来添加URL:

打开urls.py:

  1. from django.conf.urls import url
  2. from django.urls import path,re_path
  3. from django.contrib import admin
  4. from blog import views
  5. urlpatterns = [
  6. url('admin/', admin.site.urls),
  7. url(r'^blog/$',views.blog_index,name='index'),
  8. url(r'^school/$',views.blog_school),
  9. path('menu_list/',views.menu_list),
  10. re_path(r'details/(?P<id>\d{1,2})',views.details_render),
  11. ]

这是运行程序,输入 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. Redis 06 哈希

    参考源 https://www.bilibili.com/video/BV1S54y1R7SB?spm_id_from=333.999.0.0 版本 本文章基于 Redis 6.2.6 哈希就是 ke ...

  2. React报错之Invalid hook call

    正文从这开始~ 总览 导致"Invalid hook call. Hooks can only be called inside the body of a function compone ...

  3. 微软Azure配置中心 App Configuration (三):配置的动态更新

    写在前面 我在前文: <微软Azure配置中心 App Configuration (一):轻松集成到Asp.Net Core>已经介绍了Asp.net Core怎么轻易的接入azure ...

  4. 1.3_HTML基础知识

    打开记事本,输入 <html> <hand> <title>我要自学网</title> </hand> <body> <h ...

  5. 【JDBC】学习路径4-分页查询

    第一章:什么是分页查询呢? 简而言之,分页数 就是百度搜索引擎中的网页的页数. 分页查询,就是从数据库中提取一部分出来,给用户. 用处:减少服务器负担. 为了方便测试,我们先给数据库添加大量信息. 还 ...

  6. 基于ASP.NET Core 6.0的整洁架构

    大家好,我是张飞洪,感谢您的阅读,我会不定期和你分享学习心得,希望我的文章能成为你成长路上的垫脚石,让我们一起精进. 本节将介绍基于ASP.NET Core的整洁架构的设计理念,同时基于理论落地的代码 ...

  7. MySQL递归查询语法

    业务上有一个递归查询数据表进行累加计算的需求,实现方式上有函数.SQL语句等多种方式,最后选择了SQL方式,如下: <select id="selectChildren" p ...

  8. 第八篇:用css写一个登录界面

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  9. JAVA中让Swagger产出更加符合我们诉求的描述文档,按需决定显示或者隐藏指定内容

    大家好,又见面啦. 在前一篇文档<JAVA中自定义扩展Swagger的能力,自动生成参数取值含义说明,提升开发效率>中,我们探讨了如何通过自定义注解的方式扩展swagger的能力让Swag ...

  10. QT学习(二)

    这一篇学习QT中最重要的也是最有特色的信号槽机制. (因为我学习过MFC,所以我觉得QT的信号槽机制和MFC中的消息响应机制是一一对应的.不过是MFC用的是宏来实现,而QT用的是消息和槽.相对来说QT ...