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. atop工具检测linux硬件异常

    引言 Linux以其稳定性,越来越多地被用作服务器的操作系统(当然,有人会较真地说一句:Linux只是操作系统内核:).但使用了Linux作为底层的操作系统,是否我们就能保证我们的服务做到7*24地稳 ...

  2. hive学习04-员工部门表综合案例

    知识点: 格式转换:cast(xxx as int) 按某列分桶某列排序,排序后打标机:例如:求每个地区工资最高的那个人的信息: ROW_NUMBER() OVER(PARTITION BY COLU ...

  3. Swift 学习- 08 -- 闭包

    // 闭包是自包含的函数代码块, 可以在代码中被传递和使用, swift 中的闭包 与 C语言 和 OC 中的代码块 (blocks) 以及其他一些编程语言中的匿名函数比较类似 // 闭包可以捕获和存 ...

  4. Confluence 6 home 目录中的内容

    Confluence home 目录存储了 Confluence 在运行中所使用的数据.下面对 Confluence home 目录中使用的数据和文件进行一些说明: confluence.cfg.xm ...

  5. 整合 JIRA 和 Confluence 6

    Jira 应用和 Confluence 可以完全的整合在一起.在 Confluence 中收集你项目组成员的想法,知识和计划.在 Jira 中跟踪你的系统出现的问题,让这 2 个应用同时工作. 了解更 ...

  6. Confluence 6 自定义默认空间内容

    中文标题[自定义默认空间内容] Confluence 管理员 可以编辑用于创建主页和新站点的模板.默认的内容将会在新空间创建后的主页上显示出来.这个与站点空间,个人空间和空间蓝图的模板是不同的. 模板 ...

  7. Confluence 6 浏览默认的 Decorators

    在任何时候,你都可以使用 "Site Layouts" 页面中的 "View Default" 来浏览默认的 decorator 文件.模板浏览器允许你查看使用 ...

  8. Confluence 6 复杂授权或性能问题

    提交一个 服务器请求(support request) 然后在你的服务请求中同时提供下面的信息. Confluence 服务器 登录 Confluence 然后访问管理员控制台. 将 系统信息(Sys ...

  9. Spark启动时的master参数以及Spark的部署方式

    我们在初始化SparkConf时,或者提交Spark任务时,都会有master参数需要设置,如下: conf = SparkConf().setAppName(appName).setMaster(m ...

  10. 三.NFS存储服务

    01. 课程回顾 备份服务概念介绍(rsync备份服务利用相应算法,实现增量数据同步) 备份服务工作方式说明: 1. 本地数据备份同步方式(类似cp命令) 2. 远程数据备份同步方式(类似scp命令) ...