当前位置: 首页 > news >正文

Dajngo02_第一个Django案例

Dajngo02_第一个Django案例


经过之前学习,我们已经可以创建Django环境

现在开始尝试快速使用Django开发一个案例

案例:利用Django实现一个查看当前时间的web页面。

在django中要提供数据展示给用户,一般情况下我们需要完成3个步骤:

  1. 在urls.py中设计url与视图的映射关系
  2. 创建子应用,在views.py中构建视图函数
  3. 将变量嵌入到模板中返回客户端

2.1 创建子应用

子应用的名称将来会作为目录名而存在,所以不能出现特殊符号,不能出现中文等多字节的字符

python manage.py startapp 子应用名称
python manage.py startapp ntime

image-20230727174807230

创建子应用之后需要注册app,( 将我们创建的子应用加入配置文件,让主配置文件知道这个子应用 )

image-20230727181814461

2.2 绑定路由

HelloDjango/urls.py代码:

from django.contrib import admin
from django.urls import path
from ntime import viewsurlpatterns = [path('admin/', admin.site.urls),path('times',views.times)
]

2.3 创建视图函数

ntime/view.py,代码:

from django.shortcuts import render, HttpResponse# Create your views here.import datetime
def times(request):now = datetime.datetime.now().strftime("%Y-%m-%d %X")# return HttpResponse(now)return render(request, "timer.html", {"now": now})

2.3 创建网页模板

1) 创建 templates 文件夹

image-20230727180332432

2)为 templates 文件夹 赋予模板属性

image-20230727180445142

3)在模板文件夹下 创建 展示的网页文件 timer.html

由于版本原因:需要去 配置文件中 指定路径寻找模板

在 setting文件中的TEMPLATES:

image-20230727180909705

改为(将会在根目录下的templates中找【优先】):

TEMPLATES = [{'BACKEND': 'django.template.backends.django.DjangoTemplates','DIRS': [os.path.join(BASE_DIR, 'templates')],'APP_DIRS': True,'OPTIONS': {'context_processors': ['django.template.context_processors.debug','django.template.context_processors.request','django.contrib.auth.context_processors.auth','django.contrib.messages.context_processors.messages',],},},
]

timer.html 内容:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>span{color: red;}</style>
</head>
<body><h3>当前时间:<span>{{ now }}</span></h3></body>
</html>

2.4 运行

(my_dj02_venv) PS F:\pycharmspace\Django\My_Django_02\HelloDjango> python manage.py runserver

因为上面我们绑定 times 视图函数的url地址是index,所以我们可以通过http://127.0.0.1:8000/times 地址来访问视图函数

image-20230727181519061

如果每次运行项目都要在终端下输入运行命令的话,比较麻烦,这时候我们可以借助pycharm直接自动运行这段命令

需要在pycharm配置一下

点击这个小三角,选择 Edti…

image-20230727182015149

可以在runserver 参数后配置修改django监听的端口和IP地址

注意:只能是127.0.0.1对应的其他地址.不能是任意IP.否则无法运行或访问!!

runserver 127.0.0.1:8000

image-20230727182502310

之后就可以点击 绿色三角(run …) 运行了

image-20230727182354610

http://www.lryc.cn/news/164077.html

相关文章:

  • R语言分析糖尿病数据:多元线性模型、MANOVA、决策树、典型判别分析、HE图、Box's M检验可视化...
  • 有效回文字符串(Valid palindrome)
  • 9月9日,每日信息差
  • Java——》synchronized编译
  • vue3使用el-form实现登录、注册功能,且进行表单验证(Element Plus中的el-form)
  • 12个微服务架构模式最佳实践
  • 快速搭建:对象存储平台MinIO
  • Nomad 系列-Nomad+Traefik+Tailscale 集成实现零信任安全
  • (二十一)大数据实战——Flume数据采集之复制和多路复用案例实战
  • VM安装RedHat7虚机ens33网络不显示IP问题解决
  • Leetcode 第 362 场周赛题解
  • 蓝桥杯官网练习题(0的个数)
  • 计算线段上距离线段外某一点最近的点
  • 港联证券股票分析:经济拐点显现 积极提升仓位
  • 不同的图像质量评价指标(IQA)
  • linux命令-tar 命令
  • selenium元素定位---ElementClickInterceptedException(元素点击交互异常)解决方法
  • 05_css选择器的使用
  • 跨平台游戏引擎 Axmol-2.0.0 正式发布
  • 面试总结归纳
  • 【刷题篇】贪心算法(一)
  • 从维基百科通过关键字爬取指定文本内容
  • pytorch代码实现之SAConv卷积
  • 一文解析-通过实例讲解 Linux 内存泄漏检测方法
  • Spring Boot常用的参数验证技巧和使用方法
  • 手机+卫星的科技狂想
  • 便捷查询中通快递,详细物流信息轻松获取
  • ARM接口编程—Interrupt(exynos 4412平台)
  • 适用于Linux的Windows子系统(PHP搭建lmap、redis、swoole环境)
  • Vue3+Ts+Vite项目(第十二篇)——echarts安装与使用,vue3项目echarts组件封装