《iVX通用无代码编程》

《iVX通用无代码编程》介绍了无代码编程平台iVX的基本原理和开发功能，包含构建业务流程、逻辑和数据模型等，帮助用户一键设计应用并持续更新，自动跟踪所有更改并处理数据脚本和部署流程。全书共分为8章，主要内容包括无代码编程起源、初识无代码开发、基础开发教程、进阶开发教程、初级实战项目、中级实战项目、高级实战项目，以及扩展阅读，帮助读者快速掌握无代码编程技术。

《iVX通用无代码编程》可作为高等院校计算机、数字媒体、动画等相关专业的教材，也可作为程序开发人员的参考资料，还可供对无代码编程感兴趣的读者阅读。

孟智平

iVX无代码可视化开发平台创始人兼CEO;

中山大学计算机学士和大气科学学士双学位;

2003年任北电网络公司研发工程师;

2006年任爱立信瑞典总部中国区项目经理;

2008年归国创业，专注于计算机多媒体领域交互技术研发与优化,可视化编程技术研发，获得相关领域国内专利20余项，国际专利2项，软件著作权10余项;

2014年研制了基于可视化编程技术的开发工具，可快速开发Web前端页面，成为国内知名的H5营销领域工具产品，占领了H5网页制作80%以.上的市场份额，超400万开发者和50万家企业使用，年收益超过3000万元;

2019年开发并推出iVX无代码可视化开发平台，该平台基于“事件驱动+数据驱动”的可视化编程语言，在可视化图形界面上编程，可在不编写代码的情况下完成微信小程序、原生应用、网页应用、网站、桌面应用( Windows、macOS、Linux) 的开发，处于国际先进水平。

如果把我们的世界划分为“碳基”和“硅基”(所有软硬件设备)两部分，那么编程几乎是我们与“硅基”世界打交道的唯一手段，也是最直接的手段。从二进制代码到各种高级语言，程序语言已有超过70年的发展历史。虽然程序语言经历了多次蜕变，但依然保留着大量语法结构，代码阅读起来也依然晦涩难懂，这些复杂的程序语言使很多有创造力的开发者望而生畏。

从第一天接触编程，笔者就认识到学习编程的重要性。但在笔者内心，却一直排斥现在通用的编程方式——写代码！写代码并不是一种高效的编程方式，我们必须先学习各种编程语言、数据结构、最新的开发框架，还要掌握前端和后台、数据库，甚至操作系统的命令等相关知识。此外，在编写代码的过程中，非常容易出现各种错误(bug)，再加上各种复杂的环境配置和开发工具的使用，使得软件开发过程非常烦琐。

代码编程技术发展至今，无数技术专家和团队都在研究如何减少代码量，以及如何让代码更好理解。这些其实都属于“泛低代码”的过程，如早期的VB、VC，再到后来的Delphi、C++Builder、JBuilder，以及各种库/框架的使用。

近些年，“低代码”“无代码”编程技术逐渐出现在大众的视野中。对于“低代码”或“无代码”开发平台，目前认可度较高的定义是：无须编写代码，或通过少量代码就可以快速生成应用程序的开发平台。它的强大之处在于，允许终端用户使用易于理解的可视化工具开发应用程序，而不必使用传统的代码编写方式。

从字面理解，“低代码”还是需要写代码，而且“低代码”并不代表对代码要求低或者代码部分简单，甚至可能对代码的依赖和要求更高，如一些低代码平台，在遇到复杂的逻辑编排或定制化开发需求时，也需要通过编写代码来实现。这就会产生一个困境，即低代码平台是否也需要程序员来操作，甚至需要更专业的程序开发人员。

相比“低代码”，“无代码”更强调非专业程序员可以快速学习和使用。不过，当前很多所谓“低代码/无代码”平台，大部分都是模板化的软件系统，本质上只是表单、工作流、BI、在线表格组合的产物，不具备开发应用程序的能力，也无法生成独立可部署的源码。简单来说，这类产品相当于几个SaaS类产品的集合体，仅在特定领域内适用，其通用性相对较差。

针对上述产品发展情况，笔者提出自己的概念——“通用无代码”，它实现了“无代码的便捷”和“能力上的通用”二者的平衡。“通用无代码”打破了对研发的传统认知，很多人认为它是不存在的，但通过本书你会发现“通用无代码”不仅存在，而且很好用。

以下是笔者对“通用无代码”的一些观点，也是我们研发产品要实现的目标：“通用无代码”和“代码”的关系为充分非必要，即代码可以在各个层次插入“通用无代码”系统中，如组件、函数、SQL、代码SDK等，但是在完全没有代码的情况下也可以开发各类应用；“通用无代码”谁都可以学，研发人员的学习周期为1～2周，非研发人员的学习周期为1～2个月，学习之后就可以投入研发工作；“通用无代码”必须具备快速学习、快速开发、快速运维、快速运行四个特征。

可以这么说，从“低代码/无代码”到“通用无代码”跨越了一条巨大的鸿沟，形成了一个编程系统的闭环，或者一个开发体系。而iVX正是这样一套“通用无代码”的系统。

