实现和原理

Python集成Django开发框架后，可以通过在cmd命令提示符下建立工程，工程名为learn_models

1
django-admin.py startproject learn_models

再进入到learn_models里面，新建一个app项目

1
2
cd learn_models
python manage.py startapp learn

此时目录的结构有这些文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
C:\USERS\SHILEIDING\LEARN_MODELS
│  manage.py
│ 
├─learn
│  │  admin.py
│  │  models.py
│  │  tests.py
│  │  views.py
│  │  __init__.py
│  │ 
│  └─migrations
│     __init__.py
│    
└─learn_models
  settings.py
  settings.pyc
  urls.py
  wsgi.py
  __init__.py
  __init__.pyc
  

再去官网下载最新的Bootstrap3框架文件 http://getbootstrap.com/getting-started/#download 下载的文件夹可以看出有css、fonts、js三个（功能相当大），这就是Bootstrap 3的全部，以下就要在刚新建的Django工程集合Bootstrap3，进入learn_models目录，新建一个static文件夹，再在static里面新建一个bootstrap文件夹，将下载的三个文件夹放进去。

回到learn_models目录，进入learn目录里，新建一templates文件夹，里面存放Bootstrap的html界面，如此处新建一文件test.html，要引用Bootstrap 和jQuery等相关库，这里重点是定位存放的static文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
{% load staticfiles %}
<html>
<head lang="en">
    <meta charset="UTF-8">
     <!-- 引入jQuery -->
    <script src="http://apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
     <!-- 引入 Bootstrap -->
     <link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet" type="text/css">
     <link href="{% static 'bootstrap/css/bootstrap.css' %}" rel="stylesheet" type="text/css">
      <script type="text/javascript" src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
     <script type="text/javascript" src="{% static 'bootstrap/js/bootstrap.js' %}"></script>         
     <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    <title>数据展示平台</title>        
</head>
<body>
<!-- bootstrap 特性容器 -->
 <div class="container">
     <h1>Hello, world! </h1>
 </div>
</body>
</html>

文件开头的 {% load staticfiles %}就是加载static目录，为了找到static目录，需要稍微修改下".../learn_models/learn_models/settings.py"中的配置，主要有两块修改

1
2
3
4
5
6
7
8
9
10
INSTALLED_APPS = (
  'django.contrib.admin',
  'django.contrib.auth',
  'django.contrib.contenttypes',
  'django.contrib.sessions',
  'django.contrib.messages',
  'django.contrib.staticfiles',
  #注册新建的app
  'learn',
)
1
INSTALLED_APPS中添加新建的app，然后配置static相关<br><br>
 
STATIC_URL = '/static/'
STATICFILES_DIRS = (

os.path.join(BASE_DIR, 'static'),

)

将static目录放在 STATICFILES_DIRS 中，这样就可以load到我们刚下载的bootstrap 了，bootstrap依赖于jQuery库，所以一定要添加，我们这里是直接引用的，如果有下载版本只需放在static里再引用就行。

这时前端html已经可以使用相关bootstrap属性了，但如何通过Django 的http协议访问呢？这就是Django传奇的MVC模型了，刚刚的templates文件夹就是表现层，展示给用户看的前端，views.py负责处理业务逻辑层，处理请求和返回请求，models.py负责数据存取层，处理数据库的相关属性。前端发出的GET或POST请求要通过urls.py映射到views的相关方法中，所以要在urls.py中配置映射关系，这里假设请求路径为 http://127.0.0.1:8000/test/ 则配置为

1
2
3
4
5
urlpatterns = [
    url(r'^admin/', include(admin.site.urls)),
  #前面是正则表达式
    url(r'^test/','learn.views.test',name='test'),
 ]

映射到对应的views.py中，这里简单实现test方法，在views.py中添加即可

1
2
3
#Bootstrap 测试
def test(request):
     return render(request, 'test.html')

当浏览器发出test请求后，先通过urls映射到views中的test方法，处理逻辑后推到前端test.html中显示，html显示的内容可以利用下载的bootstrap渲染。

运行

在cmd中cd到 learn_models目录下 ，此时的目录结构如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
C:\USERS\SHILEIDING\LEARN_MODELS
│  manage.py
│ 
├─learn
│  │  admin.py
│  │  models.py
│  │  tests.py
│  │  views.py
│  │  __init__.py
│  │ 
│  ├─migrations
│  │      __init__.py
│  │     
│  └─templates
│         test.html
│        
├─learn_models
│     settings.py
│     settings.pyc
│     urls.py
│     wsgi.py
│     __init__.py
│     __init__.pyc
│    
└─static
  └─bootstrap
    ├─css
    │     bootstrap-theme.css
    │     bootstrap-theme.css.map
    │     bootstrap-theme.min.css
    │     bootstrap.css
    │     bootstrap.css.map
    │     bootstrap.min.css
    │    
    ├─fonts
    │     glyphicons-halflings-regular.eot
    │     glyphicons-halflings-regular.svg
    │     glyphicons-halflings-regular.ttf
    │     glyphicons-halflings-regular.woff
    │     glyphicons-halflings-regular.woff2
    │    
    └─js
        bootstrap.js
        bootstrap.min.js
        npm.js
        

可以看到有manage.py，这正是运行的管理器，先同步数据库，然后运行工程

1
2
3
4
5
#同步数据库
python manage.py makemigrations
python manage.py migrate
#运行工程
python manage.py runserver

