三分钟创建一个新应用,ivx的神奇之处【PPT式程序开发】

news2025/2/24 7:13:37

像做PPT一样的可视化编程语言你想拥有吗,可以自己尝试一下。像PPT一样的编程语言

文章目录

  • 🍓🍓用ivx创建一个新的应用(零基础)
    • 🚀🚀
        • 🥭🥭点击链接,跳转到官网
        • 🥭🥭点击立即体验进入应用创建页面
    • 🚀🚀IVX是什么,为什么选择IVX
    • 🚀🚀创建一个项目
        • 🥭🥭 空白应用创建
        • 🥭🥭 已有模板添加应用
    • 🚀🚀首页效果图
    • 🚀🚀项目的发布和预览
    • 🚀🚀手机预览
  • 🍓🍓iVX整体技术
        • 🥭🥭原子组件:(专利技术)
        • 🥭🥭快速事件面板:(保密技术)
        • 🥭🥭应用预览模拟器:(保密技术)
        • 🥭🥭AST(抽象语法树):
        • 🥭🥭编译器:(保密技术)
        • 🥭🥭多人开发Git:(专利技术)

在这里插入图片描述

🍓🍓用ivx创建一个新的应用(零基础)

🚀🚀

🥭🥭点击链接,跳转到官网

IVX是一门人人都能快速掌握的可视化编程语言

🥭🥭点击立即体验进入应用创建页面

在这里插入图片描述



🚀🚀IVX是什么,为什么选择IVX

在这里插入图片描述
绝大部分程序员做的都是中低端代码,本身为公司提供的价值与公司不符,大多被裁员。在IT行业的发展下,大厂不再过多需要只会写简单代码的程序员。例如在2010年左右,大厂一些项目中的中低端代码【简单的,耗时,没有任何技术含量的】一般都会丢给外包公司,这就是一个很好的而体现。在这样的大趋势下,一批低代码,无代码平台兴起,而IVX就是其中的一员。疫情的影响下大厂收缩自己的业务线,不再盲目的扩张导致中低端代码程序员进一步被裁。IVX简单的拖拽和环境的配置就能完成项目的开发。如果你是在校生,你还会担心学不会吗,你还会担心是学Java还是python吗。即将步入职场的你还会在乎从事哪一门语言吗。

一句话,如果说ivx想什么,我觉得他像PPT



🚀🚀创建一个项目

🥭🥭 空白应用创建

在这里插入图片描述

首先我们需要找到ivx编辑器,然后选择你所需要的场景。这里可以开发web网页版、小程序(微信,支付宝),H5,原生Android以及IOS等等,可以说功能非常的全,面很广。最后,我们选择默认的方式创建,进入项目后我们在右上角部位修改刚刚创建的应用的名字,当然,然后保存。当然,如果你进来之前就创建好名字了,不想重新改名字,那么直接进入下一步骤就可以了。
在这里插入图片描述


🥭🥭 已有模板添加应用

在IVX里面除了空白应用的添加还有已有的模板添加,这个还是比较人性化的,就像ppt一样,我觉得就挺好。已有的模板可以完成一部分的需求,现在可能模板还不是很多,但是后期需求的增加,模板也是越来越多的。我们这里选择的是一个H5电商的前后台。
在这里插入图片描述



🚀🚀首页效果图

我们上面直接用ivx自带的模板创建了一个H5的前后台,下面我们来看看效果图吧。可以看见第一次进来有蓝底白色的文字大概讲解了每个模块的作用。
在这里插入图片描述
我们可以发现,使用模板创建好的应用大部门布局之类的已经完成,例如下面的订单页面,布局基本完成,需要做的就是对接接口,完成数据的联动了。
在这里插入图片描述
初次之外,右边的对象数也是一个很好的学习的地方,方便快速上手demo。官方也有一写学习视频提供,最重要的是这个个人使用是免费的,企业的我没有用过,不敢乱说。
在这里插入图片描述



🚀🚀项目的发布和预览

项目的预览分为两种方式,一种直接编译,跟编译器中的一样。还有一种倒是挺新颖的,通过二维码扫描查看。
在这里插入图片描述



🚀🚀手机预览

我们选择的是H5路径生成的二维码,手机扫描出现下面的效果【因为没有找到什么相匹配的免费接口数据,所以就没有连接接口去调试】
在这里插入图片描述

🍓🍓iVX整体技术

🥭🥭原子组件:(专利技术)

