Django＋bootstrap配置过程

最新推荐文章于 2024-03-14 00:15:42 发布
最新推荐文章于 2024-03-14 00:15:42 发布
阅读量4.5k 收藏 4
点赞数
分类专栏： Web 文章标签： bootstrap django templates
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/withmayday/article/details/46427453
版权
本文详细介绍了如何在Django项目中配置并使用Bootstrap。首先创建Django项目，然后下载Bootstrap的示例网页作为模板文件，将其放入app的templates文件夹。接着下载Bootstrap的css、js、fonts文件夹，置于app的static目录下作为静态文件。最后，更新urls.py和settings.py以正确引用静态文件。
摘要由CSDN通过智能技术生成

1.建立django的project

django-admin.py startproject mysite

2.在与manage.py同级的project目录里建立django的app 

./manage.py startapp appdemo

3.在project的setting.py内的INSTALLED_APPS里添加该app 

INSTALLED_APPS = (
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.sites',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'zbj',
)

4.下载bootstrap的示例网页作为django的templates文件：

（1）下载网页如，http://getbootstrap.com/2.3.2/examples/hero.html

&

最低0.47元/天 解锁文章
withmayday
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Bootstrap 4 安装使用教程
lsx202406的博客
06-27 582
Bootstrap 4 是一个流行的开源前端框架，用于快速开发响应式和移动设备优先的网站。它由 Twitter 开发，并得到了全球开发者的广泛使用。本教程将指导您如何安装和使用 Bootstrap 4，以便您能够利用其强大的功能来构建现代网页。
Django结合Bootstrap完美实现分页效果
01-31
Django结合Bootstrap完美实现分页效果，其中控件的分页根据内容自适应调整
django中引入bootstrap4.3
weixin_33775582的博客
03-19 212
1、下载bootstrap4.3的包：https://getbootstrap.com/ 2、将下载后的文件放在project下新创建的static目录下。例如我的project是mysite，则放在这个项目的根目录下面。 3、修改全局setting文件，添加静态文件路径。 STATIC_URL = '/static/' #若存放静态文件的static...
django中引入bootstrap
04-19 258
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"><!--引入bootstrap的css样式库--> <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min...
Django中引入bootstrap的方法
grfstc的博客
05-05 8936
一、下载bootstrap 下载地址:https://v3.bootcss.com/getting-started/#download,选择第二个,下载带有源码的bootstrap,只能通过这种方式(django是封闭的) 下载的目录结构: dist文件是bootstrap的核心文件 二、创建一个简单Demo项目 1.在根项目下创建一个static目录,再在static下创建一个bootstrap文件夹。 2.并在根项目下创建一个templates目录用于存放html文件。 .
Pycharm使用django框架+bootstrap前端项目教程
weixin_72949205的博客
03-14 1922
Pycharm使用django框架导入写好的bootstrap前端项目教程，小白专属哦
python django+bootstrap实现用户管理系统
06-28
Python Django + Bootstrap 实现用户管理系统是一种常见的Web应用开发方式，结合了Python的高效与Django框架的强大，以及Bootstrap的响应式设计。以下是对这个主题的详细解析： **Python Django** Django是Python的...
python3.7+django+bootstrap+sqlite3 恒达科技官网实战web开发例子
11-02
在实际开发过程中，首先，我们需要设置Python环境，安装Django和Bootstrap相关依赖。然后，使用Django的命令行工具创建项目和应用，定义模型来表示数据结构。接下来，使用Django的admin界面或者自定义视图和模板来...
python自动化运维系统（saltstack+django+bootstrap）
04-20
4. 使用 Django 表单和模板系统，结合 Bootstrap 创建前端界面，如服务器列表、配置编辑表单等。 5. 实现身份验证和权限控制，确保只有授权用户才能访问和修改系统。 6. 集成监控数据，例如通过 SaltStack 收集的...
Django+BootStrap下的民居系统开发
10-25
在本项目中，我们主要探讨如何使用Django框架与Bootstrap前端库来开发一个民居系统。这个系统可能涉及房屋管理、租户管理、服务请求等多个功能模块。以下将详细阐述Django与Bootstrap结合的关键知识点，以及可能用到...
Python在线投票系统基于django+bootstrap的在线投票系统源代码+数据库
最新发布
05-08
- **Django URL配置（URLs）**：URL配置将URL映射到对应的视图函数，实现URL路由。 - **用户认证和权限**：Django提供了内置的用户认证系统，可以处理注册、登录、权限控制等功能。 - **表单处理**：Django的表单...
django-bootstrap4：与Django进行Bootstrap 4集成
02-05
django-bootstrap 4 适用于Django的Bootstrap 4集成。 目标 该项目的目标是无缝融合Django和Bootstrap 4。 要求 Python 3.6或更高版本，Django> = 2.2或更高版本。 文献资料 完整的文档位于 安装 使用pip安装： pip install django-bootstrap4 另外，您可以安装下载或克隆此仓库，然后调用pip install -e . 。 在您的settings.py添加到INSTALLED_APPS ： INSTALLED_APPS = ( # ... "bootstrap4" ,
django-admin-bootstrap-master.zip
02-23
django-admin-bootstrap-master.zip
django使用配置bootstrap
weixin_33721344的博客
08-09 220
总体的目录结构如下图：mysite 是我创建的一个项目 一、首先在你的项目文件夹下创建一个名为 static 的目录 ,并把下载好的bootstrap目录拷到static目录下。 二、打开settings.py文件，在文件的最后添加如下内容： # Static files (CSS, JavaScript, Images) # https://docs.djangoproject.com/en/1...
Django 项目使用 Bootstrap 的导入方式
weixin_43148062的博客
04-30 2918
Django 项目中导入 Bootstrap 是固定的 补充 1： Django 项目的 html 文件中必须先写 meta 再引入其他内容。并且对于导入 JS 的先后顺序有比较严格的要求。 补充 2： Django 项目表单中使用POST的方法时，必须添加{% csrf_token %}标签，用于处理csrf安全机制。 回到顶部 知乎：叄贰壹 简书：带只拖鞋去流浪 关注我，带你一...
Django 中引入bootstrap的方法
msl369369的博客
05-18 1万+
第一步，下载bootstraphttp://v3.bootcss.com/getting-started/#download 下载第一个即可 下载压缩包之后，将其解压缩到任意目录即可看到以下（压缩版的）目录结构： 复制bootstrap/ ├── css/ │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootst
Django Blog|07 引入Bootstrap前端框架，优化页面
简说Python的博客
11-03 392
作者：老表来源：简说Python大家好，我是老表，这个系列将会更新我编写，项目的学习笔记，也是后面更新的一个重点，希望个人博客页面可以早点和大家见面～欢迎大家点赞、留言支持。Django ...
基于python语言的web框架Django+bootstrap实践（二）
Bottomrise的博客
05-23 775
这把，建静态网站，就是说整个博客，能登录，后端编写，前端呈现，导航，分页查看。同类的还有信息发布网站，个人空间etc.，功能有信息发布/信息记录，以及附带的登录\权限\分类\检索\广告\统计\评论。建立web项目，新建Myblog应用。开整。
django从零开始引入bootstrap模板
热门推荐
u013251692的博客
12-16 2万+
可能很多人是看完狗书才开始学习django的,但一开始对于自己写django项目引入bootstrap模板很能是件有困难的事本次博客教程的python版本为3.5,bootstrap版本为3.3.37,django版本为2.0(不同版本可能会有稍微不同的操作要求) 下载bootstrap bootstrap下载地址:https://v3.bootcss.com/getting-started/#do
Django+bootstrap 注册登陆
05-11
这里提供一个简单的 Django+Bootstrap 注册登录的示例代码。 1. 首先在 Django 项目中创建一个 app，命名为 accounts。 2. 在 accounts 下创建 templates/accounts 目录，用于存放注册登录模板。 3. 在 accounts 下创建 views.py 文件，实现注册和登录的逻辑。 ```python from django.shortcuts import render, redirect from django.contrib.auth.forms import UserCreationForm, AuthenticationForm from django.contrib.auth import login, authenticate def signup_view(request): if request.method == 'POST': form = UserCreationForm(request.POST) if form.is_valid(): user = form.save() login(request, user) return redirect('home') else: form = UserCreationForm() return render(request, 'accounts/signup.html', {'form': form}) def login_view(request): if request.method == 'POST': form = AuthenticationForm(data=request.POST) if form.is_valid(): user = form.get_user() login(request, user) return redirect('home') else: form = AuthenticationForm() return render(request, 'accounts/login.html', {'form': form}) ``` 4. 在 accounts 下的 urls.py 文件中配置路由。 ```python from django.urls import path from . import views urlpatterns = [ path('signup/', views.signup_view, name='signup'), path('login/', views.login_view, name='login'), ] ``` 5. 在 templates/accounts 目录下创建注册登录模板，分别命名为 signup.html 和 login.html。 signup.html： ```html {% extends 'base.html' %} {% block content %} <h2>Sign up</h2> <form method="post"> {% csrf_token %} {{ form.as_p }} <button type="submit">Sign up</button> </form> {% endblock %} ``` login.html： ```html {% extends 'base.html' %} {% block content %} <h2>Login</h2> <form method="post"> {% csrf_token %} {{ form.as_p }} <button type="submit">Login</button> </form> {% endblock %} ``` 6. 在模板中引入 Bootstrap，可以在 base.html 中引入。 ```html {% load static %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>{% block title %}{% endblock %}</title> <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}"> </head> <body> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="#">My Site</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="{% url 'home' %}">Home</a> </li> {% if user.is_authenticated %} <li class="nav-item"> <a class="nav-link" href="{% url 'logout' %}">Logout</a> </li> {% else %} <li class="nav-item"> <a class="nav-link" href="{% url 'login' %}">Login</a> </li> <li class="nav-item"> <a class="nav-link" href="{% url 'signup' %}">Sign up</a> </li> {% endif %} </ul> </div> </nav> <div class="container"> {% block content %} {% endblock %} </div> <script src="{% static 'js/jquery.min.js' %}"></script> <script src="{% static 'js/bootstrap.min.js' %}"></script> </body> </html> ``` 以上就是一个简单的 Django+Bootstrap 注册登录示例。注意，这只是一个基础示例，实际开发中需要进行更多的安全、验证、错误处理等方面的处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值