Appearance
MAUI前端底座 mas
前端底座是平台前端业务运行的基座,默认包含微内核、核心扩展包及系统启动包,提供5种模式访问页面及根据访问地址获取站点配置及应用加载能力。
底座的基本功能
- 提供HTTP服务,支持多种访问模式
- 默认加载微内核
mas-engine
、核心扩展包mas-core
、系统启动包mas-system
,实现微应用加载安装的基本环境 - 加载外置依赖包 Vue 2、Element UI/Vant UI 及相关样式文件
五种模式
为满足系统对不同终端、不同用途响应不同界面效果和逻辑,前端底座实现了以下五种模式:
模式 | 代码 | 访问页面 | 用途 |
---|---|---|---|
PC浏览器 | app | web.html/index.html | PC端浏览器访问时,正常操作业务功能时使用 |
PC纯页面 | page | page.html | PC端浏览器访问时,工作区页面编辑或预览时使用 |
打印 | print | print.html | PC端浏览器打印时使用 |
移动浏览器 | mobile | mobile.html | 移动端浏览器访问时,正常操作业务功能时使用 |
移动纯页面 | mobile-page | mobile-page.html | 移动端单页面在PC端编辑或预览时使用 |
页面渲染时,先由主题渲染主窗口,再由路由指定的工作区页面渲染业务页面。此处定义的 page
和 mobile-page
两个模式主要目的是为了编辑业务页面时,能精简显示,因此这两个模式下,主题需要隐藏工作区之外的主窗口相关组件,如系统名称、菜单等