跳到主要内容

Amis 微页面

华炎魔方微页面引擎,全新引入amis渲染器,帮助开发人员快速实现个性化界面需求。

微页面引擎

华炎魔方微页面引擎,支持系统内不同类型的页面设计,设计的页面类型包括包括:

  • 应用程序页面:全新的页面,可以用来设计企业业务数据看板、驾驶舱数据页面等;
  • 记录页面:数据记录的详情页;
  • 列表页面:对象数据列表页;
  • 表单页面:数据新建、编辑页面;

除了设计页面,还支持通过设计器设计业务操作按钮,实现复杂的业务界面交互操作。

应用程序页面

如果需要定制一个全新的应用程序页面,可以使用这种类型的微页面,使用它可以给系统新增加一个使用amis设计出来的定制页面,只要把它绑定到选项卡,用户就可以通过选项卡来访问这个页面。

比如我们可能需要为项目应用配置一个主页,在页面中显示各种项目收款、付款统计曲线或柱状图,以及相关列表数据。

应用程序页

记录页面

有时我们需要的并不是定制一个全新的应用页面,而是希望定制某个业务对象,比如合同对象的记录页面,用于替换系统内置的记录页面以实现个性化的记录详情页面显示效果。

记录页面

列表页面

与记录页面类似,“列表页面”类型的微页面是用于定制某个业务对象,比如合同对象的列表页面,可以替换掉系统内置的列表页面以实现个性化的列表页面显示效果。

列表页面

表单

与记录页面类似,“表单”类型的微页面是用于定制某个业务对象,比如合同对象的表单,可以替换掉在新建以及编辑记录时弹出的内置表单效果。

与记录页面不同,“表单”类型的微页面只会替换弹出的表单界面,并不会影响记录详情页面的只读界面效果,而“记录页面”类型的微页面正好相反,它会把整个记录详情页面的只读效果替换掉,但是并不会影响弹出的表单界面。

表单

微页面设计

我们在华炎魔方微页面中集成了amis可视化设计器,可以设计出高度定制化的界面效果。

amis设计器

在华炎魔方集成的设计器中,包括以下不同类型组件可供用户使用:

  • 原生组件:华炎魔方适配原生百度amis标准组件可控用户进行设计使用;
  • 魔方组件:针对华炎魔方系统页面标准化的相应组件,如列表视图、对象表格、相关表等组件,相比较原生组件,魔方组件只需要简单配置即可使用;
  • 自定义组件:华炎魔方平台支持用户自定义组件功能,组件发布成功后,设计器即可使用。

Amis前端低代码框架

amis 是百度开源的低代码前端框架,它使用 JSON 配置来生成页面,可以减少页面开发工作量,极大提升效率。访问 amis 官网

  • 提供完整的界面解决方案:其它 UI 框架必须使用 JavaScript 来组装业务逻辑,而 amis 只需 JSON 配置就能完成完整功能开发,包括数据获取、表单提交及验证等功能,做出来的页面不需要经过二次开发就能直接上线;
  • 大量内置组件(120+),一站式解决:其它 UI 框架大部分都只有最通用的组件,如果遇到一些稍微不常用的组件就得自己找第三方,而这些第三方组件往往在展现和交互上不一致,整合起来效果不好,而 amis 则内置大量组件,包括了富文本编辑器、代码编辑器、diff、条件组合、实时日志等业务组件,绝大部分中后台页面开发只需要了解 amis 就足够了;
  • 支持扩展:除了低代码模式,还可以通过 自定义组件 来扩充组件,实际上 amis 可以当成普通 UI 库来使用,实现 90% 低代码,10% 代码开发的混合模式,既提升了效率,又不失灵活性;
  • 容器支持无限级嵌套:可以通过嵌套来满足各种布局及展现需求;
  • 经历了长时间的实战考验:amis 在百度内部得到了广泛使用,在 6 年多的时间里创建了 5 万页面,从内容审核到机器管理,从数据分析到模型训练,amis 满足了各种各样的页面需求,最复杂的页面有超过 1 万行 JSON 配置。