结合当下的背景，集成开发环境和编程语言一直被国外厂商垄断，如果有一天无法使用，国内厂商和开发者该如何破局？基于此，创建一套国产的、通用的开发平台将很有意义。独辟蹊径，创建一套更先进、更易用的编程体系，这就是我们开发iVX的初衷。

本书的作者之一孟智平，花了十多年的时间探索“无代码编程”，并成功研发了通用无代码开发平台——iVX，现在主要负责iVX的理论设计和产品设计工作。

iVX的目标是：构建全新的通用无代码编程体系，将编程效率提升数倍甚至数十倍；探索程序开发的最短路径和学习编程的最短路径；通过云原生的方式实现应用全生命周期管理；构建全新的无代码开发生态。

本书不仅介绍了“低代码/无代码”的相关技术和概念，还希望传递一些更本质的东西：如何通过iVX实现无代码编程；了解无代码开发的原理和技术，站在技术发展的前沿；如何完成中型甚至大型项目的无代码开发，在短时间内蜕变成全栈工程师，甚至架构师。

本书分为8章。第1和2章主要讲解编程技术的发展、“低代码/无代码”的概念，介绍iVX做了哪些工作及有什么特点。第3～8章介绍了iVX的真实开发过程，通过案例，让大家循序渐进地掌握运用iVX开发各类应用的技巧。本书作为学习iVX的基础教材，适合想学习“无代码编程”知识的学生、想掌握“无代码编程”技术的开发人员、想了解“无代码/低代码”领域的读者。

为方便读者学习，本书提供了丰富的配套资源，包括教学视频、案例图片素材、PPT教学课件等，读者可扫描前言二维码获取。

最后，欢迎大家加入“无代码开发阵营”，共建“无代码开发生态”，参与并见证互联网时代又一次全新的革命——无代码编程。

编 者

2023.1

目录

第1章 无代码编程起源 001

1.1 为什么要编程 002

1.1.1 认识编程的本质 002

1.1.2 编程的意义 002

1.1.3 推进全民编程时代 002

1.2 编程语言的发展 003

1.2.1 编程语言发展过程 003

1.2.2 第一代编程语言：二进制语言 003

1.2.3 第二代编程语言：汇编语言 004

1.2.4 第三代编程语言：高级程序设计语言 004

1.2.5 第四代编程语言：非过程化程序设计语言 004

1.2.6 第五代编程语言：AI程序设计语言 004

1.3 iVX是什么 005

1.3.1 iVX的定义 005

1.3.2 iVX的系统架构 007

1.3.3 iVX的三大属性 007

1.3.4 iVX是一个全新开发体系 008

1.4 iVX的设计理念 012

1.4.1 去掉程序语法，保留程序逻辑 012

1.4.2 工具即语言，逻辑即代码，产品即架构，研发即运维 014

1.5 iVX的优势与革新 014

1.5.1 编程语言的要素 014

1.5.2 iVX对技术管理和运维的改变 018

1.5.3 iVX对技术团队管理的改变 019

1.6 iVX的开发历程 019

1.6.1 v1.0 Flash版 019

1.6.2 v2.0 GXT版 020

1.6.3 v2.6原生JS版 020

1.6.4 v2.9运营版 020

1.6.5 v3.4 Vue版 021

1.6.6 v4.5 React版 021

1.7 优秀应用作品展示 022

1.7.1 工业物联网项目 022

1.7.2 智能数字化销售系统 022

1.7.3 数字化财务系统 023

1.7.4 在线直播会议系统 024

1.7.5 流程化办公系统 025

1.7.6 电商管理系统和购物小程序 025

1.7.7 在线协作文档和知识库 026

1.7.8 基于树莓派的植物浇水应用 027

1.7.9 IM在线聊天系统 027

第2章 初识无代码开发 029

2.1 基础知识准备 030

2.1.1 什么是iVX应用 030

2.1.2 认识前台和后台 031

2.1.3 认识网页浏览器 034

2.2 创建iVX应用 035

2.2.1 IDE开发环境 035

2.2.2 新建应用 035

2.2.3 选择应用类型 035

2.3 认识编辑器界面功能与分区 038

2.3.1 舞台 038

2.3.2 “组件”面板 039

2.3.3 “对象树”面板 040

2.3.4 “属性”面板 040

2.3.5 “菜单”面板 041

2.3.6 “逻辑工具”面板 041

2.4 认识iVX组件 042

2.4.1 组件分类 042

2.4.2 组件添加 042

2.4.3 组件要素 048

2.5 应用预览和发布 049

2.5.1 应用预览 050

2.5.2 应用发布 050

3.5 我的猜数字小游戏 083

3.5.1 学习目标 083

3.5.2 操作流程 083

3.5.3 课后习题 090

3.6 会跳舞的棒棒糖 090

3.6.1 学习目标 090

3.6.2 操作流程 090

3.6.3 课后习题 096

3.7 指尖钢琴小游戏 097

3.7.1 学习目标 097

3.7.2 操作流程 097

3.7.3 课后习题 102

