
# 挂载前端页面
应用开发完成后，要将页面挂载到导航条上，作为应用菜单，在应用预览时，查看应用相关页面。应用菜单仅支持开发者号的管理员查看，业务号只能查看对应权限的页面。
#### 操作步骤
1. 在经典版应用开发页面，单击左侧导航栏下方的"配置"。 
   图1应用配置入口   
   ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001432835162.png)
   
   
2. 在"导航条"页签，单击"菜单树"右侧的"+"，选择"添加页签"。 
   图2导航条添加页签   
   ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001483071969.png "点击放大")
   
   
3. 定义"设备管理"页签。 
   在"添加页签"弹窗中，设置以下信息，然后单击"保存"。
   - 页面类型：设置为"标准页面页签"。
   
   - 标签：设置为"设备管理"。
   
   - 名称：设置为"equipmentManage"。
   
   - 页面：设置为"***HW__*** equipmentManage"。
     图3设备管理页签   
     ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001433152058.png "点击放大") 
    
   
   
4. 请按照以上方式，创建[表1]的导航菜单。
   
    表1导航菜单 
   | 页签类型   | 标签         | 名称                  | 页面                          |
   |:---|:---|:---|:---|
   | 标准页面页签 | 工单管理       | manageWorkOrderList | ***HW__***manageWorkOrder   |
   | 标准页面页签 | 工单列表（客服人员） | workOrderList       | ***HW__***workOrderList     |
   | 标准页面页签 | 工单列表（派单员）  | dispatchWorkOrder   | ***HW__***dispatchWorkOrder |
   | 标准页面页签 | 工单列表（维修人员） | workOrderListM      | ***HW__***workOrderListM    |
      
   
   
5. （可选）设置导航的布局及颜色。 
   您可以根据自己的喜好，设置导航的布局及颜色，默认导航菜单是靠左，蓝色。
   如[图4]所示，单击红框中的布局，即可将导航菜单设置为横向菜单，然后单击"保存"。
   图4切换为横向导航   
   ![](https://support.huaweicloud.com/bestpractice-astrozero/zh-cn_image_0000001483231457.png "点击放大")
   
   
 
