django1.8引用bootstrap创建响应式登录界面

2019独角兽企业重金招聘Python工程师标准>>>

最近在鼓捣django，学了几天的html。在网上发现bootstrap这个好东西。刚好最近要搞个B/S模式的管理平台。css还没有学，html还不熟，走了很多弯路，发现其实很简单的说。由于是django新手，参阅了网上很多资料才做好，鼓捣了两天有余啊。令人发指啊，在此记录一下。

系统环境：python 2.7 django1.8 bootstrap3 目的：构建响应式登录界面。

直接上步骤了

project：django-admin.py startproject mysite

app:  django-admin.py startapp applogin

修改settings.py添加app. vim mysite/settings.py在INSTALLED_APPS添加app应用类似下面。

INSTALLED_APPS = (

.................

'applogin'，

)

修改访问的url  vim mysite/urls.py

urlpatterns = patterns('',

url(r'^index/$', 'applogin.views.index'),

)

创建视图vim applogin/views.py

from django.shortcuts import render_to_response

def index(request):

    return render_to_response("index.html",{})

到官网下载bootstrap包，到工程目录下创建static目录：并且解压到此目录。

mkdir -p mysite/static/bootstrap

创建模板目录templates

mkdir mysite/applogin/templates 接下来我们的html页面都将存放在这个目录下

我是在网上随便找的模板，保存为index.html放到templates目录下。之前我尽然不知道要修改页面中static的路径。

编辑index.html页面，将其中static目录改为我自己配置的路径 ：href="/static/bootstrap/css/bootstrap.min.css

然后编辑mysite/settings.py

STATICFILES_DIRS = (

'/home/mysite/static',

) 

启动django开发服务器 python manager.py runserver 0.0.0.0:8000。出现登录界面

转载于:https://my.oschina.net/luoyedao/blog/527695