3.8 我的自制导航栏 102

3.8.1 学习目标 102

3.8.2 操作流程 103

3.8.3 课后习题 110

3.9 我的表单收集2.0 111

3.9.1 学习目标 111

3.9.2 操作流程 111

3.9.3 课后习题 118

3.10 我的表单收集3.0 118

3.10.1 学习目标 118

3.10.2 操作流程 118

3.10.3 课后习题 124

3.11 大屏互动 124

3.11.1 学习目标 124

3.11.2 操作流程 124

3.11.3 课后习题 130

第3章 基础开发教程 051

3.1 Hello iVX 052

3.1.1 学习目标 052

3.1.2 操作流程 052

3.1.3 课后习题 055

3.2 我的绝对定位贺卡 055

3.2.1 学习目标 055

3.2.2 操作流程 055

3.2.3 课后习题 061

3.3 我的相对定位商品卡片 062

3.3.1 学习目标 062

3.3.2 操作流程 062

3.3.3 课后习题 075

3.4 我的表单收集 076

3.4.1 学习目标 076

3.4.2 操作流程 076

3.4.3 课后习题 082

第4章 进阶开发教程 131

4.1 数据变量 132

4.1.1 文本变量 132

4.1.2 数值变量 132

4.1.3 布尔变量 132

4.1.4 通用变量 132

4.1.5 一维数组 132

4.1.6 二维数组 132

4.1.7 对象数组 133

4.2 公共服务API 133

4.2.1 API的概念 133

4.2.2 API的要素 133

4.2.3 API的调试 134

4.2.4 API的使用 135

4.3 自定义函数 138

4.3.1 自定义函数用途 138

4.3.2 同步和异步函数 138

4.4 使用小模块开发 139

4.4.1 小模块概述 139

4.4.2 小模块模式 140

4.4.3 应用内小模块 140

4.4.4 云端小模块 142

4.5 引入自定义组件库 144

4.5.1 组件库功能概述 144

4.5.2 组件库基础操作 144

4.5.3 组件库的构成 145

4.5.4 组件库开发步骤 145

4.5.5 组件库调试与发布 150

4.6 数据库优化方法 151

4.6.1 数据库性能优化概述 151

4.6.2 数据库性能优化方法 151

第5章 初级实战项目 153

5.1 信息站点页面 154

5.1.1 交易网站站点首页开发 154

5.1.2 登录/注册页面制作 159

5.1.3 商品发布页制作 159

5.1.4 商品详情页制作 160

5.2 飞机大战小游戏 161

5.2.1 游戏角色的制作 161

5.2.2 物理世界的添加 162

5.2.3 子弹的设计 162

5.2.4 敌机的设置 165

5.2.5 优化游戏效果 167

5.3 音乐分享小程序 169

5.3.1 首页制作 169

5.3.2 榜单页制作 172

5.3.3 分享页与搜索页制作 173

5.3.4 功能实现 174

第6章 中级实战项目 181

6.1 九宫格拼图小游戏(上) 182

6.1.1 学习目标 182

6.1.2 UI布局 182

6.1.3 交互逻辑 183

6.1.4 课后思考 185

6.2 九宫格拼图小游戏(中) 185

6.2.1 学习目标 185

6.2.2 UI布局 186

6.2.3 交互逻辑 187

6.2.4 课后思考 197

6.3 九宫格拼图小游戏(下) 198

6.3.1 学习目标 198

6.3.2 UI布局 198

6.3.3 数据逻辑 202

6.3.4 交互逻辑 204

6.3.5 课后思考 206

第7章高级实战项目 207

7.1 项目介绍 208

7.1.1 项目背景 208

7.1.2 主要功能 208

7.2 分析与准备 210

7.2.1 项目结构 210

7.2.2 数据表设计 211

7.2.3 流程梳理 212

7.2.4 表单项设计 212

7.2.5 接入用户体系 213

7.3 实战开发步骤 214

7.3.1 后台开发 214

7.3.2 前端开发 220

7.4 项目小结 236

7.4.1 功能演示：新建一个表单模板 236

7.4.2 扩展开发：BI引擎联合使用 237

第8章扩展阅读 239

8.1 低代码/无代码产品的原理 240

8.1.1 关于低代码概念的思考 240

8.1.2 低代码/无代码的核心能力 241

8.2 低代码/无代码产品的类型 242

8.2.1 低代码应用开发平台 242

8.2.2 无代码应用搭建平台 242

8.2.3 通用无代码开发平台 242

8.3 iVX实现“通用无代码”的要素 243

8.3.1 逻辑的无代码表达 243

8.3.2 组件的分层架构设计 244

8.4 iVX数据对接方式 245

8.4.1 API对接 245

8.4.2 DBO对接 245

8.4.3 iVX自建数据库 245

8.5 iVX代码生成过程及二次开发 246

8.5.1 iVX代码生成过程 246

8.5.2 iVX代码的二次开发 246

8.6 iVX应用的版权归属和著作权申请方法 247

8.6.1 应用版权归属 247

8.6.2 著作权申请 247