前后端分離模式

使用React編寫前后端分離的項目

使用WTM框架同樣可以編寫微服務模式的項目，并且比傳統(tǒng)方式簡便的多 **目前前后端分離的模式只能算是預覽版，很多功能還沒有，感興趣的朋友可以先體驗并提出寶貴意見

你同樣可以直接線上生成項目，點 這里 可以直接為你生成包含解決方案的zip包，下載，解壓，vs打開即可

• 建立前后端分離模式的項目和建立普通框架項目流程基本一致 關于如何創(chuàng)建WTM項目，請參考第一個項目
• 只是在運行_setup的時候，選擇React模式，如圖
• 需要注意在創(chuàng)建完畢后，因為框架生成了TypeScript文件，VisualStudio嘗試使用默認項目模板覆蓋，這時請選擇放棄，如圖
• 生成完項目之后，按F5運行，第一次運行會下載很多javascrip的依賴包，時間較長請耐心等待，運行結(jié)果如圖
• 通過右上角的菜單，我們可以啟動代碼生成器來根據(jù)model生成代碼，同時可以訪問接口的swagger文檔 關于如何使用代碼生成器，請參考第一個模塊 生成代碼的步驟是相同的，只不過在前后端分離的模式下，會生成后臺api和前臺react頁面
• 前臺代碼會在ClientApp目錄中，當我們在VisualStudio中調(diào)試的時候，它會自動啟動后臺和前臺，非常方便 ClientApp目錄是一個完整的React項目，純前端人員可以使用Code之類的編譯器直接打開ClientApp目錄，和其他React項目沒有區(qū)別
• 框架生成的前端代碼會在ClientApp/pages下面，生成之后可以自由修改 在ClientApp/global.config.tsx中有一些全局設置可以修改，比如列表默認行數(shù)，使用居中彈出窗口還是右側(cè)抽屜式窗口，是否使用Tab頁，表單每行控件個數(shù)等等