第13章节-Python3.5-Django实现用户登录2 12-阿里云开发者社区

开发者社区> 安全> 正文
登录阅读全文

第13章节-Python3.5-Django实现用户登录2 12

简介: 让很多app都共享的静态文件, 创建一个static目录专门放静态文件: image.png 把jquery.min.js复制到static目录下再创建 commons.
  • 让很多app都共享的静态文件, 创建一个static目录专门放静态文件:


    image.png
  • 把jquery.min.js复制到static目录下再创建 commons.css 文件(目录如下):


    image.png
image.png
  • commons.css代码如下:
body{
    background: gray;
}
  • 然后想把它引用到login.html方法:

image.png
  • 修改settings.py 文件在最后一行修改添加以下代码:
STATIC_URL = '/static/'

# os.path.join(BASE_DIR, 'static'), 的逗号很重要,不加会报错
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)
image.png
  • 修改login.html:


    image.png

    image.png
  • login.html 代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/commons.css">
    <style>
        label{
            width:80px;
            text-align: right;
            display:inline-block;
        }
    </style>
</head>
<body>
    <!--/* action="/login/" 指向urls.py 的login,以post方式提交表单 */-->
    <from action="/login" method="post">
        <p>
            <label for="username">用户名: </label>
            <input id="username" type="text" />
        </p>
        <p>
            <label for="password">密码: </label>
            <input id="password" type="text" />
            <input type="submit" value="提交" />
        </p>
    </from>
    <script src="/static/jquery.min.js"></script>

</body>
</html>
  • 运行django文件效果图:


    image.png
  • 知识点:

1、配置模板的路径
    
        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',
                        ],
                    },
                },
            ]
    2、配置静态目录
        static
    
        STATICFILES_DIRS = (
            os.path.join(BASE_DIR, 'static'),
        )

        
        <link rel="stylesheet" href="/static/commons.css" />

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
+ 订阅

云安全开发者的大本营

其他文章