IVX使用 | 如何不开发代码实现网页界面？

目录

一、IVX简介

是什么？

登录网址

准备工作

二、组件介绍

1.图片组件

 2.布局大小调整

3.新建页面

4.事件对象

5.添加文本

6.添加按钮

7.添加导航菜单

8.添加搜索

---

        前一阵和其他伙伴一起参加了一个创新创业比赛，用到了前端界面功能展示的模块，因此简单学习了ivx，发现非常的方便高效且易上手，只需通过扫描上传界面的二维码即可访问界面。现分享简易版使用指南。

一、IVX简介

是什么？

        是一款 无需代码、仅仅使用拖拽即可开发平台。从逻辑上讲和写代码开发一样，但是是可视化的可见即所得的状态，不需要代码开发。

登录网址

https://www.ivx.cn/

准备工作

1.下载谷歌浏览器

浏览器内搜索【谷歌浏览器】进行下载

2.账号注册和登录

        在网页右上角处进行登录/注册，进入后输入对应信息即可。

·个人账号还是企业账号？

        企业账号增添了各个账号之间的交互的一些功能，初学者/小型企业个人账号即可。

3.工作台的使用

基础界面功能展示：

点击【标签管理】

二、组件介绍

工作台界面分辨率都可以自行设置，现以PC端为例：

1.图片组件

添加图片的话需要实名认证

点击下图的“图片”插件对图片进行添加，

 也可选中页面直接将文件夹内多个图片拖动到页面内

·选中页面内的图片，也可以对宽度和高度调整其大小

·上下边距的排版指的是在整个页面内距离页面边框的距离

 

 2.布局大小调整

按下【空格键】会变成小手可拖动前台进行移动。

或者在页面右上角点击这两处进行调整布局大小

3.新建页面

左侧新建页面

设置当前页面属性：

4.事件对象

通过拖动每个界面或对象，实现不同优先级，从下往上优先级递增，也可以对界面进行隐藏。

5.添加文本

如下，实现了一个简单界面的文字添加

6.添加按钮

添加按钮后，可以对按钮中文字进行点击，就会出现如下所示形式，然后可以添加切换界面实现点击后对界面的跳转。

7.添加导航菜单

下拉菜单的成果图可以设置为如下形式：

8.添加搜索

 设置参数，对界面预览结果如下：

---

        上述是笔者在设计界面时用到的比较多的组件，实现网页也就是把功能预设好，先构思再上手做，在界面内添加组件然后实现组件与界面两者之间的跳转。

概括来讲，操作就是：

1. 通过提供的组件构建对象
2. 添加逻辑