實戰：基於django＋nuxt前後端分離的web產品架構

現在講全棧，那必然繞不開前端。js一直是後端人員比較頭疼的。

但隨著前端的工程化，數據驅動型的框架比如vue,angular框的普及，前端的繁瑣程度也大大下降。

SPA(單頁應用)之前web有個天然的問題就是SEO，但其實只要用了vue/angular就是js驅動，本身seo效果也大打折扣就了了。這就有了服務端渲染（SSR）的出現。NUXT是一個很好的選擇。

它整合了vue.js常用的組件，而且做了很多路由的約定，在vue項目的基礎上，進一步簡化了項目開化流程。而且對SEO也是友好的。按官網上基礎步驟，直接就可以得到一個起步的網站，如下圖：

django做為後端，天然帶後台管理系統，這個相當方便。但介面還需要一個個封閉。為追求極簡的開發體驗，引入djangorestframework。直接model驅動生成api。

在setting.py里配置：

INSTALLED_APPS = [

...

"rest_framework"

]

django默認有用戶數據表，我們把用戶數據表介面化。

url(r"^", include(router.urls)),

url(r"^api-auth/", include("rest_framework.urls",namespace="rest_framework")),

adminx是django一個升級/美化版本的後台，加了一些數據篩選的功能，也很不錯。

關於作者：魏佳斌，互聯網產品/技術總監，北京大學光華管理學院（MBA）,特許金融分析師（CFA），資深產品經理/碼農。偏愛python，深度關注互聯網趨勢，人工智慧，AI金融量化。致力於使用最前沿的認知技術去理解這個複雜的世界。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！