概念
让运营驱动设计，让灵活归于开发
我们认为， 运营（或业务人员）是低代码的核心与主角，开发则服务于运营和平台。运营作为网站的主编辑者， 通过对页面效果和体验的不断挖掘，驱动页面设计的完善。开发则通过灵活的代码嵌入方式， 解决各种场景功能需求的问题。
RollCode的设计模式
传统开发模式：View = Render(Model)
传统开发中， View(视图)都是通过Render（方法）来渲染Model（数据模型）的，大部分的低代码平台也借鉴了这个思路。复杂的表单配置界面、繁杂的数据绑定流程、难以理解的组件属性面板、需要大量学习成本的操作界面。根本原因在于动态数据模型无法通过简单直观的可视化界面表达。如果想做到各式各样的数据都能灵活配置，只能通过大量的配置组件堆砌，塞满屏幕。
新的开发模式：View = Render(Data) + Embedding
RollCode采用了新的设计模式，它将View（视图）看做两部分的组合，静态数据的绘制:Render(Data) + 灵活的代码嵌入:Embedding。Embedding通过组件（自定义组件）、页面（自定义页面）、外链 （RollCode模式） 三个级别的嵌入方案来解决动态数据、更灵活的页面开发需求
为什么新的模式是合理的？
在面对同样的一个需求时， 传统低代码是将页面的渲染和页面的数据模型一起操作，变成了一个二合一的工作。而这种新产生的工作内容是一种全新的工作，既不像运营，也不像开发，这是低代码开发不自然、难以使用的根本原因。 而RollCode则是将这个需求的工作内容视作运营和开发两部分，是一个1+1 的工作，没有产生新的工作内容，是将最后两部分的结果重新组织在一起。这是RollCode的核心设计，也是这款产品对“低代码”的理解：“低代码”是释放了开发中“低”的部分，而难以释放的“高”的部分依然需要开发来支持。
我们做了哪些
对运营者：
对于运营人员而言，美观的界面与直观的操作体验是其重要关注点之一。为此，我们结合设计软件以及常用的数据配置搭建了RollCode编辑器。除了直观的左中右布局，我们也设计了一些小细节提升用户的体验，例如编辑项目时可实时预览效果、组件和页面都可另存为模板跨项目复用，组件栏拖拽顺序会在画布同步、调整数值的输入框均可使用快捷方式(option/alt+鼠标拖拽)、资源属性设置器综合了资源的上传+裁剪+校验功能等等。
总的来说，RollCode的设计严格遵守了设计规范，力求在视觉和体验上达到平衡，通过建立8pt网格系统和系统化色彩层级，确保了各模块的一致性体验，同时优化了传统媒体库的交互体验以及数据分析面板的样式查看。我们明白用户初次接触或使用低代码搭建项目需要一定时间学习，因此格外重视RollCode的体验设计，这大大减少了学习成本，真正做到让用户易学易用。
对开发者：
灵活，强大
在开发来说，无论是设计多么复杂的数据模型，还是功能齐全的接口配置面板，一切都不如自己动手写几行代码来的简单高效。我们深刻理解程序员在当下低代码开发中遇到的困境，开发难介入、平台难学习、项目难维护等等。为此， 我们大胆地去除了复杂的数据模型和接口配置能力。开创性地设计了自定义组件、自定义页面、RollCode模式三大功能模块。打破平台的天花板限制，充分释放开发的能力。
快，更快
我们始终高度重视开发者的使用体验。根据业内研究，页面加载每延迟一秒，用户的跳出率都会显著上升；为了避免出现白屏、加载慢的现象，我们打破传统的Json + 固定SPA的渲染模式，采用了SSG的静态发布，SSG 作为一种优秀的静态渲染模式，能够在构建阶段预先生成页面内容，用户访问时即可直接获取已渲染好的页面，可以显著提升页面的加载性能和体验效果，同时也极大优化了 SEO 表现。
结语
RollCode目标是为了让传统开发中简单页面搭建变得更简单，复杂的页面开发变得更灵活，让开发和运营的协作变得更自然。在百花齐放的低代码平台中，我们希望为开发者和行业提供一种全新的思路与工具，为推动行业创新与进步贡献自己的力量。