django1.8引用bootstrap建立响应式登陆界面

最近在鼓捣django,学了几天的html。在网上发现bootstrap这个好东西。恰好最近要搞个B/S模式的管理平台。css尚未学,html还不熟,走了不少弯路,发现其实很简单的说。因为是django新手,参阅了网上不少资料才作好,鼓捣了两天有余啊。使人发指啊,在此记录一下。css

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

直接上步骤了
python

project:django-admin.py startproject mysitedjango

app:  django-admin.py startapp applogin
bootstrap

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

INSTALLED_APPS = (服务器

.................
app

'applogin',url

)
server

修改访问的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。出现登陆界面

相关文章
相关标签/搜索