使用WeWeb构建房地产SaaS的优势和挑战

无代码开发的优势和挑战

• 在今天的直播中，Mike 和 Skipmetrix 谈到了 Skip Metrics，这是一个建立在 weweb 平台上的房地产公司 SAS 应用程序。Mike 起初并没有技术背景，但他意识到自己需要一个软件来提高工作效率。经历了传统开发路线后遇到了许多问题，包括技术人员无法交付可靠的软件、代码复杂难以理解等。最终转向了无代码开发，使用 weweb 和 Zano 平台，通过自定义组件和 Zano 的 API 构建了完善的应用。对于第三方集成来说，整个过程非常顺利，Zano 的专家帮助他们建立了后端，而 weweb 则提供了灵活的前端定制能力。整体来说，集成没有真正的限制，使项目进展顺利。

无代码开发的优势和挑战

构建免代码平台的新未来

• 我们与Xeno的朋友真的非常友好，这也是为什么我们真的希望将自己看作是新一代的诺基亚工具，因此我们真的想要整合API，使自己具有原生连接器，可以连接REST API、GraphQL API等，因为我们真的看到未来是无代码和一些非常特定的任务仍然需要微服务的混合体，这些微服务可能是用自定义代码编写的，或者在亚马逊或谷歌上，所以当你想要与这种类型的事物集成时，这将非常重要。嗯，听到你说这种情况运行良好真的非常酷。是的，一切进展顺利。另外，有个问题，你在实现基于UI的设计时是否遇到了限制，如果是，你是如何处理的？不，没有遇到限制，再次感谢weweb的灵活性。我记得当我第一次了解到无代码平台和低代码时，我在研究Bubble，Bubble在那方面是先锋之一，但有很多限制，我从来没有能够构建，我甚至认为自那时起几年来都没有改变，不过不要引用我说的话，但当时它的灵活性不足，特别是在设计前端元素方面，我们无法真正实现我们想要的设计。我们所有的设计都是在Figma中完成的，我对设计有一些背景，能够自己在Figma中构建UI设计等等，最近我们实际上将这项工作外包给了一个我们认识的出色的设计师，让他来承担这个工作负担，但weweb使这一切变得如此简单，如果你有一个Figma设计，准备好了，复制一对一就非常容易，你可以构建任何东西，我将在这里进行演示，是的，这是一个很好的过渡可能展示一下skip metric是什么，也许你可以展示一下网站和应用，然后我们将深入编辑器，如果可以的话。绝对可以，所以我穿着这种新的带有我们新徽标的衣服，重新品牌过了，所以我们实际上还没有推出新的网站更新，但我们有一个全新的外观skip Matrix即将推出，我会先展示一下，以便更好地理解设计和新外观，因为我们最近将这些更新推送到了weweb应用，让我们看一下，你可以看到我的屏幕吗？现在分享你的屏幕吗？好的，这只是新网站的快速预览，我们选择了非常现代化的设计方法，非常干净，有点类似苹果的风格，这个登陆页面向你展示了我们的流程和功能以及优势，我们在Framer中构建了这个网站，这是另一个非常酷的无代码工具用于网页设计，所以你可以从这里更好地了解skip Matrix，再次我们喜欢说我们是高档的白手套跟踪服务，提供整套服务，所以基本上对我们的客户来说，非常容易，只需访问网站，点击开始，提交订单表单，然后我们会发送电子发票，付款后立即开始处理他们的文件，通常在一个小时内将文件发送给他们，有时只需20分钟，我们之所以能够做到这一点，完全是因为我们在weweb上构建的这款软件。现在你可以对新的设计有所了解，一切很直观，我们将转到应用这是我们在weweb上构建的应用，为了匹配这个设计，你可以看到这种背景很不错，这实际上是我创建的自定义组件，因为我相信weweb中并没有原生支持这种功能，但是可能比较繁重，所以这实际上是我创建的CSS网格组件，为了保持与网站的美感一致。这是我们的仪表盘，非常简单直接，用户旅程和软件设计的方式。现在我展示的是六月份，我们在这个账户中处理了近130万条记录，在六月份达到了98.37的命中率。命中率基本上是指当我们处理一个文件时，比如我们处理了一千条记录，如果有一千条在我们的软件和系统中找到匹配结果，那么命中率就是100%。所以98.37这些近130万条记录中有匹配和结果，这是仪表盘，我们也可以做到这一点，这实际上是一个非常酷的小功能，我稍微有些创意，因为这不是一个原生组件，我在这方面做了一些创新，谢谢，要小心哦，谢谢，我设计了这个日期选择器，从这个元素到这里，我可以在编辑器中展示一下，这是日历元素和日期范围输入元素，然后我创造了一些按钮，并创建了一些工作流，可以点击这些按钮，它会变化为对应的日期，你一个人做的吗？是的，噢，很厉害，谢谢，这有点复杂，是的，当你点击这里，这些只是在账户中处理的一些订单，下面是每个订单的结果，所以当一个订单在处理时，这些会实时更新，每隔几秒，状态会变为处理中，并显示一个旋转的齿轮，所有订单会显示在订单历史中，处理完成后，我们可以点击这里，然后导出它们，可能需要一点时间，是的，我喜欢这个三个界面的UI，非常简洁而漂亮，因为你是，是的，这完全是我自己做的，最初我类似的UI，但我刚刚推送更新以与我向你们展示的新网站设计保持一致，还有设置页面，也很简单，我想我可以给你们展示一下，先给你们展示应用中的一步，如果你在应用中处理文件，我们有三种搜索方法，拥有人信息、物业地址和地块编号，这实际上只是基于文件中的信息，我们可以采取的三种不同方式来获取结果，所以我创建了这个滑动式切换功能，这是我在weweb中做的另一个酷功能，让我们继续，所以这看起来是一个有趣的列表，通常我们有更多的名字，我们在Zano中由Rihanna和Craig创建了自动匹配逻辑，这是一个列映射，这是搜索流程所需的选项，我们必须确保在继续之前进行匹配，如果有额外的自定义列，比如公司名，那么就是额外的列，不是必须的选项，所以它不在这些选项中，我们可以将其作为新列添加进来，这样它就会保留在那里，作为最终结果的一个参考，正如你在这里看到的，这是我上传的原始文件标题，上面写着姓，我们的自动匹配逻辑可以自动匹配到，我应该忽略这些，Flip Street会对应物业街道、属性城市等，我们可以根据一些列的名称继续扩展，比如Flip State，这不是一个非常常见的属性，所能够忽略，...

