django_css js调用，查了太多资料，记录下来备忘

最新推荐文章于 2022-02-16 17:52:51 发布

pypup

最新推荐文章于 2022-02-16 17:52:51 发布

阅读量112

点赞数

文章标签： django

本文链接：https://blog.csdn.net/puppy1025/article/details/117297606

版权

1、utf-8格式输出给前端，特别注意这个点：

class IndexView(APIView):
    def get(request, *args, **kwargs):
        return HttpResponse(content=open(XMLFILES_FOLDER + 'index111.html', encoding='utf-8').read())

retun下，open之后，一定要家encoding=‘utf-8’；

2、django下css的调用：
2.1：在项目文件下，建立static文件夹，在文件夹下放置js、css、image、jq等文件；如下图：
在这里插入图片描述
2.2 修改settings文件下，如下：

# 非常重要，引用js、css文件，必须一下两步骤：
# 1、
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
# 2、
STATICFILES_DIRS = [
    ("css", os.path.join(STATIC_ROOT, 'css').replace('\\', '/')),
    ("image", os.path.join(STATIC_ROOT, 'image').replace('\\', '/')),
    ("js", os.path.join(STATIC_ROOT, 'js').replace('\\', '/')),
]

备注:js、jq我还没测试，后续再添加测试的；

2.3 修改html文件；
使用/static/***，注意static前边的/

<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>扫线大屏显示页</title>
    <link rel="stylesheet" type="text/css" href="/static/css/main.css" />
</head>

3、image使用几乎与上边同理；
3.1 位置与设置与上边2.1、2.2相同；
3.2 在主urls中，添加一下代码：

from django.contrib import admin
from django.conf.urls import include, url
# 增加内容
from django.contrib.staticfiles.urls import staticfiles_urlpatterns
from django.contrib import staticfiles

# 原urls配置内容
urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^demo/', include('demo.urls'))
]
# 尾缀增加
urlpatterns += staticfiles_urlpatterns()

3.3 修改html代码如下：

<body>
<div class="main">
    <header class="head">
        <i class="t_left">
            <img src="/static/image/title-left.png" alt="左箭头" />
        </i>
        <div class="title">
            <h1>实时生产数据显示</h1>
        </div>
        <i class="t_right">
            <img src="/static/image/title-right.png" alt="右箭头">
        </i>
    </header>

仅仅以此记录；
参考博客：
image设置
 css设置，虽然最后没用

pypup

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
django_css js调用，查了太多资料，记录下来备忘

1、utf-8格式输出给前端，特别注意这个点：class IndexView(APIView): def get(request, *args, **kwargs): return HttpResponse(content=open(XMLFILES_FOLDER + 'index111.html', encoding='utf-8').read())retun下，open之后，一定要家encoding=‘utf-8’；2、django下css的调用：2.1：在项目文件下，
复制链接

扫一扫