使用django建站系列之登录页面(一)

先秀一下我的登录页：

废话没有，直接上操作步骤。

1）建立工程

#django-admin.py startproject MyWeb

2)建立应用

#cd MyWeb/

#django-admin.py startapp app51cto

3)修改settings.py添加app

vim MyWeb/settings.py

INSTALLED_APPS = (

'django.contrib.auth',

'django.contrib.contenttypes',

'django.contrib.sessions',

'django.contrib.sites',

'django.contrib.messages',

'django.contrib.staticfiles',

'app51cto',

)

4)创建访问的url

vim MyWeb/urls.py

urlpatterns = patterns('',

url(r'^login/$', 'app51cto.views.login'),

)

5)创建视图

vim app51cto/views.py

from django.shortcuts import render_to_response

def login(request):

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

6)此时前期准备工作基本完成了，接下来就是创建login.html页面，但苦于运维人员没有前端工程师那么牛叉，写不出漂亮的样式，所以借助bootstrap来为我们创建绚丽的页面。

到官网下载bootstrap包，http://www.bootcss.com/

到工程目录下创建static目录：# mkdir MyWeb/static

将bootstrap包解压移动到static目录下，这样以后同一个工程下其他的应用也能公用static目录下的样式。

如下： MyWeb/static/bootstrap

bootstrap下有丰富的css与js样式，这样省去了我们很多的工作。

使用模板创建我们的html页面，http://getbootstrap.com/2.3.2/examples/hero.html

7)#创建目录templates

mkdir MyWeb/app51cto/templates

接下来我们的html页面都将存放在这个目录下

打开http://getbootstrap.com/2.3.2/examples/hero.html，保存为login.html放到templates目录下。

编辑login.html页面，将其中static目录改为我们自己配置的路径 ：1,$ s/\.\.\/assets/\/static\/bootstrap/

然后编辑MyWeb/settings.py

STATICFILES_DIRS = (

'/MyWeb/static/',

)

8)启动django开发服务器

/MyWeb/manager.py runserver 0.0.0.0:8000

然后在浏览器输入web服务器地址：http://10.0.0.149:8000/login

9)对login.html进行简单的修改，修改后的代码如下：

保存后浏览：

如有疑问请@畅捷通赵海华