在標(biāo)準(zhǔn)版開發(fā)的實(shí)際使用中,隨著用戶移動(dòng)端的產(chǎn)品和信息內(nèi)容不斷增多,后臺(tái)需要新增頁(yè)面來(lái)管理對(duì)應(yīng)的產(chǎn)品詳情、模塊、資源等內(nèi)容。針對(duì)一些概念或者步驟較多的內(nèi)容,可以新增子頁(yè)面構(gòu)建多級(jí)模塊結(jié)構(gòu),幫助用戶快速定位。
下面將介紹如何在后臺(tái)中添加新頁(yè)面:
1. 新增路由
文件夾路徑:/template/admin/src/router
在其中對(duì)應(yīng)模塊中添加對(duì)應(yīng)路由路徑(這里以order路由文件為例)
參考方塊內(nèi)的設(shè)置,添加對(duì)應(yīng)路由、權(quán)限以及導(dǎo)入路徑(這個(gè)文件還未創(chuàng)建,頁(yè)面目前會(huì)報(bào)錯(cuò))。
這里要注意的是,如果你創(chuàng)建的頁(yè)面只是子頁(yè)面,不需要在菜單中展示,但是又需要選中對(duì)應(yīng)的一級(jí)目錄,
就要在meta中添加配置:
例如下面,商品添加頁(yè)面需要選中商品列表,就要添加activeMenu配置,用來(lái)選中。
2. 添加對(duì)應(yīng)路由文件
完成上一步路由定義之后,接下來(lái)我們要?jiǎng)?chuàng)建對(duì)應(yīng)的路由文件;
路由文件的地址要與上面定義的導(dǎo)入路徑一致。否則會(huì)報(bào)錯(cuò)。。
3. 添加權(quán)限規(guī)則
打開后臺(tái) 維護(hù)/開發(fā)配置/權(quán)限維護(hù)
在對(duì)應(yīng)模塊中添加下級(jí)
填寫對(duì)應(yīng)的菜單按鈕名稱、頁(yè)面的地址(你在路由中定義的地址)、權(quán)限標(biāo)識(shí)(你在路由中定義的權(quán)限auth)、如果你加的是一級(jí)菜單記得選擇一個(gè)icon喔,狀態(tài)改為開啟。
至此后臺(tái)的新頁(yè)面就添加完成。請(qǐng)開始你的表演~