前后端分離模式

使用React編寫前后端分離的項(xiàng)目

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

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

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