页面管理

页面管理是设置和维护前台系统中父级页面和首页页面的区域，一个完整的前台系统需要一个或多个父级页面和一个首页页面。父级页面用于承载前台系统的菜单及菜单内容区域的显示，首页则是前台系统的默认页面。

tip

1. 初次使用系统时，页面中已内置菜单页面和首页页面，可通过预览查看前台效果。
   设为前台首页的页面将作为前台系统的首页，若需要切换首页，则需要在对应的页面将其设为首页；

创建页面

点击创建页面图标，显示创建页面弹窗，根据表单内容进行填写。

配置说明

1. 页面名称：设置页面的名称，可自定义输入，如“首页”，同一前台下的页面名称不可重复；
2. 页面选择：选择需要展示的画面，可以选择系统内置的菜单、画面管理中已创建的画面；若不选择，则在页面创建成功的同时，会新增一个以页面名称命名的新画面，新画面将作为该页面的展示页面；
3. 页面路径：当页面选择了系统内置的菜单或画面管理中已创建的画面时，页面路径将会自动生成，若无特殊要去可不进行修改；若未进行页面选择操作，页面路径需要手动设置，推荐使用英文进行页面路径设置；
   • 首页所属的一级页面为前台默认母版，app选项为一级页面配置，其他一级页面勾选app，访问该页面及其下级页面时显示默认母版，反之不显示默认母版。
   • 页面路径中可以写参数，参数格式为:paramName, 例：a/:id，a/:id/b，这个可以与画面数据绑定中的路由参数结合使用，实现页面运行时将路由参数传输到画面中；需要到画面数据绑定弹窗中可创建路由参数变量，这里设置的路由器参数需要与画面数据绑定弹窗中设置的路由参数变量一致，则会把浏览器的路由参数传输到画面中。
4. 页面权限：页面权限会自动生成，也可根据权限设置进行修改；
5. 页面树：当页面设置完成后，会在页面树中展示。
   

• 若页面选择是画面时，页面树中的页面名称会显示画面icon，当鼠标悬浮到页面名称时，气泡图会显示页面中选择的画面名称，可以编辑画面和前台预览画面。
  

• 页面操作包括编辑画面，以及当鼠标悬停页面上方时，会显示更多操作，更多操作中包括编辑页面、创建页面、复制页面、删除页面、前台预览、设为前台首页。

  • 编辑画面：当页面选择画面时，会显示编辑画面按钮，点击编辑画面，可直接编辑页面的对应的画面；
  • 编辑页面：编辑当前页面。
  • 创建页面：创建当前页面的子页面。
  • 复制页面：复制当前页面，并粘贴当前页面下。
  • 删除页面：删除当前页面及子页面。
  • 前台预览：前台预览当前页面。
  • 设为前台首页：将当前页面作为前台首页。

tip

注意：父级页面的画面需要特殊配置，其画面中需添加【菜单组件】及【内容区域】组件，【菜单组件】用于设置前台系统的菜单，【内容区域】组件则作为菜单对应内容的显示区域的设置。