欢迎来到 Zion
函子是一款具备软件搭建、部署上线和后续运营完整能力的无代码开发工具。Zion 帮助文档旨在帮助您快速入门并开始构建应用,是您学习旅程中的重要参考,其中包括了搭建并上线一个应用必须要经历的步骤指引、编辑器操作、各类搭建元素、扩展功能的使用说明。
入门教学视频
观看下面的5分钟视频可以快速上手函子👇
什么是应用
应用是一个为了解决某个明确问题,带有用户界面,用户能够对界面进行各种操作,继而实现对数据的增删改查的软件工具。所以想搭建一个应用,需要根据想解决的问题梳理出明确的逻辑,再设计好各种数据模型,再完成UI搭建并配置事件交互,最后完成发布上线、运维管理。
开启学习之旅
如果你想通过一个人利用 Zion 从零开始踏上搭建软件应用之旅,请按照帮助文档目录从上到下的顺序依次学习。请务必阅读【软件开发基本流程】和【使用Zion进行软件开发】两篇内容。
>
学习 Zion 的基础知识可能需要几天到几周的时间,具体取决于您投入的时间以及您的学习方式。
利用 Zion 开启搭建应用之旅最好的方法是怀着对学习的渴望。与其带着自己的想法一头扎进去,不如先浏览帮助文档,查看 Zion 编辑器的基本操作方法以及功能说明,掌握搭建项目的基本要素,这对你的学习之旅将十分有益。随着您熟练使用平台,您将养成自己的方法和习惯,以快速创建稳定、安全的应用程序。 Zion 是一个开放自由的平台,这意味着它足够的灵活,能够开发并上线几乎任何类别的应用程序。我们鼓励您进行各种功能的尝试与应用,我们为你提供了不同的工具版本,高级版本能够让您的应用具备更多高级功能的使用,比如 API 、行为流、Z AI 等。
Zion函子世界观和产品说明
我们将应用开发分为搭建、发布和维护三个部分,其中核心的应用搭建分为 UI搭建、数据处理和行为配置,在完成所有搭建之后,就可以进行应用发布。上线后可查看线上数据和资源消耗,继而到管理和维护应用。
建议无计算机基础的同学按照教程顺序学习,如果你是有计算机基础或者熟悉其他无代码开发工具,可以尝试阅读下文简要版本帮助文档后直接开始搭建。
应用搭建
我们先从应用搭建开始。
搭建 UI
- 三种定位方式的使用
- 在页面搭建中,合理使用定位方式可以更有效地搭建应用布局。函子支持相对、绝对和固定三种定位方式。如希望所有组件都在其父组件中有序排列,组件位置都是相对于其同级组件或父组件来确定的话,我们可以使用相对定位。通过调整父容器(如页面或视图组件)的样式,来整体调整内部所有子组件的布局方向、排列方式和间隔大小等等。打开父容器的“换行”,其中的子组件就会在布局方向到底部时继续换行排列。
- 如希望组件仅相对于其父组件固定在某一位置,不受其他同级别组件影响,那么就可以使用绝对定位。例如在用户卡片上添加的身份标志,位置设置为“绝对”,再依次填上相对于父容器边框的绝对距离。这样,他就固定展示在该父容器那个绝对的位置点了。
- 若需要将组件始终固定在相对于页面的某一位置上,只需要将位置类型修改为“固定”,再一次填入相对于页面的绝对距离,就可以实现在页面级别的位置固定。例如导航栏始终固定在页面最上方,无论页面如何滚动都保持可见状态。
- 条件式容器
在设计应用时,我们常常希望根据不同情况展示不同的UI,这时候可以使用‘条件式容器’组件来实现。拖入条件式容器,增加case并设置对应的条件,然后每个case容器下搭建对应的UI,这样就可以实现不同条件下展示不同的内容。例如,未登录情况下展示登录按钮,登录成功后展示用户信息。
处理数据
关系表的建立
学习了UI的进阶配置后,我们来到数据交互部分。在基础教程中,我们学习了如何新建数据模型并生成相应的数据表。在真实应用场景中,我们有非常多表与表之间有关联的场景,例如学校和在校的学生、账户与每个账户发布的内容等等。这个时候就可以给两个表之间建立1对1或1对多的关系。 从而实现表之间的数据关联。 在示例中,我们给用户表和帖子表之间建立了一对多关系,这样就可以通过某个账户找到他的所有发布的帖子,也可以通过某篇帖子找到它的发布者。利用API获取外部数据源
除了从数据库中获取数据,函子还支持通过API获取外部数据。只需创建API,根据外部API接口设置对应请求方法,成功配置之后,就可以在需要绑定数据源的组件上直接选择该API作为数据源。数据使用
列表组件、选择视图可以直接选择表或者api作为数据源来进行动态数据展示或使用,而其他组件想要展示数据库里的数据,则需要先在页面上声明一个远程数据,做好数据筛选之后,其他组件就可以通过‘页面内数据-远程数据’来实现动态数据绑定。 声明在页面上的远程数据,可以被该页面内所有组件调用。
前面我们提到了在获取服务端数据时,可以对获取到的数据进行排序、过滤和去重操作,从而节省请求量提升应用性能。真实应用中,我们可能需要根据不同的情况进行不同的数据筛选,例如同样的帖子列表,点击关注,展示我关注的相关帖子,点击发现,展示全部帖子。 这时候我们就需要使用条件式筛选功能,为不同的case设置对应的条件,配置相应的筛选规则即可。条件数据和公式
函子的数据绑定支持配置不同条件下展示不同的数据,同时也支持对数据进行公式处理,目前支持数学、字符串、时间日期等多个类型运算。 例如在个人主页中,用户的个人简介就绑定了一个条件数据。用户未填写简介信息时默认显示“ta 很懒,什么都没写”的提示语,填写信息后展示用户所填的个人简介内容。
配置行为
介绍完数据源和数据的使用,我们接下来说一下数据写入,数据写入是行为的范畴。也由此开始我们行为交互的高阶教学。数据写入对应的是我们内置的“请求-修改表数据”行为。大家可以通过给某个组件绑定该行为,就可以实现将页面上的某些数据写入到数据库中。
利用API来自定义行为
除了请求行为外,函子内置了100多种行为,如执行AI、支付、分享、跳转导航、对页面或者组件的各种操作等,以满足行为交互搭建的常见需求。但如果大家有更多期望的行为可以配置,那可以通过API功能来自定义行为。然后通过“请求-调用API”这个行为来执行该API。在示例中,我们添加了发送企微消息的API,给”提交“按钮绑定了执行该api的行为,配置相关入参,就实现了自定义“发送企微消息”行为。行为流
在真实应用场景中,我们可能需要配置复杂的工作流,用来处理一连串的数据操作、权限操作等,这个时候就可以使用我们的行为流功能。它集成了多种节点类型,包括数据库的增删改查、第三方API调用和代码块节点、执行ai等。与配置前端事件触发的行为类似,行为流也支持配置条件分支,用来处理复杂的分叉逻辑。
在使用上,行为流除了可以被按钮点击时触发外,还支持配置定时、数据变更和Webhook这三种触发器来进行自动触发。AI行为、登录行为、支付行为
AI行为:在使用AI行为之前,需要先使用ZAI功能进行ai配置,每一个ZAI代表着一个独立的ai小工具。ZAI是一个强大的ai智能体配置工具,支持大模型选择、提示词配置,支持数据库承接上下文、支持工具调用、支持配置输出格式。当配置好并且调试成功一个zai之后,就可以在前端页面上或者行为流中使用AI行为来调用该zai
登录行为:与AI行为类似,登录行为也需要提前进行登录配置(设置-登录设置)。函子目前提供了多种登录方式,如用户名密码登录、邮箱登录和手机号登录,以满足不同场景的需求。同时也为专业用户提供了SSO登录方式。再完成好登录配置后,就可以为对应的组件添加相应的登录行为来进行登录系统的设计。
支付行为:支付行为是一个面向专业版用户的商业化能力,函子内置了微信支付和支付宝支付两种支付行为,其中支付宝支付还支持订阅制付费。在设置中,升级版本后激活支付功能并填写商户信息,就可以在前端组件上使用支付行为,用来让你的用户完成付款、退款等操作。具体的使用方式可以在帮助中心搜索“支付”。
发布和维护
完成应用搭建后,接下来进入应用发布和维护环节。
权限配置
在发布前,为了应用的数据安全,我们需要做好权限配置,用来控制不同身份用户访问应用时对每个数据表、API、行为流的访问和操作权限。这个时候就需要用到权限管理功能。打开设置-权限配置,先新建角色,再为每个角色配置各项内容的具体权限,函子目前已经支持“行级别”的权限管控。自定义域名
完成了UI、数据、行为搭建、权限配置后,点击“发布”,函子会提供免费的域名地址,但如果想要增强你的品牌可信度以及提升搜索引擎排名,可以配置自定义域名。该功能高级版及以上的项目可用。算力资源管理
随着应用的上线运行,用户数量和消耗的服务器资源将逐渐增加,特别是高并发和高流量时期,资源消耗会显著增加。我们可以在项目详情页算力监控面板实时掌握所有算力消耗情况。 函子为每一个版本都赠送了相应的算力资源,当某一项或者多项资源不足时,我们会进行短信和应用内消息提醒,这时候大家可以通过升级版本、单独购买算力包和购买单租户服务器来补充算力资源以维持应用在线上的正常运行。🥳【立即开始搭建 ➡️】