然后打开 http://127.0.0.1:8000/test/ 出现在偏中间的hello world 表明整合成功　　

Python3.4+Django1.9+Bootstrap3的更多相关文章

  1. Python3.7&Django1.11.15 兼容性问题

    环境: 1. Windows10 2. python3.7 3. Django1.11.15 启动Django时抛出以下异常: Unhandled exception in thread starte ...

  2. Python3.5 + django1.8.5 安装”import pymysql pymysql.install_as_MySQLdb()”的解决方法

    最近在学习Python,打算先看两个在线教程,再在github上找几个开源的项目练习一下,在学到"被解放的姜戈"时遇到django同步数据库时无法执行的错误,记录一下. 错误现象: ...

  3. python3.5 + django1.9.1+mysql

    python3 对mysql 的驱动不再是mysqldb 具体步骤 : 1 安装依赖 pip install PyMySQL 2 修改配置 __init__.py import pymysql pym ...

  4. python3.4 + Django1.7.7 表单的一些问题

    上面是没有调用cleaned_data的提交结果,可见模版直接把form里面的整个标签都接收过来了 下面是调用cleaned_data 的结果 django 的表单,提交上来之后是这样的: #codi ...

  5. Python3.4 + Django1.7.7 搭建简单的表单并提交

    后面还有一个问题,是我把txt生成了,但是网页没有返回我还不知道,现在怎么直接返回txt并且展示出来txt 的内容,希望大牛不吝赐教 首先有一个问题 django1.7之前,这样用: HttpResp ...

  6. win10 64位 python3.6 django1.11 MysqlDB No module named 'MySQLdb' 安装MysqlDB报错 Microsoft Visual C++ 14.0 is required

    在python3.6中操作数据库,再按python2.7安装MySQLdb进行数据库连接已经不可用了,我使用的是另外一个方法:PyMySQL,安装好之后还是不能直接连接MySQL的,启动项目后报No ...

  7. windows10 -- mysql5.5 + python3.4 + django1.11 +pycharm2016.2 + PyMySQL(DB DRIVER) 环境搭建

    环境介绍 2016-07-2513:32:26 name value comment OS win10 操作系统 python python3.4 python主程序 IDE pycharm:  20 ...

  8. vs2017 + Python3.6 +Django1.11 连接mysql数据库

    不废话直接来. vs2017创建一个新的python web项目之后默认链接数据库是sqlite.但是我就想连接到Mysql 上面玩,于是开始倒腾了.下面是步骤 1.修改settings.py 文件需 ...

  9. Django Linux环境下部署CentOS7+Python3+Django+uWSGI+Nginx(含Nginx返回400问题处理、防火墙管理)

    本文将介绍如何在Linux系统上部署Django web项目,本次部署基于下面的架构: CentOS7+ Python3.5 + Django1.11 + uWSGI + Nginx 亲测可行!!按照 ...

随机推荐

  1. Codeforces 1107G Vasya and Maximum Profit [单调栈]

    洛谷 Codeforces 我竟然能在有生之年踩标算. 思路 首先考虑暴力:枚举左右端点直接计算. 考虑记录\(sum_x=\sum_{i=1}^x c_i\),设选\([l,r]\)时那个奇怪东西的 ...

  2. CentOS 7 服务器之间ssh无密码登录、传输文件

    在Linux服务器之间使用ssh命令向另一个Linux服务器发送执行指令是需要输入密码     ssh登录提供两种认证方式:口令(密码)认证方式和密钥认证方式.其中口令(密码)认证方式是我们最常用的一 ...

  3. （转）浅谈Hybrid技术的设计与实现

    转载地址:https://www.cnblogs.com/yexiaochai/p/4921635.html 前言 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 浅谈Hyb ...

  4. 《MySQL5.7从入门到精通(视频教学版)》

    · 一:书籍PDF获取途径 pdf 文档 在 此QQ群(668345923) 的群文件里面 学习视频资源 二:书籍介绍 本书主要包括MySQL的安装与配置.数据库的创建.数据表的创建.数据类型和运算符 ...

  5. iOS项目国际化详解

    现在的开发中难免会遇到项目国际化处理,下面把我理解到的国际化相关的知识点进行总结归纳 1 首先是对项目名称,系统性的文字进行名字化,比如程序名字 1,先给项目添加语言 2 添加InfoPlist.st ...

  6. gnuradio 创建动态库 libftd3xx.so

    首先还是创建好模块gr-kcd cd gr-kcd 打开CMakeLists.txt cmake_minimum_required(VERSION 2.6) project(gr-kcd CXX C) ...

  7. day07 元组类型 字典类型 集合

    元组:元组就是一个不可变的列表 1.用途:当我们需要记录多个同种属性的值,并且只有读的需求,没有改的需求,应该用元组. 2.定义方式:在()内用逗号分隔开多个任意类型的元素 t=(‘egon’)#注意 ...

  8. 纯css3实现的switch开关按钮

    效果如图 <p> <label><input class="mui-switch mui-switch-anim" type="checkb ...

  9. config.GetSection(key)编译不通过

    要安装这个版本

  10. 如何把网址配置为http和https可以同时访问

    1.打开iis7 ,找到具体站点 2.点击站点后右侧有个绑定按钮 3.点击绑定,增加https,设置端口,ssl选择 iis证书 4.找到ssl设置,要求证书不勾选,客户证书,忽略 5.如果右侧不显示 ...