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. oracle 定时 job

    最近在工作中遇到了要在oracle里面创建一个定时job,从远程数据库里面定时把某张表里面的数据更新到本地服务器上某个表里,具体操作: 1.在自己数据库里面先创建一张表test create tabl ...

  2. select+异步

    IO多路复用是指内核一旦发现进程指定的一个或者多个IO条件准备读取,它就通知该进程.IO多路复用适用如下场合: 当客户处理多个描述符时(一般是交互式输入和网络套接口),必须使用I/O复用. 当一个客户 ...

  3. iOS weak 内存释放问题

    我们都知道weak 关键字可以解决内存不释放问题,但是使用上有些讲究. 看代码: import UIKit var str = "Hello, playground" class ...

  4. JAVA覆写Request过滤XSS跨站脚本攻击

    注:本文非本人原著. demo的地址:链接:http://pan.baidu.com/s/1miEmHMo 密码:k5ca 如何过滤Xss跨站脚本攻击,我想,Xss跨站脚本攻击令人为之头疼.为什么呢. ...

  5. python 之面向对象的三大特性

    面向对象的三大特性 继承 继承和组合 继承进阶 封装 封装(有待完善) 多态 多态

  6. java概念基础笔记整理

    1.构造方法没有类型,有类型的不是不叫构造方法. 2.一个类的的成员变量可以是java允许的任何数据类型,一个类可以把某个对象作为自己的一个成员变量,如果用这样的类创建对象,那么该对象中就会其他对象, ...

  7. Metasploit渗透测试模块(一)

    1.Metasploit模块加载 初始化界面,成功要加载数据库 查看 Metasploit中已近存在的漏洞模块使用 show payloads

  8. poj2942 求v-DCC,二分图判奇环,补图

    /* 给定一张无向图,求有多少点不被任何奇环包含 推论1:如果两个点属于两个不同的v-DCC,则他们不可能在同一个奇环内 推论2:某个v-DCC中有奇环,则这个v-DCC中所有点必定被属于某个奇环 只 ...

  9. 使用Ultra Librarian将bxl文件转为OrCAD Capture CIS可识别的库文件(OLB)

    操作系统:Windows 10 x64 工具1:Ultra Librarian 8.3.89 工具2:OrCAD Capture CIS 16.6-S062 (v16-6-112FF) 关于Ultra ...

  10. C++ Primer 笔记——迭代器

    iostream迭代器 1.虽然iostream类不是容器,但是标准库定义了可以用于IO的迭代器.创建一个流迭代器的时候必须指定要读写的类型.我们可以对任何具有输入运算符(>>)的类型定义 ...