django html导入静态文件导入layui静态文件解决Django加载静态资源失败

梦里梦外; 2022-11-15 14:12 196阅读 0赞

下面以layui静态文件做一个演示

git: [https://github.com/sentsin/layui/][https_github.com_sentsin_layui]

**1.创建一个项目**

> django-admin startproject test1

**2.创建templates和static文件夹**

在test1，即项目同级目录下创建templates，并创建base.html,page1.html,page2.html文件

将layui-master下的src文件放到static中

> $ mkdir templates  
> $ cd templates  
> $ touch index.html
> 
> $ mkdir static

若完成创建，可以得到如下的项目结构

│  db.sqlite3  
│  manage.py  
│  
├─static  
    │  src  
├─templates  
│      index.html  
│  
└─test1  
    │  asgi.py  
    │  settings.py  
    │  urls.py  
    │  wsgi.py  
    │  \_\_init\_\_.py  
    │  
    └─\_\_pycache\_\_  
            settings.cpython-36.pyc  
            urls.cpython-36.pyc  
            views.cpython-36.pyc  
            wsgi.cpython-36.pyc  
            \_\_init\_\_.cpython-36.pyc

**3.html文件**

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layout 后台大布局 - Layui</title>
    <link rel="stylesheet" href="../static/src/css/layui.css">
    </head>
    <body class="layui-layout-body">
    
    <script src="../static/src/layui.js"></script>
    <script>
    //JavaScript代码区域
    layui.use('element', function(){
      var element = layui.element;
      
    });
    </script>
    </body>
    </html>

**4.修改setting.py文件**

找到TEMPLATE这一变量，修改成如下。这一步是为了让程序找到我们创建的templates文件夹

TEMPLATES = [
        {
            'BACKEND': 'django.template.backends.django.DjangoTemplates',
            'DIRS': [os.path.join(BASE_DIR,"templates")],
            'APP_DIRS': True,
            'OPTIONS': {
                'context_processors': [
                    'django.template.context_processors.debug',
                    'django.template.context_processors.request',
                    'django.contrib.auth.context_processors.auth',
                    'django.contrib.messages.context_processors.messages',
                ],
            },
        },
    ]

**5.创建views.py**

创建视图文件，用于处理请求。render函数用于调用模板文件，该函数会在项目下进行检索，找到同名文件。

from django.http import HttpResponse
    from django.shortcuts import render
    
    
    def index_view(request):
        return render(request,"index.html")

**6.urls.py**

路由规则用于处理用户请求文件与本地函数的调用关系，用户请求index.html，则交给views文件下的index\_view函数处理，注意要调入视图文件。

from django.contrib import admin
    from django.urls import path
    from . import views
     
    urlpatterns = [
        path('admin/', admin.site.urls),
        path('index.html',views.index_view),
    ]

**7.静态文件规则**

STATIC_URL = '/static/'
    STATICFILES_DIRS = (
        os.path.join(BASE_DIR,'static'),
    )

[https_github.com_sentsin_layui]: https://github.com/sentsin/layui/