django bootstrap css js 文件导入

最新推荐文章于 2024-03-14 00:15:42 发布
最新推荐文章于 2024-03-14 00:15:42 发布
阅读量592 收藏 5
点赞数
分类专栏： Python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/neu_xiaolu/article/details/86715571
版权
本文介绍了如何在Django项目中配置静态文件，特别是引入网上和本地的Bootstrap CSS和JS文件。首先，在settings.py中配置STATIC_URL和STATICFILES_DIRS以指定静态文件路径。接着，分别展示了如何引入网上及本地存储的Bootstrap资源。
摘要由CSDN通过智能技术生成

Django Settings: 

在settings中定义STATIC_URL、STATICFILES_DIRS。

默认Django会在每个app下的static/app查找静态文件，如果加额外的路径寻找则在STATICFILES_DIR中设置.

STATIC_URL = '/static/'         # 若存放静态文件的static目录在app目录下，则改局生效，无需定义下面的

STATICFILES_DIRS = [              # 若存放静态文件的static目录在project目录下，则用该定义
    os.path.join(BASE_DIR, "alice_django_cbts/static"),
]

引入网上bootstrap文件：

<html><head>
<!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。
最低0.47元/天 解锁文章
neu_xiaolu
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【实例】Python-Django Bootstrap 初探
xuexi kuaile
04-30 527
参考：https://blog.csdn.net/qianbin3200896/article/details/86487393 基本流程： 用户输入网址请求访问页面（例如http://127.0.0.1:8000/） 后端服务器收到请求后开始解析网址 根据路由配置文件urls.py中的定义，将网址映射到指定的视图文件views.py中的处理函数home 最后由home函数处理请求并返回请求的页面内容index.html。 目录树： 搭建项目 cmd中输入命令： django-admin star.
bootstraptable与django结合
huangzhiyu2004的专栏
03-24 922
利用django结合bootstraptable实现分页，搜索和排序
Django<加载static目录下的CSS-JS>
Gpwner的博客
07-25 1483
博主之前没有接触过Django,最近有一个项目需求要做一个可视化的展示，但是一直无法加载static文件下的JS和CSS，经过一番折腾，最后终于搞定了。下面是完整的过程：1.我的项目结构：2.在与settings.py文件的统计目录下，新建static文件夹，然后在新建两个子目录（static_dirs、static_root）,然后在settings.py文件中添加以下代码：STATIC_URL
在django项目中加入像bootstrap这样的css，js，图片等静态文件
张昆
07-28 1299
参考文档:http://python.usyiyi.cn/documents/django_182/intro/tutorial06.html一. 简单易会的傻瓜式方法本地开发环境下访问 1. settings里面DEBUG = True STATIC_URL = '/static/' 在app下新建static,文件放进去 3.模板里访问 <link href="/static/css/b
[Django基础11]网页中的css/js/image处理
周小董
06-04 787
1. 页面样式处理 通常情况下，网页开发时，页面中的样式是通过外部css样式进行处理的，外部的css文件加载在Django中，需要进行简单的处理 首先去到我们的mysite/mysite/settings.py配置文件中，包含了STATIC_URL='/static/'的配置（默认是已经配置的） 我们在应用模块文件夹下，创建一个目录static/专门用于存放css样式文件，创建一个目录ima...
Django 使用本地bootstrap
Weeds的博客
07-10 326
1-创建static 在manager.py同层级下创建static文件夹, 分别创建上css , js, image等文件夹 如下图： 2-指令路径 在settings.py中进行设置就行, 在末尾添加以下代码 STATIC_URL = '/static/' STATICFILES_DIRS=[ os.path.join(BASE_DIR,'static') 3-html文件中引用 <!--引入本地css & js--> <link
Django2学习笔记--引用本地静态文件css，js等
tzkj_wdz
11-07 343
在django引用bootstrap前端框架 个人学习笔记，内容不作为各位学习参考 第一步 下载 官网下载bootstrap：https://v3.bootcss.com/getting-started/ 也可以在线上复制保留到本地 css：https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css jQuery：https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.m
Python库 | django-bootstrap4-0.0.8.tar.gz
03-02
3. **导入**：在Django模板文件中，导入Bootstrap所需的CSS和JavaScript文件，通常通过在头部添加模板标签实现。 4. **使用**：在模板中，可以直接使用Bootstrap的类来格式化元素，或者利用提供的标签来插入...
bootstrap 文件上传组件 fileinput 实现文件批量上传
05-13
要在项目中使用FileInput，首先需要引入Bootstrap CSS和JavaScript库，以及FileInput的CSS和JS文件。然后，在HTML中创建一个`<input type="file">`元素，并添加类`file`，例如： ```html ``` 3. **配置选项** ...
Django引用ztree实现数据库表导入树状目录
06-18
- 创建模板文件，引入ZTree的CSS和JS文件，编写HTML结构及初始化ZTree的代码。 - 使用Ajax请求获取并渲染ZTree数据。 - 在前端处理ZTree的事件，如点击节点、展开/折叠等。 通过以上步骤，我们可以在Django项目...
Pycharm使用django框架+bootstrap前端项目教程
最新发布
weixin_72949205的博客
03-14 2022
Pycharm使用django框架导入写好的bootstrap前端项目教程，小白专属哦
导入资源boobootstrap的css和js资源的小问题
u010563605的博客
11-28 164
导入资源时候遇到了资源找不到的问题，明明已经导入了 后来发现是当前页面加载不到静态资源 后来 这样此页面就会自动去项目中寻找目录下的资源，html不需要就可以用 ...
怎么在页面里引入bootstrap的css和js文件呢？
weixin_34245749的博客
11-28 566
怎么在页面里引入bootstrap的css和js文件呢？ 这是一个nodejs+express工程 在npm install之后或使用npm install bootstrap命令安装bootstrap之后，怎么在views/index.ejs文件中引入bootstrap.css文件呢？ 在app.js里面引入这句 app.use("/lib",express.s...
如何引入外部资源文件css,js之类，以引入boostrap文件为例
qq_43766720的博客
04-17 1138
引入外部资源文件 路径分类 1.相对路径：通过相对路径不可以确定唯一资源 *如: ./index. html *特点：不以/开头，以.开头路径 *规则:找到当前资源和目标资源之间的相对位資关系 ./ :当前目录 ../:后退一-级目录 2.绝对路径:通过绝对路径可以确定唯一资源 （推荐使用） *如: http://localhost:63342/Demo/inde...
HTML、CSS 和 JS框架之Bootstrap
weixin_34318326的博客
06-05 709
一.Bootstrap简介： Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 详细参考内容：Bootstrap_v3 二.Bootstrap安装： 下载地址：https://v3.bootcss.com/（使用v3版，不要使用最新版） 使用方法一：下载后解压文件bootstrap-3.3.7-dist 这里...
Django中引入bootstrap的方法
grfstc的博客
05-05 8986
一、下载bootstrap 下载地址:https://v3.bootcss.com/getting-started/#download,选择第二个,下载带有源码的bootstrap,只能通过这种方式(django是封闭的) 下载的目录结构: dist文件是bootstrap的核心文件 二、创建一个简单Demo项目 1.在根项目下创建一个static目录,再在static下创建一个bootstrap文件夹。 2.并在根项目下创建一个templates目录用于存放html文件。 .
django模板中引入CSS和JS
s586的专栏
01-14 2973
因为在django中一般用来存放的模板的目录为template目录(注意：这个需要在settings.py中设置)，但是template目录是外部不能直接访问的，所以我们必须要把css文件和js文件放在外部可以直接访问的目录中，最好的办法就是自己指定一个目录，一般我们是放在static目录中，详细的方法如下。参考如下的代码，把需要引用css文件的链接修改为从“/static/css/”下面的文件。见上面的图，然后把需要用到的的css文件全部复制到css目录中，需要用到的js文件全部复制到js目录中。
在django项目中加入像bootstrap这样的css，js等静态文件
weixin_34291004的博客
02-16 175
2019独角兽企业重金招聘Python工程师标准>>> ...
django bootstrap美观模板
11-12
Django Bootstrap是一种美观的模板框架，结合了Django框架和Bootstrap的功能和特性。Bootstrap是一个流行的HTML和CSS框架，它提供了一组美观且易于使用的UI组件和样式表。通过使用Django Bootstrap，我们可以快速...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值