✨从这里开始
欢迎来到RollCode
RollCode是一款更简易更便捷的低代码开发工具。RollCode帮助文档旨在帮助您快速入门并开始构建H5,是您学习旅程中的重要参考,其中包括了搭建并发布一个企业级H5必须要经历的步骤指引、编辑器操作、各类搭建元素、扩展功能的使用说明。
什么是H5
H5是通过 HTML5 技术实现的 Web 端轻量化应用,核心优势是低成本开发、跨平台传播和丰富的交互能力,适合对性能要求不高但需快速迭代、广泛覆盖用户的场景。如果需要开发 H5 项目,可从梳理需求 → 设计数据模型 → 设计UI+配置行为交互 → 部署上线逐步推进。
🌍 RollCode 世界观和产品说明
我们将 H5 项目分为三部分:
- 搭建:包含 UI 搭建、行为配置
- 发布:完成搭建后进行项目发布
- 反馈:构建完成后查看数据反馈
✈️开启学习之旅
如果你想利用 RollCode 从零开始踏上搭建企业级H5之旅,请按照帮助文档目录从上到下的顺序依次学习。请务必阅读搭建项目的基本流程。
创建您的第一个项目
- 打开 RollCode
- 进入「我的项目」后点击「创建项目」按钮
- 输入项目名称(默认生成路由)
- 点击「创建」进入项目编辑器界面
使用拖拽组件
- 在左侧组件栏中点击 ➕,查看可用组件(如图片、按钮、视频、动画、容器等)
- 将所需组件拖拽至中间画布区域
- 选中组件后,右侧属性面板显示可编辑属性(颜色、大小、内容等)
- 修改属性以满足需求
页面的使用
- 在左侧页面栏中点击 ➕ 添加新页面
- 支持页面复制、删除和设为主页
- 默认生成首页,也可将其他页面设为主页
- 选中页面后,右侧属性面板显示可编辑属性(颜色、边距等)
- 修改属性以满足需求
保存与发布项目
- 完成项目后点击「保存」按钮,防止更改丢失
- 点击「发布」按钮,服务器解析构建后支持扫码预览
🙋♀️常见问题解答
Q: Rollcode 支持哪些组件?
A: Rollcode 提供多种常用组件,如富文本、按钮、图片、视频、动画等,用户也可根据需要选择容器自由组合多种组件。
Q: 如果遇到问题,如何寻求帮助?
A: 您可以访问我们的其他功能讲解教程或进阶教程。