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

news2024/11/16 6:40:51

前言:

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

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

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

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

目录

1 事前准备

2 templates模板

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1538819.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

java中异常类

异常 异常体系继承结构 Throwable类是 Java 语言中所有错误或异常的超类,只有当对象是此类(或其子类之一)的实例时,才能通过 Java 虚拟机或者 Java throw 语句抛出。     异常是对象,而对象都采用类来定义。异常的…

IDEA使用手册

天行健,君子以自强不息;地势坤,君子以厚德载物。 每个人都有惰性,但不断学习是好好生活的根本,共勉! 文章均为学习整理笔记,分享记录为主,如有错误请指正,共同学习进步。…

真机笔记(1)第一阶段知识讲解

目录 第一阶段讲解: 1.1 机房 1.2 分类: 1.3 机房建设标准 1.3.1 安全性: 1.3.2 供电: 1.3.3 空气调节:(恒温恒湿) 1.3.4 电磁防护: 2.1 机柜 2.2 分类 2.3 机柜的高度单位 3.1 设备…

postman 用上一个请求的响应体中的字段设置下一个请求的请求参数

文章目录 IntroPostman usagePre-request ScriptTests javascripts API Intro 这一切都是为了增加自动化动作所占的比例(减少人手工操作复制粘贴可能会造成的错误)。 Postman usage 最常用的:选HTTP方法类型、写URL,在Headers中…

1240. 完全二叉树的权值

给定一棵包含 N 个节点的完全二叉树,树上每个节点都有一个权值,按从上到下、从左到右的顺序依次是 A1,A2,⋅⋅⋅AN,如下图所示: 现在小明要把相同深度的节点的权值加在一起,他想知道哪个深度的节点权值之和最大&#x…

外包干了6天,技术退步明显。。。。

说一下自己的情况,本科生,19年通过校招进入上海某软件公司,干了接近4年的功能测试,今年年初,感觉自己不能够在这样下去了,长时间呆在一个舒适的环境会让一个人堕落!而我已经在一个企业干了四年的功能测试&a…

【Linux命令】查看内存占用情况(mem, swap)

1. 方法1(top) # top2.方法2(free) # free -h3. 方法3(swapon) # swapon -s

【技巧】ChatGPT Prompt 提示语大全

转载请注明出处:小锋学长生活大爆炸[xfxuezhang.cn] 主要来自:https://github.com/f/awesome-chatgpt-prompts ChatGPT SEO提示 Contributed by: StoryChief AI Reference: 7 Powerful ChatGPT Prompts to Create SEO Content Faster 供稿人:…

STM32 CubeMx创建Lwip+FreeRtos时出现ping不通的问题

STM32 CubeMx创建LwipFreeRtos时出现ping不通 1、配置ETH,使用中断 2、配置Lwip(使用静态ip),其余什么都不用管 3、配置FreeRtos(选择V2版本),其余什么都不用管 4、创建代码 5、查看自动生…

在虚拟机上安装ubuntu

初学者建议选择“清除整个磁盘并安装ubuntu”,下面那个选项留给熟练使用虚拟机后的自己吧,哈哈。需要了解的是,“清除整个磁盘并安装ubuntu”此选项仅仅会清除你这个虚拟机分配的磁盘,不会影响你电脑上的其它虚拟机,哪…

深度学习,CRNN+CTC和Attention OCR你更青睐哪一种?

深度学习在OCR领域的应用已经取得了瞩目的成果,而选择合适的算法对于提升OCR的识别准确率至关重要。在众多算法中,CRNN和Attention OCR犹如两颗璀璨的明珠,备受瞩目。 CRNN,这位结合了卷积神经网络(CNN)和…

UE5 GameMode C++函数 学习

已经尝试,确实能重启游戏 类描述符加了noplaceable过后即使是Actor也不能放到场景中了,关卡蓝图,GameMode,GameState这些就不能放场景中了 UFUNCTION(exec)

lora-scripts 训练IP形象

CodeWithGPU | 能复现才是好算法CodeWithGPU | GitHub AI算法复现社区,能复现才是好算法https://www.codewithgpu.com/i/Akegarasu/lora-scripts/lora-trainstable-diffusion打造自己的lora模型(使用lora-scripts)-CSDN博客文章浏览阅读1.1k次…

C/C++在线参考手册的使用技巧

cppreference.com是一个在线的C/C参考手册,是C/C学习者最常用的网站。 网址:cppreference.com 1.搜索 不知道为什么这个网站总是不能正常搜索,实在是太不方便了。 有两个退而求其次的方法: (1)通过搜索引擎指定域名…

【Netty】TCP粘包、拆包、编解码问题

TCP粘包、拆包、编解码问题 UserInfo userInfo1new UserInfo();ByteBuf buf Unpooled.copiedBuffer(userInfo1.toString().getBytes(StandardCharsets.UTF_8));UserInfo userInfo1new UserInfo(); 这行代码创建了一个新的UserInfo对象,并将其引用存储在名为userInf…

基于SpringBoot医院管理系统

采用技术 基于SpringBoot医院管理系统的设计与实现~ 开发语言:Java 数据库:MySQL 技术:SpringBootMyBatis 工具:IDEA/Ecilpse、Navicat、Maven 页面展示效果 医生模块 病床信息管理 药房信息管理 护士模块 个人中心管理 …

DS-红黑树(RBTree)

一.红黑树 1.1 红黑树的起源 当对对AVL树做一些结构修改的操作时候,性能较为低下,比如:插入时要维护其绝对平衡,旋转的次数比较多,更差的是在删除时,有可能一直要让旋转持续到根的位置。 因此1972年Rudolf…

循环冗余校验CRC和FPGA实现

一、概念 CRC校验,中文翻译过来是:循环冗余校验,英文全称是:Cyclic Redundancy Check。是一种通过对数据产生固定位数的校验码,以检验数据是否存在错误的技术。 其主要特点是检错能力强、开销小,易于电路实…

设计模式 --4:工厂方法模式

总结 : 个人理解: 工厂方法模式就是在简单工程模式的基础下将工厂类抽象出来。如果不抽象工厂类 ,每一次创建一个新的算法,都要修改原来的工厂类,这不符合 开放–封闭原则 将工厂类给抽象出来,让具体的算法…

Node安装,nodejs详细安装步骤

什么是nodejs? 脚本语言需要一个解析器才能运行,JavaScript是脚本语言,在不同的位置有不一样的解析器,如写入html的js语言,浏览器是它的解析器角色。而对于需要独立运行的JS,nodejs就是一个解析器。 每一种解析器都是…