<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                ## 一、概述 以下的說明,完全依賴于本章節的主章節文檔中的實例,基于代碼生成器生成的文件,生成的文件根目錄,為web\pcv2; ## 二、配置處理 ### **api.js** 將生成的samplecase.api.js中的代碼,拷貝到**src>services>api.js**中; 生成的: ![](https://img.kancloud.cn/84/b9/84b93ce0100e67e23072679c45756005_1366x736.png) 合并后: ![](https://img.kancloud.cn/45/93/459321c57c7aa8e428194a0b4971c43c_1366x736.png) >[danger] 這里需要注意,合并的時候,保持原文件的格式,不然會導致諸如Request failed with status code 404等錯誤; ### **router.map.js** 將生成的samplecase.router.map.js中的代碼,拷貝到**src>router>async>router.map.js**中去; 生成的: ![](https://img.kancloud.cn/cd/55/cd55c208c34faf57af2aa6b3fc07d4e5_1366x736.png) 合并后: ![](https://img.kancloud.cn/be/d9/bed975613747ddd074513cef5b1198fb_1366x736.png) >[danger] 注意: > 1、考慮到路由菜單的層級,一般不直接放到根目錄下,因此,默認的,生成了一個父級路由,配合后臺路由設置中的定義,形成菜單目錄和菜單項,因此,如果是一個模塊,已經有了父路由,需要把重復的父路由剔除,不必全部拷貝進來; > 2、具體到這里實例,如果**父級菜單**已經有了,則僅需要拷貝**示范列表**路由; > 3、pcV1這里針對每個實體生成三個路由項(對應三個獨立頁),而pcV2僅生成一個列表路由項(僅一個列表獨立頁,新增和修改放到列表里面彈出); ## 三、頁面處理 將生成的web/pc/pages目錄下生成文件,拷貝到工程目錄下pages/business之下(生成的文件夾必須放到business下,如果當前工程還沒有創建該文件夾請手動添加); ![](https://img.kancloud.cn/3b/e0/3be0b87b1c0b3c99e077151ebdd56b1a_1366x736.png) ## 四、路由配置 ### **后臺注冊路由** 增加父路由菜單: ![](https://img.kancloud.cn/c8/29/c829ef030d59bf1a03fe92f85acccf47_1366x736.png) 這里,路由組件和路徑,依據剛才生成的實例,都填寫sample; 在新的父路由下新增子路由: ![](https://img.kancloud.cn/30/ce/30ce5027555e7824df6637c240e2c0e5_1366x736.png) ### **角色分配路由** 給指定的角色分配剛才增加的路由,那些擁有該角色的賬號登錄系統,就能看到新增加的測試業務示范實例了; ![](https://img.kancloud.cn/be/f1/bef15d311130c7795f3d4237f3333ba2_1366x736.png) ![](https://img.kancloud.cn/6a/7b/6a7b319ad1b4df5a61137209c697ba91_1366x736.png) > 必須把路由和子路由都勾選上; ## 五、效果 重新登錄,可以看到,效果出來了: 列表頁: ![](https://img.kancloud.cn/b5/69/b569e45a6db9313a5cda84f3346c53b0_1366x736.png) 新增頁: ![](https://img.kancloud.cn/e8/a6/e8a613e2209623f387d598538de4e32f_1366x736.png) 修改頁: ![](https://img.kancloud.cn/b6/50/b65049c40b9dcbf12ca63ff7b5bd760c_1366x736.png) 查看頁: ![](https://img.kancloud.cn/81/2b/812bf6fbe9f98d4b3e403b50708cc75f_1366x736.png) 刪除: ![](https://img.kancloud.cn/4f/a4/4fa4b2f5144cadf3de9afedbf312ef70_1366x736.png) >[info] 你看,一行代碼沒寫,前后端分離的完整功能,全部實現了,是不是很省力?
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看