• 【Django笔记二】Django2.0配置模板和静态文件


     一、环境版本信息:

           操作系统:windows10

           Django版本:2.0.5

           Python版本:3.6.4

    二、创建模板

           1、在my_project文件夹下新建文件夹templates用于存放模板文件:在命令行中进入my_project文件夹中输入:mkdir templates

           

           

           2、在新建的templates文件夹中放一个模板文件例如:index.html

           

    <!doctype html>
    <html lang="zh-CN">
    <head>
    <meta charset="utf-8">
    </head>
    <body >
    <p>我是一条静态信息</p>
    <p>{{ p }}</p>
    </body>
    </html>

           3、在与templates文件夹同级别的my_project中修改配置文件setting.py

    INSTALLED_APPS = [
        'django.contrib.admin',
        'django.contrib.auth',
        'django.contrib.contenttypes',
        'django.contrib.sessions',
        'django.contrib.messages',
        'django.contrib.staticfiles',
        'App'
    ]
    TEMPLATES = [
        {
            'BACKEND': 'django.template.backends.django.DjangoTemplates',
            'DIRS': [os.path.join(BASE_DIR, 'templates').replace('\', '/'),],
            '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',
                ],
            },
        },
    ]

           4、修改App文件下的views.py

    from django.shortcuts import render
    
    # Create your views here.
    def index(request):
        context = {}
        context['p'] = '我是一条动态信息'
        return render(request, 'index.html', context)

           5、在与templates文件夹同级别的my_project中修改urls.py

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

          6、在命令行中打开服务:python manage.py runserver 8008 ##8008自定义端口默认8000

          

          

    三、创建静态(存放css、js、image等文件)

          1、在my_project文件夹下新建文件夹static

          

           2、在新建的static文件夹中新建css文件夹并在css文件夹下放一个静态样式文件例如:style.css

    p{
        color:red;
    }

           3、在与templates文件夹同级别的my_project中修改配置文件setting.py

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

          4、修改index.html文件下面的粗体部分

    <!doctype html>
    <html lang="zh-CN">
    <head>
    <meta charset="utf-8">
    {% load static %}
    <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
    </head>
    <body >
    <p>我是一条静态信息</p>
    <p>{{ p }}</p>
    </body>
    </html>

           5、运行服务:python manage.py runserver 8008

           

    
    
    
  • 相关阅读:
    js简单错误
    angular ie.浏览器报错 “无效指针”
    angular 取路由参数进行判断
    java学习之路--I/O流
    JavaFTP文件传输上传和下载文件
    java知识库
    Android常用的工具类SharedPreferences封装类SPUtils
    java学习之路--继承(多态的动态绑定)
    java学习之路--继承(子类构造器)
    java核心技术笔记
  • 原文地址:https://www.cnblogs.com/chu03/p/9214447.html
Copyright © 2020-2023  润新知