123,123

內(nèi)容簡(jiǎn)介

　　本書(shū)由三部分組成，第一部分介紹基礎(chǔ)理論知識(shí)，第二部分介紹如何構(gòu)建低代碼系統(tǒng)，先進(jìn)行需求分析，涉及列表頁(yè)、詳情頁(yè)和表單頁(yè)的布局需求和邏輯需求，可視化編輯器、應(yīng)用管理、組件市場(chǎng)和用戶管理的需求等內(nèi)容，然后介紹設(shè)計(jì)思路，包含架構(gòu)設(shè)計(jì)、Schema 設(shè)計(jì)、組件庫(kù)市場(chǎng)和 MongoDB Document 設(shè)計(jì)等，z后介紹詳細(xì)的編碼過(guò)程，包括可視化編輯器的實(shí)現(xiàn)、渲染 SDK 的實(shí)現(xiàn)、版本控制，以及如何將其集成到其他系統(tǒng)。

作者簡(jiǎn)介

　　秦小倩（網(wǎng)名何遇）資深前端工程師，精通TypeScript、JavaScript，以及React和Vue等框架。曾就職于多家知名互聯(lián)網(wǎng)公司，均從事前端開(kāi)發(fā)相關(guān)工作，擁有豐富的現(xiàn)代Web應(yīng)用開(kāi)發(fā)經(jīng)驗(yàn)。2019年開(kāi)始專(zhuān)注于低代碼平臺(tái)的研究和開(kāi)發(fā)，曾在公司內(nèi)部落地一個(gè)完整的低代碼平臺(tái)，用戶通過(guò)該平臺(tái)在1個(gè)季度內(nèi)創(chuàng)建了200余個(gè)頁(yè)面。掘金和微信公眾號(hào)作者，專(zhuān)注于分享前端知識(shí)，通過(guò)微信公眾號(hào)“前端知識(shí)小站”發(fā)表了近百篇原創(chuàng)技術(shù)文章

圖書(shū)目錄

前言
基礎(chǔ)篇
第1章　前置知識(shí)2
1.1　函數(shù)組件與類(lèi)組件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狀態(tài)管理庫(kù)27
1.6.1　從一個(gè)Demo開(kāi)始27
1.6.2　MobX的核心概念30
1.6.3　集成React35
1.7　MongoDB39
1.7.1　安裝MongoDB40
1.7.2　數(shù)據(jù)建模41
1.7.3　模式驗(yàn)證43
1.8　Mongoose45
1.8.1　快速開(kāi)始46
1.8.2　連接數(shù)據(jù)庫(kù)47
1.8.3　Schema49
需求分析篇
第2章　業(yè)務(wù)場(chǎng)景的需求分析54
2.1　列表頁(yè)的需求分析54
2.2　詳情頁(yè)的需求分析55
2.3　表單頁(yè)的需求分析56
第3章　低代碼平臺(tái)的需求分析58
3.1　用戶管理59
3.2　組件市場(chǎng)60
3.3　應(yīng)用管理61
3.4　可視化編輯器63
3.4.1　列表編輯器63
3.4.2　低代碼引擎67
實(shí)戰(zhàn)篇
第4章　架構(gòu)的設(shè)計(jì)與實(shí)現(xiàn)74
4.1　什么是低代碼74
4.1.1　純代碼、低代碼和無(wú)代碼74
4.1.2　低代碼的發(fā)展76
4.1.3　低代碼平臺(tái)的分類(lèi)78
4.2　架構(gòu)策略80
4.3　低代碼組件81
4.3.1　組件的分類(lèi)82
4.3.2　組件的特征83
4.4　編輯器86
4.4.1　布局編輯86
4.4.2　屬性編輯88
4.4.3　數(shù)據(jù)編輯89
4.4.4　邏輯編輯92
4.5　代碼編譯器93
4.5.1　代碼編譯器的演變94
4.5.2　渲染器95
4.5.3　源碼生成器97
4.6　插件系統(tǒng)99
4.6.1　什么是插件化架構(gòu)99
4.6.2　實(shí)現(xiàn)插件化架構(gòu)101
4.6.3　插件化架構(gòu)與低代碼103
4.7　歷史記錄管理104
第5章　低代碼組件的設(shè)計(jì)與實(shí)現(xiàn)106
5.1　組件規(guī)格107
5.1.1　組件規(guī)格協(xié)議108
5.1.2　自動(dòng)生成組件規(guī)格110
5.2　組件的消費(fèi)方式115
5.3　開(kāi)發(fā)一個(gè)腳手架118
5.4　開(kāi)發(fā)一個(gè)低代碼組件122
5.5　組件市場(chǎng)126
第6章　低代碼引擎的設(shè)計(jì)與實(shí)現(xiàn)127
6.1　頁(yè)面搭建協(xié)議128
6.2　入料模塊131
6.2.1　插件131
6.2.2　屬性設(shè)置器132
6.2.3　組件132
6.2.4　引擎面板135
6.3　渲染器環(huán)境137
6.3.1　喚起渲染器環(huán)境137
6.3.2　與設(shè)計(jì)器環(huán)境通信139
6.3.3　重新渲染畫(huà)布141
6.4　設(shè)計(jì)器142
6.4.1　對(duì)象建模142
6.4.2　拖曳定位143
6.4.3　編輯屬性149
第7章　渲染器的應(yīng)用實(shí)踐156
7.1　顯示組件156
7.1.1　頁(yè)面容器158
7.1.2　布局容器159
7.1.3　表單控件160
7.1.4　普通UI組件160
7.2　數(shù)據(jù)源161
7.2.1　從服務(wù)器獲取數(shù)據(jù)源161
7.2.2　從父容器獲取數(shù)據(jù)源166
7.2.3　將數(shù)據(jù)提供給后代166
7.3　表單聯(lián)動(dòng)167
7.3.1　禁用聯(lián)動(dòng)168
7.3.2　顯隱聯(lián)動(dòng)169
7.3.3　取值聯(lián)動(dòng)170
7.4　表單校驗(yàn)172
7.5　生命周期174
第8章　代碼生成器的原理與實(shí)踐176
8.1　工作原理及概念177
8.1.1　拆分代碼塊177
8.1.2　文件類(lèi)型179
8.2　插件183
8.3　項(xiàng)目構(gòu)建器189
8.4　文件存儲(chǔ)192
8.4.1　GitLab API192
8.4.2　數(shù)據(jù)庫(kù)設(shè)計(jì)195
基礎(chǔ)設(shè)施篇
第9章　基礎(chǔ)設(shè)施的技術(shù)方案198
9.1　研發(fā)體系構(gòu)建198
9.1.1　GitLab CI/CD198
9.1.2　npm私有庫(kù)202
9.1.3　CDN服務(wù)204
9.2　LDAP賬號(hào)管理212
9.2.1　搭建LDAP賬號(hào)管理系統(tǒng)212
9.2.2　接入LDAP賬號(hào)管理系統(tǒng)218
9.3　開(kāi)源低代碼項(xiàng)目選型實(shí)踐220
9.3.1　阿里低代碼引擎220
9.3.2　網(wǎng)易云音樂(lè)低代碼引擎223
9.3.3　騰訊低代碼項(xiàng)目224
9.3.4　碼良H5頁(yè)面生成平臺(tái)226