【保姆级】【Python + Django】静态文件的添加

前言:

前一篇文章我们已经学会了怎么用django写文本页面啦!!!

有一说一,这个静态页面是真的丑。

我们总得用一些花花绿绿的东西把这个丑陋的网站给装饰一下吧!!!!!

比如我们的图片?HTML?CSS?

目录

[1 事前准备](#1 事前准备)

[2 templates模板](#2 templates模板)

[3 静态文件引用](#3 静态文件引用)


1 事前准备

我们之前已经写了一个index页面了,但总不能所有的东西全给他装上吧?

我们的index宝宝都要撑死了!!!

再用我们上一篇文章的方法再写两个页面就好啦!

传送门:【保姆级】【Python + Django项目搭建】启动简单的文本页面-CSDN博客

2 templates模板

step1:在view.py当中写一个函数,将其return的内容改为render ( request ,XXX.html)

默认根据 app 的注册顺序,从每个 app 目录下的 templates 目录中寻找.html文件;

如果在项目的根目录下创建templates,如果下面的DIR中有pycharm默认生成的东西,则会优先在根目录下寻找

3 静态文件引用

(以下所有东西均是在我创建的user/list页面中创建的)

在开发过程中,一般将图片、CSS、JavaScript

在app目录下创建一个static文件夹,并且在下面创建img、js、CSS子文件夹

首先可以将图片放入img文件夹中,我们为了简便,将其命名为20.png。

在templates目录中创建一个.html文件,再将我们前面的图片文件引用进去。

将jquery和bootstrap文件分别放在js文件下面和plugins下面

在Django中可以按照src和link的写法引入图片,

但是呢,这种写法在Django中不是那么的推荐,

(如果文件或文件夹发生变化,会使得文件的改动尤为繁琐)

推荐以下写法:

绝对路径的写法虽然能访问,文件名一修改,你的代码将会大量改动。

这种写法,编译器会先去读取settings.py文件,再在其中找到如下词条:STATIC_URL

再编写一个视图函数:

注意函数是 **render()**函数哦!!!!

写出其对应的urls

最后再用前一篇博文的方式,在命令窗口运行:

复制代码
python manage.py runserver

最后就会出现以下界面啦!!!!!

相关推荐
上进小菜猪5 小时前
把 KES 集群交给 Kubernetes 的九十天:一个 DBA 的试用实录
后端
两点王爷5 小时前
PostgreSQL 常用 SQL 语句与 GIS 相关函数详解
数据库·后端
麻雀飞吧6 小时前
先判断工具用来学习、开发还是执行
人工智能·python
考虑考虑6 小时前
Springboot环境变量占位符语法
spring boot·后端·spring
人邮异步社区6 小时前
学习Python的最佳学习路径是什么?
python·程序员
步行cgn8 小时前
Spring 基于 XML 的自动装配:byName 详解
java·后端·spring
troy1288 小时前
Python 基础语法(九):Django/Flask/FastAPI 三大 Web 框架详细对比解析
python·jupyter·django·flask·github·fastapi
jzshmyt8 小时前
我用 Python 从零“生成“了一个宇宙,然后让它观察自己(v14)
人工智能·pytorch·python·numpy·matplotlib·空间计算·scipy
高洁019 小时前
大模型的幻觉怎么治
人工智能·深度学习·django·transformer·tornado
RISCV_Explorer10 小时前
RISC-V启动与运行时规范机制解析——BRS约定、HSM多核启动与设备树要求
后端·risc-v