## 一、概述 以下的说明，完全依赖于本章节的主章节文档中的实例，基于代码生成器生成的文件，生成的文件根目录，为web\mobile； ## 二、配置处理 将生成的web/mobile/config目录下生成samplecase.router.js中的代码，复制需要的片段到指定文件**src/router/index.js**中； 生成的：  复制后：  ## 三、页面处理 将生成的web/mobile/pages目录下生成文件，拷贝到工程目录下views/business之下（生成的文件夹必须放到business下，如果当前工程还没有创建该文件夹请手动添加）； 复制后：  ## 四、路由配置 在导航页面，增加功能导航图标和路由定义； 在**src>views>home>childComps>homeList.vue**中**ullistdata**中，增加新增模块的路由地址； ``` { imgurl: require('@/assets/navHome/3.png'), title: '示例列表', url: '/listSampleCase', }, ``` 新增后：  再增加一个全局的入口（可选）； **src>views>home>childComps>allNav.vue**中**homeList**，增加新增模块的路由地址； ``` { path: '/listSampleCase', title: '示例列表', imgUrl: require('@/assets/navHome/3.png'), }, ``` 新增后：  到这里，整个H5端开发完成； ## 五、效果