静态文件的配置和使用

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

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. Java常用四大线程池用法以及ThreadPoolExecutor详解

    为什么用线程池? 1.创建/销毁线程伴随着系统开销,过于频繁的创建/销毁线程,会很大程度上影响处-理效率 2.线程并发数量过多,抢占系统资源从而导致阻塞 3.对线程进行一些简单的管理 在Java中,线 ...

  2. iOS开发 - 如何跳到系统设置里的各种设置界面

    在iOS开发中,有时会有跳转系统设置界面的需求,例如提示用户打开蓝牙或者WIFI,提醒用户打开推送或者位置权限等.在iOS6之后,第三方应用需要跳转系统设置界面,需要在URL type中添加一个pre ...

  3. BZOJ 1680 [Usaco2005 Mar]Yogurt factory：贪心【只用考虑上一个】

    题目链接:http://www.lydsy.com/JudgeOnline/problem.php?id=1680 题意: 在接下来的n周内,第i周生产一吨酸奶的成本为c[i],订单为y[i]吨酸奶. ...

  4. css(5)

    我觉得css中的margin:10px 0 0 4px; 先是margin-top生效,而margin-bottom则不生效.

  5. 维特比算法（Viterbi）

    维特比算法(Viterbi) 维特比算法 编辑 维特比算法是一种动态规划算法用于寻找最有可能产生观测事件序列的-维特比路径-隐含状态序列,特别是在马尔可夫信息源上下文和隐马尔可夫模型中.术语“维特比路 ...

  6. python学习笔记：第七天（函数）

    Python3 函数 函数是组织好的,可重复使用的,用来实现单一,或相关联功能的代码段. 函数能提高应用的模块性,和代码的重复利用率. 与C一样,Python提供了许多内建函数,比如print().同 ...

  7. codeforces 651E E. Table Compression(贪心+并查集)

    题目链接: E. Table Compression time limit per test 4 seconds memory limit per test 256 megabytes input s ...

  8. hdu-5781 ATM Mechine(dp+概率期望)

    题目链接: ATM Mechine Time Limit: 6000/3000 MS (Java/Others)     Memory Limit: 65536/65536 K (Java/Other ...

  9. 解决 maps to localhost, but this does not map back to the address

    修改  /etc/ssh/ssh_config vim  /etc/ssh/ssh_config GSSAPIAuthentication no

  10. BZOJ_1119_[POI2009]SLO_置换+贪心

    BZOJ_1119_[POI2009]SLO_置换+贪心 Description 对于一个1-N的排列(ai),每次你可以交换两个数ax与ay(x<>y),代价为W(ax)+W(ay) 若 ...