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

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

相关推荐
架构技术专栏几秒前
Agent 工具调用:从工具声明到执行反馈
前端·人工智能·后端
码事漫谈41 分钟前
你让AI干的活,它可能只干了十分之一——而你根本看不出来
后端
必须得开心呀1 小时前
python编写带界面的软件,需要安装哪些插件
开发语言·python
Wx-bishekaifayuan1 小时前
express皖美特色农产品网售系统53118-计算机课程设计、毕业设计
人工智能·spring boot·后端·python·课程设计·express·旅游
青少儿编程课堂1 小时前
迪杰斯特拉(Dijkstra)算法:单源最短路与赛场路线规划
c++·python·算法·bfs·信息学竞赛
计算机编程指导师2 小时前
【计算机毕设推荐】基于Hadoop+Spark的公共交通运营数据分析与可视化系统源码 毕业设计 选题推荐 毕设选题 数据分析 机器学习
大数据·hadoop·python·计算机·数据分析·spark·交通
Wx-bishekaifayuan2 小时前
springboot汉中旅游服务平台41442-计算机课程设计、毕业设计
spring boot·后端·python·django·课程设计·express·旅游
WeiXin_DZbishe2 小时前
基于springboot城市公交实时运营与调度系统-计算机毕设 附源码【课程设计】66173
java·vue.js·spring boot·后端·python·php·课程设计
泡茶喝茶写代码2 小时前
A股量化数据工程:从 REST 接口到策略信号(第 18 篇):放量缩量异动扫描
java·python·股票数据api·股票数据api接口·股票api数据接口·股票量化数据api·股票量化数据接口