【保姆级】【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

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

相关推荐
锋行天下13 分钟前
DeepSeek写Langgraph就是个大傻逼,一本正经胡说八道
前端·人工智能·后端
Patrick在香港22 分钟前
一个斜杠,把毫秒变成十几秒
android·数据库·python·性能优化·正则表达式·回溯·redos
2601_9679801130 分钟前
Python 初学者必备的常用内置函数
python·编程语言·内置函数·初学者·常用函数
OnlineProxy36 分钟前
移动应用数据爬取:通过模拟器与流量嗅探对 API 进行逆向工程
爬虫·python·httpx
染指11101 小时前
162.Agent-LangGraph-检查点的作用
人工智能·python·langchain·agents
我命由我123451 小时前
访客系统形式(有用户概念、无用户概念)
java·开发语言·前端·javascript·python·产品运营·产品经理
xixingzhe21 小时前
图表中同比与环比的区别:看趋势还是看变化?
开发语言·python
forest_092 小时前
当 AI 搜索开始「自我进化」,谁来进化它的核实?——「已核实」结论复核器:3 条结论挖出 2 个洞(附可运行代码)
人工智能·python·机器学习·prompt·agi
小小张说故事2 小时前
Python 的 str 为什么设计成不可变?拆开字符串驻留、字符串池,以及 += 拼接到底慢在哪
后端·python
ljt27249606612 小时前
Python笔记(十一)--Numpy(一)
笔记·python·numpy