鍍金池/ 問答/C#  HTML/ asp.net mvc 如何集成 ant design pro ？

asp.net mvc 如何集成 ant design pro ？

想在 asp.net mvc 中使用 ant design pro 前端框架，不知如何集成。

使用.net 基于react的模板建立項目的目錄結構如下
圖片描述
默認基架

ant design pro 的目錄結構如下：

圖片描述

我直接把 ant 的目錄覆蓋到 Client App 下，試了不行。

請問如何搭建基于 .net mvc 的 ant design pro 基架結構？？

回答
編輯回答
毀與悔

如果使用 React 請一定要用前端的方式來考慮問題。之前我們的后臺管理是用 Ant.Design + .NetCore 開發(fā)的，我們的方案是前后端分離， 使用這個方案，表示前端相關代碼不需要放進 .Net 項目中管理，單獨獨立出一個項目目錄即可 。所以，我們不使用 .NET 的 View 視圖層進行模板渲染。.NET 只實現(xiàn)接口，前端通過 Ajax 進行調用。然后使用 Nginx 托管前端的靜態(tài)資源，檢測到訪問路由屬于后端接口時，將請求轉發(fā)到 .NetCore ，使用 Docker 部署。

因為使用 React 必定會涉及到 webpack 等構建工具，前端代碼必須經(jīng)過編譯后才可以使用。所以，使用前后端分離可以有效對前后端的開發(fā)過程解耦。這個是比較推薦的方案。

當然，如果一定要使用 .Net 的 View 視圖層的話，開發(fā)環(huán)境下可以考慮把 webpack 的內存讀寫改為硬盤讀寫，將編譯代碼寫到 .Net 的視圖目錄下。不過這個方案并不推薦。

2017年6月26日 01:17