Bootstrap3+django环境搭建

一、Django环境准备

Django 2.1.2
Python 3.8

1、可直接下载:pip install django==2.1.2
2、在pycharm下下载添加
在这里插入图片描述
3、创建django项目虚拟环境

1)、django-admin startproject helloworld
2) pycharm 使用虚拟环境创建项目
在这里插入图片描述
4、命令执行
python manage.py startapp app名称
在这里插入图片描述
就会出现此app文件
在这里插入图片描述

二、Bootstrap3环境搭建
1、中文官网 https://v3.bootcss.com/
下载v3.4.1版本
在这里插入图片描述
下载解压后放到static目录
在这里插入图片描述
在html文件导入
在这里插入图片描述

三、Jquery下载

1、Jquery 所有版本下载地址 https://www.jq22.com/jquery-info122

在这里插入图片描述
2、Jquery 3.2.1 添加到static目录

在这里插入图片描述
在这里插入图片描述

四、设置

1、setting.py文件
在这里插入图片描述
在最后一行添加静态资源包导入,ALLOWED_HOSTS域名访问权限设置都可以访问

STATIC_URL = '/static/'# 导入静态资源包STATICFILES_DIRS = [    os.path.join(BASE_DIR, "static"),

在这里插入图片描述
在这里插入图片描述

2、实例部分
views.py 视图部分写一个可以访问任意模板的视图函数

from django.shortcuts import render
# Create your views here.
# 定义一个访问模板的视图def visit_template_page(request, template_name):
    """根据页面传过来的url地址,返回对应模板页面"""
        if request.method == "GET":
                return render(request, '{}.html'.format(template_name))

urls.py 设置访问路由 (根据模板名称访问)

from django.contrib import admin
from django.urls import path
from yoyo import views
urlpatterns = [
    path('admin/', admin.site.urls),
        path('page/<template_name>/', views.visit_template_page),
        ]
        

3、html页面
在templates模板下面写一个html页面
在这里插入图片描述
4、启动服务
python manage.py runserver 0.0.0.0:8000
在这里插入图片描述
浏览器访问
在这里插入图片描述

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值