博客
华炎魔方微页面引擎,全面支持amis
华炎魔方微页面引擎,全新引入amis渲染器,并提供可视化编辑工具,帮助开发人员快速使用 amis 创建微页面,包括自定义应用程序页面、记录详情页和记录表单。
华炎魔方微页面引擎
华炎魔方微页面引擎,支持系统内不同类型的页面设计,包括:
- 应用程序页面:全新的页面,可以用来设计企业业务数据看板、驾驶舱数据页面等;
- 记录页面:数据记录的详情页;
- 列表页面:对象数据列表页;
- 表单页面:数据新建、编辑页面;
设计好的页面可以通过“页面分配”来分配给不同的应用、简档用户以及区分手机端或PC端的页面显示,可以根据不同的业务场景来分配设计好的页面。
amis前端低代码框架
amis 是百度开源的低代码前端框架,它使用 JSON 配置来生成页面,可以减少页面开发工作量,极大提升效率。访问 amis 官网
- 提供完整的界面解决方案:其它 UI 框架必须使用 JavaScript 来组装业务逻辑,而 amis 只需 JSON 配置就能完成完整功能开发,包括数据获取、表单提交及验证等功能,做出来的页面不需要经过二次开发就能直接上线;
- 大量内置组件(120+),一站式解决:其它 UI 框架大部分都只有最通用的组件,如果遇到一些稍微不常用的组件就得自己找第三方,而这些第三方组件往往在展现和交互上不一致,整合起来效果不好,而 amis 则内置大量组件,包括了富文本编辑器、代码编辑器、diff、条件组合、实时日志等业务组件,绝大部分中后台页面开发只需要了解 amis 就足够了;
- 支持扩展:除了低代码模式,还可以通过 自定义组件 来扩充组件,实际上 amis 可以当成普通 UI 库来使用,实现 90% 低代码,10% 代码开发的混合模式,既提升了效率,又不失灵活性;
- 容器支持无限级嵌套:可以通过嵌套来满足各种布局及展现需求;
- 经历了长时间的实战考验:amis 在百度内部得到了广泛使用,在 6 年多的时间里创建了 5 万页面,从内容审核到机器管理,从数据分析到模型训练,amis 满足了各种各样的页面需求,最复杂的页面有超过 1 万行 JSON 配置。
可视化设计工具
进入设计器,业务人员可以根据个性化需求,通过页面编辑器上的元素、样式、组件自由编辑页面。同时,页面编辑器中有相对成熟的页面模板,搭建者可以先调用成熟的页面模板,再在页面模板中根据需求微调相关元素和组件,构建页面。
自动生成 amis 配置
页面构建引擎不仅可以通过拖拉拽操作编辑前端页面,还可以通过局部代码编辑,修改整个页面的属性和页面构建规则。丰富页面升级的深度。
多终端适配
除了网页端,不管是手机、电脑、iPad,还是工厂PDA,通过页面设计器设计的页面都可以直接查看,随时随地掌握动态数据。
代码同步
业务人员通过页面设计器设计的页面数据可以通过华炎魔方DX同步工具直接同步到代码,数据直接保存到代码仓库。
页面效果示例
应用程序页面
业务数据结合页面设计器,将处理好的数据在仪表盘中展示。多种配色,完全自定义设置,让业务人员的仪表盘与众不同,独具特色。
记录详情页面
华炎魔方默认的列表页、详情页以及编辑页也是可以通过设计器来单独自定义。让图表、操作按钮、文本、表格等核心信息在一个页面呈现,丰富页面数据展现。