Django第3步_url路由映射与TEMPLATES添加检索路径

简介: Django第3步_url路由映射与TEMPLATES添加检索路径

DNS地址解析协议

域名系统(Domain Name System,缩写:DNS)是互联网的一项服务。
它作为将域名和IP地址相互映射的一个分布式数据库,能够使人更方便地访问互联网。
DNS协议是用来将域名转换为IP地址(也可以将IP地址转换为相应的域名地址)
网页链接包含:协议、主机、域名
image.png

Django里面的urls.py的urlpatterns匹配网页的链接

image.png

项目工程的urls.py
image.png

启动项目工程输入网址http://127.0.0.1:8000/admin/
image.png

进入admin.site.urls

添加指定链接跳转网页index.html

  • 在urlpatterns添加path('index/',views.index)
  • 在views.py添加index函数
  • 创建html目录增加到django的检索目录
  • 在html下创建indexpage目录下创建index.html
  • 在setting.py的templates添加os.path.join(BASE_DIR, 'html')
  • html标记为template
    image.png

image.png

有个细节
添加os.path.join(BASE_DIR, 'html')检索目录(不加这个可能会返回404找不到文件的网页)
image.png

为了让网页更高加上传models里面的person发布参数

from django.shortcuts import  render
from demo00 import models
def index(request):
    Person_list=models.Person.objects.order_by('Person_money')#
    data={
   
   'Persons':Person_list}
    return render(request,'indexpage/index.html',data)#传参数按有户金钱排序

image.png

index.html显示所有信息

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模型交易平台首页</title>
</head>
<body>
用户信息:
{
   
   % if Persons %}
    <ol>
        {
   
   % for p in Persons %}
            <li>
                <p>用户名:{
   
   {
   
     p.Person_name }}</p>
                <p>用户金币:{
   
   {
   
    p.Person_money }}</p>
                <p>用户账号:{
   
   {
   
    p.Person_id }}</p>
            </li>
        {
   
   % endfor %}
    </ol>
{
   
   % else %}
    No Person.
{
   
   % endif %}
</body>

</html>

django.admin管理界面添加人员
image.png

ok!访问http://127.0.0.1:8000/index/
image.png

emmm,界面比较简陋……
下一篇介绍html结合css与javascript的界面优化

相关实践学习
基于函数计算快速搭建Hexo博客系统
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
目录
相关文章
|
3月前
|
JavaScript 前端开发 小程序
JavaScript获取当前url路径
JavaScript获取当前url路径
|
6月前
|
前端开发 JavaScript Python
Django如何使用templates显示网页和静态资源
Django如何使用templates显示网页和静态资源
|
7月前
|
Python
django路由传参可默认为空
django路由传参可默认为空
54 0
|
2月前
|
机器学习/深度学习 前端开发 JavaScript
源映射错误:Error: request failed with status 404 源 URL:http://localhost:8080/bootstrap/js/axios-0.18.0.js
源映射错误:Error: request failed with status 404 源 URL:http://localhost:8080/bootstrap/js/axios-0.18.0.js
43 0
源映射错误:Error: request failed with status 404 源 URL:http://localhost:8080/bootstrap/js/axios-0.18.0.js
|
1天前
|
前端开发 JavaScript 应用服务中间件
前端vue2、vue3去掉url路由“ # ”号——nginx配置(二)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
16 0
|
4月前
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
|
19天前
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
|
4月前
|
前端开发 网络架构 Python
django实现动态路由的简单方法
django实现动态路由的简单方法
72 1
|
3月前
|
前端开发
vue-element-admin最新版4.4实现多个url路由匹配到一个路径时,左侧菜单保持高亮状态
vue-element-admin最新版4.4实现多个url路由匹配到一个路径时,左侧菜单保持高亮状态
29 0
|
3月前
|
前端开发
如何让url在新页面打开路由页面,并脱离vue-admin-template的壳,即不包裹在侧边栏和顶栏中
如何让url在新页面打开路由页面,并脱离vue-admin-template的壳,即不包裹在侧边栏和顶栏中
24 0