Django如何在專案中新增靜態資料夾
在 mysite 資料夾下新增一個 statics 資料夾用來存放 js 檔案
在 index.html 檔案中新增
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="/userInfo" method="post"> <p>名字<input type="text" name="username"></p> <p>性別<input type="text" name="sex"></p> <p>郵箱<input type="text" name="email"></p> <p><input type="submit" value="submit"></p> </form> <hr> <h1>資料展示</h1> <table border="1px"> <tr> <td>名字</td> <td>性別</td> <td>郵箱</td> </tr> {% for i in user_list %} <tr> <td>{{ i.username }}</td> <td>{{ i.sex }}</td> <td>{{ i.email }}</td> </tr> {% endfor %} </table> </body> <!-- 新新增 --> {% load static %} <script src="{% static "jquery-3.3.1.min.js" %}" ></script> <script> $("h1").css("color","red") </script> <!-- 新新增 --> </html>
相關推薦:《》
在 urls.py 檔案中新增
from django.contrib import admin from django.urls import path from blog import views from django.conf import settings from django.conf.urls.static import static urlpatterns = [ path('admin/', admin.site.urls), path('userInfo', views.userInfo), ] + static(settings.STATIC_URL, document_root=settings.STATICFILES_DIRS)
在 settings.py 中新增
# 在 STATIC_URL = '/static/' 下面新增,STATIC_URL 相當於一個別名,給前端使用,對映 statics 資料夾(該資料夾名字可更改) STATICFILES_DIRS=[ os.path.join(BASE_DIR, "statics"), ]
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/430/viewspace-2837204/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Django 靜態檔案管理與部署指南Django
- 如何在 Django 專案中使用 MQTTDjangoMQQT
- Django基礎二靜態檔案和ORMDjangoORM
- Django 教程之media和static靜態檔案Django
- 初級:如何在 Linux 中 zip 壓縮檔案和資料夾Linux
- 幽默:如何在靜態檔案託管伺服器上使用資料庫?伺服器資料庫
- 如何在nginx配置靜態資源Nginx
- django-驗證碼/靜態檔案處理Django
- 請教下 log 檔案配置在 django 專案靜態資源直接訪問亂碼怎麼解決?Django
- git檢出專案部分資料夾Git
- Vue中的靜態資源管理(src下的assets和static資料夾的區別)Vue
- springboot專案所有靜態資源無法載入Spring Boot
- Unity中專屬資料夾介紹Unity
- .gitignore 在已忽略資料夾中不忽略指定檔案、資料夾...Git
- Django+nginx+靜態網站DjangoNginx網站
- springboot新增靜態資源無法訪問Spring Boot
- mac/linux 新增靜態路由MacLinux路由
- 如何在Mac上自定義檔案和資料夾圖示Mac
- 把多個資料夾中的檔案批量放到一個資料夾
- .bashrc 給資料夾新增顏色
- 前端靜態專案託管到github pages前端Github
- IDEA隱藏專案的.iml檔案idea資料夾Idea
- idea專案的resource目錄新建資料夾Idea
- 一、靜態庫和動態庫,Makefile專案管理專案管理
- C# 將資料夾中檔案複製到另一個資料夾C#
- Linux中隱藏檔案與資料夾Linux
- Flutter-靜態資源和專案圖片的處理Flutter
- 寶塔如何新增偽靜態
- mac vscode go專案裡不可新建檔案或資料夾MacVSCodeGo
- 一個專案中:只能存在一個 WebMvcConfigurationSupport (靜態檔案失效之坑)WebMVC
- Laravel 專案 偽靜態分頁處理Laravel
- 如何在專案中記錄日誌資訊?
- 資料庫靜態脫敏資料庫
- Flow靜態型別檢查及在Vue專案中的使用型別Vue
- 畸形檔案 資料夾
- 如何在 Linux 上覆制檔案/資料夾到遠端系統?Linux
- 如何在 Mac 上更改資料夾顏色,改變 mac 資料夾顏色教程Mac
- IDEA中的.iml檔案和.idea資料夾Idea