抽象出超过200+前端和后台原子组件,每个组件都具备“不可拆分”特性,并表达独立具有特征的属性;同时每个组件都具备“属性”“触发条件”“功能(函数)”。
逻辑编辑框架:(专利技术)通过事件面板,以及内部的“条件”“循环”“回调”“延时调用”,实现了完成的“触发式逻辑控制”。例如:当“按钮A”被“点击”,“视频B”开始“Play”中;“点击”是对象“按钮A”这个对象的一个“触发条件”,而“Play播放”则是对象“视频B”的一个“函数”。

🥭🥭快速事件面板:(保密技术)

由于要在Web环境下容纳超过10万行事件的快速编辑和响应,iVX需要对事件面板做很多算法优化,冲突检测。

🥭🥭应用预览模拟器:(保密技术)

为了用户可以快速预览,iVX开发了一套基于WASM(网页汇编语言)的快速预览框架,由于不需要编译过程,大大缩短预览时间。

🥭🥭AST(抽象语法树):

(专利技术)将所有对象在事件面板中的逻辑表达,转换为一个新的中间语言,这就是抽象语法树。随着AST的演进和发展,将可以独立生成各种基于代码的语言,例如Java、Python、C/C++等。

🥭🥭编译器:(保密技术)

将AST抽象语法树,编译为目标语言执行代码,例如编译为WebApp、微信小程序、Windows应用等。

🥭🥭多人开发Git:(专利技术)

只要是从事程序员的工作应该都知道,只要一个项目是多人协作完成的基本上都会用到SVN或者git等代码托管工具。

由于iVX才有的对象存储的方式,并不是基于文本的代码,并不能直接使用开源的Git产品和框架,因此,iVX自行开发了一套自有知识产权的Git,专门用于对象的冲突检测、代码合并、代码拉取的算法。



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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/405837.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Vue 路由(vue—router)二】路由传参(params的类型 、Query参数的类型、路由name)

目录 前言 一、路由传参 效果展示 1.params的类型 (后附源码) params的类型源码不要在意注释代码 2.​​​​​​query参数的类型(后附源码) query参数的类型源码同样无视注释代码 3.路由name 前言 此内容为连载&#xff0c…

一文搞懂JS-Web-API——DOM

🌈本系列文章是博主精心整理的面试热点问题,吸收了大量的技术博客与面试文章,总结多年的面试经历,带你快速建立前端面试知识体系。抓住每一场面试的机会,知己知彼才能百战百胜。直击技术痛点,主动出击&…

Pinia 数据持久化储存(pinia-plugin-persistedstate)

pinia需要使用pinia-plugin-persistedstate插件来进行数据的存储 插件官网地址: https://prazdevs.github.io/pinia-plugin-persistedstate/guide/config.html 1、安装 这里对插件的安装就不多赘述了,放两张官网的截图 使用命令:npm i pi…

Vue--》计算属性与监视(侦听)属性的使用

目录 计算属性(computed) 监视属性(watch) 监视的两种方法 immediate选项 深度监视 计算属性(computed) 计算属性指的是通过一系列运算之后&#xff0c;最终得到一个值。这个动态计算出来的属性值可以被模板结构或methods方法使用&#xff0c;案例如下&#xff1a; <…

前端实战|React18极客园——登陆模块(token持久化、路由拦截、mobx、封装axios)

欢迎来到我的博客 &#x1f4d4;博主是一名大学在读本科生&#xff0c;主要学习方向是前端。 &#x1f36d;目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏 &#x1f6e0;目前正在学习的是&#x1f525;React框架React框架React框架&#x1f525…

vite搭建vue2项目

问题提出 最近在做一个练习的小项目&#xff0c;由于要配合组成员的其它成员来搭建项目&#xff0c;大多掌握的技术栈都在vue2&#xff0c;用惯了vite来搭建&#xff08;vite真香~&#xff09;,就想着来搭建一个vue2的项目。原本以为查下百度很快可以搭好&#xff0c;没想到折…

【小程序从0到1】WXSS模版语法汇总

欢迎来到我的博客 &#x1f4d4;博主是一名大学在读本科生&#xff0c;主要学习方向是前端。 &#x1f36d;目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏 &#x1f6e0;目前正在学习的是&#x1f525;React/小程序React/小程序React/小程序&am…

微前端vue项目实战 -- 乾坤qiankun框架 (一)

背景&#xff1a; 公司研发的项目主要是 GIS地图为基础的管理系统&#xff0c;由主体项目&#xff08;管理业务模块&#xff09; GIS地图应用&#xff0c;由于 GIS地图应用模块 会在多个地方使用&#xff0c;所以单独构建一个项目&#xff0c;分别在不同的业务场景中引用、交互…

JavaScript鼠标移动事件及案例

一、鼠标点击事件 1.onclick单击事件 鼠标单击时事件处理函数 <input type"button" id"bt" value"点击"> <script> //找到按钮并设置点击事件 document.getElementById("bt").onclick function (){ //被点击…

kkFileView部署及使用

Windows:kkFileView部署及使用前言部署Web引用普通webVue &#xff1a;需要引入base64.js前言 kkFileView支持主流文档的在线预览服务。官网地址 部署 kkFileView不需要集成&#xff0c;只需要部署到服务器即可。 从 Gitee 上下载最新的压缩包&#xff0c;或者从代码仓库中下…

【Vue+element-ui搭建前端页面】适用于初学者学习

作者有话说&#xff1a; 学习编程我们必不可少的就是做项目&#xff0c;在学习后端的同时&#xff0c;前端知识也是要学习滴&#xff0c;这篇文章将展示如何利用Vue和element-ui搭建前端界面。话不多说&#xff0c;进入主题&#xff01;&#xff01;&#xff01; 目录 首先是…

网页报错“Form elements must have labels”的处理

网页报错“Form elements must have labels”的处理 先给出错误现象源码&#xff1a; <!DOCTYPE html> <html lang"zh"> <head><meta charset"utf-8" /><meta name"viewport" content"widthdevice-width&quo…

uniapp中单选按钮的实现

标签说明&#xff1a; radio-group&#xff1a;单项选择器&#xff0c;内部由多个 <radio> 组成。通过把多个radio包裹在一个radio-group下&#xff0c;实现这些radio的单选。 radio&#xff1a;单选项目 属性说明&#xff1a; change&#xff1a;<radio-group>…

Vue中使用element-ui 给按钮绑定一个单击事件,实现点击按钮就弹出一个dialog对话框

1.需求描述 想要实现点击一个按钮就弹出一个对话框&#xff0c;在对话框中可输入数据进行提交&#xff0c;在点击取消时对话框关闭 2.功能实现 1.创建按钮 在element中把找到按钮的代码放到div里 <el-row><el-button type"primary" plain>新增</el…

Java支付宝沙箱环境支付,SDK接口远程调试【内网穿透】

文章目录1.测试环境2.本地配置3. 内网穿透3.1 下载安装cpolar内网穿透3.2 创建隧道4. 测试公网访问5. 配置固定二级子域名5.1 保留一个二级子域名5.2 配置二级子域名6. 使用固定二级子域名进行访问1.测试环境 MavenSpring bootJdk 1.8 2.本地配置 获取支付宝支付Java SDK,ma…

Vue--》过滤器介绍及其使用方法

目录 过滤器 过滤器的兼容性 私有过滤器和全局过滤器 过滤器的连续调用 过滤器进行传参 过滤器 过滤器的兼容性 注意&#xff1a;Vue3中明确取消了过滤器这个功能&#xff0c;如果想使用只能在Vue2中进行&#xff0c;如果所做的项目是Vue2的话&#xff0c;可以了解一下这…

uni-app开发微信小程序,H5 关于压缩上传图片的问题

文章目录 前言 一、为什么要压缩图片 二、图片压缩方式 1. 微信小程序​​​​​​​ 2. H5 总结 前言 关于微信小程序、H5兼容性问题&#xff0c;今天就压缩以及上传图片做一个可实现方法的简要阐述。 一、为什么要压缩图片​​​​​​​ 在使用uni-app开发小程序及H…

深入了解-微信开发者工具

主要介绍微信开发者工具如何编译小程序代码&#xff0c;如何实现小程序模拟器以及如何调试小程序。 1 简介 虽然在开发语言层面小程序与传统的网页差别不大&#xff1a;是使用JavaScript 脚本语言编写逻辑代码、使用类似于HTML的WXML来描述页面的结构、使用类似于CSS的WXSS来…

B/S架构

目录 一、什么是B/S架构 二、三层架构 三、Active技术 四、网络节点 五、分布式网络计算 六、JavaScript 一、什么是B/S架构 1.B/S架构是软件系统体系结构&#xff0c;是指浏览器-Web服务器(Broswer-Server)&#xff0c;采用三层架构&#xff0c;即表现层、业务逻辑层、数据访问…

十分钟带你入门Chrome插件开发

一、简述 我们所说的chrome插件一般都是指chrome扩展程序&#xff08;Chrome Extension&#xff09;。chrome插件是一个用Web技术开发、用来增强浏览器功能的软件&#xff0c;它其实就是一个由HTML、CSS、JS、图片等资源组成的一个.crx后缀的文件。chrome插件除了Chrome浏览器…