## 一、概述 以下的說明，完全依賴于本章節的主章節文檔中的實例，基于代碼生成器生成的文件，生成的文件根目錄，為web\pcv2； ## 二、配置處理 ### **api.js** 將生成的samplecase.api.js中的代碼，拷貝到**src>services>api.js**中； 生成的：  合并后：  >[danger] 這里需要注意，合并的時候，保持原文件的格式，不然會導致諸如Request failed with status code 404等錯誤； ### **router.map.js** 將生成的samplecase.router.map.js中的代碼，拷貝到**src>router>async>router.map.js**中去； 生成的：  合并后：  >[danger] 注意： > 1、考慮到路由菜單的層級，一般不直接放到根目錄下，因此，默認的，生成了一個父級路由，配合后臺路由設置中的定義，形成菜單目錄和菜單項，因此，如果是一個模塊，已經有了父路由，需要把重復的父路由剔除，不必全部拷貝進來； > 2、具體到這里實例，如果**父級菜單**已經有了，則僅需要拷貝**示范列表**路由； > 3、pcV1這里針對每個實體生成三個路由項（對應三個獨立頁），而pcV2僅生成一個列表路由項（僅一個列表獨立頁，新增和修改放到列表里面彈出）； ## 三、頁面處理 將生成的web/pc/pages目錄下生成文件，拷貝到工程目錄下pages/business之下（生成的文件夾必須放到business下，如果當前工程還沒有創建該文件夾請手動添加）；  ## 四、路由配置 ### **后臺注冊路由** 增加父路由菜單：  這里，路由組件和路徑，依據剛才生成的實例，都填寫sample； 在新的父路由下新增子路由：  ### **角色分配路由** 給指定的角色分配剛才增加的路由，那些擁有該角色的賬號登錄系統，就能看到新增加的測試業務示范實例了；   > 必須把路由和子路由都勾選上； ## 五、效果 重新登錄，可以看到，效果出來了： 列表頁：  新增頁：  修改頁：  查看頁：  刪除：  >[info] 你看，一行代碼沒寫，前后端分離的完整功能，全部實現了，是不是很省力？