Django配置静态文件分为三步 1、建文件夹 2、设置setting 3、页面引用

1、文件目录结构

在APP下新建static文件夹，将js和css文件放入文件夹

2、配置settings.py

3、页面引用

<!DOCTYPE html>

{% load static %}

<html>

<head>

<meta charset="utf-8">

<script type="text/javascript" src="{% static 'lib/js/jquery.js' %}"></script>

<script type="text/javascript" src="{% static 'lib/js/demand.js' %}"></script>

    <link rel="stylesheet" href="{% static 'lib/css/demand.css' %}">

  <!-- 引入样式 -->

  <!--<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">-->

</head>

<body>

<div style="text-align:center;">

<form action="{% url 'demand' %}" method="post" accept-charset="utf-8" enctype="multipart/form-data">

   {% csrf_token %}

<p>需求部门: <select id="department" name="department">

  <option value ="大数据部">大数据部</option>

  <option value ="内容部">内容部</option>

  <option value="产品">产品</option>

  <option value="品控">品控</option>

</select></p>

<p>优先级：<select id="priority" name="priority">

    <option value="低">低</option>

    <option value="中">中</option>

    <option value="高">高</option>

</select></p>

<p>渠道名称：<input id="channel" name="channel_name"></p>

<p>数据类型：<input id="data_type" name="data_type"></p>

<p>是否为APP:<input type="radio" name="is_app" value="是" >是

            <input type="radio" name="is_app" value="否" checked>否

</p>

<p>起始URL：<input id="start" name="start_url"></p>

<p>采集频率：<input id="rate" name="rate"></p>

<p class="dem_comment"><span>备注：</span><textarea id="comment" name="dem_com" datatype="require"></textarea></p>

<p>上传需求文档：<input id="doc" type="file" name="defile"></p>

    <p>需求字段：<input id="de_field" name="de_data"></p>

    <button id="subs">提交</button>

    <!--<input type="submit" value="提交">-->

</form>

</div>

</body>

</html>

截图：

最后一步：完善项目static

python manage.py collectstatic
该命令收集项目下的静态文件，统一保存到 STATIC_ROOT

Django1.11.7配置静态文件的更多相关文章

  1. Django1.11加载静态文件

    Django版本1.11网站通常需要js,css,images等文件,在Django中,我们把这些文件称为“静态文件”(static files).Django提供django.contrib.sta ...

  2. django1.10使用本地静态文件

    django1.10使用本地静态文件方法 本文介绍的静态文件使用,是指启动web站点后,访问静态资源的用法,实际静态资源地址就是一个个的url 如果没有启动web站点,只是本地调试html页面,那直接 ...

  3. centos LAMP第二部分apache配置 下载discuz！配置第一个虚拟主机 安装Discuz！ 用户认证 配置域名跳转 配置apache的访问日志 配置静态文件缓存 配置防盗链 访问控制 apache rewrite 配置开机启动apache tcpdump 第二十节课

    centos    LAMP第二部分apache配置  下载discuz!配置第一个虚拟主机 安装Discuz! 用户认证 配置域名跳转  配置apache的访问日志  配置静态文件缓存  配置防盗链 ...

  4. Django学习（6）配置静态文件

      本文将详细讲述如何在Django中配置静态文件,如图片(images),JavaScript,CSS等.   我们将要实现的网页如下: 当按下按钮"Change Text"时, ...

  5. Nginx如何配置静态文件直接访问

    其实前面在这篇文章Nginx之动静分离中已经提到过如何配置静态文件直接访问,今天突然再写是因为之前写的不够完善,所以这一篇文章你可以理解为是在前一个基础上的扩展. 之所以下午临时想到这个,是因为之前搭 ...

  6. django配置静态文件

    django配置静态文件 参考文章链接:http://blog.csdn.net/hireboy/article/details/8806098

  7. django之配置静态文件

    # 别名 STATIC_URL = '/static/' # 配置静态文件,名字必须是STATICFILES_DIRS STATICFILES_DIRS = [ os.path.join(BASE_D ...

  8. 【Python-Django后端开发】配置静态文件详解！！！

    配置前端静态文件 1. 准备静态文件 2. 指定静态文件加载路径 STATIC_URL = '/static/' # 配置静态文件加载路径 STATICFILES_DIRS = [os.path.jo ...

  9. django配置静态文件的两种方法

    方法一:按照django配置静态文件的方法,可以在APP应用目录下创建一个static的文件夹,然后在static文件夹下创建一个和APP同名的文件夹,如我有一个blog的django项目,在下面有一 ...

随机推荐

  1. Light OJ 1011

    题意: (好难看) 给你 N 个 男的, 女的, 男的选女票, 题目给出矩阵, Mp[i][j] 表示 第 i 个男的选 第 J 个女的优先值 选了 J 之后的就不能选 J 了: 求所有狗男女的最大优 ...

  2. pip的常用命令

    前言 pip作为Python的御用包管理工具有着强大的功能,但是许多命令需要我们使用的时候借助搜索引擎查找(尤其是我), 于是我想将我使用到的命令整合下来,以后不用麻烦去找了,也希望能给你带来帮助.文 ...

  3. 2)django-请求生命周期

    1)下图是django请求生命周期 2)详细例子

  4. 【进阶1-3期】JavaScript深入之内存空间详细图解（转）

    这是我在公众号(高级前端进阶)看到的文章,现在做笔记 https://mp.weixin.qq.com/s/x4ZOYysb9XdT1grJbBMVkg 今天介绍的是JS内存空间,了解内存空间中的堆和 ...

  5. 手把手教你React Native 实战之开山篇《一》

    先说一下我为什么学习RN 18年3月29号,随着自己内心的欲望和冲动,任务交接了一下,正式离开一家医疗公司.第二天就入职了这之前已经找好的公司,由于自己对代码浓厚的热情,自己终于也不再带团队.正好有充 ...

  6. 自定义Form组件

    一.wtforms源码流程 1.实例化流程分析 # 源码流程 1. 执行type的 __call__ 方法,读取字段到静态字段 cls._unbound_fields 中: meta类读取到cls._ ...

  7. requests 的基本用法

    r = requests.get('www.baidu.com') r.request.headers{'User-Agent': 'python-requests/2.18.4', 'Accept- ...

  8. hdu1565 用搜索代替枚举找可能状态或者轮廓线解（较优），参考poj2411

    这题用直接枚举是超时的,必须要用搜索来搜索出所有可能的状态,然后再进行枚举 这是较慢的做法 /* 方格取数,相邻格子的数不可取,问最多取到的和是什么 有点类似炮兵布阵,先打出所有可能的状态,然后dp[ ...

  9. Nginx详解二十三：Nginx深度学习篇之Nginx+Lua开发环境搭建

    Nginx+Lua开发环境 1.下载LuaJIT解释器wget http://luajit.org/download/LuaJIT-2.0.2.tar.gztar -zxvf LuaJIT-2.0.2 ...

  10. Springboot+MyBatis+JPA集成

      1.前言 Springboot最近可谓是非常的火,本人也在项目中尝到了甜头.之前一直使用Springboot+JPA,用了一段时间发现JPA不是太灵活,也有可能是我不精通JPA,总之为了多学学Sp ...