不必写一行代码,利用ivx低代码产品开发web平台

今天给他们介绍的软件是这个IVX低代码开发平台,对于开发同事非常友好,可以快速的开发出一个web平台,对于ivx其他的介绍在前面的文章有给大家将结果,本次我们直奔主题,去用ivx开发一个web平台。页面中间的数据都是由表格添加的,我延时其中一个表格的添加,其他表格的属性都一样。选择webapp小程序,输入项目名称,点击创建。在列名显示中也要将数据填上,否则不显示。

不必写一行代码,利用ivx低代码产品开发web平台

1.如何做到不写代码即可开发平台

今天给他们介绍的软件是这个IVX低代码开发平台,对于开发同事非常友好,可以快速的开发出一个web平台,对于ivx其他的介绍在前面的文章有给大家将结果,本次我们直奔主题,去用ivx开发一个web平台。

ivx官方地址:https://www.ivx.cn/
在这里插入图片描述在这里插入图片描述

2.利用ivx开发web页面案例

通过ivx实现以下页面的开发:
在这里插入图片描述

2.1.创建项目

选择webapp小程序,输入项目名称,点击创建。

在这里插入图片描述

2.2.设置页面顶部的logo图片

1)点击左侧的图片按钮,上传一张图片。
在这里插入图片描述

2)设置图片的裁剪模式为等比缩放,其他的参数保持默认即可。
在这里插入图片描述

3)顶部图片已做好,效果还不错。

在这里插入图片描述

2.3.添加导航栏

1)找到左侧的文字按钮,添加文字功能。

在这里插入图片描述

2)设置文字属性,添加文字内容、设置高度、设置文字的颜色、文字的大小、文字对齐格式、词间距等。
在这里插入图片描述

3)现在已经基本上成型了,我们来简单预览一下,点击顶部的预览按钮。在这里插入图片描述

在这里插入图片描述

2.4.添加表格数据

页面中间的数据都是由表格添加的,我延时其中一个表格的添加,其他表格的属性都一样。

1)找到导航栏上的表格按钮,添加一个表格。

在这里插入图片描述

2)添加表格中的文字信息:点击编辑数据,在每一列中添加数据。

在这里插入图片描述

在列名显示中也要将数据填上,否则不显示。
在这里插入图片描述

3)表格的属性如下,跟着配置即可。
在这里插入图片描述

其他的表格数据也是这么添加的,整体添加完的对象树如下:
在这里插入图片描述

2.5.发布项目

点击发布。
在这里插入图片描述

确定发布
在这里插入图片描述

2.6.最终的成品

在这里插入图片描述

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/4903.html

(0)
上一篇 2022-12-08 16:40
下一篇 2022-12-08 16:40

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信