django创建最简单HTML页面跳转方法


Posted in Python onAugust 16, 2019

假设已经通过:

django-admin startproject +项目名称

python manage.py +项目应用

创建好一个项目以及内部的项目应用后,并且会运行django看到欢迎界面了。

# 真相大白:这里解释一下两句语句的不同之处在于,第一个语句是执行django模块库的函数。在我们安装目录下能看到有“django-admin.exe”的运行程序。第二个是执行python语句,执行文件名称为django创建的manage.py的文件。所以这里也特别提醒,在创建完成一个项目的时候,要通过cmd进入下一级目录,如:>>>cd djangoproject

django的框架实行的MVT的框架模型。M表示模型,是控制创建与数据库链接的作用。V表示视图,是整体的前端页面展示。T表示模板,是控制我们在页面中重复利用的基础控件模板,实现快速调用。

对于django框架,我们通常选择从:前端页面->视图调度模块(view)->路由模块(urls)。选择这样的编程顺序,并不是一个固定的编程顺序,而是我们在开发中不断总结出来的结果,

首先,django在运行程序时,最开始(这里只提及初学者操作的文件,没有修改的部分将暂时忽略,毕竟真实的流程可不是这么简单的,感兴趣可以去喵喵看)当你输入正确的网络地址的时候,django会进入路由模块(urls)中去寻找是否有符合其要求的路径,auth后面跟的就是路由路径了。我们在页面地址栏中输入“localhost:8000/index/”,django会自动的寻找路由表中符合要求的后缀为“index/”的路径。

找到后,如果有index/,将会去执行这个路由后面所指向的函数。而这个函数就是view中的函数,执行函数相应的响应过程以后,必定会return返回并跳转相应页面及携带数据。(django强制要求必须return返回,强制返回主要原因是每一次网页操作,都会相应的跳转页面或交互)

看到return语句后面是不是跟着“index.html”,这就是让程序自动自行index的页面。那么来到templates文件夹中打开这个页面。(哪有templates文件夹呀,吼吼,请在创建的应用中,注意不是项目中,创建一个文件夹,动手创建一个)

恭喜你,打开index.html页面。

经过上面的步骤,可以看出,我们程序的执行流程是:路由,视图调度(V层),前端页面(HTML)。

所以我们在开发中,为了让大脑清晰,方便执行,我们从最容易观察到的前端页面视图层开始开发,这样不断能够及时的看到很好的反馈,若看不到页面,我们还能及时的找到问题出在什么地方,能够及时的做出调整。

完整代码演示:

应用名/templates/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>测试页面</title>
</head>
<body>
  <a href="/app/user/add/" rel="external nofollow" >添加一个用户User(admin,admin)</a><br>
  <a href="/app/details/" rel="external nofollow" >访问客户个人信息(需登录)</a>
</body>
</html>

应用名/views.py

#跳转入index页面
def index(request):
  return render(request,"index.html")

项目名/urls.py

from django.urls import path
from app import views

urlpatterns = [
  path('admin/', admin.site.urls),
  path('app/index/',views.index),#进入添加页面

以上这篇django创建最简单HTML页面跳转方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
在Python中使用lambda高效操作列表的教程
Apr 24 Python
python开发之字符串string操作方法实例详解
Nov 12 Python
详解Python如何生成词云的方法
Jun 01 Python
python语音识别实践之百度语音API
Aug 30 Python
python实现beta分布概率密度函数的方法
Jul 08 Python
Python Django 封装分页成通用的模块详解
Aug 21 Python
python词云库wordCloud使用方法详解(解决中文乱码)
Feb 17 Python
Python绘图之柱形图绘制详解
Jul 28 Python
Django CBV模型源码运行流程详解
Aug 17 Python
运行Python编写的程序方法实例
Oct 21 Python
python 发送邮件的示例代码(Python2/3都可以直接使用)
Dec 03 Python
详解Python+OpenCV绘制灰度直方图
Mar 22 Python
在django中实现页面倒数几秒后自动跳转的例子
Aug 16 #Python
解决python3 安装不了PIL的问题
Aug 16 #Python
Python爬虫 批量爬取下载抖音视频代码实例
Aug 16 #Python
django 使用 PIL 压缩图片的例子
Aug 16 #Python
详解PyTorch手写数字识别(MNIST数据集)
Aug 16 #Python
Python 等分切分数据及规则命名的实例代码
Aug 16 #Python
Python 分发包中添加额外文件的方法
Aug 16 #Python
You might like
PHP与MySQL交互使用详解
2006/10/09 PHP
在PHP中执行系统外部命令
2006/10/09 PHP
使用PHP Socket写的POP3类
2013/10/30 PHP
php 根据url自动生成缩略图并处理高并发问题
2014/01/23 PHP
通过php修改xml文档内容的方法
2015/01/23 PHP
身份证号码前六位所代表的省,市,区, 以及地区编码下载
2007/04/12 Javascript
JavaScript Event学习第七章 事件属性
2010/02/07 Javascript
JavaScript事件委托技术实例分析
2015/02/06 Javascript
nodejs导出excel的方法
2015/06/30 NodeJs
JS+CSS实现表格高亮的方法
2015/08/05 Javascript
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
2017/01/04 Javascript
html5 canvas 详细使用教程
2017/01/20 Javascript
基于Vue2实现简易的省市区县三级联动组件效果
2018/11/05 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
2019/09/06 Javascript
jQuery HTML获取内容和属性操作实例分析
2020/05/20 jQuery
详谈Object.defineProperty 及实现数据双向绑定
2020/07/18 Javascript
[02:41]DOTA2亚洲邀请赛小组赛第三日 赛事回顾
2015/02/01 DOTA
Python3 jupyter notebook 服务器搭建过程
2018/11/30 Python
Python数据类型之String字符串实例详解
2019/05/08 Python
pycharm访问mysql数据库的方法步骤
2019/06/18 Python
利用python实现周期财务统计可视化
2019/08/25 Python
python针对mysql数据库的连接、查询、更新、删除操作示例
2019/09/11 Python
树莓派极简安装OpenCv的方法步骤
2019/10/10 Python
django模板获取list中指定索引的值方式
2020/05/14 Python
Python绘图实现台风路径可视化代码实例
2020/10/23 Python
Python Selenium XPath根据文本内容查找元素的方法
2020/12/07 Python
佐卡伊官网:中国知名珠宝品牌
2017/02/05 全球购物
阿拉伯时尚购物网站:Nisnass
2021/02/07 全球购物
俄罗斯第一家篮球店:StreetBall
2020/07/30 全球购物
道路建设实施方案
2014/03/18 职场文书
小学生学雷锋演讲稿
2014/04/25 职场文书
自查自纠整改报告
2014/11/06 职场文书
经验交流材料格式
2014/12/30 职场文书
委托公证书格式
2015/01/26 职场文书
Golang全局变量加锁的问题解决
2021/05/08 Golang
vue3种table表格选项个数的控制方法
2022/04/14 Vue.js