zoukankan      html  css  js  c++  java
  • 静态HTML模板渲染

    1.模板配置

    在 setting.py 中配置 TEMPLATES

    BACKEND 解析HTML静态文件的模板引擎类型

    DIRS 一个文件夹目录的列表,如果设置,则 django 会在这里指定的目录中查找静态HTML模板文件

    APP_DIRS 一个布尔值,如果为 True 则 django 会自动在每个应用目录下的templates 目录中查找静态HTML模板文件

    2.应用配置

    每当创建一个新的应用,需要修改 setting.py 中的配置如下:

    写法提示: 应用名.apps.类名          在每个应用下面有一个 apps.py 文件,里面有一个类,这里添加的就是这个INSTALLED_APPS    'django.contrib.admin',

        'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'myapp.apps.MyappConfig',
    # 应用名.apps.类名
    ]

    3.模板文件
    在应用目录下面创建一个文件夹并命名为:templates 将html文件放这里
    4.编写视图文件
    from django.shortcuts import render
    from django.http import HttpResponse

    def index(request):
    return render(request,'index.html')
     

    render(HttpRequest 对象, 模板名称,传入模板的字典数据) 这个函数的作用是: 读取指定的模板文件 将数据传入模板进行渲染 把渲染结果做为响应返回给客户端

    5.静态资源加载

    静态HTML模板文件中经常会引入一些外部文件,例如:图片、CSS样式表、JS脚本文件、音频、视频、字体等等。我们把这些文件称之为“静态资源”文件。

    默认的情况下,django认为静态文件在应用下的 static 目录中。因此,应该将静态文件放在 该目录下,django 才能正确查找到。

    在模板中使用硬编码的方式写静态文件的地址,如果地址变化则非常麻烦。因此,django推荐在模板中使用 static 标签来自动生成静态文件地址: 提示:必须在使用 static 标签之前,

    {% load static %}
    <img src="{% static 'images/logo.png' %}"></a>
     
    <head>
    {% load static %}
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>天天生鲜-首页</title>
    <link rel="stylesheet" type="text/css" href="{% static 'css/reset.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'css/main.css' %}">
    <script type="text/javascript" src="{% static 'js/jquery-1.12.4.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/jquery-ui.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/slide.js' %}"></script>
    
    

    6.指定其他静态文件目录

    如果你还需要将一些静态文件放在非应用目录的其他指定目录,甚至是放在项目目录以外的地方。Django也是允许的,只需要在配置文件 settings.py 中加入如下配置: 该配置是一个目录地址列表,如果指定,则 django 在加载静态资源文件的时候,会依次在这些目录中查找该文件。

    #settings.py

    STATICFILES_DIRS=['/usr/bin']













  • 相关阅读:
    Spring--自定义注解
    IntelliJ IDEA实用插件
    Zero date value prohibited解决方法
    如何保证幂等性
    Map遍历的几种方式
    Static关键字
    索引失效 -- 使用Between范围查询时
    接口的不同写法在Swagger上的不同
    js与jquery获取input输入框中的值
    一个简单的 aiax请求例子
  • 原文地址:https://www.cnblogs.com/zpdbkshangshanluoshuo/p/10414668.html
Copyright © 2011-2022 走看看