易于开发 易于维护
可视化构建,可视化维护,方便修改文字、替换图片等
面向组件的开发
全面解耦,面向组件开发,组件开发简单,并且可复用
模板化
模板化支持,通过定制模板,可以迅速搭建各种需求的页面
全功能的可视化解决方案,具有图层、画布、组件管理等,不仅是一个WEB可视化工具,可以用来构建任何应用,如邮件,APP、小程序、桌面程序等。
全功能可视化
图层、组件、所见即所得、富文本、图片上传、Inline-edit等。
媒体库可视化
我们对接了Drupal的媒体管理,实现了所见即所得的文件夹管理模式。
组件化开发
GrapesJS采用组件化开发,旧的组件可以重用,新功能只需开发新组件。
界面可定制
GrapesJS的可视化编辑器是可以完全自定义界面,包括组件、配色等。
自适应
GrapesJS本身具备了自适应的页面开发模式,完美兼容手机端。
文档齐全
GrapesJS本身在Github上有两万关注量,十几万次提交,众多贡献者,在线文档齐全。
开放平台
GrapesJS是开放性架构,可以做WEB、也可以做Newsletter、也可以做其他APP的可视化。
与CMS集成
完美的与Drupal集成,所有内容和页面都落地到CMS,实现可视化到内容管理的整体解决方案。
采用页面可视化方案,可以完全实现组件化开发,所有的元素都是组件,组件可以复用,组件可自动发现,提高了开发效率及工作的累积。
完全解耦 | 方便开发 |
方便维护 | 方便复用 |
组件库 | 模板库 |
Banner
Banner
轮播
轮播
轮播
轮播
图文
动态组件
动态组件
动态组件
动态组件
动态组件
动态组件
动态组件
动态组件
简单容易上手,通过可视化操作,可以随时建立新的推广页面。
我们整体架构是基于全功能CMS,后端包括内容、媒体、分类、检索、SEO等所有CMS必备功能,前端通过可视化构建,可以将所有数据进行组件化,然后在页面展示。
也可以输出API与第三方系统对接。
面向组件的开发,新的功能只需开发相关的新组件即可,常用的组件可以复用,针对项目的组件可以私有定制,从而减轻开发复杂度和依赖度。
开发组件不依赖于任何项目,可以在一个独立的环境下开发组件,然后把组件复制到UAT或者生产即可,无需编译,组件是自动发现。
开发组件比较简单,1.声明一个info.yml文件来说明组件,2.定义一个跟声明一致的twig文件名,twig里面可以有任何twig函数和SDK函数,通过SDK读取数据源。
GrapesJS是一套可视化的构建工具,架构及其灵活,可以编辑任何内容,也可以输出任何代码,中间通过对应JSON树的解析器,可以生成多种应用。
GrapesJS本身提供了三套解决方案,HTML、Newsletter、MJML,通过扩展,可以构建其他应用,比如APP、微信等等。
GrapesJS本身是开源的,并且具备灵活的API,所以GrapesJS本身可以与任何系统竭诚。
我们将GrapesJS与Drupal CMS集成,实现了可视化构建工具与内容管理系统的整合,完美的实现了统一的构建和内容管理。