Django - 基础使用和HTML加载问题
PS: 文档用于记录平时笔记,不适用于指导
1. 项目创建和启动
安装 pip install django
创建项目 django-admin startproject xmyweb
创建应用 python mange.py startapp homeweb
启动应用 python mange.py runserver 0.0.0.0:8000
2. HTML问题
- 2.1 如何使用HTML,js,css,img…
创建一个文件夹teamplates,用来储存html
创建一个文件夹static 用来储存js,css,img
创建位置:和应用应用app同级目录
-
2.2 设置
- (1) setting.py
设置静态文件位置,让django知道从那里获取资源
STATIC_URL = '/static/' #斜杠必须添加,文件夹名称可以更改 STATIC_ROOT = os.path.join(BASE_DIR, 'static') STATICFILES_DIRS = ( ('css', os.path.join(STATIC_ROOT, 'css')), ('js', os.path.join(STATIC_ROOT, 'js')), ('img', os.path.join(STATIC_ROOT, 'img')), )
TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [ os.path.join(BASE_DIR, 'templates') #html上层文件夹名称,位置 ] , '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) views.py
app添加html
def home(request): return render(request,'index.html')
- (3) inidex.html
html 中文件加载设置
开头添加 {% load static %}
资源加载 src = “{% static ‘css/c.css’ %}”
<!DOCTYPE html> {% load static %} <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="{% static 'css/c.css' %}"> <script type="text/javascript" src="{% static 'js/j.js' %}"></script> </head>
- 链接跳转 href = {% url ‘index’ %}
<div class="content_container"> <a class="business_item" href={% url 'index' %}> <i class="fa fa-home" aria-hidden="true"></i> <h2>测试</h2> </a> </div>
- (1) setting.py
参考文档
https://blog.csdn.net/weixin_43184774/article/details/97970167
https://www.jianshu.com/p/405fa6038318/