<p align="center"> <img style='width:50px' src="./static/logo.png" /> </p> <p align="center"> <img style='margin:0 5px' src='https://badgen.net/github/stars/wangyuan389/yunda'> <img style='margin:0 5px' src='https://badgen.net/github/forks/wangyuan389/yunda'> <img style='margin:0 5px' src='https://img.shields.io/badge/version-1.1.1-686480.svg'> <img style='margin:0 5px' src='https://img.shields.io/badge/code%20style-standard-7986d0.svg'> </p> <p align="center"> 云搭万物，触手可及！ </p> <p align="center"> 零代码搭建小程序、H5、问卷、图文文章 </p>

介绍

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

技术栈前端为vue3，后端基于node进行开发

线上平台

平台速览

<img src="./static/home.png" alt style="display: block; margin: 0 auto; max-width: 100%;"> <div style="margin-top: 50px;margin-bottom: 20px; text-align: center; color: #888; font-size: 20px;">搭建小程序</div> <img src="./static/wechat-home.png" alt style="display: block; margin: 0 auto; max-width: 100%;"> <div style="margin-top: 10px;margin-bottom: 10px; text-align: center; color: #888; font-size: 14px;">- 小程序菜单、页面、表单整流程可视化搭建，构建项目简单、快捷 -</div> <img src="./static/wechat.png" alt style="display: block; margin: 0 auto; max-width: 100%;"> <div style="margin-top: 10px;margin-bottom: 10px; text-align: center; color: #888; font-size: 14px;">- 小程序页面拖拽组件自由搭建 -</div> <img src="./static/ContainerWidget.png" alt style="display: block; margin: 0 auto; max-width: 100%;"> <div style="margin-top: 10px;margin-bottom: 10px; text-align: center; color: #888; font-size: 14px;">- 提供卡片、tab等容器组件，让页面支持无限层级嵌套布局 -</div> <img src="./static/HotSpotImgWidget.png" alt style="display: block; margin: 0 auto; max-width: 100%;"> <div style="margin-top: 10px;margin-bottom: 10px; text-align: center; color: #888; font-size: 14px;">- 支持图片实时编辑，给用户更多自由设计空间 -</div> <img src="./static/wechat-form.png" alt style="display: block; margin: 0 auto; max-width: 100%;"> <div style="margin-top: 10px;margin-bottom: 10px; text-align: center; color: #888; font-size: 14px;">- 支持表单自定义构建，满足用户更多自定义需求 -</div> <div style="margin-top: 50px;margin-bottom: 20px; text-align: center; color: #888; font-size: 20px;">搭建问卷调查</div> <img src="https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/b1e5aef2a2d44d38bc79551a3b70427c~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg6Zuo5bC96ZiR54-K:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMjg1MDM4ODQ1OTY1MjIzNyJ9&rk3s=e9ecf3d6&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1730368033&x-orig-sign=w%2BgKBsN0v9oWM9WFvbO6ZwjwBTU%3D" alt style="display: block; margin: 0 auto; max-width: 100%;"> <div style="margin-top: 10px;margin-bottom: 10px; text-align: center; color: #888; font-size: 14px;">- 问卷调查表单自由搭建 -</div> <img src="./static/questionnaire-style.png" alt style="display: block; margin: 0 auto; max-width: 100%;"> <div style="margin-top: 10px;margin-bottom: 10px; text-align: center; color: #888; font-size: 14px;">- 提供问卷调查样式设计 -</div> <img src="./static/questionnaire-report.png" alt style="display: block; margin: 0 auto; max-width: 100%;"> <div style="margin-top: 10px;margin-bottom: 10px; text-align: center; color: #888; font-size: 14px;">- 问卷提交数据多维度分析 -</div> <div style="margin-top: 50px;margin-bottom: 20px; text-align: center; color: #888; font-size: 20px;">搭建图文</div> <img src="./static/article.png" alt style="display: block; margin: 0 auto; max-width: 100%;"> <div style="margin-top: 10px;margin-bottom: 10px; text-align: center; color: #888; font-size: 14px;">- 搭建图文页面 -</div> <div style="margin-top: 50px;margin-bottom: 20px; text-align: center; color: #888; font-size: 20px;">搭建自定义表单</div> <div style="margin-top: 10px;margin-bottom: 10px; text-align: center; color: #888; font-size: 14px;">云搭提供表单-列表-详情页的整链路设计方案，用户可在小程序、H5中任意使用</div> <img src="./static/form.png" alt style="display: block; margin: 0 auto; max-width: 100%;"> <div style="margin-top: 10px;margin-bottom: 10px; text-align: center; color: #888; font-size: 14px;">- 搭建表单 -</div> <img src="./static/form-list.png" alt style="display: block; margin: 0 auto; max-width: 100%;"> <div style="margin-top: 10px;margin-bottom: 10px; text-align: center; color: #888; font-size: 14px;">- 搭建表单列表 -</div> <img src="./static/form-detail.png" alt style="display: block; margin: 0 auto; max-width: 100%;"> <div style="margin-top: 10px;margin-bottom: 10px; text-align: center; color: #888; font-size: 14px;">- 搭建表单详情页 -</div> <img src="./static/use-form.png" alt style="display: block; margin: 0 auto; max-width: 100%;"> <div style="margin-top: 10px;margin-bottom: 10px; text-align: center; color: #888; font-size: 14px;">- 在页面使用表单 -</div> <img src="./static/user-form-list.png" alt style="display: block; margin: 0 auto; max-width: 100%;"> <div style="margin-top: 10px;margin-bottom: 10px; text-align: center; color: #888; font-size: 14px;">- 在页面展示表单数据列表 -</div>

开始

安装依赖

pnpm bootstrap

必须安装pnpm运行项目。

运行项目云搭平台

pnpm dev:dooring

版本更新

1.0 Beat 版本上线

小程序、问卷、图文多场景搭建
支持uni-app构建多端小程序/APP
支持容器组件无限层级嵌套布局
支持自定义表单搭建，提供表单-列表-详情页的整链路设计方案
开放资源广场，为用户提供更多的模板，帮助用户快速搭建

捐助

友情赞助商

友情捐助用户

<table> <tbody> <tr> <td align="center"> <a href="https://github.com/nihaojob"> <img src="https://avatars.githubusercontent.com/u/13534626?v=4" width="80;" alt="nihaojob"/> <br /> <sub><b>nihaojob</b></sub> </a> </td> <td align="center"> <a href="https://github.com/lifeng286"> <img src="https://avatars.githubusercontent.com/u/48050566?v=4" width="80;" alt="nihaojob"/> <br /> <sub><b>lifeng286</b></sub> </a> </td> <td align="center"> <a href="https://github.com/mikehhuang"> <img src="https://avatars.githubusercontent.com/u/9670467?v=4" width="80;" alt="nihaojob"/> <br /> <sub><b>mikehhuang</b></sub> </a> </td> <td align="center"> <a href="https://github.com/M-cheng-web"> <img src="https://avatars.githubusercontent.com/u/58416262?v=4" width="80;" alt="nihaojob"/> <br /> <sub><b>mikehhuang</b></sub> </a> </td> </tr> </tbody> </table>

开源不易, 有了您的赞助, 我们会做的更好~

云搭反馈交流群

Yunda

Install / Use

README

介绍