使用Code开发Django_模版和CSS
在Django中使用模板和CSS,你需要遵循以下步骤:
- 创建模板文件:在你的Django应用的
templates
目录下创建一个HTML文件。
<!-- templates/my_template.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My Page</title>
<link rel="stylesheet" href="{{ static 'css/style.css' }}">
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
- 创建CSS文件:在你的静态文件目录(通常是
static
)下创建一个CSS文件。
/* static/css/style.css */
body {
background-color: #f0f0f0;
}
h1 {
color: blue;
}
- 配置
STATIC_URL
和STATICFILES_DIRS
:在你的Django设置文件settings.py
中设置静态文件路径。
# settings.py
import os
STATIC_URL = '/static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static'),]
- 在视图中渲染模板:在你的视图文件中,使用
render
函数来渲染模板。
# views.py
from django.shortcuts import render
def my_view(request):
return render(request, 'my_template.html')
- 配置URL:在
urls.py
中添加对应的URL模式。
# urls.py
from django.urls import path
from .views import my_view
urlpatterns = [
path('my-page/', my_view, name='my-page'),
]
确保你已经设置了Django的静态文件服务中间件django.contrib.staticfiles
。
这样,当你访问配置好的URL时,Django将会使用你的模板和CSS文件来渲染页面。
评论已关闭