Django1.11.7配置静态文件
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配置静态文件的更多相关文章
- Django1.11加载静态文件
Django版本1.11网站通常需要js,css,images等文件,在Django中,我们把这些文件称为“静态文件”(static files).Django提供django.contrib.sta ...
- django1.10使用本地静态文件
django1.10使用本地静态文件方法 本文介绍的静态文件使用,是指启动web站点后,访问静态资源的用法,实际静态资源地址就是一个个的url 如果没有启动web站点,只是本地调试html页面,那直接 ...
- centos LAMP第二部分apache配置 下载discuz!配置第一个虚拟主机 安装Discuz! 用户认证 配置域名跳转 配置apache的访问日志 配置静态文件缓存 配置防盗链 访问控制 apache rewrite 配置开机启动apache tcpdump 第二十节课
centos LAMP第二部分apache配置 下载discuz!配置第一个虚拟主机 安装Discuz! 用户认证 配置域名跳转 配置apache的访问日志 配置静态文件缓存 配置防盗链 ...
- Django学习(6)配置静态文件
本文将详细讲述如何在Django中配置静态文件,如图片(images),JavaScript,CSS等. 我们将要实现的网页如下: 当按下按钮"Change Text"时, ...
- Nginx如何配置静态文件直接访问
其实前面在这篇文章Nginx之动静分离中已经提到过如何配置静态文件直接访问,今天突然再写是因为之前写的不够完善,所以这一篇文章你可以理解为是在前一个基础上的扩展. 之所以下午临时想到这个,是因为之前搭 ...
- django配置静态文件
django配置静态文件 参考文章链接:http://blog.csdn.net/hireboy/article/details/8806098
- django之配置静态文件
# 别名 STATIC_URL = '/static/' # 配置静态文件,名字必须是STATICFILES_DIRS STATICFILES_DIRS = [ os.path.join(BASE_D ...
- 【Python-Django后端开发】配置静态文件详解!!!
配置前端静态文件 1. 准备静态文件 2. 指定静态文件加载路径 STATIC_URL = '/static/' # 配置静态文件加载路径 STATICFILES_DIRS = [os.path.jo ...
- django配置静态文件的两种方法
方法一:按照django配置静态文件的方法,可以在APP应用目录下创建一个static的文件夹,然后在static文件夹下创建一个和APP同名的文件夹,如我有一个blog的django项目,在下面有一 ...
随机推荐
- [PHP]一些坑
一.如果有一个字符串变量等于'error',它跟0 == 运算时,会返回true,但是它并不是一个预置常量 $test = 'error'; var_dump($test == 0);//true 二 ...
- 《Spring5官方文档》新功能(4,3)
<Spring5官方文档>新功能 原文链接 译者:supriseli Spring框架的新功能 这一章主要提供Spring框架新的功能和变更. 升级到新版本的框架可以参考.Spring g ...
- maven项目部署到Tomcat
1.安装Tomcat,地址:http://tomcat.apache.org,我安装的版本为9.0.0.M22,安装的目录为C:\apache-tomcat,设置环境变量CATALINA_HOME为C ...
- Struts2,springMVC获取request和response
springMVC获取request和response1:在BaseController中加入: protected HttpServletRequest request; protected H ...
- Elasticsearch入门,这一篇就够了
实时搜索引擎Elasticsearch Elasticsearch(简称ES)是一个基于Apache Lucene(TM)的开源搜索引擎,无论在开源还是专有领域,Lucene可以被认为是迄今为止最先进 ...
- jquery easyui datagrid 加每页合计和总合计
jquery easyui datagrid 加每页合计和总合计 一:效果图 二:代码实现 这个只有从后台来处理 后台根据rows 和page两个参数返回的datatable 命名为dt 然后根据dt ...
- Vue.extend和Vue.component的联系与差异
extend 是构造一个组件的语法器. 你给它参数 他给你一个组件 然后这个组件 你可以作用到Vue.component 这个全局注册方法里, 也可以在任意vue模板里使用apple组件 var ap ...
- 【CSS】Bootstrap中select2+popover冲突
网上搜索得到: It changes the position because the position is based on the popover's dimansions and select ...
- easyUI详解
1.EasyUI 是前端框架,封装大量 css和封装大量 JS 2.使用前端框架时,给标签定义class 属性,就会有样式和脚本功能了 3.data-options 属性是定义 easyui 属性的, ...
- Microsoft Graph 概述
这个系列文章 已经进行到了实质的阶段,继上一篇介绍了如何搭建Office 365开发环境之后,我会通过这篇文章给大家介绍一个非常重要的概念:Microsoft Graph.它之所以重要,首先是因为它是 ...