Yunda
低代码搭建小程序、H5、问卷、图文。云搭万物,触手可及!
Install / Use
/learn @wangyuan389/YundaREADME
<!--
* @Description: What's this for
* @Autor: WangYuan
* @Date: 2021-12-20 14:20:57
* @LastEditors: WangYuan
* @LastEditTime: 2024-11-01 11:42:05
-->
<!-- [English](./README.md) | 简体中文 -->
<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进行开发
线上平台
<p data-tool="mdnice编辑器" style="font-size: 16px; padding-top: 8px; padding-bottom: 8px; margin: 0; line-height: 26px; color: black;">地址:<a href="https://www.sunmao-design.top/sunmao/admin" style="text-decoration: none; color: #1e6bb8; word-wrap: break-word; font-weight: bold; border-bottom: 1px solid #1e6bb8;">传送门</a></p>平台速览
<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
- 支持容器组件无限层级嵌套布局
- 支持自定义表单搭建,提供表单-列表-详情页的整链路设计方案
- 开放资源广场,为用户提供更多的模板,帮助用户快速搭建
