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