vue獲取api接口數(shù)據(jù) 用Django做web前端如何?
用Django做web前端如何?Django是一個(gè)用Python編寫(xiě)的開(kāi)源web應(yīng)用框架,采用MVC模式,方便快捷地構(gòu)建web應(yīng)用程序;模板層用于前臺(tái)交互,采集前端發(fā)送的數(shù)據(jù);控制層用于處理用戶(hù)數(shù)據(jù),
用Django做web前端如何?
Django是一個(gè)用Python編寫(xiě)的開(kāi)源web應(yīng)用框架,采用MVC模式,方便快捷地構(gòu)建web應(yīng)用程序;
模板層用于前臺(tái)交互,采集前端發(fā)送的數(shù)據(jù);控制層用于處理用戶(hù)數(shù)據(jù),實(shí)現(xiàn)業(yè)務(wù)邏輯;模型層用于連接數(shù)據(jù)庫(kù),使數(shù)據(jù)持久化;
Django使用非常方便,集成了大部分常用功能,用戶(hù)無(wú)需處理會(huì)話(huà)、用戶(hù)登錄等應(yīng)用。
web應(yīng)用的前景是基于jQuery框架的。JQuery是用JavaScript腳本編寫(xiě)的,簡(jiǎn)化了用戶(hù)編程的難度;
在構(gòu)建web應(yīng)用程序時(shí),我使用easyUI框架,它集成了文本框、各種按鈕等大部分控件,并具有布局功能,可以快速繪制web應(yīng)用程序界面。
當(dāng)我閱讀時(shí),我使用java編寫(xiě)web應(yīng)用程序。工作之后,我接觸了Python,它簡(jiǎn)單易用,可以快速構(gòu)建應(yīng)用程序。后來(lái),我使用Django框架將我通常編寫(xiě)的小應(yīng)用程序合并到一個(gè)可視化的網(wǎng)絡(luò)運(yùn)維平臺(tái)中。
2020年了,如果現(xiàn)在做一個(gè)PC傳統(tǒng)網(wǎng)站(多頁(yè)面、符合SEO),要求要工程化,現(xiàn)在是用什么技術(shù)棧?
現(xiàn)在如果你想做一個(gè)PC端的傳統(tǒng)網(wǎng)站。前后端分離很流行。那么為什么要把前端和后端分開(kāi)呢?
因?yàn)榍懊婧秃竺鏇](méi)有分隔。我們大多數(shù)人使用MVC進(jìn)行開(kāi)發(fā)。但是有一個(gè)限制。因?yàn)槲业那岸撕秃蠖耸歉叨锐詈系?。前端?shù)據(jù)和頁(yè)面呈現(xiàn)(包括重定向)需要從后端指定。簡(jiǎn)言之,后端和前端是一對(duì)一的模式。這不利于前端形式的擴(kuò)展。
目前,隨著手機(jī)的廣泛使用,包括移動(dòng)網(wǎng)站在內(nèi)的移動(dòng)應(yīng)用越來(lái)越被公眾所接受。此時(shí),我們希望使用同一組數(shù)據(jù)來(lái)呈現(xiàn)不同的前端接口。顯然,MVC不能滿(mǎn)足這種情況。所以我們開(kāi)始開(kāi)發(fā)前端和后端分離模式。
因此,如果前端是一個(gè)PC網(wǎng)站,如果要考慮兼容性,jQuery仍然會(huì)被更多地使用。但在大多數(shù)瀏覽器都能支持相對(duì)較新的技術(shù)的背景下,我們不需要考慮太多的兼容性問(wèn)題。現(xiàn)在我們主要使用Vue進(jìn)行前端開(kāi)發(fā)。Vue的優(yōu)點(diǎn)是可以通過(guò)數(shù)據(jù)驅(qū)動(dòng)的方式組織和開(kāi)發(fā),通過(guò)MVVM模式進(jìn)行數(shù)據(jù)呈現(xiàn)和綁定。當(dāng)然,Vue還支持多頁(yè)開(kāi)發(fā)。
在后端,我們通常使用web API向前端提供數(shù)據(jù)。它的優(yōu)點(diǎn)是重量非常輕,而且與前端特別友好,效率高。另一個(gè)優(yōu)點(diǎn)是對(duì)數(shù)據(jù)的高并發(fā)性的需求不斷增加。通過(guò)前端和后端分離的模式,可以方便地進(jìn)行分布式集成部署,實(shí)現(xiàn)后端服務(wù)器的負(fù)載均衡。
綜上所述,到2020年,我們可以選擇前端和后端分離的模式,使用Vue web API模式開(kāi)發(fā)PC頁(yè)面。
vue如何跨頁(yè)面讀取內(nèi)容?
方法是使用Vue資源組件提供的一系列API:get(URL,[data],[success],[options])post(URL,[data],[success],[options])put(URL,[data],[success],[options])patch(URL,[data],[success],[options])delete(URL,[data],[success],[options])jsonp(URL,[data],[success],具體例子如下:1。導(dǎo)入vue-resource2?;谌諺ue對(duì)象,使用HTTP//通過(guò)someurl獲取后臺(tái)數(shù)據(jù),然后執(zhí)行代碼Vue.http.get獲?。ā?someurl”,[選項(xiàng)])。然后(successcallback,errorcallback)3。在Vue實(shí)例中使用$http//$http是Vue$local范圍內(nèi)的一個(gè)實(shí)例http.get獲?。ā?someUrl”,[選項(xiàng)])。Then(successcallback,errorcallback)描述:發(fā)送請(qǐng)求后,使用Then方法處理響應(yīng)結(jié)果。then方法有兩個(gè)參數(shù)。第一個(gè)參數(shù)是響應(yīng)成功時(shí)的回調(diào)函數(shù),第二個(gè)參數(shù)是響應(yīng)失敗時(shí)的回調(diào)函數(shù)。