静态文件的配置和使用

#静态文件配置(单词不要写错):

STATIC_URL = '/static/'  # HTML中使用的静态文件夹前缀

STATICFILES_DIRS = [

    os.path.join(BASE_DIR, "static"),  # 静态文件存放位置

]
  • 静态文件分组配置(多个文件夹),如果引用静态文件在不同的文件夹下,且有相同的文件名字,

    会默认引用STATICFILES_DIRS列表的第一个元素的静态文件

什么是静态文件?

  • 除了由服务器生成的HTML文件外，网页应用一般需要提供其它必要的文件, 比如图片文件、

    JavaScript脚本文件和CSS样式表,来为用户呈现出一个完整的网站,在Django中，我们将这些文件称为“静态文件”

为什么使用静态文件

  • 把静态文件的路径改成动态拼接的，避免在HTML页面中硬编码静态文件的导入路径

如何配置,使用静态文件

<!--例子未配置-->

<head>

    <link href="css/default.css" rel="stylesheet" type="text/css">

    <link href="css/styles.css" rel="stylesheet" type="text/css">

    <link href="css/demo.css" rel="stylesheet" type="text/css">

    <link href="css/loaders.css" rel="stylesheet"

</head>

<!--配置完成-->

<head>

    <link href="/static/css/default.css" rel="stylesheet" type="text/css">

    <link href="/static/css/styles.css" rel="stylesheet" type="text/css">

    <link href="/static/css/demo.css" rel="stylesheet" type="text/css">

    <link href="/static/css/loaders.css" rel="stylesheet"

</head>
  • 项目结构

静态文件相关(动态配置)

#当你把储存静态文件的包改名字的时候,在HTML文档里边的所有需要静态文件的路径都得重新改这就很麻烦,

这个时候我们可以采用下边的方法来解决:

{% load static %}导入静态文件模块

首先呢我们需要导入Django内置的static模块,在执行的时候它会去找setting.py文件里边的装静态文件的包是什么名字.

app创建预注册

app指什么?

这里说的APP并不是手机上安装的那种APP而是django对于项目功能划分的最小单位，一个项目由多个APP整合完成，

各APP相对独立，提高了开发效率也方便功能迁移，避免重复造轮子。Django鼓励开发者进行相对独立的项目开发。

一个Django项目可以分为很多个APP，用来隔离不同功能模块的代码。

创建一个APP

  • 命令行创建 python(版本) manage.py startapp app01(app的名字以功能划分)
  • pycharm创建

  • 第二种方法 startapp app01(app名字)

注册app

app文件作用

app的导入和使用

#数据库迁移 命令(建议一起执行)

python manage.py makemigrations

python manage.py migrate

#创建超级用户 命令

python manage.py createsuperuser

输入以上命令后，根据提示输入用户名、邮箱、密码、确认密码。密码的要求至少是不八位，

不能和邮箱太接近，两次密码需要一致。

  • 在urls文件 导入app的视图函数

作 者：郭楷丰
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角 【推荐】一下。您的鼓励是博主的最大动力！
自 勉：生活，需要追求；梦想，需要坚持；生命，需要珍惜；但人生的路上，更需要坚强。带着感恩的心启程，学会爱，爱父母，爱自己，爱朋友，爱他人。