构建免代码平台的新未来

搭建多步骤表单的动画效果

• 在搭建多步骤表单时，我特别注重添加动画效果，以提升用户体验。我使用了转换效果来实现文本元素的切换动画，使得文本可以以滑动的方式进入页面。通过点击箭头按钮，我设置了两种状态，根据点击的箭头来切换，让文本可以平滑地过渡，避免重叠现象。这种动画效果让页面更加生动、流畅，并增加了视觉上的吸引力。

搭建多步骤表单的动画效果

定制组件和日期选择器 - 网页开发新技术揭秘

• 这是文件上传部分，作为定制组件的一部分展示给大家看。我们团队中的一位成员为我们创建了这个定制组件，并将其推送到项目中。这个组件允许用户拖放文件或选择文件，非常方便。我们还讨论了搜索功能，根据不同搜索来搜索不同的元素。此外，还介绍了实现渐变颜色动画的创造性方法和优美的日期选择器设计。

定制组件和日期选择器 - 网页开发新技术揭秘

优化API数据加载速度的关键技巧

• 在将API数据快速展示出来方面，有哪些关键经验教训？有何建议可以让数据加载速度更快？Mike提到这可能更多地涉及后端API开发，他外包给南非的Click Mod机构处理所有后端开发工作和Zano。他自己没有太多接触那方面的工作，而在Zano后端优化中非常快速。在weweb上也没有太多要做，只需使用REST API插件设置并进行调用。个人优化方面并没有做太多工作。

优化API数据加载速度的关键技巧

Conclusion:

通过使用WeWeb平台和Zano的API，Mike和Skipmetrix成功构建了一个高效的房地产SaaS应用程序，充分展示了无代码开发的优势。他们在集成第三方技术时并未受到限制，整个项目进展顺利，为房地产行业带来了创新解决方案。

Q & A