這篇文章主要介紹“python開發(fā)前后端分離的好處”,在日常操作中,相信很多人在python開發(fā)前后端分離的好處問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”python開發(fā)前后端分離的好處”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習吧!
10年積累的成都網(wǎng)站制作、成都網(wǎng)站建設(shè)經(jīng)驗,可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你,你也不認識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程,更有夏縣免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
在傳統(tǒng)的Web應(yīng)用開發(fā)中,大多數(shù)的程序員會將瀏覽器作為前后端的分界線。將瀏覽器中為用戶進行頁面展示的部分稱之為前端,而將運行在服務(wù)器,為前端提供業(yè)務(wù)邏輯和數(shù)據(jù)準備的所有代碼統(tǒng)稱為后端。所謂前后端分離的開發(fā),就是前后端工程師約定好數(shù)據(jù)交互接口,并行的進行開發(fā)和測試,后端只提供數(shù)據(jù),不負責將數(shù)據(jù)渲染到頁面上,前端通過HTTP請求獲取數(shù)據(jù)并負責將數(shù)據(jù)渲染到頁面上,這個工作是交給瀏覽器中的JavaScript代碼來完成。
使用前后端分離開發(fā)有諸多的好處,下面我們簡要的說下這些好處:
提升開發(fā)效率。前后端分離以后,可以實現(xiàn)前后端代碼的解耦,只要前后端溝通約定好應(yīng)用所需接口以及接口參數(shù),便可以開始并行開發(fā),無需等待對方的開發(fā)工作結(jié)束。在這種情況下,前后端工程師都可以只專注于自己的開發(fā)工作,有助于打造出更好的團隊。除此之外,在前后端分離的開發(fā)模式下,即使需求發(fā)生變更,只要接口與數(shù)據(jù)格式不變,后端開發(fā)人員就不需要修改代碼,只要前端進行變動即可。
增強代碼的可維護性。前后端分離后,應(yīng)用的代碼不再是前后端混合,只有在運行期才會有調(diào)用依賴關(guān)系,這樣的話維護代碼的工作將變得輕松愉快很多,再不會牽一發(fā)而動全身。當你的代碼變得簡明且整潔時,代碼的可讀性和可維護性都會有質(zhì)的提升。
支持多終端和服務(wù)化架構(gòu)。前后端分離后,同一套數(shù)據(jù)接口可以為不同的終端提供服務(wù),更有助于打造多終端應(yīng)用;此外,由于后端提供的接口之間可以通過HTTP(S)進行調(diào)用,有助于打造服務(wù)化架構(gòu)(包括微服務(wù))。
接下來我們就用前后端分離的方式來改寫之前的投票應(yīng)用。
返回JSON格式的數(shù)據(jù)
剛才說過,在前后端分離的開發(fā)模式下,后端需要為前端提供數(shù)據(jù)接口,這些接口通常返回JSON格式的數(shù)據(jù)。在Django項目中,我們可以先將對象處理成字典,然后就可以利用Django封裝的JsonResponse向瀏覽器返回JSON格式的數(shù)據(jù),具體的做法如下所示。
def show_subjects(request): queryset = Subject.objects.all() subjects = [] for subject in queryset: subjects.append({ 'no': subject.no, 'name': subject.name, 'intro': subject.intro, 'isHot': subject.is_hot }) return JsonResponse(subjects, safe=False)
上面的代碼中,我們通過循環(huán)遍歷查詢學(xué)科得到的QuerySet對象,將每個學(xué)科的數(shù)據(jù)處理成一個字典,在將字典保存在名為subjects的列表容器中,最后利用JsonResponse完成對列表的序列化,向瀏覽器返回JSON格式的數(shù)據(jù)。由于JsonResponse序列化的是一個列表而不是字典,所以需要指定safe參數(shù)的值為False才能完成對subjects的序列化,否則會產(chǎn)生TypeError異常。
可能大家已經(jīng)發(fā)現(xiàn)了,自己寫代碼將一個對象轉(zhuǎn)成字典是比較麻煩的,如果對象的屬性很多而且某些屬性又關(guān)聯(lián)到一個比較復(fù)雜的對象時,情況會變得更加糟糕。為此我們可以使用一個名為bpmappers的三方庫來簡化將對象轉(zhuǎn)成字典的操作,這個三方庫本身也提供了對Django框架的支持。
安裝三方庫bpmappers。
pip install bpmappers
編寫映射器(實現(xiàn)對象到字典轉(zhuǎn)換)。
from bpmappers.djangomodel import ModelMapper from poll2.models import Subject class SubjectMapper(ModelMapper): class Meta: model = Subject
修改視圖函數(shù)。
def show_subjects(request): queryset = Subject.objects.all() subjects = [] for subject in queryset: subjects.append(SubjectMapper(subject).as_dict()) return JsonResponse(subjects, safe=False)
配置URL映射,然后訪問該接口,可以得到如下所示的JSON格式數(shù)據(jù)。
[ { "no": 101, "name": "Python全棧+人工智能", "intro": "Python是一種計算機程序設(shè)計語言。是一種面向?qū)ο蟮膭討B(tài)類型語言,最初被設(shè)計用于編寫自動化腳本(shell),隨著版本的不斷更新和語言新功能的添加,越來越多被用于獨立的、大型項目的開發(fā)。", "create_date": "2017-08-01", "is_hot": true }, // 此處省略下面的內(nèi)容 ]
如果不希望在JSON數(shù)據(jù)中顯示學(xué)科的成立時間,我們可以在映射器中排除create_date屬性;如果希望將是否為熱門學(xué)科對應(yīng)的鍵取名為isHot(默認的名字是is_hot),也可以通過修改映射器來做到。具體的做法如下所示:
from bpmappers import RawField from bpmappers.djangomodel import ModelMapper from poll2.models import Subject class SubjectMapper(ModelMapper): isHot = RawField('is_hot') class Meta: model = Subject exclude = ('create_date', 'is_hot')
再次查看學(xué)科接口返回的JSON數(shù)據(jù)。
[ { "no": 101, "name": "Python全棧+人工智能", "intro": "Python是一種計算機程序設(shè)計語言。是一種面向?qū)ο蟮膭討B(tài)類型語言,最初被設(shè)計用于編寫自動化腳本(shell),隨著版本的不斷更新和語言新功能的添加,越來越多被用于獨立的、大型項目的開發(fā)。", "isHot": true }, // 此處省略下面的內(nèi)容 ]
關(guān)于bpmappers詳細的使用指南,請參考它的官方文檔,這個官方文檔是用日語書寫的,可以使用瀏覽器的翻譯功能將它翻譯成你熟悉的語言即可。
使用Vue.js渲染頁面
關(guān)于Vue.js的知識,我們前面蠻久前的一期Python學(xué)習教程中已經(jīng)詳細的介紹過了,這里我們不再進行贅述。如果希望全面的了解和學(xué)習Vue.js,建議閱讀它的官方教程或者在YouTube上搜索Vue.js的新手教程(Crash Course)進行學(xué)習。
重新改寫subjects.html頁面,使用Vue.js來渲染頁面。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>學(xué)科</title> </head> <body> <h2>所有學(xué)科</h2> <hr> <div id="app"> <div v-for="subject in subjects"> <h4> <a :href="getTeachersHref(subject.no)">{{ subject.name }}</a> <img v-if="subject.isHot" src="/static/images/hot.png" width="32"> </h4> <p>{{ subject.intro }}</p> </div> </div> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script> <script> const app = new Vue({ el: '#app', data: { subjects: [] }, created() { fetch('/subjects/') .then(resp => resp.json()) .then(json => this.subjects = json) }, methods: { getTeachersHref(sno) { return `/static/teachers.html/?sno=${sno}` } } }) </script> </body> </html>
前后端分離的開發(fā)需要將前端頁面作為靜態(tài)資源進行部署,項目實際上線的時候,我們會對整個Web應(yīng)用進行動靜分離,靜態(tài)資源通過Nginx或Apache服務(wù)器進行部署,生成動態(tài)內(nèi)容的Python程序部署在uWSGI或者Gunicorn服務(wù)器上,對動態(tài)內(nèi)容的請求由Nginx或Apache路由到uWSGI或Gunicorn服務(wù)器上。
在開發(fā)階段,我們通常會使用Django自帶的測試服務(wù)器,如果要嘗試前后端分離,可以先將靜態(tài)頁面放在之前創(chuàng)建的放靜態(tài)資源的目錄下。
到此,關(guān)于“python開發(fā)前后端分離的好處”的學(xué)習就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習,快去試試吧!若想繼續(xù)學(xué)習更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
文章標題:python開發(fā)前后端分離的好處
文章源于:http://jinyejixie.com/article22/gpgecc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設(shè)、網(wǎng)站改版、定制網(wǎng)站、App設(shè)計、網(wǎng)站設(shè)計公司、響應(yīng)式網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)