django中模板(html)以及静态文件(css,js,images)的配置

上一篇博客记录了如何在windows中创建一个django项目,后面的内容主要是围绕django项目的框架搭建，本片博客记录的是django中模板(html)以及静态文件(css,js,images)的配置。

首先在pycharm中先打开我们之前创建的django项目吧

查看上一篇请访问:https://blog.csdn.net/qq_25278637/article/details/86482502

一.配置模板(html)

打开blog_project目录底下的settings.py配置文件,找到其中和模板相关的配置信息TEMPLATES,在其中的DIRS选项中添加如下配置

os.path.join(BASE_DIR, 'templates')

该行代码指定了django项目的html模板存放的路径为当前项目下的templates文件夹下,其中BASE_DIR是django框架默认配置的参数，在settings.py配置文件的最上面，指的是当前项目的绝对路径。

当然目前还没有templates这个目录，需要我们在项目下创建该目录，以后的所有html模板文件都放在这个目录里面。

上面的操作具体见下图：

二.配置静态文件

在settings.py文件的最下面添加如下代码(注意逗号,因为STATICFILES_DIRS要求为一个元组)

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

原理同上，所以需要在项目底下创建static文件夹用来存放静态文件，具体操作如下图：

三.验证是否配置成功

上面的操作已经配置好了模板和静态文件的路径，那么我们来验证下通过浏览器是否能访问到我们的网页

1.将网页和静态文件分别放在对应的目录下(此时需要注意的是在网页中调整好静态文件的路径),我的网页是从网站上找的一些模板（这里感谢模板的提供者），结构如下:

2.在blog底下的views,py中书写一个处理请求的函数:代码如下

# -*- coding:utf-8 -*-

from django.shortcuts import render

# Create your views here.

# 处理url为/index的请求
def index(request):
    return render(request, 'index.html', locals())

3.在urls.py中配置url路由(其作用是将访问路径和请求处理函数关联起来）代码如下:

# -*- coding:utf-8 -*-
"""blog_project URL Configuration

The `urlpatterns` list routes URLs to views. For more information please see:
    https://docs.djangoproject.com/en/2.1/topics/http/urls/
Examples:
Function views
    1. Add an import:  from my_app import views
    2. Add a URL to urlpatterns:  path('', views.home, name='home')
Class-based views
    1. Add an import:  from other_app.views import Home
    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
Including another URLconf
    1. Import the include() function: from django.urls import include, path
    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
"""
from django.contrib import admin
from django.urls import path
from blog.views import index

urlpatterns = [
    path('admin/', admin.site.urls),
    path('index/', index, name='index'),# 意为当访问路径为/index时由index函数处理该请求
]

4.启动项目，在浏览器中访问

打开cmd，进入到项目目录下(manage.py文件所在路径),执行命令

python manage.py runserver 8001

项目启动成功之后,在浏览器输入地址:

http://localhost:8001/index

成功访问后如下(大家的只要是访问到自己的页面就可以了，哪怕页面中只有经典的一句Hello World^--^)

四.总结

1.模板的配置  os.path.join(BASE_DIR, 'templates'),

2.静态文件配置:(再次强调注意逗号)

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

3.如果在模板中引入静态文件,需要注意引入的路径,否则访问到的页面就像秃顶了的程序员一样哈哈

4.启动项目服务器命令：python manage.py runserver 8001  (8001为端口号,自己指定即可)

5.访问路径: http://localhost:8001/index