django登陸頁面設計:

urls:css

"""day42 URL Configuration

The `urlpatterns` list routes URLs to views. For more information please see:
https://docs.djangoproject.com/en/1.11/topics/http/urls/
Examples:
Function views
1. Add an import: from my_app import views
2. Add a URL to urlpatterns: url(r'^$', views.home, name='home')
Class-based views
1. Add an import: from other_app.views import Home
2. Add a URL to urlpatterns: url(r'^$', Home.as_view(), name='home')
Including another URLconf
1. Import the include() function: from django.conf.urls import url, include
2. Add a URL to urlpatterns: url(r'^blog/', include('blog.urls'))
"""
from django.conf.urls import url
from django.contrib import admin
from django.shortcuts import HttpResponse,render

def login(request):
return render(request,"login.html")

urlpatterns = [
# url(r'^admin/', admin.site.urls),
url(r'^login/', login),
]
login.html:
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>{#    增長bootstrap樣式:#}    <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css">{#    導入css文件:#}    <link rel="stylesheet" href="/static/css/signin.css"></head><body>    <div class="container">      <form class="form-signin">        <h2 class="form-signin-heading">Please sign in</h2>        <label for="inputEmail" class="sr-only">Email address</label>        <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required="" autofocus="">        <label for="inputPassword" class="sr-only">Password</label>        <input type="password" id="inputPassword" class="form-control" placeholder="Password" required="">        <div class="checkbox">          <label>            <input type="checkbox" value="remember-me"> Remember me          </label>        </div>        <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>      </form>    </div> <!-- /container -->    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script></body></html>
相關文章
相關標籤/搜索