美文网首页
静态资源管理

静态资源管理

作者: 流蓝浅 | 来源:发表于2018-04-14 13:14 被阅读0次

两种方式
1:一种用硬编码
2:用static编码
项目目录结构


图片.png
 配置静态文件 

  在 settings  文件中定义静态内容 

   STATIC_URL = '/static/' 

   STATICFILES_DIRS = [ 

       os.path.join(BASE_DIR, 'static'), 

   ] 

在项目根目录下创建 static 目录,再创建当前应用名称的目录

pianke/static/pianke/

1:一种用硬编码
    <script type="text/javascript" src="/static/pianke/bootstrap-3.3.7-dist/js/bootstrap.js" ></script>
        <link rel="stylesheet" href="/static/pianke/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css" />
        <link rel="stylesheet" href="/static/pianke/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
        <link type="text/css" href="/static/pianke/bootstrap-3.3.7-dist/css/bootstrap.css"/>
    background-image: url(/static/pianke/img/login-bg.png);
2:用static编码
  {% load static from staticfiles %} 

   <img src="{ % static "my_app/myexample.jpg" %}" alt="My image"/> 

相关文章

  • 静态资源管理

    两种方式1:一种用硬编码2:用static编码项目目录结构 在项目根目录下创建 static 目录,再创建当前应用...

  • 静态资源管理

    小程序端 (使用2x图 图片压缩) 未分包:未分包前小程序的静态资源(例如icon)我们会存放在服务器中,直接调...

  • yii2 基本使用方法

    静态资源管理 1.静态资源包定义 2.使用静态资源包 用户认证体系 1.实现认证组件User,实现认证接口\yii...

  • 前端静态资源管理

    一 必备软件。 GIT 分布式版本控制系统 VScode 推荐前端代码编辑器,保持代码格式统一 Sourc...

  • 前端 静态资源管理

    [x]了解发布 + CDN: 优化:编译缓存、发布缓存、(根据md5过滤不需要重新操作的文件) oss+aliyu...

  • 2018-03-21伴奏存放位置,如何实现录音及伴奏同时播放

    public为项目静态资源管理目录在入口文件中设置了静态文件托管目录路径 伴奏的命名规则设置为歌名-01.MP3,...

  • 优化 NPM 安装 Gulp 和 Laravel Elixir

    本文经授权转自 PHPHub 社区 说明 Laravel Elixir 是官方推荐的静态资源管理工具,此工具合理的...

  • bower基本使用

    bower是什么? bower是基于nodejs的静态资源管理工具,由twitter公司开发、维护,使用它可以方便...

  • 一.操作系统概述(1)

    操作系统的作用 1.资源管理: (1)跟踪记录资源的使用状况 (2)确定资源分配策略——算法:静态分配策略、动态分...

  • cakeph3+bower+cakeminify静态资源管理

    js、css包管理 以及合并压缩 1.bower 安装所需前端库 本文默认你已经知道bower 的使用 根目录下创...

网友评论

      本文标题:静态资源管理

      本文链接:https://www.haomeiwen.com/subject/ldclkftx.html