静态文件的配置和使用

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

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. 微信小程序开发：学习笔记[3]——WXSS样式

    微信小程序开发:学习笔记[3]——WXSS样式 快速开始 介绍 WXSS(WeiXin Style Sheets)是一套用于小程序的样式语言,用于描述WXML的组件样式,也就是视觉上的效果. WXSS ...

  2. 在JavaScript中闭包的作用和简单的用法

    在JavaScript中闭包的作用和简单的用法 一.闭包的简介 作用域链:在js中只有函数有作用域的概念,由于函数内能访问函数外部的数据,而函数外部不能访问函数内部的数据,由上述形成一种作用域访问的链 ...

  3. PHP的Calling Scope（::调用非静态方法）

    今天在群里发现有人说,PHP可以用::调用非静态方法,一致没这么试过,发现了鸟哥的blog写了这个问题的具体解释,就搬过来: 这个问题乍看, 确实很容易让人迷惑, 但实际上, 造成这样的误解的根本原因 ...

  4. nodejs socket.io初探

    1.安装socket.io npm install socket.io 2.创建服务端代码server.js var app = require('http').createServer(handle ...

  5. linux 命令：crontab

    一.crond简介 crond 是linux下用来周期性的执行某种任务或等待处理某些事件的一个守护进程,与windows下的计划任务类似,当安装完成操作系统后,默认会安装此服务 工具,并且会自动启动c ...

  6. hdu-5857 Median(水题)

    题目链接: Median Time Limit: 6000/3000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others)Tota ...

  7. linux C++ scandir 的使用

    () 头文件 #include <dirent.h> () 函数定义 int scandir(const char *dir,struct dirent **namelist,int (* ...

  8. CodeForces - 613D：Kingdom and its Cities（虚树+DP）

    Meanwhile, the kingdom of K is getting ready for the marriage of the King's daughter. However, in or ...

  9. CodeForces - 123E Maze

    http://codeforces.com/problemset/problem/123/E 题目翻译:(翻译来自: http://www.cogs.pw/cogs/problem/problem.p ...

  10. 【Lintcode】074.First Bad Version

    题目: The code base version is an integer start from 1 to n. One day, someone committed a bad version ...