IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> Python知识库 -> 《学习笔记108》—— # Django # URL路径传参实现动态跳转 -> 正文阅读

[Python知识库]《学习笔记108》—— # Django # URL路径传参实现动态跳转

1. 目录和效果预览

目录页预览:
在这里插入图片描述
效果预览
Index页面

---index.html---

跳转页面

---user.html---

2. 后端文件撰写

models.py文件如下。创建User类,创建数据列【name】、【age】、【addr】、【profession】。

from django.db import models

# Create your models here.

class User(models.Model):
  name = models.CharField(max_length=50)
  age = models.CharField(max_length=3)
  addr = models.CharField(max_length=50)
  profession = models.CharField(max_length=50)

views.py文件如下。定义Index和User两个方法,获取数据库对象。在User中接收id参数,并-1后作为数据库对象的索引。

from django.shortcuts import render
from sess.models import User

# Create your views here.
all_users = User.objects.all()
def Index(request):
  return render(request,"index.html",{'all_users':all_users})

def User(request,id):
  id = int(id)-1
  user = all_users[id]
  return render(request,"user.html",{'user':user})

urls.py文件如下。user页面接收一个参数,并将参数传入views中的user方法中。

from django.contrib import admin
from django.urls import path,re_path
from sess.views import Index,User

urlpatterns = [
    path('admin/', admin.site.urls),
    re_path('^$',Index,name="index"),
    re_path(r'user/(\d+)',User,name='user'),
]

3. 前端文件撰写

index.html文件如下。在姓名展示一行中,将用户的id值传入到a标签中,该id值将传入到urls.py的user中。

<table border=1>
      <tr>
        <th>编号</th>
        <th>姓名</th>
      </tr>
      {% for user in all_users %}
      <tr>
        <td>{{ user.id }}</td>
        <td><a href="{% url 'user' user.id %}">{{ user.name }}</a></td>
      </tr>
      {% endfor %}
    </table>

user.html文件如下。动态展示不同用户的具体信息。

  <table border=1>
    <tr>
      <th>编号</th>
      <th>姓名</th>
      <th>年龄</th>
      <th>住址</th>
      <th>职业</th>
    </tr>
    <tr>
      <td>{{ user.id }}</td>
      <td>{{ user.name }}</td>
      <td>{{ user.age }}</td>
      <td>{{ user.addr }}</td>
      <td>{{ user.profession }}</td>
    </tr>
  </table>
  Python知识库 最新文章
Python中String模块
【Python】 14-CVS文件操作
python的panda库读写文件
使用Nordic的nrf52840实现蓝牙DFU过程
【Python学习记录】numpy数组用法整理
Python学习笔记
python字符串和列表
python如何从txt文件中解析出有效的数据
Python编程从入门到实践自学/3.1-3.2
python变量
上一篇文章      下一篇文章      查看所有文章
加:2021-08-13 11:58:44  更:2021-08-13 11:59:33 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/19 17:02:18-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码