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. ASP.NET MVC5高级编程 之 路由

    每个ASP.NET MVC应用程序都需要路由来定义自己处理请求的方式.路由是MVC应用程序的入口点.路由的核心工作是将一个请求映射到一个操作 路由主要有两种用途: 匹配传入的请求(该请求不匹配服务器文 ...

  2. 【原创】大数据基础之Flume（2）应用之kafka-kudu

    应用一:kafka数据同步到kudu 1 准备kafka topic # bin/kafka-topics.sh --zookeeper $zk:2181/kafka -create --topic ...

  3. mysql运维

    反反复复装了好多次的mysql,上学的时候从来没有考虑过稳定性,装起来,能跑通,增删改查没有问题万事大吉.参与工作后参与平台搭建和维护,平台的稳定性是首先必须要考虑的问题,之前装mysql使用经历了密 ...

  4. -bash: /opt/cslc/jdk1.8.0_144/bin/jps: /lib/ld-linux.so.2: bad ELF interpreter: 没有那个文件或目录

    yum install -y  glibc.i686 解决问题

  5. Idea 调试快捷键

    F9            resume programe 恢复程序 Alt+F10       show execution point 显示执行断点 F8            Step Over ...

  6. 金九银十中，看看这31道Android面试题

    阅读目录 1.如何对 Android 应用进行性能分析 2.什么情况下会导致内存泄露 3.如何避免 OOM 异常 4.Android 中如何捕获未捕获的异常 5.ANR 是什么?怎样避免和解决 ANR ...

  7. Modbus库开发笔记之十一：关于Modbus协议栈开发的说明

    对于Modbus协议栈的整个开发内容,前面已经说得很清楚了,接下来我们说明一下与开发没有直接关系的内容. 首先,关于我为什么开发这个协议栈的问题.我们的初衷只是想能够在开发产品时不用每次都重写这一部分 ...

  8. Confluence 6 "Duplicate Key" 相关问题解决

    如果你遇到了下面的错误信息,例如: could not insert: [bucket.user.propertyset.BucketPropertySetItem#bucket.user.prope ...

  9. gnuradio 打包脚本

    #!/bin/sh echo "cd build" cd build echo "rm -rf **" rm -rf ** echo "cmake . ...

  10. django之跨表查询及添加记录

    一:创建表 书籍模型: 书籍有书名和出版日期,一本书可能会有多个作者,一个作者也可以写多本书,所以作者和书籍的关系就是多对多的关联关系(many-to-many);     一本书只应该由一个出版商出 ...