二、Django学习-静态资源引入

如何在django 项目中加载html、css、js等静态资源?

一、文件存放

1、加载html文件,需要在自己的app中创建templates目录用于存放html文件

2、加载css、js文件,需要在自己的app中创建static目录用于存放css、js文件,建议:在自己的app/static下在单独建一个目录管理css、js文件

二、css、js文件加载

方式一:直接从/static目录开始引入css、js文件,具体如下:

<link rel="stylesheet" href="/static/myapp/bootstrap.min.css">
<script src="/static/myapp/jquery.min.js"></script>
<script src="/static/myapp/bootstrap.min.js"></script>

方式二:先在html页面顶部加载static:{% load static %}
然后在{% static ‘路径/文件名’ %}的形式加载文件

<link rel="stylesheet" href="{% static 'myapp/bootstrap.min.css' %}">
<script src="{% static 'myapp/jquery.min.js' %}"></script>
<script src="{% sta
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
学习Django 3和Vue 3+TypeScript是一个不错的选择,它们是现代化的Web开发框架和库。 Django是一个使用Python编写的高级Web应用程序框架。它提供了一种简单而强大的方式来构建Web应用程序,并且具有丰富的功能,如路由、模板引擎、ORM(对象关系映射)等。你可以通过学习Django来构建强大的后端应用程序。 Vue是一个流行的JavaScript框架,用于构建用户界面。Vue具有简洁的语法和响应式数据绑定能力,使得构建交互式的前端应用变得更加容易。而Vue 3则是最新版本,引入了一些新特性和性能优化。 TypeScript是JavaScript的超集,它添加了静态类型检查和其他一些特性。使用TypeScript可以提供更好的代码可维护性和可靠性,并且与Vue框架结合使用,可以帮助你构建更健壮的前端应用程序。 要学习Django 3和Vue 3+TypeScript,你可以按照以下步骤进行: 1. 先学习Python基础知识,了解Python语法和常见的编程概念。 2. 掌握Django框架的基础知识,包括路由、视图、模型和模板等。 3. 学习Vue框架的基础知识,包括组件、指令、路由和状态管理等。 4. 学习TypeScript语法和类型系统的基础知识,了解如何在Vue项目使用TypeScript。 5. 结合实际项目进行实践,尝试使用Django和Vue构建一个完整的Web应用程序。 6. 持续学习和实践,深入研究Django和Vue的高级特性和最佳实践。 同时,你可以通过阅读官方文档、参考书籍、在线教程和实践项目等资源来加强学习。还可以参与开发社区,与其他开发者交流经验和解决问题。祝你在学习Django 3和Vue 3+TypeScript的过程取得成功!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值