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