本文回答Django里面的HTML文件应该怎么放,以及Django是如何查找模板文件的。

到目前为止我们没有使用HTML页面,在之前的说明中所有内容都是写死在程序里的,如果你想改变内容就要修改代码。但是显然这不和逻辑,所以要将页面和数据分离,程序产生数据,页面么就是用来展示数据的,将来你想更换展示的样式那么也不需要修改程序,我们这里说的程序是Python代码。

1. 创建你的HTML文件

我们来弄一个HTML页面来做主页,替代之前的hello world页面,毕竟有点丑,其实主页中的HTML写什么随便,我就从网上找了一个Bootstrap模板来用。

https://v3.bootcss.com/examples/jumbotron/

1.1 存放你的html文件

有了主页文件那该放哪里呢?

先放这里吧

1.2 修改的URL配置

在views中添加一个方法,用于处理对于这个页面的请求。注意这里return的时候用来render,虽然HttpResponses可以返回HTML页面,但是当我们需要对模板进行填充的时候它就不行了,render函数的功能是载入模板,填充数据,然后生成HttpResponse对象,然后返回这个对象。

修改URL配置

验证一下,是不是好看多了

1.3 Django是怎么找到这个HTML页面的

要回答这个问题我们还是需要看settings.py配置文件

BACKEND:就是Django用来渲染模板用的引擎,默认是Django自带的,我们也可以缓存Jinjia的引擎,这个至少目前我们还没用到。

DIRS:Django会按顺序从这里的目录里去找模板文件,记住是按照顺序啊。也就是说如果有2个同名的文件那么只会显示第一个找到的。

其实这个TEMPLATES列表默认是空的,我们看到的这些信息都是开发工具给我们生成的,其实也就是通过django-admin建立项目时候产生的。

2. 所有的HTML都要放在默认生成的那个默认的templates目录里吗

毕竟每个APP都有自己的模板文件,都放在这一个目录里会不会比较乱?怎么才能便于管理呢?

2.1 方法一

其实这个很好解决,你可以按照APP名称在默认的templates目录里建立目录,如下图:

现在我们就给mystie这个APP建立一个主页把。HTML代码如下:

在mysite的views.py里面添加处理函数

修改mystie里面的url配置,增加一个导入,建立一个URL匹配模式

测试访问

2.2 方法二

在每一个APP目录里面建立一个templates目录(其实这个目录名没有要求),然后我们把建立的主页文件挪走,如下图:

mysite的URL配置文件不变

这时候你发现mysite里面的views.py文件有报错,找不到了。

我们把前面的目录都删除,发现错误提示没有了

显示正常

这是为什么呢?它怎么知道去mystie这个APP的templates目录里找呢?其实这个还是跟settings.py文件有关

APP_DIRS:它的作用就是让模板引擎去APP的目录里面的templates目录里找模板文件,记住只能是templates目录。该选项默认是False,但是你看到的默认是True,这个也是因为通过django-admin建立项目是帮你设置的。

那如果我的APP里面的模板目录不叫templates呢?比如下面,我把目录名改了,views里又提示找不到了。怎么办呢?

这时候就有用到settings.py文件了,增加一个目录就好了。

Django中的templates(你的HTML页面放哪里)的更多相关文章

  1. Django中的Templates

    1.定义: 定义和flask框架中的是一样的,唯一的不同就是Django中有自己的模板引擎,并非Jinja2,因此有一些不同之处. 2.模板的设置 在 settings.py 中 设置 TEMPLAT ...

  2. Django中使用xadmin作为后台管理页面

    xadmin后台管理 安装:luffy虚拟环境下 # >: pip install https://codeload.github.com/sshwsfc/xadmin/zip/django2 ...

  3. Django中templates使用的补充

    Django中的模版的使用 1.实例:查询用户信息,在页面显示,并隔行有底色 test1/views文件 def userinfo(request): if request.method=='GET' ...

  4. Django中Settings中Templates的路径设置

    ## mysite/mysite/settings.py## mysite是项目名 TEMPLATES = [ { 'BACKEND': 'django.template.backends.djang ...

  5. Django 中 a href标签 使用方法 跳转页面(Django四)

    上次我已经用Django启动了一个登录模板页面 具体过程见:Django启动我的第一个模板页面 但问题是我们只能通过监听的端口访问这一个页面,不能通过页面的一些连接跳转到其他页面如下,我们不能点击注册 ...

  6. django中request对象详解(转载)

    django中的request对象详解 Request 我们知道当URLconf文件匹配到用户输入的路径后,会调用对应的view函数,并将  HttpRequest对象  作为第一个参数传入该函数. ...

  7. Django中的权限系统

    Django中已经为我们设置好了基本的权限系统,在定义好model同步数据库后,在每个库下面都会有一张 'auth_permission' 表.该表里面记录了每条权限的描述(name字段,can do ...

  8. Django中使用Bootstrap

    一.在Django中引用Bootstrap模版 1.首先下载bootsrtap代码(http://v3.bootcss.com/getting-started/#download),并将下载后的文件放 ...

  9. django中url路由配置及渲染方式

    今天我们学习如何配置url.如何传参.如何命名.以及渲染的方式,内容大致有以下几个方面. 创建视图函数并访问 创建app django中url规则 捕获参数 路径转换器 正则表达式 额外参数 渲染方式 ...

随机推荐

  1. aizhan爱站关键字采集

    功能:支持批量网站查询,支持登录后查询,支持批量导出txt http://blog.ddian.cn/content/uploadfile/201402/dc5c501411f758849b09c09 ...

  2. POJ3436 Command Network [最小树形图]

    POJ3436 Command Network 最小树形图裸题 傻逼poj回我青春 wa wa wa 的原因竟然是需要%.2f而不是.2lf 我还有英语作业音乐作业写不完了啊啊啊啊啊啊啊啊啊 #inc ...

  3. dubbo+zookeeper报错:com.alibaba.dubbo.rpc.RpcException: Failed to invoke the method

    com.alibaba.dubbo.rpc.RpcException: Failed to invoke the method可能的错误原因有三个前两个是从网上摘得, 第三个是自己解决的 1.需要进行 ...

  4. Caused by: org.apache.ibatis.builder.BuilderException: Parsing error was found in mapping #{}. Check syntax #{property|(expression), var1=value1, var2=value2, ...}

    解决办法:查看与该项目中的所有#{},应该是 #{}的中间没有写值

  5. GLOG使用Demo

    GLOG使用Demo GLOG是Google开源的一个精简的日志系统,博主简单学习了一下并记录常见用法,以备日常查询 一.安装 照例是编译安装,不过没有使用cmake git clone https: ...

  6. 封装redis

    封装redis import redis # r = redis.Redis() class MyRedis(): def __init__(self,ip,password,port=6379,db ...

  7. IaaS,PaaS和SaaS

    云计算的三种服务模式:IaaS,PaaS和SaaS IaaS: Infrastructure-as-a-Service(基础设施即服务)是第一层. PaaS: Platform-as-a-Servic ...

  8. zuoye

    a=input('请输入一个数字:') b=input('请再输入一个数字') sum2=int(a)+int(b) print('两个数字的和是:{}'.format(sum2)) a=input( ...

  9. C# CSV 文件转换成DataTable

    { DataTable dt = new DataTable(); FileStream fs = new FileStream(fileName, FileMode.Open, FileAccess ...

  10. jQuery倒计时组件(jquery.downCount.js)

    //html <span class="days">00</span> <span class="hours">00< ...