云搭,一个可以小程序、H5、问卷、图文的低代码平台

596 阅读4分钟

云搭,一个可以小程序、H5、问卷、图文的低代码平台

介绍

同学们好,云搭是我刚开源低代码平台。它是一款功能强大的可视化搭建解决方案,它支持零代码搭建小程序H5问卷图文文章多种应用,致力于提供一套简单便捷专业可靠的多场景零代码平台。

线上平台:www.sunmao-design.top/sunmao/admi…

开源地址:github.com/wangyuan389…

项目的线上平台,可以免费搭建自己的应用。仅开源半个月就收获了500star,谢谢同学们的支持~

接下来由我在用户视角,搭建小程序、问卷、图文真实应用带大家体验一下我的云搭平台!

搭建一个小程序

我给演示一个小白(会不会技术都行)怎么从零搭建一个自定义的业务小程序

  • 首先,创建一个空白小程序

  • 我们进入小程序控制面板,可以搭建自定义页面、设置导航、个人中心、起始页等

  • 我们点击首页,进入页面设计器,页面采用流式布局,提供了基础物料、容器物料、自定义表单物料,下面我会一一介绍

  • 现在使用基础物料搭建首页的大致结构

  • 使用Tab容器物料,用于存放展示数据

  • 选择自定义表单物料,用来展示自定义数据

  • 可以选择我们已经创建的自定义表单,如没有合适的,可以创建新表单

  • 我们进入表单搭建页,拖拽创建满足自己需求的表单,这里我创建了一个包含标题、介绍、封面的发帖表单

  • 然后点击上方菜单,进入表单列表设计页,用来展示提交的表单数据,我们先设计列表样式

  • 点击下一步,继续设计列表单项的展示,云搭提供了文字、图片等资源拖拽设计,设置动态数据,选择对应显示表单中的字段

  • 再点击上方菜单,进入详情页设计,和上述逻辑类似,拖拽物料,然后设置动态数据,选择对应显示表单中的字段,就可点击列表展示这条数据的详情

  • 以上就是一个自定义表单从表单设计->列表设计->详情设计的流程,用户可以根据自己需求自由创建。

  • 创建的表单,云搭分成了两个物料

    • 自定义列表用来表单数据
    • 自定义表单用来创建数据

    我们在首页Tab下拖拽自定义列表,用来展示表单的数据列表

  • 然后新建一个自定义页面,拖拽自定义表单物料,用来填写表单

  • 继续利用上述操作继续添加业务我们就完成了一个自定义小程序搭建

搭建一个问卷

接下来我们试着搭建一个自己的问卷调查

  • 首先我们创建一个空白问卷

  • 进入问卷设计页,云搭提供了问卷所需的填空、单选、多选、评价等基础问题,拖拽可创建自己的问卷

  • 当问卷设置完后,点击上方菜单,进入问卷样式页面,设计封面、标题、描述等,即可创建成功!

  • 当用户填写问卷后,可点击问卷数据,数据分析页会系统统计、分析问卷填报情况

  • 问卷总览,分析问卷填报人数,题型统计等

  • 用户数据,展示填报用户填报内容

  • 题型分析,分析每个题型,用户填写数据,答案占比等

搭建一个图文

最后,我们来搭建一个图文文章

  • 首先我们创建一个空白图文

  • 先选择一张背景图,云搭会根据图片色系自动渐变
  • 拖拽文本物料设置文章标题
  • 拖拽图文卡片,选择卡片样式
  • 在卡片中嵌套文本、图片等文章内容
  • 重复上述操作,完成图文文章的搭建

  • 提交生成文章

资源社区

如果不想重零搭建这么麻烦,云搭还提供了资源社区,里面包含平台和用户搭建的优秀应用模板~

结尾

一去数年,我在低代码的道路上独自求索,构建自己的理想国

开源获取star不易,如果喜欢云搭的话希望支持一个star

这对我很重要,谢谢!

感兴趣,也可以加我微信 WY-XHJ 进入云搭交流群