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

1、文件目录结构

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

2、配置settings.py

3、页面引用

  1. <!DOCTYPE html>
  2. {% load static %}
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <script type="text/javascript" src="{% static 'lib/js/jquery.js' %}"></script>
  7. <script type="text/javascript" src="{% static 'lib/js/demand.js' %}"></script>
  8.     <link rel="stylesheet" href="{% static 'lib/css/demand.css' %}">
  9.   <!-- 引入样式 -->
  10.   <!--<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">-->
  11. </head>
  12. <body>
  13. <div style="text-align:center;">
  14.  
  15. <form action="{% url 'demand' %}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
  16.    {% csrf_token %}
  17. <p>需求部门: <select id="department" name="department">
  18.   <option value ="大数据部">大数据部</option>
  19.   <option value ="内容部">内容部</option>
  20.   <option value="产品">产品</option>
  21.   <option value="品控">品控</option>
  22. </select></p>
  23. <p>优先级：<select id="priority" name="priority">
  24.     <option value="低">低</option>
  25.     <option value="中">中</option>
  26.     <option value="高">高</option>
  27. </select></p>
  28. <p>渠道名称：<input id="channel" name="channel_name"></p>
  29. <p>数据类型：<input id="data_type" name="data_type"></p>
  30. <p>是否为APP:<input type="radio" name="is_app" value="是" >是
  31.             <input type="radio" name="is_app" value="否" checked>否
  32. </p>
  33. <p>起始URL：<input id="start" name="start_url"></p>
  34. <p>采集频率：<input id="rate" name="rate"></p>
  35. <p class="dem_comment"><span>备注：</span><textarea id="comment" name="dem_com" datatype="require"></textarea></p>
  36. <p>上传需求文档：<input id="doc" type="file" name="defile"></p>
  37.     <p>需求字段：<input id="de_field" name="de_data"></p>
  38.     <button id="subs">提交</button>
  39.     <!--<input type="submit" value="提交">-->
  40. </form>
  41. </div>
  42.  
  43. </body>
  44. </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. [PHP]一些坑

    一.如果有一个字符串变量等于'error',它跟0 == 运算时,会返回true,但是它并不是一个预置常量 $test = 'error'; var_dump($test == 0);//true 二 ...

  2. 《Spring5官方文档》新功能（4,3）

    <Spring5官方文档>新功能 原文链接 译者:supriseli Spring框架的新功能 这一章主要提供Spring框架新的功能和变更. 升级到新版本的框架可以参考.Spring g ...

  3. maven项目部署到Tomcat

    1.安装Tomcat,地址:http://tomcat.apache.org,我安装的版本为9.0.0.M22,安装的目录为C:\apache-tomcat,设置环境变量CATALINA_HOME为C ...

  4. Struts2,springMVC获取request和response

    springMVC获取request和response1:在BaseController中加入: protected HttpServletRequest request;   protected H ...

  5. Elasticsearch入门，这一篇就够了

    实时搜索引擎Elasticsearch Elasticsearch(简称ES)是一个基于Apache Lucene(TM)的开源搜索引擎,无论在开源还是专有领域,Lucene可以被认为是迄今为止最先进 ...

  6. jquery easyui datagrid 加每页合计和总合计

    jquery easyui datagrid 加每页合计和总合计 一:效果图 二:代码实现 这个只有从后台来处理 后台根据rows 和page两个参数返回的datatable 命名为dt 然后根据dt ...

  7. Vue.extend和Vue.component的联系与差异

    extend 是构造一个组件的语法器. 你给它参数 他给你一个组件 然后这个组件 你可以作用到Vue.component 这个全局注册方法里, 也可以在任意vue模板里使用apple组件 var ap ...

  8. 【CSS】Bootstrap中select2+popover冲突

    网上搜索得到: It changes the position because the position is based on the popover's dimansions and select ...

  9. easyUI详解

    1.EasyUI 是前端框架,封装大量 css和封装大量 JS 2.使用前端框架时,给标签定义class 属性,就会有样式和脚本功能了 3.data-options 属性是定义 easyui 属性的, ...

  10. Microsoft Graph 概述

    这个系列文章 已经进行到了实质的阶段,继上一篇介绍了如何搭建Office 365开发环境之后,我会通过这篇文章给大家介绍一个非常重要的概念:Microsoft Graph.它之所以重要,首先是因为它是 ...