Python的WEB框架有Django、Tornado、Flask 等多種,Django相較與其餘WEB框架其優點爲:大而全,框架自己集成了ORM、模型綁定、模板引擎、緩存、Session等諸多功能。css
一、建立Django程序html
上述的sitename是本身定義的項目名稱!python
其餘經常使用命令:jquery
python manage.py runserver 0.0.0.0:port python manage.py startapp appname python manage.py syncdb #django 1.7.1如下 python manage.py makemigrations python manage.py migrate python manage.py createsuperuser
二、程序目錄web
settings.py 放配置文件數據庫
urls.py 存放路由系統(映射)django
wsgi.py 讓你作配置:wsgi有多重一種uwsgi和wsgi,你用那種wsgi來運行Django,通常不用改只有你用到的時候在改bootstrap
manage.py 就是Django的啓動管理程序緩存
以上配置文件,若是是初學者當建立完project後都不要修改,由於涉及到不少配置文件須要修改session
三、Project和App概念
我們目前建立的是Project,Project下面能夠有不少app,原理是什麼呢!
咱們建立的Project是一個大的工程,下面有不少功能:(一個Project有多個App,其實他就是對你大的工程的一個分類)
''' Project --web (前臺功能) --administrator (後臺管理功能) 一個Project有多個app,其實他就是對你大的工程的一個分類 '''
看下面的圖:
四、建立App
python manage.py startapp app01
若是在建立一個App,咱們能夠理解爲App是手機裏的App程序他們之間是徹底獨立的,好處是下降他們之間的耦合性,不到萬不得已不要讓他們之間創建關係!
app裏面的admin 是提供了後臺管理的平臺,test是用來測試的!
admin後臺管理:
同步數據庫
python manage.py syncdb #注意:Django 1.7.1及以上的版本須要用如下命令 python manage.py makemigrations python manage.py migrate
建立超級用戶
python manage.py createsuperuser
輸入你要設置的用戶名和密碼,而後啓動Django,而後輸入RUL/admin便可:http://127.0.0.1:8000/admin/
OK,開始咱們的Django之旅吧!使用Django第一次實現Http請求。
一、每一個路由規則對應一個view中的函數
在urls.py裏添加RUL跳轉
from django.conf.urls import url from django.contrib import admin #首先得導入App裏面的views(Django是MTV框架 Views保存路由規則) from app01 import views urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^home/', views.home), ]
並在App裏views.py裏添加函數
from django.shortcuts import render #Django 在返回的時候須要一層封裝,須要導入HttpResponse from django.shortcuts import HttpResponse # Create your views here. def home(request): #使用HttpRespons 封裝返回信息 return HttpResponse('<h1>Hello Home</h1>')
url正則
django中的路由系統和其餘語言的框架有所不一樣,在django中每個請求的url都要有一條路由映射,這樣才能將請求交給對一個的view中的函數去處理。其餘大部分的Web框架則是對一類的url請求作一條路由映射,從而使路由系統變得簡潔。
經過反射機制,爲django開發一套動態的路由系統Demo !
啓動:兩種方式一種直接在IDE運行另外一種命令行啓動:python manage.py runserver 127.0.0.1:6666
測試訪問便可。(若是在裏面加中文註釋不要忘記加編碼配置!)
那我要返回html呢?
#/usr/bin/env python #-*- coding:utf-8 -*- from django.shortcuts import render #Django 在返回的時候須要一層封裝,須要導入HttpResponse from django.shortcuts import HttpResponse # Create your views here. def home(request): #他內部作了幾步操做 #找到home.html #讀取home.html返回給用戶 return render(request,'home.html')
上面已經能夠正常的返回html了,咱們要給他使用模板語言進行渲染怎麼渲染呢?和上面的jinja2是同樣的。
#/usr/bin/env python #-*- coding:utf-8 -*- from django.shortcuts import render #Django 在返回的時候須要一層封裝,須要導入HttpResponse from django.shortcuts import HttpResponse # Create your views here. def home(request): #他內部作了幾步操做 #找到home.html #讀取home.html返回給用戶 #定義一個字典而後傳給render dic = {'name':'luotianshuai','age':'18','user_list':['shuai','ge','hen','shuai'],} return render(request,'home.html',dic)
html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Shuaige</title> </head> <body> <div style="height: 100px"> {{ name }} {{ age }} </div> <div style="height: 100px"> <ul> {% for iterm in user_list %} <li> {{ iterm }} </li> {% endfor %} </ul> </div> <div style="height: 100px"> {% if name == 'luotianshuai' %} <div style=" padding: 0px; color: rgb(128, 0, 0); line-height: 1.5 !important;">">Shuai</div> {% else %} <div style=" padding: 0px; color: rgb(128, 0, 0); line-height: 1.5 !important;">">Ge</div> {% endif %} </div> </body> </html>
縱然上面的方法很多可是仍是不夠,因此就出現了自定義方法。
二、自定義模板語言
2.一、在app中建立templatetags模塊
2.三、建立任意 .py 文件,如:html_Template_Langureg.py
#!/usr/bin/env python #coding:utf-8 from django import template from django.utils.safestring import mark_safe from django.template.base import resolve_variable, Node, TemplateSyntaxError register = template.Library() @register.simple_tag def my_simple_time(v1,v2,v3): return v1 + v2 + v3 @register.simple_tag def my_input(id,arg): result = "<input type='text' id='%s' class='%s' />" %(id,arg,) return mark_safe(result)
2.三、在使用自定義simple_tag的html文件中最頂部導入以前建立的 xx.py(html_Template_Langureg.py) 文件名
{% load html_Template_Langureg %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Shuaige</title> </head> <body> <div style="height: 100px"> {{ name }} {{ age }} </div> <div style="height: 100px"> <ul> {% for iterm in user_list %} <li> {{ iterm }} </li> {% endfor %} </ul> </div> <div style="height: 100px"> {% if name == 'luotianshuai' %} <div style=" padding: 0px; color: rgb(0, 0, 255); line-height: 1.5 !important;">>Shuai</div> {% else %} <div style=" padding: 0px; color: rgb(0, 0, 255); line-height: 1.5 !important;">>Ge</div> {% endif %} </div> </body> </html>
2.四、在settings中配置當前app,否則django沒法找到自定義的simple_tag
INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'app01', ]
2.五、測試使用
{% load html_Template_Langureg %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Shuaige</title> </head> <body> <div style="height: 100px"> {{ name }} {{ age }} </div> <div style="height: 100px"> <ul> {% for iterm in user_list %} <li> {{ iterm }} </li> {% endfor %} </ul> </div> <div style="height: 100px"> {% if name == 'luotianshuai' %} <div style=" padding: 0px; color: rgb(128, 0, 0); line-height: 1.5 !important;">">Shuai</div> {% else %} <div style=" padding: 0px; color: rgb(128, 0, 0); line-height: 1.5 !important;">">Ge</div> {% endif %} </div> <div> {% my_simple_time 1 2 3 %} {% my_input 'id_name' 'arg_value' %} </div> </body> </html>
三、母板
首先了解下模板是什麼概念?首先已博客園爲例:
看下面的圖片,在點擊首頁、精華、候選、新聞、管住、我評、我讚的時候 上面、左側的紅色框體都沒有變,變得是中間的內容是怎麼實現的呢?就是經過母版來實現的
咱們建立一個母版 - 子版去繼承母版就能夠了,子版裏是變化的內容便可。
在templates目錄下面建立一個master目錄(統一用他吧),而後在master目錄下建立一個master_templates.html
看下模板的配置:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .header{ height: 48px; background-color: red; } .body{ background-color: #dddddd; } .body .menu{ background-color: green; float: left; width: 20%; } .body .content{ background-color: aquamarine; float: left; width:70%; } </style> </head> <body> <div class="header"><h1>LOGO</h1></div> <div class="body"> <div class="menu">左側菜單</div> <div class="content"> {#可變的子版內容,這個content和class content無關#} {% block content %} {% endblock %} </div> </div> </body> </html>
而後在看下子版的內容
{% extends 'master/master_templates.html' %} {% block content %} <h1>NAME LuoTianShuai</h1> {% endblock %}
extends 集成那個模板 ,在加一個block content 來書寫變化的內容。
3.二、增長URL路由和函數
def son(request): return render(request,'son_html.html')
urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^home/', views.home), url(r'^son/', views.son), ]
效果圖:
母版最多容許出現一個母版(能夠寫多個,可是建議不要寫多個)
四、導入標籤
哪有什麼辦法能夠,能夠經過導入的方式
建立一個include目錄(名字能夠隨意定義),下面建立須要的html文件,裏面寫上要導入的內容
<h1>輸入組合</h1> <input type="text"/> <input type="text"/> <input type="text"/> <input type="text"/> <input type="text"/>
而後在html中導入
{% extends 'master/master_templates.html' %} {% block content %} <h1>NAME LuoTianShuai</h1> {% include 'include/simple_input.html' %} {% endblock %}
查看效果:
之後好比某些公共的模塊可使用include的方式導入!很方便
把全部的靜態都放在static目錄下,好比:css、js、imgs、等
common.css裏寫相關的css文件
而後在html裏引用:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="/static/css/common.css"> {# 而後在模板裏,咱們也會寫一個block,若是子版裏有須要使用本身的css樣式能夠本身定義#} {% block css %} {% endblock %} </head> <body> <div class="header"><h1>LOGO</h1></div> <div class="body"> <div class="menu">左側菜單</div> <div class="content"> {#可變的子版內容,這個content和class content無關#} {% block content %} {% endblock %} </div> </div> {# 公共的js寫到母版中,若是某一個模板裏使用本身的js,在寫一個block便可#} {% block js %} {% endblock %} </body> </html>
注:在模板裏引入了相應的css和js以後,子版裏是默認繼承的。若是某個子版想獨立使用它本身的js,咱們能夠經過:{% block css %} {% endblock %} || {% block js %} {% endblock %}來定義!
二、配置引入static目錄,在settings裏,不然沒法使用static目錄下的靜態文件,由於他找不到路徑!的須要告訴django
STATIC_URL = '/static/' STATICFILES_DIRS = ( os.path.join(BASE_DIR,'static'), )
一、建立兩個html,login.html & index.html
login.html(不要忘記導入bootstrap)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登陸</title> <!--指定告訴ID用高版本的解析--> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3個meta標籤*必須*放在最前面,任何其餘內容都*必須*跟隨其後! --> <!-- Bootstrap --> <!-- 新 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.4-dist/css/bootstrap.min.css"> </head> <body> <div style="width: 200px;"> <form class="form-horizontal"> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Email</label> <div class="col-sm-10"> <input type="email" class="form-control" id="inputEmail3" placeholder="Email"> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label">Password</label> <div class="col-sm-10"> <input type="password" class="form-control" id="inputPassword3" placeholder="Password"> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-default">Sign in</button> </div> </div> </form> </div> <!-- jQuery文件。務必在bootstrap.min.js 以前引入 --> <script src="/static/js/jquery-2.2.1.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="/static/plugins/bootstrap-3.3.4-dist/js/bootstrap.min.js"></script> </body> </html>
1.二、建立URL路由規則和函數
url
url(r'^login/', views.login),
函數
def login(request): return render(request,'login.html')
2.二、提交到哪裏在哪裏定義?
<form class="form-horizontal" action="/login/" method="post">
提交到在form表單中的action裏定義:這裏的/login/是URL,當我們訪問URL的時候回給執行我們定義的函數,前面和後面都要有/ 而且使用方法爲post
我們訪問的時候是使用的GET方式,當我們提交的時候使用的是post請求!咱們就能夠判斷!
def login(request): #若是是GET請求 #若是是POST,檢查用戶輸入 #print request.method 來查看用戶是經過什麼方式請求的 #還有個問題:當你POST的時候,會出現問題,如今臨時解決方法是:在seetings裏註釋掉 ''' MIDDLEWARE_CLASSES = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', #'django.middleware.csrf.CsrfViewMiddleware', 註釋掉這一行 'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.auth.middleware.SessionAuthenticationMiddleware', 'django.contrib.messages.middleware.MessageMiddleware', 'django.middleware.clickjacking.XFrameOptionsMiddleware', ] ''' if request.method == 'POST': input_email = request.POST['email'] input_pwd = request.POST['pwd'] if input_email == 'luotianshuai@qq.com' and input_pwd == '123': #當登陸成功後給它跳轉,這裏須要一個模塊from django.shortcuts import redirect #成功後跳轉到指定網址 return redirect('http://www.etiantian.org') else: #若是沒有成功,須要在頁面告訴用戶用戶名和密碼錯誤. return render(request,'login.html',{'status':'用戶名或密碼錯誤'}) #經過模板語言,來在login.html中添加一個status的替換告訴用戶<span>{{ status }}</span> return render(request,'login.html')
而後看下html文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登陸</title> <!--指定告訴ID用高版本的解析--> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3個meta標籤*必須*放在最前面,任何其餘內容都*必須*跟隨其後! --> <!-- Bootstrap --> <!-- 新 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.4-dist/css/bootstrap.min.css"> </head> <body> <div style="width: 200px;"> <form class="form-horizontal" action="/login/" method="post"> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Email</label> <div class="col-sm-10"> <input type="email" class="form-control" name="email" placeholder="Email"> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label">Password</label> <div class="col-sm-10"> <input type="password" class="form-control" name="pwd" placeholder="Password"> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-default">Sign in</button> <span style="color: red;">{{ status }}</span> </div> </div> </form> </div> <!-- jQuery文件。務必在bootstrap.min.js 以前引入 --> <script src="/static/js/jquery-2.2.1.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="/static/plugins/bootstrap-3.3.4-dist/js/bootstrap.min.js"></script> </body> </html>
看下效果在登陸錯誤的時候(登陸成功會跳轉):
若是想跳轉到本身的頁面能夠這麼寫:
def login(request): #若是是GET請求 #若是是POST,檢查用戶輸入 #print request.method 來查看用戶是經過什麼方式請求的 #還有個問題:當你POST的時候,會出現問題,如今臨時解決方法是:在seetings裏註釋掉 ''' MIDDLEWARE_CLASSES = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', #'django.middleware.csrf.CsrfViewMiddleware', 註釋掉這一行 'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.auth.middleware.SessionAuthenticationMiddleware', 'django.contrib.messages.middleware.MessageMiddleware', 'django.middleware.clickjacking.XFrameOptionsMiddleware', ] ''' if request.method == 'POST': input_email = request.POST['email'] input_pwd = request.POST['pwd'] if input_email == 'luotianshuai@qq.com' and input_pwd == '123': #當登陸成功後給它跳轉,這裏須要一個模塊from django.shortcuts import redirect #成功後跳轉到指定網址 return redirect('/son/') else: #若是沒有成功,須要在頁面告訴用戶用戶名和密碼錯誤. return render(request,'login.html',{'status':'用戶名或密碼錯誤'}) #經過模板語言,來在login.html中添加一個status的替換告訴用戶<span>{{ status }}</span> return render(request,'login.html')
一、建立數據庫
一、建立model類
#/usr/bin/env python #-*- coding:utf-8 -*- from __future__ import unicode_literals from django.db import models # Create your models here. #這個類是用來生成數據庫表的,這個類必須集成models.Model class UserInfo(models.Model): #建立表的字段 email = models.CharField(max_length=16) #這個就表示去數據庫建立一個字符串類型的字段 pwd = models.CharField(max_length=32)#對於字符串類型的字段必須設置一個最大長度
二、註冊APP(在settings裏面註冊,我們上面已經註冊了,若是沒有註冊不能忘記要否則不能建立數據表)
三、執行命令
python manage.py makemigrations python manage.py migrate
這一部分至關於生成一個源,至關於一個特殊的結構。
文件內容:
# -*- coding: utf-8 -*- # Generated by Django 1.9.2 on 2016-03-11 12:46 from __future__ import unicode_literals from django.db import migrations, models class Migration(migrations.Migration): initial = True dependencies = [ ] operations = [ migrations.CreateModel( name='UserInfo', fields=[ ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), ('email', models.CharField(max_length=16)), ('pwd', models.CharField(max_length=32)), ], ), ]
而後:python manage.py migrate 會讀取這個數據庫結構生成數據庫表!
上一遍文章裏已經有建立過超級用戶,咱們能夠經過配置admin來配置後臺管理
#/usr/bin/env python #-*- coding:utf-8 -*- from django.contrib import admin # Register your models here. #導入app01模塊 from app01 import models #註冊我們建立的類,經過他來訪問 admin.site.register(models.UserInfo)
打開網頁查看:
二、增刪改查
咱們修改下代碼,讓他登陸成功以後跳轉到index頁面,而後讓index頁面返回全部的用戶信息
url:
url(r'^index/', views.index),
函數
def login(request): #若是是GET請求 #若是是POST,檢查用戶輸入 #print request.method 來查看用戶是經過什麼方式請求的 #還有個問題:當你POST的時候,會出現問題,如今臨時解決方法是:在seetings裏註釋掉 ''' MIDDLEWARE_CLASSES = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', #'django.middleware.csrf.CsrfViewMiddleware', 註釋掉這一行 'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.auth.middleware.SessionAuthenticationMiddleware', 'django.contrib.messages.middleware.MessageMiddleware', 'django.middleware.clickjacking.XFrameOptionsMiddleware', ] ''' if request.method == 'POST': input_email = request.POST['email'] input_pwd = request.POST['pwd'] if input_email == 'luotianshuai@qq.com' and input_pwd == '123': #當登陸成功後給它跳轉,這裏須要一個模塊from django.shortcuts import redirect #成功後跳轉到指定網址 return redirect('/index/') else: #若是沒有成功,須要在頁面告訴用戶用戶名和密碼錯誤. return render(request,'login.html',{'status':'用戶名或密碼錯誤'}) #經過模板語言,來在login.html中添加一個status的替換告訴用戶<span>{{ status }}</span> return render(request,'login.html')
index
def index(request): #數據庫去數據 #數據和HTML渲染 #若是想使用數據庫,須要先導入(須要在開頭導入) from app01 import models #獲取UserInfo表中的數據,下面一行語句是固定搭配 user_info_list = models.UserInfo.objects.all() #user_info 列表,列表的元素就是一行.每一行有兩個字段:一個是email 一個pwd return render(request,'index.html',{'user_info_list':user_info_list},)
而後在html中循環經過模板語言進行渲染
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Shuaige</title> </head> <body> <div> <table> <thead> <tr> <th>郵箱</th> <th>密碼</th> </tr> </thead> <tbody> {% for line in user_info_list %} <tr> <td>{{ line.email }}</td> <td>{{ line.pwd }}</td> </tr> {% endfor %} </tbody> </table> </div> </body> </html>
如今是沒有數據的咱們能夠如今後臺添加幾個:
而後登錄測試下:
二、添加數據
在index.html中在加一個表單
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Shuaige</title> </head> <body> <div> <form action="/index/" method="post"> <input type="text" name="em" /> <input type="text" name="pw" /> <input type="submit" value="添加" /> </form> </div> <div> <table> <thead> <tr> <th>郵箱</th> <th>密碼</th> </tr> </thead> <tbody> {% for line in user_info_list %} <tr> <td>{{ line.email }}</td> <td>{{ line.pwd }}</td> </tr> {% endfor %} </tbody> </table> </div> </body> </html>
函數
def index(request): #數據庫去數據 #數據和HTML渲染 #若是想使用數據庫,須要先導入(須要在開頭導入) from app01 import models if request.method =='POST': #添加數據 input_em = request.POST['em'] input_pw = request.POST['pw'] #建立數據也得用model models.UserInfo.objects.create(email=input_em,pwd=input_pw) #他就表示去建立一條數據 #獲取UserInfo表中的數據,下面一行語句是固定搭配 user_info_list = models.UserInfo.objects.all() #user_info 列表,列表的元素就是一行.每一行有兩個字段:一個是email 一個pwd return render(request,'index.html',{'user_info_list':user_info_list},)
登錄後測試:
三、查、刪除數據
要刪除確定的先找到他,經過filter去找到,而後後面加delete刪除
models.UserInfo.objects.filter(email=input_em).delete() #找到email=input_em的數據並刪除
函數
def index(request): #數據庫去數據 #數據和HTML渲染 #若是想使用數據庫,須要先導入(須要在開頭導入) from app01 import models if request.method =='POST': #添加數據 input_em = request.POST['em'] input_pw = request.POST['pw'] #建立數據也得用model #models.UserInfo.objects.create(email=input_em,pwd=input_pw) #他就表示去建立一條數據 models.UserInfo.objects.filter(email=input_em).delete() #找到email=input_em的數據並刪除 #獲取UserInfo表中的數據,下面一行語句是固定搭配 user_info_list = models.UserInfo.objects.all() #user_info 列表,列表的元素就是一行.每一行有兩個字段:一個是email 一個pwd return render(request,'index.html',{'user_info_list':user_info_list},)
效果: