ivx低代码平台系列制作简单的登录界面

码莎拉蒂. 码莎拉蒂.     2022-10-22     280

关键词:

一、前言

iVX是啥,不理解的小伙伴可以猛戳这里 ----------------------点我









二、iVX平台和现有编程语言的对比






三、iVX平台和现有编程语言的对比

1、快速学习(周期短)

iVX逻辑上相对是比较简单的 所以初学者的话只需要从逻辑和具体功能入手即可快速上手进行开发 甚至有一些设计师、文科专业毕业生也可以快速学习和掌握iVX开发,ivx可以极大地节省人力、工期等开发成本 从而打到快速开发的目的。



2、快速开发





3、快速运行

ivx内部编译和语法生成翻译等有强大的各种核心算法支撑 从而实现我们快速运行的目的



4、快速维护

前端所见即所得 随时更新修改 清晰的日志可视化系统以及结构化的小模块 层次感很强 逻辑也更易于去梳理 是的我们维护成本变得很低



三、利用ivx制作一个简单的登录页面

1、打开ivx的编辑页面(注册号的可以先注 .册号)

猛点这里 ------- 编辑工具
然后我们选一个web程序,名字叫 HelloIvx 项目,点击创建就,如下图



2、我们在登录界面选背景颜色

如下图,我们可以点击“背景颜色”就可以动态的选颜色了,肉眼可看颜色,是不是非常方便,
比我们用代码写RGB的值更加方便和直观。





3、我们在登录界面加上标题

标题我们知道是一个文本框,我们点击下文本框,那个箭头表示选择的空间可以隐藏和显示,
经常用到,大家要注意。

然后我们把文字修改成"登录界面",
然后我们把左边距和上边距进行这里设置,文字要啥样式我们都可以在编辑界面选择




4、我们在登录界面加上输入账号和密码的编辑框

我们找编辑文本的按钮,点击2个,然后设置左上边距,然后输入hint的提示内容,效果是不是非常好,非常简答。




5、我们在登录界面加上登录按钮

我们点击图片的 “按钮”那个图标,然后修改字体内容和边距,有需要的话可以设置圆角多少度啥的,看你真实的需求是啥。




四、利用ivx发布预览登录页面

点击预览按钮

效果如下

是不是看起还可以,操作非常简单,不会写代码也没关系。



五、ivx使用总结

我自己操作起来非常简单,很快速就完成了一个页面,妈妈再也不担心我写代码的问题了。

ivx 动手尝试电梯:ivx在线编辑器
官 网: www.ivx.cn
ivx 公.众号:ivx_cn
iVX在.线学院:iVX在线学院跳转电梯

ivx低代码平台系列制作app简单的个人界面

...,就是类似下面的这种界面,我们可以利用iVX低代码平台来开发,简单快速,如果还有不知道iVX低代码平台是啥的,猛戳这里:关于ivx 当前,小伙伴还可以点击这里进去 https://www.ivx.cn?ext 查看详情

ivx低代码平台系列制作简单的注册界面

1、开发app的一些方式1、一般可能采用纯原生2、一般采用原生+h53、跨平台技术(reactnative、flutter、uniapp)4、使用小程序他们开发缺陷的1、纯原生开发周期非常长,人力成本大。2、原生+h5,一般只能做电商... 查看详情

ivx低代码平台系列制作简单的注册界面

1、开发app的一些方式1、一般可能采用纯原生2、一般采用原生+h53、跨平台技术(reactnative、flutter、uniapp)4、使用小程序他们开发缺陷的1、纯原生开发周期非常长,人力成本大。2、原生+h5,一般只能做电商... 查看详情

ivx低代码平台系列制作简单的注册界面

1、开发app的一些方式1、一般可能采用纯原生2、一般采用原生+h53、跨平台技术(reactnative、flutter、uniapp)4、使用小程序他们开发缺陷的1、纯原生开发周期非常长,人力成本大。2、原生+h5,一般只能做电商... 查看详情

ivx低代码平台系列制作app简单的个人界面

...,就是类似下面的这种界面,我们可以利用iVX低代码平台来开发,简单快速,如果还有不知道iVX低代码平台是啥的,猛戳这里:关于ivx 当前,小伙伴还可以点击这里进去 https://www.ivx.cn?extend=sixsixsix​​... 查看详情

ivx低代码平台系列制作app简单的个人界面

...,就是类似下面的这种界面,我们可以利用iVX低代码平台来开发,简单快速,如果还有不知道iVX低代码平台是啥的,猛戳这里:关于ivx 当前,小伙伴还可以点击这里进去 https://www.ivx.cn?extend=sixsixsix​​... 查看详情

ivx低代码平台系列详解--系统架构

...线编辑器iVX系列教程持续更新中系列文章可看:iVX低代码平台系列详解–概述篇(一)iVX低代码平台系列详解–概述篇(二)iVX低代码平台系列详解–概述篇(三)一、前后端分离架构概览:前台部分,对应前端应用程序,负... 查看详情

ivx低代码平台——微信小程序获取用户信息

...xff0c;快速建立小程序内的用户体系。本文将向大家展示低代码开发:小程序实现获取用户信息的方法,供大家参考。文章目录写在前面开发概述准备工作用户组件发起小程序登录用户组件获取当前用户信息微信小程序组... 查看详情

发布功能完成02《ivx低代码签到系统制作》

制作iVX低代码项目需要进入在线IDE:https://editor.ivx.cn/一、发布功能思考、数据库、服务创建上一节我们制作了后台的页面,那么此时我们应该需要制作发布功能了,那么在制作之前,我们应该思考一下如何制作这... 查看详情

签到功能完成03《ivx低代码签到系统制作》

制作iVX低代码项目需要进入在线IDE:https://editor.ivx.cn/一、签到页制作上一节完成了签到内容的发布,那我们接下来如何制作一个签到页面并且签到呢?此时我们先创建一个页面叫做签到二维码页面:随后直接预览... 查看详情

签到功能完成03《ivx低代码签到系统制作》

制作iVX低代码项目需要进入在线IDE:https://editor.ivx.cn/一、签到页制作上一节完成了签到内容的发布,那我们接下来如何制作一个签到页面并且签到呢?此时我们先创建一个页面叫做签到二维码页面:随后直接预览... 查看详情

后台页制作01《ivx低代码签到系统制作》

制作iVX低代码项目需要进入在线IDE:https://editor.ivx.cn/一、签到系统思考签到系统一般是指公布一个签到链接或者二维码,随后用户扫码后即可完成签到。那如何制作呢?首先我们可以先不考虑签到页面的制作,既... 查看详情

后台页制作01《ivx低代码签到系统制作》

制作iVX低代码项目需要进入在线IDE:https://editor.ivx.cn/一、签到系统思考签到系统一般是指公布一个签到链接或者二维码,随后用户扫码后即可完成签到。那如何制作呢?首先我们可以先不考虑签到页面的制作,既... 查看详情

不用写一行代码,就能用ivx制作一个“微信小程序“,超牛逼(代码片段)

今天需要为大家介绍一款神器ivx。它是通用无代码开发平台,是面向新一代全栈开发人员的通过不编写代码的方式实现快速开发的软件开发平台,提供图形化逻辑编排编程语言、抽象组件、集成开发环境等能力,能够... 查看详情

二博客首页完成《ivx低代码仿csdn个人博客制作》

制作iVX低代码项目需要进入在线IDE:https://editor.ivx.cn/一、菜单思路参考及制作在CSDN首页中的菜单部分为一串横排的内容,并且可以进行拖动:首先咱们添加一个行,命名为菜单:接着肯定是需要设置上下的内... 查看详情

一博客首页搭建搭建《ivx低代码仿csdn个人博客制作》

制作iVX低代码项目需要进入在线IDE:https://editor.ivx.cn/一、头部导航栏思路参考首先我们可以查看CSDN的博客首页,从中查看一下布局:在以上首页中,我们可以得知其顶部为一个整行,这个行内容左侧为一个log... 查看详情

四博客详情页完成《ivx低代码仿csdn个人博客制作》

制作iVX低代码项目需要进入在线IDE:https://editor.ivx.cn/一、博客详情页分析博客详情页大体分为顶部标题、发布时间、作者信息、博文内容,底部的评论我们在此不必做悬浮内容,咱们直接放到博文之下进行显示即可&#... 查看详情

四博客详情页完成《ivx低代码仿csdn个人博客制作》

制作iVX低代码项目需要进入在线IDE:https://editor.ivx.cn/一、博客详情页分析博客详情页大体分为顶部标题、发布时间、作者信息、博文内容,底部的评论我们在此不必做悬浮内容,咱们直接放到博文之下进行显示即可&#... 查看详情