python 全棧開發，Day86(上傳文件,上傳頭像,CBV,python讀寫Excel,虛擬環境virtualenv)
1、上傳文件
上傳一個圖片
使用input type="file"，來上傳一個文件。注意：form表單必須添加屬性enctype="multipart/form-data"css
在views.py視圖函數中，獲取文件對象,必須使用request.FILES.gethtml
新建項目upload_file，在項目中新建static文件夾，在文件夾裏面建立upload目錄，用來保存上傳的文件。python
修改settings.py，定義static路徑jquery
STATIC_URL = '/static/' STATICFILES_DIRS = ( os.path.join(BASE_DIR,'static'), )
修改urls.py，增長路徑linux
from app01 import views urlpatterns = [ path('admin/', admin.site.urls), path('index/', views.index), ]
修改views.py，增長視圖函數git
from django.shortcuts import render,HttpResponse import os from upload_file import settings # 導入settings。注意:upload_file爲項目名 # Create your views here. def index(request): if request.method == "GET": return render(request,'index.html') user = request.POST.get('user') # 獲取文件對象,必須使用request.FILES.get avatar = request.FILES.get('avatar') print(user) print(avatar,type(avatar)) print(avatar.__dict__) # 查看對象全部屬性 # 文件存儲的絕對路徑 path = os.path.join(settings.BASE_DIR, "static", "upload", avatar.name) with open(path,'wb') as f: # 將大文件分割成若干小文件處理，處理完每一個小文件後釋放該部份內存 for line in avatar.chunks(): f.write(line) # 寫入文件 return HttpResponse('上傳成功')
新建index.htmlgithub
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> {#上傳文件必須指定enctype="multipart/form-data"#} <form method="post" enctype="multipart/form-data"> {% csrf_token %} <lable>上傳圖片</lable> <input type="file" name="avatar"><br> <lable>用戶名</lable> <input type="text" name="user"> <input type="submit" value="提交"> </form> </body> </html>
啓動項目，訪問url: http://127.0.0.1:8000/index/ajax
選擇一個圖片算法
提示上傳成功django
在upload目錄，就會多出一個圖片 QQ圖片20180327153648.jpg
上傳按鈕美化
全部好看的上傳按鈕，都是通過修飾的。那麼它是如何作到的呢！原理以下：
修飾的樣式通常是用html作的，將前面的input上傳控件變成透明。
那麼用戶看到的是一個通過修飾的按鈕，實際點擊的是input上傳控件！
注意：上傳控件的尺寸和後面的html控件，大小是同樣的，好比div
舉例：
修改index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> {#上傳文件必須指定enctype="multipart/form-data"#} <form method="post" enctype="multipart/form-data"> {% csrf_token %} <div style="position: relative;display: inline-block;height: 50px;min-width: 300px;overflow: hidden;"> <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;border: 1px dotted #9d9d9d;color: #9d9d9d;line-height: 50px;padding-left: 15px;"> <i class="fa fa-cloud-upload" aria-hidden="true"></i> <span>點擊上傳文件</span> </div> {#opacity表示設置透明度，0表示徹底透明#} <input name="customer_excel" type="file" id="excelFile" style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #333333;z-index: 1001;opacity: 0;filter:alpha(opacity=0);"> </div> <div> <lable>用戶名: </lable><input type="text" name="user"> <input type="submit" value="提交"> </div> </form> <script src="/static/js/jquery.min.js"></script> <script> $(function () { {#當元素的值發生改變時，會發生 change 事件#} $('#excelFile').change(function (e) { {#event.currentTarget 屬性是在事件冒泡階段內的當前 DOM 元素，一般等於 this#} {#:file 選擇器選取帶有 type=file 的 input 元素#} {#0表示獲取第一個元素,name表示獲取文件名#} var fileName = e.currentTarget.files[0].name; {#prev() 得到匹配元素集合中每一個元素緊鄰的前一個同胞元素，經過選擇器進行篩選是可選的#} {#$(this)表示上傳控件,那麼它前一個同胞元素爲div style="position:...#} {#find() 方法得到當前元素集合中每一個元素的後代，經過選擇器、jQuery 對象或元素來篩選。#} {#text() 方法方法設置或返回被選元素的文本內容#} $(this).prev().find('span').text(fileName); }) }) </script> </body> </html>
從新訪問網頁，效果以下：
從新上傳一個圖片，效果以下：
點擊提交，提示上傳成功！
這個是重點，考試必考！
2、上傳頭像
通常作上傳頭像功能，會有一個預覽效果。總共有4種方法：
- createObjectURL
- FileReader
- FormData
- iframe
前2種，是在瀏覽器端能夠作圖片預覽，沒有上傳圖片到服務器！
後2種，圖片須要上傳到服務器。
兼容性效果對比： iframe > FormData > FileReader -> createObjectURL
iframe的兼容性是最好的，即便ie6也支持。FormData對瀏覽器，有必定要求
參考兼容性：
- https://developer.mozilla.org/zh-CN/docs/Web/API/URL/createObjectURL
- https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader
- https://developer.mozilla.org/zh-CN/docs/Web/API/FormData
createObjectURL
舉例：
修改urls.py，增長路徑
urlpatterns = [ path('admin/', admin.site.urls), path('index/', views.index), path('upload_file/', views.upload_file), ]
修改views.py，增長視圖函數
def upload_file(request): if request.method == "GET": print(11) return render(request,'upload_file.html') user = request.POST.get('user') avatar = request.FILES.get('avatar') # 文件存儲的絕對路徑 path = os.path.join(settings.BASE_DIR, "static", "upload", avatar.name) with open(path,'wb') as f: for line in avatar.chunks(): f.write(line) return HttpResponse('上傳成功')
建立upload_file.html，注意：不是全部瀏覽器都有createObjectURL
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form method="post" enctype="multipart/form-data"> {% csrf_token %} <div style="height: 100px;width: 100px;padding: 2px;border: 1px solid #dddddd;position: relative;"> <img style="height: 100%;width: 100%;border: 0;overflow: hidden;border-radius: 50%;" id="previewImg" src="/static/images/default.png"> <input style="top: 0;left: 0;right: 0;bottom: 0;opacity: 0;position: absolute;z-index: 102;" id="avatarImg" name="avatar" type="file" class="img-file"/> </div> <div>點擊圖片更換(<a href="#">撤銷</a>)</div> <lable>用戶名:</lable> <input type="text" name="user"> <input type="submit" value="提交"> </form> <script src="/static/js/jquery.min.js"></script> <script> {#瀏覽器加載資源完成後#} $(function () { {#執行函數#} bindChangeAvatar1(); }); function bindChangeAvatar1() { {#綁定change事件#} $('#avatarImg').change(function () { {#$(this)表示input上傳控件,0表示第一個元素#} {#files[0] 獲取file input中的File對象#} var file_obj = $(this)[0].files[0]; console.log(file_obj); {#經過createObjectURL讀取對象,生成url#} var blob = window.URL.createObjectURL(file_obj); {#修改src的值#} document.getElementById('previewImg').src = blob; {#load() 當資源加載完成以後纔會執行#} $('#previewImg').load(function () { {#revokeObjectURL釋放對象#} window.URL.revokeObjectURL(blob); }) }) } </script> </body> </html>
訪問url: http://127.0.0.1:8000/upload_file/
上傳一個圖片
點擊提交，提示上傳成功
在upload目錄，會有一個文件 QQ圖片20180327153648.jpg
FileReader
舉例：
修改upload_file.html裏面的js代碼便可，readAsDataURL也有兼容問題
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form method="post" enctype="multipart/form-data"> {% csrf_token %} <div style="height: 100px;width: 100px;padding: 2px;border: 1px solid #dddddd;position: relative;"> <img style="height: 100%;width: 100%;border: 0;overflow: hidden;border-radius: 50%;" id="previewImg" src="/static/images/default.png"> <input style="top: 0;left: 0;right: 0;bottom: 0;opacity: 0;position: absolute;z-index: 102;" id="avatarImg" name="avatar" type="file" class="img-file"/> </div> <div>點擊圖片更換(<a href="#">撤銷</a>)</div> <lable>用戶名:</lable> <input type="text" name="user"> <input type="submit" value="提交"> </form> <script src="/static/js/jquery.min.js"></script> <script> $(function () { bindChangeAvatar2(); }); function bindChangeAvatar2() { $('#avatarImg').change(function () { var file_obj = $(this)[0].files[0]; //使用fileReader對文件對象進行操做 var reader = new FileReader(); //readAsDataURL 將文件讀取爲 DataURL reader.readAsDataURL(file_obj); //onload 事件會在頁面或圖像加載完成後當即發生 reader.onload = function (e) { // 修改src屬性 $('#previewImg')[0].src = this.result; }; }) } </script> </body> </html>
上傳一個圖片
點擊提交，提示上傳成功
在upload目錄，會有一個文件 59fffde43ed74.jpg
FormData
上面的保存圖片方式有問題，由於用戶上傳的圖片，可能會重名。爲了解決這個問題，須要使用uuid模塊。
uuid
UUID是128位的全局惟一標識符，一般由32字節的字符串表示。
它能夠保證時間和空間的惟一性，也稱爲GUID，全稱爲：
UUID —— Universally Unique IDentifier。Python 中叫 UUID
它經過MAC地址、時間戳、命名空間、隨機數、僞隨機數來保證生成ID的惟一性。
UUID主要有五個算法，也就是五種方法來實現：
1、uuid1()——基於時間戳 由MAC地址、當前時間戳、隨機數生成。能夠保證全球範圍內的惟一性， 但MAC的使用同時帶來安全性問題，局域網中可使用IP來代替MAC。 2、uuid2()——基於分佈式計算環境DCE（Python中沒有這個函數） 算法與uuid1相同，不一樣的是把時間戳的前4位置換爲POSIX的UID。 實際中不多用到該方法。 3、uuid3()——基於名字的MD5散列值 經過計算名字和命名空間的MD5散列值獲得，保證了同一命名空間中不一樣名字的惟一性， 和不一樣命名空間的惟一性，但同一命名空間的同一名字生成相同的uuid。 4、uuid4()——基於隨機數 由僞隨機數獲得，有必定的重複機率，該機率能夠計算出來。 五、uuid5()——基於名字的SHA-1散列值 算法與uuid3相同，不一樣的是使用 Secure Hash Algorithm 1 算法
使用方面：
首先，Python中沒有基於DCE的，因此uuid2能夠忽略；
其次，uuid4存在機率性重複，由無映射性，最好不用；
再次，若在Global的分佈式計算環境下，最好用uuid1；
最後，如有名字的惟一性要求，最好用uuid3或uuid5。
編碼方法：
# -*- coding: utf-8 -*- import uuid name = "test_name" namespace = "test_namespace" print(uuid.uuid1()) # 帶參的方法參見Python Doc print(uuid.uuid3(namespace, name)) print(uuid.uuid4()) print(uuid.uuid5(namespace, name))
修改urls.py，增長路徑form_data_upload，用來和ajax交互的
urlpatterns = [ path('admin/', admin.site.urls), path('index/', views.index), path('upload_file/', views.upload_file), path('form_data_upload/', views.form_data_upload), ]
修改upload_file視圖函數，使用uuid，完整代碼以下：
import os import json import uuid from django.shortcuts import render,HttpResponse from upload_file import settings # 導入settings。注意:upload_file爲項目名 # Create your views here. def index(request): if request.method == "GET": return render(request,'index.html') user = request.POST.get('user') # 獲取文件對象,必須使用request.FILES.get avatar = request.FILES.get('avatar') print(user) print(avatar,type(avatar)) print(avatar.__dict__) # 查看對象全部屬性 # 文件存儲的絕對路徑 path = os.path.join(settings.BASE_DIR, "static", "upload", avatar.name) with open(path,'wb') as f: # 將大文件分割成若干小文件處理，處理完每一個小文件後釋放該部份內存 for line in avatar.chunks(): f.write(line) # 寫入文件 return HttpResponse('上傳成功') def upload_file(request): if request.method == "GET": return render(request, 'upload_file.html') # 直接獲取圖片地址便可，由於ajax已經將圖片上傳了 avatar = request.POST.get('avatar') user = request.POST.get('user') print(avatar,user) return HttpResponse("上傳成功") def form_data_upload(request): """ ajax上傳文件 :param request: :return: """ img_upload = request.FILES.get('img_upload') # 獲取文件對象 # 生成隨機文件名 file_name = str(uuid.uuid4()) + "." + img_upload.name.rsplit('.', maxsplit=1)[1] # 文件保存到static下的images目錄 img_file_path = os.path.join('static', 'images', file_name) with open(img_file_path, 'wb') as f: # 寫入問題 for line in img_upload.chunks(): f.write(line) # 由於ajax發送的圖片路徑的static前面沒有帶/，因此這裏要拼接一下 return HttpResponse(os.path.join("/",img_file_path))
修改upload_file.html，要所有修改
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> {% csrf_token %} <div style="height: 100px;width: 100px;padding: 2px;border: 1px solid #dddddd;position: relative;"> <img style="height: 100%;width: 100%;border: 0;overflow: hidden;border-radius: 50%;" id="previewImg" src="/static/images/default.png"> <input style="top: 0;left: 0;right: 0;bottom: 0;opacity: 0;position: absolute;z-index: 102;" id="avatarImg" name="avatar_img" type="file" class="img-file"/> </div> <div>點擊圖片更換(<a href="#">撤銷</a>)</div> <form method="post" enctype="multipart/form-data"> {% csrf_token %} <div> <input type="hidden" name="avatar" id="avatar"> <input type="text" name="user"> <input type="submit" value="提交"> </div> </form> <script src="/static/js/jquery.min.js"></script> <script> $(function () { bindChangeAvatar3(); }); function bindChangeAvatar3() { $('#avatarImg').change(function () { var csrf = $("[name=csrfmiddlewaretoken]").val(); var file_obj = $(this)[0].files[0]; var formdata = new FormData(); formdata.append('img_upload', file_obj); formdata.append("csrfmiddlewaretoken",csrf); $.ajax({ url: '/form_data_upload/', type:'POST', data: formdata, processData: false, // tell jQuery not to process the data contentType: false, // tell jQuery not to set contentType success: function (arg) { // 給img標籤設置src屬性，預覽 console.log(arg); $('#previewImg').attr('src',arg); console.log(arg); var avatar = $('#avatar').val(arg); console.log(avatar); //打印頭像地址,用於後續表單提交 } }) }) } </script> </body> </html>
訪問網頁，上傳一張圖片
點擊提交，提示上傳成功
查看upload目錄，會多一個文件 d405ecde-59bc-40f0-a2eb-c8dfe8c8645f.jpg
注意：form_data_upload和upload_file雖然都處理了POST數據。可是它們接收的數據是不同的！
用戶點擊上傳時，走form_data_upload視圖函數，將圖片上傳到服務器
用戶點擊提交時，將服務器的圖片url地址和用戶名提交給upload_file視圖函數。
爲何呢？由於用戶點擊上傳時，已經將圖片上傳到服務器了。因此點擊提交按鈕時，須要再將圖片上傳一次。
只須要將圖片的url地址傳給服務器便可！
iframe
全部瀏覽器都支持 <iframe> 標籤，它是兼容性最好的一種方式
iframe 元素會建立包含另一個文檔的內聯框架（即行內框架）
舉例：內嵌汽車之家
建立文件iframe.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <iframe style="width: 960px;height: 800px;" src="https://www.autohome.com.cn/beijing/" frameborder="0"></iframe> </body> </html>
直接使用谷歌瀏覽器打開，效果以下：
它直接內嵌了一個網頁，若是width和height設置合理的話，打開網頁，將會和汽車直接，是一摸同樣的。
舉例2：輸入什麼地址，就跳轉什麼地址
修改iframe.html，增長一個輸入框，加入一段js代碼。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="text" id="addr"> <input type="submit" onclick="changeUrl()" value="訪問"> <iframe id="ifr" style="width: 960px;height: 800px;" src="https://www.autohome.com.cn/beijing/" frameborder="0"></iframe> <script> function changeUrl() { //獲取輸入框的值 var addr = document.getElementById("addr").value; //修改iframe的src的值 document.getElementById("ifr").src = addr; } </script> </body> </html>
訪問頁面，效果以下：
注意：總體頁面並無刷新，只是iframe裏面刷新了！
它有2個應用場景：
1. iframe標籤
能夠修改src，且頁面不刷新
2. form表單
提交表單數據，但刷新數據
修改urls.py，增長路徑
urlpatterns = [ path('admin/', admin.site.urls), path('index/', views.index), path('upload_file/', views.upload_file), path('form_data_upload/', views.form_data_upload), path('iframe_upload_img/', views.iframe_upload_img), path('upload_iframe/', views.upload_iframe), ]
修改views.py，增長視圖函數
def iframe_upload_img(request): if request.method == "GET": return render(request,'iframe_upload_img.html') USER_LIST = [] # 空列表 user = request.POST.get('user') pwd = request.POST.get('pwd') avatar = request.POST.get('avatar') # 最加到列表中 USER_LIST.append( { 'user':user, 'pwd':pwd, 'avatar':avatar } ) return HttpResponse("上傳成功") def upload_iframe(request): # iframe post提交 ret = {'status':True,'data':None} try: avatar = request.FILES.get('avatar') file_name = str(uuid.uuid4()) + "." + avatar.name.rsplit('.', maxsplit=1)[1] img_file_path = os.path.join('static', 'upload', file_name) with open(img_file_path, 'wb') as f: for line in avatar.chunks(): f.write(line) ret['data'] = os.path.join("/",img_file_path) except Exception as e: ret['status'] = False ret['error'] = '上傳失敗' return HttpResponse(json.dumps(ret))
增長iframe_upload_img.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style="height: 100px;width: 100px;padding: 2px;border: 1px solid #dddddd;position: relative;"> <iframe style="display: none;" id="ifr" name="fffff"></iframe> <form method="POST" action="/upload_iframe/" enctype="multipart/form-data" target="fffff"> {% csrf_token %} <img style="height: 100px;width: 100px;border: 0;overflow: hidden;border-radius: 50%;" id="prevImg" src="/static/images/default.png"> <input style="top: 0;left: 0;right: 0;bottom: 0;opacity: 0;position: absolute;z-index: 102;" id="avatar" name="avatar" type="file" class="img-file"/> </form> </div> <form method="post" action="/iframe_upload_img/"> {% csrf_token %} <input type="text" name="avatar" id="formAvatar" style="display: none"> <input type="text" name="user" placeholder="請輸入用戶名"> <input type="submit" value="提交"> </form> <script src="/static/js/jquery.min.js"></script> <script> $(function () { bindChangeAvatar4(); }); function bindChangeAvatar4() { $('#avatar').change(function () { //parent該變量指的是包含當前分割窗口的父窗口 $(this).parent().submit(); //onload 事件會在頁面或圖像加載完成後當即發生 $('#ifr')[0].onload = function (){ //獲取post返回值,好比{"status": true, "data": "/static\\upload\\bc72823e-b274-4a76-8ec2-af844a738959.jpg"} var iframeContents = $('#ifr')[0].contentWindow.document.body.innerText; console.log(iframeContents); //反向序列化數據 iframeContents = JSON.parse(iframeContents); if (iframeContents.status) { //修改圖片的src屬性 $('#prevImg').attr('src', iframeContents.data); //修改隱藏輸入框的值 $('#formAvatar').val(iframeContents.data); } } }) } </script> </body> </html>
訪問url： http://127.0.0.1:8000/iframe_upload_img/
上傳一個圖片
點擊提交，提示上傳成功
查看upload目錄，會多一個文件 de83205e-2e8b-4839-a1c4-19656df9c49f.jpg
總結：
1. 在瀏覽器端能夠作圖片預覽 - createObjectURL - FileReader 2. 使用Ajax上傳文件： - FormData對象 3. 僞ajax上傳文件： - iframe - form 4. 圖片預覽 本質就是修改img的src數據 5. 使用場景： a. 文件上傳 - FormData對象 - iframe b. 圖片預覽 - createObjectURL、FileReader - iframe
文件上傳場景：
假如是政府，或者傳統企業，使用最後一種
假如是互聯網企業，使用第3種！
3、CBV
CBV（class base views） 就是在視圖裏使用類處理請求
以前咱們寫的視圖函數，都是FBV（function base views）
路徑url的配置
cbv 顧名知義就是經過類的方法來調用，咱們在url中配置爲以下路徑
path('user/', views.UserView.as_view()),
這裏的UserView是一個class 類，View不是必須的。通常約定成俗，會加一個View！
要想使用此方法，這個路徑後面還得必須有一個as_view()這個是必須的固定格式
views裏面函數的格式
在views裏面配置類，須要導入一個模塊View
from django.views import View #這裏必需要繼承View這個類，只有繼承了這個url那裏的as_view()纔會有這個方法 class UserView(View): def get(self, request): return HttpResponse('cbv-get') def post(self, request): return HttpResponse('cbv-post')
注意：get和post的方法名，必須是小寫。由於在源碼中，使用了request.method.lower()，經過反射來找到類中的方法！
詳情請參考下面的內容
get方式訪問
post方式訪問
login登錄頁面
修改views.py
from django.views import View #這裏必需要繼承View這個類，只有繼承了這個url那裏的as_view()纔會有這個方法 class UserView(View): def get(self, request): # return HttpResponse('cbv-get') return render(request, 'login.html') # 發送到login.html def post(self, request): return HttpResponse('cbv-post')
新建login.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="" method="post"> {% csrf_token %} <input type="text" name="username"> <input type="submit" value="提交"> </form> </body> </html>
訪問頁面，點擊提交
輸出：
這裏經過查看View的源碼，能夠看到裏面會有不少種提交方法 http_method_names = ['get', 'post', 'put', 'patch', 'delete', 'head', 'options', 'trace'] 使用ajax的時候這些方法都是可使用的。
cbv匹配原理
這種根據url來匹配方法的是經過反射方法（getattr）來作的。請求過來後先走dispatch這個方法，這個方法存在View類中。
def dispatch(self, request, *args, **kwargs): # Try to dispatch to the right method; if a method doesn't exist, # defer to the error handler. Also defer to the error handler if the # request method isn't on the approved list. if request.method.lower() in self.http_method_names: handler = getattr(self, request.method.lower(), self.http_method_not_allowed) else: handler = self.http_method_not_allowed return handler(request, *args, **kwargs)
request.method.lower() 將請求方式變成小寫。經過反射來找到類中對應的方法！
全部的框架，本質都是經過請求方式，反射不一樣的函數！
因此CBV的本質，實際仍是用的FBV，只不過了類封裝而已！
定製dispatch
若是須要批量對方法，例如get，post等方法作一些操做的時候，這裏咱們能夠手動寫一個dispatch，這個dispatch就和裝飾器的效果同樣。由於請求來的時候老是先走的dispatch。
from django.views import View #這裏必需要繼承View這個類，只有繼承了這個url那裏的as_view()纔會有這個方法 class UserView(View): def dispatch(self, request, *args, **kwargs): print('操做前的代碼...') obj = super(UserView, self).dispatch(request, *args, **kwargs) print('操做後的代碼...') return obj def get(self, request): # return HttpResponse('cbv-get') return render(request, 'login1.html') # 發送到login.html def post(self, request): return HttpResponse('cbv-post')
此次咱們再經過瀏覽器訪問的時候，發現無論get或者post方法，都會走print代碼
4、python讀寫Excel
python操做excel主要用到xlrd和xlwt這兩個庫，即xlrd是讀excel，xlwt是寫excel的庫。
須要安裝2個模塊
pip3 install xlrd
pip3 install xlwt
讀excel-->xlrd
新建一個excel，文件名爲fruits.xlsx，內容以下：
拋開django框架，新建一個test.py文件
import xlrd #打開excel文件，建立一個workbook對象,book對象也就是fruits.xlsx文件,表含有sheet名 rbook=xlrd.open_workbook(r'C:\Users\xiao\Desktop\fruits.xlsx') #sheets方法返回對象列表,[<xlrd.sheet.Sheet object at 0x103f147f0>] rbook.sheets() # xls默認有3個工做簿,Sheet1,Sheet2,Sheet3 rsheet=rbook.sheet_by_index(0) # 取第一個工做簿 #獲取總行數 rows=rsheet.nrows #獲取總列數 cols=rsheet.ncols print('行數：',rows,'列數',cols) #經過cell的位置座標取得cell值 cell=rsheet.cell(0,0) print('0,0座標的值是：',cell.value) print('3,1座標的值是：',rsheet.cell(3,1).value) #取得第二行的值,參數是（行數，起點，終點） row1=rsheet.row_values(1) print('第一行的值是：',row1)
執行輸出：
行數： 4 列數 2
0,0座標的值是： 名稱
3,1座標的值是： 0.5
第一行的值是： ['西瓜', 0.3]
注意：a1單元格的座標爲0,0。在xlrd模塊裏面，座標都是數字，因此不能用a1表示。
座標以下：
A，B，C縱座標分別爲0,1,2
因此3,1座標的值是最後一行的價格，也就是0.5
循環工做簿的全部行和列
在末尾增長如下代碼
# 循環工做簿的全部行 for row in rsheet.get_rows(): # 循環一行的全部列 for col in row: # 獲取一個單元格中的值 print(col.value)
執行輸出：
名稱
價格/斤
西瓜
0.3
臍橙
3.5
黃金梨
0.5
寫excel-->xltw
import xlwt f = xlwt.Workbook() sheet1 = f.add_sheet('學生',cell_overwrite_ok=True) row0 = ["姓名","年齡","出生日期","愛好"] colum0 = ["張三","李四","王五"] #寫第一行 for i in range(0,len(row0)): sheet1.write(0,i,row0[i]) #寫第一列 for i in range(0,len(colum0)): sheet1.write(i+1,0,colum0[i]) # 寫入一行數據 sheet1.write(1,1,"23") sheet1.write(1,2,"1990") sheet1.write(1,3,"女") f.save('test.xls')
執行程序，查看excel文件
OpenPyXL
因爲xlrd不能對已存在的xlsx文件，進行修改！因此必須使用OpenPyXL
OpenPyXL：較好的支持對xlsx文件的修改，功能比較強大，適用於須要處理XLSX文件，須要修改XLSX文件中的值，最後生成xlsx。openpyxl（可讀寫excel表）專門處理Excel2007及以上版本產生的xlsx文件，xls和xlsx之間轉換容易
注意：若是文字編碼是「gb2312」 讀取後就會顯示亂碼，請先轉成Unicode。
官網上最推薦的是openpyxl：
綜上，因此選擇使用OpenPyX來作一個修改excel的小程序。
OpenPyXL的官網參考：
https://openpyxl.readthedocs.io/en/latest/usage.html
https://openpyxl.readthedocs.io/en/stable/
一、OpenPyXL模塊的安裝
pip3 install openpyxl
二、快速實現xlsx文件的單元格修改
舉例：增長一列地區，並增長相應的值
from openpyxl import load_workbook #excel文件絕對路徑 file_home = r'C:\Users\xiao\Desktop\fruits.xlsx' wb = load_workbook(filename= file_home) # 打開excel文件 sheet_ranges = wb['Sheet1'] print(sheet_ranges['A1'].value) # 打印A1單元格的值 ws = wb['Sheet1'] #根據Sheet1這個sheet名字來獲取該sheet ws["C1"] = '地區' #修改C1的值爲LJK5679842 ws['C2'] = '湖北' ws['C3'] = '雲南' ws['C4'] = '四川' wb.save(file_home) #保存修改後的excel
執行代碼，查看excel文件
5、虛擬環境virtualenv
windows 安裝
安裝模塊virtualenv
pip3 install virtualenv
安裝純淨環境
–no-site-packages表示不包括系統全局的Python安裝包，這樣會更令環境更乾淨
E:\python_script>virtualenv --no-site-packages pure_venv Using base prefix 'c:\\python35' New python executable in E:\python_script\pure_venv\Scripts\python.exe Installing setuptools, pip, wheel...done.
E:\python_script>cd pure_venv
E:\python_script\pure_venv>cd Scripts
激活虛擬環境
E:\python_script\pure_venv\Scripts>activate.bat
查看當前模塊列表
(pure_venv) E:\python_script\pure_venv\Scripts>pip3 list Package Version ---------- ------- pip 10.0.1 setuptools 40.0.0 wheel 0.31.1
安裝指定版本的django
(pure_venv) E:\python_script\pure_venv\Scripts>pip3 install django==1.11
打開Pcharm，新建一個django項目
點擊...
選擇虛擬環境，點擊...
選擇虛擬目錄的python.exe
選擇剛纔添加的虛擬環境
建立項目以後，發現url就是老版本的了！
pip安裝包臨時指定 從國內的清華pip源下載：
pip install django==1.11.11 -i https://pypi.tuna.tsinghua.edu.cn/simple
將虛擬環境的依賴包關係導出到requirements.txt
pip freeze > requirements.txt
注意：約定成熟使用requirements.txt，一些開源的django項目，裏面通常使用這個名字！
查看requirements.txt文件，內容以下：
Django==1.11.11 pytz==2018.5
若是須要按照 requirements.txt 安裝項目依賴的第三方包，使用命令：
pip install -r requirements.txt
新建一個虛擬環境，測試一下，就能夠了！
linux安裝
# 安裝virtualenv /usr/local/python3.5/bin/pip3 install virtualenv # 建立虛擬目錄 mkdir /virtualenvs cd /virtualenvs # 建立虛擬環境 # -p 指定python版本 # –no-site-packages表示不包括系統全局的Python安裝包，這樣會更令環境更乾淨 /usr/local/python3.5/bin/virtualenv -p /usr/local/python3.5/bin/python3.5 --no-site-packages venv
指定豆瓣源
#建立目錄 mkdir ~/.pip # 編輯配置文件 vi ~/.pip/pip.conf
內容以下：
[global] index-url = http://pypi.douban.com/simple trusted-host = pypi.douban.com
安裝相關模塊
# django指定版本爲1.11 /virtualenvs/venv/bin/pip3 install django==1.11 # rest-framework /virtualenvs/venv/bin/pip3 install djangorestframework # 監控內存模塊 /virtualenvs/venv/bin/pip3 install memory_profiler
做業：
1.客戶表，放到excel文件中。使用excel上傳，將數據導入到數據中！
2.增長登陸頁面
答案：
1.excel文件上傳
新建一個excel文件，好比客戶表.xlsx，內容以下：
新建一個項目excel_upload
操做excel，須要安裝2個模塊。xlrd用來讀取，xlwt用來寫入！
pip3 install xlrd
pip3 install xlwt
修改settings.py，增長static路徑
STATIC_URL = '/static/' STATICFILES_DIRS = ( os.path.join(BASE_DIR,'static'), )
新建目錄static，在裏面建立2個目錄，js和file。file用來存放上傳的excel文件
將jquery.min.js放到js目錄中！
修改models.py，增長客戶表模型
from django.db import models # Create your models here. class Customer(models.Model): name = models.CharField(max_length=32,verbose_name="姓名") age = models.IntegerField(verbose_name="年齡") email = models.CharField(max_length=32,verbose_name="郵箱") company = models.CharField(max_length=32,verbose_name="公司")
使用2個命令，生成表
python manage.py makemigrations
python manage.py migrate
修改urls.py，增長2個路徑
from app01 import views urlpatterns = [ path('admin/', admin.site.urls), path('upload_file/', views.upload_file), path('index/', views.index), ]
修改views.py，增長視圖函數
import os import uuid import xlrd from app01 import models from excel_upload import settings from django.shortcuts import render, HttpResponse, redirect from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger # Create your views here. def upload_file(request): # 上傳文件 if request.method == "GET": return render(request, 'upload_file.html') user = request.POST.get('user') file_upload = request.FILES.get('customer_excel') # 獲取excel文件對象 # 判斷上傳的文件後綴 if file_upload.name.rsplit('.', maxsplit=1)[1] not in ['xls','xlsx']: return HttpResponse('上傳失敗,只能上傳xls格式') # 生成惟一的文件名 file_name = str(uuid.uuid4()) + '.' + file_upload.name.rsplit('.', maxsplit=1)[1] # 拼接路徑 img_file_path = os.path.join('static', 'files', file_name) print(img_file_path) with open(img_file_path, 'wb') as f: # 寫入文件 for line in file_upload.chunks(): f.write(line) # 拼接excel文件的絕對路徑 file_path = os.path.join(settings.BASE_DIR, img_file_path) print(file_path) # 打開excel表 data = xlrd.open_workbook(file_path) table = data.sheet_by_index(0) # 讀取第一個sheet nrows = table.nrows # 得到總行數 date_list = [] # 定義空列表，用來批量插入 try: for i in range(1, nrows): # 讀取每一行數據 rows = table.row_values(i) # 行的數據放在數組裏 # 生成對象 obj_list = models.Customer(name=rows[0], age=rows[1], email=rows[2], company=rows[3], ) # 追加到列表中 date_list.append(obj_list) # 使用bulk_create批量插入 models.Customer.objects.bulk_create(date_list) except Exception as e: return HttpResponse('批量添加失敗{}'.format(e)) return redirect('/index/') # 跳轉首頁 def index(request): # 首頁展現數據 customer_list = models.Customer.objects.all() # 讀取表中的全部數據 # print() paginator = Paginator(customer_list, 20) # 每頁顯示2條 # 異常判斷 try: # 當前頁碼，若是取不到page參數，默認爲1 current_num = int(request.GET.get("page", 1)) # 當前頁碼 customer_list = paginator.page(current_num) # 獲取當前頁碼的數據 except EmptyPage: # 頁碼不存在時,報EmptyPage錯誤 customer_list = paginator.page(1) # 強制更新爲第一頁 # 若是頁數十分多時，換另一種顯示方式 if paginator.num_pages > 9: # 通常網頁展現11頁,左5頁,右5頁,加上當前頁,共11頁 if current_num - 4 < 1: # 若是前5頁小於1時 pageRange = range(1, 9) # 頁碼的列表:範圍是初始狀態 elif current_num + 4 > paginator.num_pages: # 若是後5頁大於總頁數時 # 頁碼的列表:範圍是(當前頁-5,總頁數+1)。由於range顧頭不顧尾,須要加1 pageRange = range(current_num - 4, paginator.num_pages + 1) else: # 頁碼的列表:後5頁正常時,頁碼範圍是(當前頁-5,當前頁+6)。注意不是+5,由於range顧頭不顧尾！ pageRange = range(current_num - 4, current_num + 5) else: pageRange = paginator.page_range # 頁碼的列表 data = {"customer_list": customer_list, "paginator": paginator, "current_num": current_num, "pageRange": pageRange} return render(request, "index.html", data)
建立文件index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"> </head> <body> {#數據展現#} <div class="container"> <div class="row"> <div class="col-md-8"> <table class="table table-bordered"> <thead> <tr> <th>編號</th> <th>姓名</th> <th>年齡</th> <th>郵箱</th> <th>公司</th> </tr> </thead> <tbody> {% for customer in customer_list %} <tr> <th scope="row">{{ forloop.counter }}</th> <td>{{ customer.name }}</td> <td>{{ customer.age }}</td> <td>{{ customer.email }}</td> <td>{{ customer.company }}</td> </tr> {% endfor %} </tbody> </table> {#分頁展現#} <nav aria-label="Page navigation"> <ul class="pagination"> <li><a href="?page=1" aria-label="Previous"><span aria-hidden="true">首頁</span></a></li> {#has_previous 判斷是否有上一頁#} {% if customer_list.has_previous %} {#previous_page_number 上一頁的頁碼#} <li><a href="?page={{ customer_list.previous_page_number }}" aria-label="Previous"><span aria-hidden="true">上一頁</span></a></li> {% else %} {#class="disabled" 禁止用戶點擊#} <li class="disabled"><a href="" aria-label="Previous"><span aria-hidden="true">上一頁</span></a> </li> {% endif %} {#遍歷頁碼的列表#} {% for i in pageRange %} {#判斷當前頁碼數等於底部頁碼時#} {% if current_num == i %} {#增長class,加深按鈕#} <li class="active"><a href="?page={{ i }}">{{ i }}</a></li> {% else %} {#href參數爲簡寫,它會自動獲取當前路徑，並拼接參數#} <li><a href="?page={{ i }}">{{ i }}</a></li> {% endif %} {% endfor %} {#has_next 判斷是否有下一頁#} {% if customer_list.has_next %} {#next_page_number 下一頁的頁碼#} <li><a href="?page={{ customer_list.next_page_number }}" aria-label="Next"><span aria-hidden="true">下一頁</span></a></li> {% else %} {#class="disabled" 禁止用戶點擊#} <li class="disabled"><a href="" aria-label="Next"><span aria-hidden="true">下一頁</span></a></li> {% endif %} <li><a href="?page={{ paginator.num_pages }}" aria-label="Next"><span aria-hidden="true">最後一頁</span></a> </li> </ul> </nav> </div> </div> </div> </body> </html>
建立文件upload_file.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form method="post" enctype="multipart/form-data"> {% csrf_token %} <div style="position: relative;display: inline-block;height: 50px;min-width: 300px;overflow: hidden;"> <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;border: 1px dotted #9d9d9d;color: #9d9d9d;line-height: 50px;padding-left: 15px;"> <i class="fa fa-cloud-upload" aria-hidden="true"></i> <span>點擊上傳文件</span> </div> <input name="customer_excel" type="file" id="excelFile" style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #333333;z-index: 1001;opacity: 0;filter:alpha(opacity=0);"> </div> <div> <input type="text" name="user"> <input type="submit" value="提交"> </div> </form> <script src="/static/js/1jquery.min.js"></script> <script> !window.jQuery && alert('jQuery未導入!請確認路徑是否正確'); $(function () { $('#excelFile').change(function (e) { var fileName = e.currentTarget.files[0].name; $(this).prev().find('span').text(fileName); }) }) </script> </body> </html>
啓動django項目，訪問頁面
上傳一個excel文件
成功後，會跳轉首頁
2.登陸頁面
建立超級用戶
python manage.py createsuperuser
完整代碼在github:
https://github.com/987334176/excel_upload
登陸效果以下：
相關文章
- 1. virtualenv-python虛擬開發環境
- 2. 文件上傳-------頭像上傳預覽
- 3. Python虛擬環境——virtualenv
- 4. Python之虛擬環境【virtualenv】
- 5. python虛擬環境--virtualenv
- 6. python虛擬環境--virtualenv、virtualenvwrapper
- 7. python虛擬環境 -- virtualenv , virtualenvwrapper
- 8. python虛擬環境 virtualenv
- 9. python虛擬環境virtualenv
- 10. python的虛擬環境virtualenv
- 更多相關文章...
- • PHP 文件上傳 - PHP教程
- • SQLite - Python - SQLite教程
- • Tomcat學習筆記（史上最全tomcat學習筆記）
- • PHP開發工具
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
相關文章