不用写一行代码，就能用ivx制作一个“微信小程序“，超牛逼

不用写一行代码，就能用ivx制作一个“微信小程序“，超牛逼

今天需要为大家介绍一款神器​​ivx​​。

它是通用无代码开发平台，是面向新一代全栈开发人员的通过不编写代码的方式实现快速开发的软件开发平台，提供图形化逻辑编排编程语言、抽象组件、集成开发环境等能力，能够支持大部分通用软件的开发。

本质上是将以“键盘”编程为主的程序设计过程，转变为“鼠标”编程；实现降低编程学习门槛，提升开发效率的目的。

实战

官网：​​ 打开网站，创建应用

首先，我们打开​​ivx​​的官网添加文本框、输入框

最终效果如图所示，每个对应元素均在中间的“画布”中显示，并在右侧的“页面”栏目显示每个对应元素的名称。

此时，你把光标放在不同的元素名称处，那么它会在自动在“画布”中，选中它对应的元素，如下图所示。

当界面复杂时候，我们往往需要用到多个文本框和输入框，为了区分它们，我们可以为它门命名，如下图所示。

② 调节“提示信息”文本框的元素

首先，我们选中“提示信息”这个文本框，左侧方框其实就可以调整该文本框的各种元素。

这里我们需要设置两个东西：

① 文本框的内容；② 文本框的位置；

大家按照图中的操作即可，或者说你按照你想摆放的位置，进行调节。

③ 调节“查询结果”文本框的元素

首先，我们选中“查询结果”这个文本框，左侧方框其实就可以调整该文本框的各种元素。

这里我们需要设置两个东西：

① 文本框的内容和颜色；② 文本框的位置；

大家按照图中的操作即可，或者说你按照你想摆放的位置，进行调节。

④ 调节“查询条件1”输入框的元素

首先，我们选中“查询条件1”这个输入框，左侧方框其实就可以调整该输入框的各种元素。

这里我们需要设置两个东西：

① 输入框的提示内容；② 输入框的位置；

大家按照图中的操作即可，或者说你按照你想摆放的位置，进行调节。

⑤ 调节“查询条件2”输入框的元素

首先，我们选中“查询条件2”这个输入框，左侧方框其实就可以调整该输入框的各种元素。

这里我们需要设置两个东西：

① 输入框的提示内容；② 输入框的位置；

大家按照图中的操作即可，或者说你按照你想摆放的位置，进行调节。

⑥ 插入一个“图片”按钮元素

这里唯独差一个“查询”按钮和“背景色”。

首先，我们先来调整一下“背景色”。按照图中提示，完成图中两个操作。

接下来，我们为“主界面”添加一个“查询”按钮，这是一张图片。

完成上述操作后，最终效果如图所示。

对于“查询”按钮 元素，我们需要设置4个内容。

① 修改元素名称；② 设置等比缩放；③ 调整图片大小；④ 调整图片摆放位置；

完成上述操作后，最终效果如图所示。

此时，整个效果图出来了，看着不错吧！

⑦ 选择一个数据库

我们查询的数据哪里来呢？这里我们就利用一个Excel表格，充当我们的数据库。

首先，完成图中的操作。

接着，在完成图中的操作。

最终效果如图所示：

在上图中，我为大家标注了0、1、2，这是每一行每一列元素，所对应的索引。和编程语言一样，你想要获取每个元素，知道索引值就可以。

⑧ 为“查询按钮”添加一个事件

“事件”是什么呢？

它可以看作是一系列的连锁反应，用于连接各部分组件。

此时，我们虽然做出了整个界面的样子，但是他们之间毫无关联，“事件”就是用来建立它们之间的联系。

接着，完成图中的一系列设置。

试验一下：

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。