静态文件与APP的更多相关文章

  1. Django: 配置和静态文件

    运行django-admin.py startproject [project-name] 命令会生成一系列文件,在django 1.6版本以后的settings.py文件中有以下语句: # Buil ...

  2. 用Express、MySQL搭建项目（接口以及静态文件获取、文件上传等）

    一.简介 本文将主要基于node.js使用express框架搭建一个后台环境,包括如何自定义项目目录.所用依赖以及中间件.路由以及模板引擎.接口数据获取以及文件上传等内容. 二.后台环境搭建 1.新建 ...

  3. 这样入门asp.net core 之 静态文件

    本文章主要说明asp.net core中静态资源处理方案: 一.静态文件服务 首先明确contentRoot和webroot这两个概念 contentRoot:web的项目文件夹,其中包含webroo ...

  4. Django 2.0 学习(13)：Django模板继承和静态文件

    Django模板继承和静态文件 模板继承(extend) Django模板引擎中最强大也是最复杂的部分就是模板继承了,模板继承可以让我们创建一个基本的"骨架"模板,它可以包含网页中 ...

  5. ASP.NET Core 2.2 基础知识(三) 静态文件

    什么是静态文件? HTML,CSS,JS,图片等都叫做静态文件. 要想提供静态文件给客户端,需要注册静态文件中间件. 我们先分别添加一个 WebAPI 项目,一个 Razor 视图项目,比较两个项目的 ...

  6. django项目部署在Apache服务器中，静态文件路径的注意点

    django Apache部署静态文件的路径注意点 静态文件放在对应的 app 下的 static 文件夹中 或者 STATICFILES_DIRS 中的文件夹中. 当 DEBUG = True 时, ...

  7. express 热启动 静态文件部署 跨域解决 调试

    1.热启动 每次修改app.js文件,都得重新启动项目,十分不方便.这里可以用hotnode插件实现热启动 安装:$ npm install -g hotnode 启动项目:$ hotnode app ...

  8. Django——静态文件（如bootstrap）的配置

    静态文件如CSS, javascript(如bootstrap), 图片等文件在django中的配置官方文档写的比较模糊,自己通过实验验证后并整理如下,以防遗忘,目前只整理了关于本地开发中的设置方式, ...

  9. sanic官方文档解析之静态文件和版本

    1,静态文件 就向图片文件一样,静态文件和指导性的文件,当通过Sanic服务端用app.static()方法注册的时候,这种方法采用端点url和文件名称获得.这样的文件的指定,将会通过指定的端点访问. ...

随机推荐

  1. 编写你的第一个django应用程序3

    这一篇从教程第2部分结尾的地方继续讲起.我们将继续编写投票应用,并且专注于如何创建公用界面--也被称为视图 概况 django视图概念是一类具有相同功能和末班的网页的集合,比如,在一个博客应用中,你可 ...

  2. touchweb手机网站图片加载方法（canvas加载和延迟加载）

    一.canvas图片加载 关于canvas加载,我的方法是,将文章中所有用到图片的地方,都用canvas代替,给canvas一个data-src,里面存放img的路径,通过canvas方法渲染图片.因 ...

  3. Matlab图像处理(01)-Matlab基础

    枫竹梦对于Matlab几乎是零基础,只是在上学的时候稍稍接触一点,万万没有想到现在还能用到Matlab.进入正题>>> 图像的基本概念 一幅图像可以被定义为一个二维函数f(x,y), ...

  4. hadoop —— teragen & terasort

    这两个类所在目录: hadoop-examples-0.20.2-cdh3u6.jar 中: 代码: TeraGen.java: /** * Licensed to the Apache Softwa ...

  5. mooc_java 集合框架下

    1.判断List中课程是否存在 /** * 测试List的contains方法 * @param args */ public void testListContains(){ Course cour ...

  6. 创建Django博客的数据库模型

    声明:此Django分类下的教程是追梦人物所有,地址http://www.jianshu.com/u/f0c09f959299,本人写在此只是为了巩固复习使用 blog最主要的功能就是展示我们写的文章 ...

  7. XML文件的特点

    1.这个东西的规则比较简单,并且人眼看起来也比较容易理解,结构上也比较好操作,并且并无与任何编程语言绑定. 所以,很多编程语言就都为XML这个东西编写了读写XML的库,所以XML看起来所谓的通用,其实 ...

  8. Object.is() Pollyfill

    if (!Object.is) { Object.is = function(x, y) { // SameValue algorithm if (x === y) { // Steps 1-5, 7 ...

  9. 【Shell】Linux 一行 多命令

    http://www.cnblogs.com/koreaseal/archive/2012/05/28/2522178.html 要实现在一行执行多条Linux命令,分三种情况: 1.&&am ...

  10. 制定一套适合自己团队的GITflow标准化工作流

    Git作为分布式代码管理的“当红炸子鸡”,被越来越多团队使用.当团队多个人员在同一个Git仓库上进行代码开发,没有一套标准化流程,将会引起代码管理的混乱,上线流程的迷茫,影响工作效率.制定一套适合自己 ...