Zion 通过可视化的交互方式，把原本需要通过写代码才能实现的抽象业务逻辑、产品设计和数据配置等通过更直观、对人更直觉化的方式进行呈现和配置，从而显著降低了编程的技术门槛。只要你能想清楚你要的逻辑是什么，Zion就能够实现相应功能的软件。在另一边，Zion也提供更完整的功能封装，让工程师能够以写更少的代码来实现更多的功能，从而降低重复劳动、提升开发效率。但低代码“灵活、快速、低门槛”的标签，也带来了更多争议。这篇文章偶想以Zion是如何实现if和list的功能的例子告诉你，Zion是如何简化代码开发的繁琐又不牺牲实用性，可以来很好地轻松构建应用程序。if功能if 语句的语法如下：if(布尔表达式) { //如果布尔表达式为true将执行的语句 }else{ }
在 Zion 中，条件判断的方式是相似的但更直观左边是大家传统的代码开发，右边是用Zion 网页端做出来的Zion社区。当大家想要实现右图的效果：点击选项会在下方呈现不同的内容，在Zion上是如何通过可视化的拖拽方式实现的呢？string [] section = {“找咨讯”, “找答案”, “找盟友”, “找灵感”}; string section_selected = “”; if( section_selected == “找资讯” ){ //show 找答资讯的内容 } if( section_selected == “找答案” ){ //show 找答案的内容 } if( section_selected == “找盟友” ){ //show 找盟友的内容 } if( section_selected == “找灵感” ){ //show 找灵感的内容 }
实际上红色区域是一个Zion叫做“条件式容器”的组件，下方详细内容是一个列表组件，下方列表显示内容的筛选条件由上方条件式容器的选择来决定。大家就是用这样的方式来实现if的效果的。接下来大家看一下条件式容器组件的具体使用。是如何利用它来执行具体判断的呢？ 这里有4个可选状况，相当于代码中的4个 if 情况。代码当中是从上往下执行判断，Zion当中也是如下图以从上往下的顺序依次进行判断，先成功进入的状况就不会再进入之后的状况。显示在编辑页面中，判断的执行是从左到右再从上到下依次进行涉及到设置具体判断条件时，Zion把各种条件判断抽象出来成文字，选择一个判断方式后，再输入具体判断值通过这样的方式，条件式容器可以完美地实现代码中 if 的功能，接下来 大家看一下如何用 Zion实现 for的功能list功能类似if，在Zion中 list语法也以可视化的方式实现，通过列表组件的形式List <String> list = List.of(“apple”, “pear”, “banana”); // for each遍历list for (String s : list) { System.out.println(s); }
这里有一张有apple, pear, banana的表下图左是列表组件，列表的每一项内容选择为水果表中的水果, Zion就会做遍历 选中的表中的数据的动作，相对应代码中的For循环除了for循环的遍历功能，Zion的列表组件还自带排序，去重，和过滤功能。排序和去重可选`根据表中的某一个字段，过滤器则是类似SQL语法的过滤，SQL语法基础的过滤功能，Zion里都会有。虽然不像代码开发那么的全面，但是常用的功能Zion都有覆盖到，普通场景下已完全足够使用！关于列表组件的介绍就到这里，更详细的列表功能可以去列表查看在实际使用中，因为一些场景下的高频需求，Zion增加列表组件的变种以便使用 — 横向列表，横向列表顾名思义就是横着排列的列表，其内容和实用与列表组件完全一样，不同的只有项的排列方向。所以，横向列表也可以实现for循环还有数据选择器的对象模式，和选择视图每一项的内容都可以实现for循环相信看到这里，你已经会用Zion实现if和for的功能啦，那么在实际运用中，有哪些代表性的例子呢？【商场】选择一个类目，直接滚到对应类目下方「选择试图 ➕ 列表套列表」【内容展示】不同选择，展示不同的列表「条件式容器套列表」以上这些例子证明了常见功能在 Zion 的实现，用 Zion 您可以更关注于项目的逻辑与需求，从而节省冗长的代码时间。但Zion不是降低程序员的门槛，而是让程序员用精力去做更有价值的事。为什么低代码/无代码平台在当今时代如此受欢迎，开发人员需要学习并熟悉低代码/无代码平台和工具？因为无代码编程不仅仅是一种媒介嘛，远非如此？它甚至可以说是一种新时代的编程语言。如果您正在经营一家企业，请考虑立即使用一种简单的无代码方式构建您的业务应用程序。 Zion 是无代码平台中小程序赛道里做得最好的，同时也支持以无代码的形式开发web端和h5端的应用，现在它允许您使用可视化拖拉拽点的形式轻松开发各种应用程序。如果您有任何疑问，请随时询问并与 Zion 的专家团队联系。如下代码，大家使用条件语句if做判断，如果x小于20，则大家打印出 这是 if 语句int x = 10; if( x < 20 ){ System.out.print(“这是 if 语句”); }
Zion无代码平台工具指路：https://www.functorz.com/?channel=nrff