Python3.4+Django1.9+Bootstrap3

实现和原理

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

django-admin.py startproject learn_models

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

cd learn_models
python manage.py startapp learn

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

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文件

<!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"中的配置,主要有两块修改

INSTALLED_APPS = (
  ‘django.contrib.admin‘,
  ‘django.contrib.auth‘,
  ‘django.contrib.contenttypes‘,
  ‘django.contrib.sessions‘,
  ‘django.contrib.messages‘,
  ‘django.contrib.staticfiles‘,
  #注册新建的app
  ‘learn‘,
)
INSTALLED_APPS中添加新建的app,然后配置static相关
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/ 则配置为

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

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

#Bootstrap 测试
def test(request):
     return render(request, ‘test.html‘)

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

运行

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

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,这正是运行的管理器,先同步数据库,然后运行工程

#同步数据库
python manage.py makemigrations
python manage.py migrate
#运行工程
python manage.py runserver

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

时间: 2024-12-27 22:51:38

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

CentOS7+Python3.4+Django1.6.5+Apache2.4+mod_wsgi4.2.7

最近在centos7上面用Apache7成功部署用Python3.4与Django1.6.5写的应用,前前后后历程近一周,苦不堪言!最后得出一个结论,要用新的东西最最好直接看英文的官方文档,中文的博客绝大部分都是过时和无效的,容易误导自己. 在此简单记录下部署过程. 相关源码下载: mod_wsgi4.2.7:https://github.com/GrahamDumpleton/mod_wsgi,那个code.google上面的早就搬迁了,国内也很难成功打开链接. 源码编译安装顺序: Apach

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

在python3.6中操作数据库,再按python2.7安装MySQLdb进行数据库连接已经不可用了,我使用的是另外一个方法:PyMySQL,安装好之后还是不能直接连接MySQL的,启动项目后报No module named 'MySQLdb' 解决方案: 在项目的__init__()文件中添加如下代码: import pymysql pymysql.install_as_MySQLdb() 这时再次启动项目正常 win10 64位 python3.6 django1.11 MysqlDB No

VScode 搭建 django 开发环境(Win Python3.71 django1.11.11)

全新Win10下安装开发环境记录 安装VScode 安装Git 安装Python3.71 VScode安装好相关插件 新建好文件夹用 VScode 打开 code-终端-新建终端 要创建虚拟环境,请使用以下命令,其中“env”是环境文件夹的名称: 1 py -3 -m venv env 进入虚拟环境文件夹 cd env 安装指定版本DJango pip3 install django==1.11.11 安装依赖 pip3 install pylint pylint_django 输出已安装了 D

Ubuntu15.04上部署python3.4+django1.8.8+mysql5.7+uwsgi+nginx

经过无数的百度,花了一天的时间,艰难的把django项目给部署到了Ubuntu15.04上.废话少说了,直接贴上部署步骤: 一.python安装 1.www.python.org下载 如下载的为 Python-3.4.3.tar.xz 2.解压: [email protected]:/home/dodo/Downloads/# xz -d  Python-3.4.3.tar.xz命令后得到Python-3.4.3.tar [email protected]:/home/dodo/Download

python3使用django1.11不支持MYSQL-python的解决办法

mysql-python不支持Python3,需使用pymysql代替,pip install pymysql后,打开django的源码,cd db/bin/backends/mysql,然后将下列代码写入__init__.py import pymysql pymysql.install_as_MySQLdb()

Python3.5 + django1.8.5 安装&rdquo;import pymysql pymysql.install_as_MySQLdb()&rdquo;的解决方法

最近在学习Python,打算先看两个在线教程,再在github上找几个开源的项目练习一下,在学到"被解放的姜戈"时遇到django同步数据库时无法执行的错误,记录一下. 错误现象: 执行python manage.py syncdb时,报错:Error loading MySQLdb module: No module named 'MySQLdb' 经过上网搜索得知,MySQLdb并不支持Python3.5,因此只能找别的类库代替. 解决方法: 使用pymysql代替MySQLdb,

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

环境介绍 2016-07-2513:32:26 os:  win10 python: python3.4 pycharm:  201.2 django:  1.11 mysql: 5.5(在centos 上使用二进制安装,你可以直接安装在win10上面) connector: PyMySQL 作者一路飘来的坑 这就是自己探索的代价,一个小问题都可能停滞1天,或者2天,或者一周 但是,这就是探索的乐趣所在 pycharm 无法创建django project,只能创建pure python pyt

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

后面还有一个问题,是我把txt生成了,但是网页没有返回我还不知道,现在怎么直接返回txt并且展示出来txt 的内容,希望大牛不吝赐教 首先有一个问题 django1.7之前,这样用: HttpResponse(simplejson.dumps({"status": '200', "message":u'登录成功'}), mimetype='application/json') 没问题,但是django1,7之后就报错了,查了下问题发现应该这样用: HttpRespo

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

上面是没有调用cleaned_data的提交结果,可见模版直接把form里面的整个标签都接收过来了 下面是调用cleaned_data 的结果 django 的表单,提交上来之后是这样的: #coding: gb2312 from django import forms class ContactForm(forms.Form): subject = forms.CharField(max_length=10,label='subject')#设置最大长度为10 email = forms.Em