## 一、概述 以下的说明，完全依赖于本章节的主章节文档中的实例，基于代码生成器生成的文件，生成的文件根目录，为web\pcv1； ## 二、配置处理 ### **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； 在新的父路由下新增子路由：  注意，这里，如果是pcV1版本，除了列表路由外，还需要注册新增和修改两个路由，设定为不显示，与列表路由为兄弟关系；   ### **角色分配路由** 给指定的角色分配刚才增加的路由，那些拥有该角色的账号登录系统，就能看到新增加的测试业务示范实例了；  > 必须把路由和子路由都勾选上； ## 五、效果 重新登录，可以看到，效果出来了： 列表页：  新增页：  修改页：  查看页：  删除：  >[info] 你看，一行代码没写，前后端分离的完整功能，全部实现了，是不是很省力？