## 一、概述 以下的說明，完全依賴于本章節的主章節文檔中的實例，基于代碼生成器生成的文件，生成的文件根目錄，為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端開發完成； ## 五、效果