<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>

                ??碼云GVP開源項目 12k star Uniapp+ElementUI 功能強大 支持多語言、二開方便! 廣告
                ## 一、概述 以下的說明,完全依賴于本章節的主章節文檔中的實例,基于代碼生成器生成的文件,生成的文件根目錄,為web\pcv1; ## 二、配置處理 ### **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/25/85/25858d9ac404c87f1fa2309db4b1a49d_1366x736.png) 合并后: ![](https://img.kancloud.cn/c9/fd/c9fda39847502b58f30b42ff1f644a7c_1366x736.png) >[danger] 注意: > 1、考慮到路由菜單的層級,一般不直接放到根目錄下,因此,默認的,生成了一個父級路由,配合后臺路由設置中的定義,形成菜單目錄和菜單項,因此,如果是一個模塊,已經有了父路由,需要把重復的父路由剔除,不必全部拷貝進來; > 2、具體到這里實例,如果**父級菜單**已經有了,則僅需要拷貝**示范列表**路由; > 3、pcV1這里針對每個實體生成三個路由項(對應三個獨立頁),而pcV2僅生成一個列表路由項(僅一個列表獨立頁,新增和修改放到列表里面彈出); ## 三、頁面處理 將生成的web/pc/pages目錄下生成文件,拷貝到工程目錄下pages/business之下(生成的文件夾必須放到business下,如果當前工程還沒有創建該文件夾請手動添加); ![](https://img.kancloud.cn/6b/94/6b94fb972cecdbcd713379dbc8810194_1366x736.png) ## 四、路由配置 ### **后臺注冊路由** 增加父路由菜單: ![](https://img.kancloud.cn/c8/29/c829ef030d59bf1a03fe92f85acccf47_1366x736.png) 這里,路由組件和路徑,依據剛才生成的實例,都填寫sample; 在新的父路由下新增子路由: ![](https://img.kancloud.cn/30/ce/30ce5027555e7824df6637c240e2c0e5_1366x736.png) 注意,這里,如果是pcV1版本,除了列表路由外,還需要注冊新增和修改兩個路由,設定為不顯示,與列表路由為兄弟關系; ![](https://img.kancloud.cn/e7/bd/e7bd8356a5583374f1fae8cb122c70db_1366x736.png) ![](https://img.kancloud.cn/13/8b/138bcb1bbc138ae0ed71ee1ea43db980_1366x736.png) ### **角色分配路由** 給指定的角色分配剛才增加的路由,那些擁有該角色的賬號登錄系統,就能看到新增加的測試業務示范實例了; ![](https://img.kancloud.cn/bf/47/bf473e0c0b2a5e0cbf29625954bca8e8_1366x736.png) > 必須把路由和子路由都勾選上; ## 五、效果 重新登錄,可以看到,效果出來了: 列表頁: ![](https://img.kancloud.cn/f5/c8/f5c84cda1d84c1aac5db3e1c81a41260_1366x736.png) 新增頁: ![](https://img.kancloud.cn/65/10/6510338d6195e733af9d0644c244dcdf_1366x736.png) 修改頁: ![](https://img.kancloud.cn/b0/b1/b0b145d6f74cb5876e0b5685339328d0_1366x736.png) 查看頁: ![](https://img.kancloud.cn/a7/6b/a76b554e59a9bf5526762362ea40a934_1366x736.png) 刪除: ![](https://img.kancloud.cn/0c/03/0c033cd93ff4480d03faa04c8598e333_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>

                              哎呀哎呀视频在线观看