当我们在日常生活中开发迷你程序时,我们总是从编写代码开始,但是只有专业发展才能执行写作代码。因此,作为一个普通人,如果您也想开发迷你计划,是否有更好的解决方案?
答案是肯定的。低代码的概念是在2014年首次提出的,使用较少的代码来更快地创建应用程序。在没有编程的情况下将这种人称为公民开发人员。
在此概念下,有一个在低代码下的分支称为无代码,这意味着不编写一行代码来开发应用程序。在本文中,我们将以无编码工具Zion为例,以介绍无编码工具开发迷你程序的示例。
没有代码工具的没有代码工具的小型程序的过程
它具有与传统发展相同和不同的观点。无编码开发需要四个步骤来完成迷你计划的构建,包括需求分析,模型设计,页面构建和测试发布。
需求分析阶段
在需求分析阶段,我们通常使用思维图来整理用户的功能。例如,如果我们打算开发购物中心小程序,通常会有主页,分类页,详细信息页面,订单页面,购物车和我的页面。那么我们的思维图可以以这种方式推导
第一级的思维映射通常是页面,第二级可以是功能点,第三级可以是特定的信息。
模型设计阶段
在模型设计阶段,我们通常使用ER图来表达模型之间的关系。分别有一对一的,一对多的和多对多的。还有一个与我们自己有关的。我们通常使用一个。对于多种关系表达式,它也称为自我关联。例如,在上面的示例中,我们使用ER图来拆卸模型。
我们的轮播图是分开的,可以独立于一张桌子设计。产品分类和产品详细信息是相关的,这是一对多的关系。产品分类可以用作一方,并且可以将产品详细信息作为许多聚会使用。一边。
当然,我们还需要从ER图中推导我们的表结构。
轮播图
字段名称
字段类型
ID
整数
图片
图片
序列号
序列号
产品类别列表
字段名称
字段类型
ID
整数
图片
图片
序列号
序列号
类别名称
文本
产品详细信息表
字段名称
字段类型
ID
整数
姓名
文本
描述
文本
价格
文本
类别
整数
页面构建阶段
分析和设计完成后,您可以进入页面构建阶段。详细开发时,我们的第一步是创建一个项目
创建一个项目
打开控制台,单击个人空间,单击创建新项目
单击以在弹出页面上创建空白应用程序
输入项目名称,选择,然后单击创建以完成项目创建
创建数据表
在打开的页面上,单击顶部的导航栏的数据模型,然后单击“添加”按钮
输入名称
然后单击列旁边的蓝色 +标志,我们将添加列
让我们输入图片,还选择该类型中的图片
继续添加第二列,我们添加一个列号
创建表之后,单击后端更新以使设置生效
单击顶部导航栏的背景图标以打开我们的轮播图像,单击以输入背景
输入背景后,您可以将数据添加到数据表中
上传我们的图像以完成数据添加
组件结构
无编码开发的特征是使用组件来构建它们。建筑组件分为三个步骤:设置组件的内容,设置组件的样式并配置组件的交互。
我们首先选择默认页面的导航栏组件,切换到内容视图,然后将标题修改为主页
单击组件旁边的 +标志
拖入我们的水平列表组件
双击此组件以输入我们组件的焦点视图
目前,该状态等同于容器。要继续将内容放入其中,我们拖入图像组件中。为了设置图像的宽度和高度,我们切换到设计视图
锡安使用绝对定位来安排组件,因此有X和Y的概念。让我们画一个图表以了解X和Y的概念。
我们的X轴从左到右增加,Y轴从上到下增加。如果我们将其设置为0,0,则意味着从原点开始。我们将图片的宽度设置为375
设置样式后,我们需要返回到水平列表组件,您可以单击顶部的面包屑组件,以返回到上一个级别。
数据源我们选择远程数据,如果使用了表,请选择旋转木马图
然后将内容绑定到图片组件,然后将其绑定到组件中的数据 - >水平列表 - > item->图片
然后打开水平列表的相互作用,打开分页配置,并将打开所有配置
预览和发布
配置页面后,我们单击顶部的预览图标以查看特定效果。
测试完成后,您可以单击预发行,并首先检查手机的特定效果。
您新开设的帐户与迷你计划无关。您需要授权它。您可以使用自己创建迷你程序。
授权成功后,它可以发布。片刻发布后,它将成功。您可以在手机上体验它。
总结
在本文中,我们将带您熟悉无编码工具的特定开发过程。与我之前使用过的魏德()相比,双方具有相似的发展模型和发展思想。许多粉丝担心使用工具会被锁定。实际上,只要您学到一个,相同类型的工具将被相同的理解。
好吧,我今天会介绍很多。有兴趣的学生迅速打开浏览器并注册一个帐户以体验它。下次见。