工業互聯網APP開發技術與應用（微課版）

周連兵，男，二級教授，首批山東省職業教育教學名師工作室主持人，黃河三角洲學者，山東省教學名師，山東省有突出貢獻的中青年專家，全國職業教育先進個人，全國模範教師，國家高層次人才特殊支持計劃領軍人才（教學名師）；獲得黃炎培職業教育獎傑出教師獎。

項目一 工業互聯網App 概述................ 1

【項目概述】.......................................... 1

【項目目標】.......................................... 1

【知識目標】.......................................1

【能力目標】.......................................1

【素養目標】.......................................2

【思維導圖】.......................................... 2

任務一 工業互聯網App 簡介........... 3

【任務描述】.......................................3

【知識學習】.......................................3

1.1.1 工業互聯網App 定義............3

1.1.2 工業互聯網App 特征............3

1.1.3 工業互聯網App 分類............4

1.1.4 工業互聯網App 體系架構.....5

【任務實施】.......................................5

1.1.5 工業互聯網App 調研............5

【任務總結】.......................................6

【拓展練習】.......................................6

任務二 工業互聯網發展趨勢........... 7

【任務描述】.......................................7

【知識學習】.......................................7

1.2.1 工業互聯網發展演變路徑......7

1.2.2 工業互聯網國外發展紮實

先進.........................................9

1.2.3 工業互聯網國內發展起步

前行.......................................10

1.2.4 工業互聯網典型應用...........10

【任務實施】.....................................12

1.2.5 工業互聯網未來發展

態勢.......................................12

【任務總結】.....................................12

【拓展練習】.....................................12

任務三 工業互聯網App 開發

概覽.......................................13

【任務描述】.....................................13

【知識學習】.....................................13

1.3.1 工業互聯網App 開發

流程.......................................13

1.3.2 工業互聯網App 開發所需

技術.......................................14

【任務實施】.....................................16

1.3.3 工業管道監控系統開發

案例.......................................16

【任務總結】.....................................22

【拓展練習】.....................................22

【項目總結】........................................23

項目二 工業互聯網App 開發平臺....... 24

【項目概述】........................................24

【項目目標】........................................24

【知識目標】.....................................24

【能力目標】.....................................24

【素養目標】.....................................25

【思維導圖】........................................25

任務一 工業互聯網App 開發平臺

指南.......................................26

【任務描述】.....................................26

【知識學習】.....................................26

2.1.1 首頁看板...............................26

2.1.2 我的App ...............................28

2.1.3 可視化編輯器.......................33

2.1.4 App 市場...............................35

2.1.5 App 分組...............................37

2.1.6 數據源管理...........................38

2.1.7 資源庫管理...........................41

工業互聯網App 開發技術與應用（微課版）

2

2.1.8 App 原生開發....................... 42

【任務實施】.................................... 43

2.1.9 基於App 市場構建應用..... 43

【任務總結】.................................... 44

【拓展練習】.................................... 44

任務二 工業互聯網App 開發平臺

實踐...................................... 45

【任務描述】.................................... 45

【知識學習】.................................... 45

2.2.1 控件....................................... 45

2.2.2 控件編輯器.......................... 62

2.2.3 租戶管理.............................. 66

【任務實施】.................................... 70

2.2.4 平臺初步體驗...................... 70

2.2.5 控件開發.............................. 74

【任務總結】.................................... 81

【拓展練習】.................................... 81

【項目總結】........................................ 82

項目三 工業互聯網App 開發平臺

應用........................................ 83

【項目概述】........................................ 83

【項目目標】........................................ 83

【知識目標】.................................... 83

【能力目標】.................................... 83

【素養目標】.................................... 83

【思維導圖】........................................ 84

任務一 生產制造類App 開發......... 84

【任務描述】.................................... 84

【知識學習】.................................... 85

3.1.1 需求分析.............................. 85

【任務實施】.................................... 85

3.1.2 App 開發............................... 85

【任務總結】.................................... 91

【拓展練習】.................................... 91

任務二 運維服務類App 開發......... 92

【任務描述】.................................... 92

【知識學習】.................................... 92

3.2.1 需求分析.............................. 92

【任務實施】.................................... 92

3.2.2 App 開發................................92

【任務總結】...................................100

【拓展練習】...................................100

任務三 經營管理類App 開發.......101

【任務描述】...................................101

【知識學習】...................................101

3.3.1 需求分析.............................101

【任務實施】...................................101

3.3.2 App 開發..............................101

【任務總結】...................................109

【拓展練習】...................................109

【項目總結】......................................110

項目四 工業互聯網App 開發前端技術

進階...................................... 111

【項目概述】......................................111

【項目目標】......................................111

【知識目標】...................................111

【能力目標】...................................111

【素養目標】...................................112

【思維導圖】......................................112

任務一 Vue 進階知識.....................112

【任務描述】...................................112

【知識學習】...................................113

4.1.1 Vue 路由..............................113

4.1.2 狀態管理.............................120

4.1.3 Vue 服務端渲染..................123

4.1.4 註冊組件.............................126

4.1.5 自定義事件.........................127

4.1.6 插槽.....................................130

4.1.7 混入.....................................132

4.1.8 過濾器.................................134

4.1.9 插件.....................................135

【任務實施】...................................136

4.1.10 生產環境部署...................136

【任務總結】...................................137

【拓展練習】...................................137

任務二 UI 組件庫的使用...............138

【任務描述】...................................138

【知識學習】...................................138

目 錄

3

4.2.1 UI 組件庫介紹....................138

【任務實施】...................................139

4.2.2 Element UI 組件庫的

使用.....................................139

4.2.3 View UI 組件庫的使用.......141

【任務總結】...................................142

【拓展練習】...................................142

【項目總結】...................................... 142

項目五 工業互聯網App 開發後端技術

進階...................................... 143

【項目概述】...................................... 143

【項目目標】...................................... 143

【知識目標】...................................143

【能力目標】...................................143

【素養目標】...................................144

【思維導圖】...................................... 144

任務一 認識微服務........................ 144

【任務描述】...................................144

【知識學習】...................................145

5.1.1 分布式架構.........................145

5.1.2 分布式系統的CAP

原則.....................................146

【任務實施】...................................148

5.1.3 系統架構分析.....................148

【任務總結】...................................148

【拓展練習】...................................149

任務二 Spring Cloud Alibaba

治理方案.............................149

【任務描述】...................................149

【知識學習】...................................149

5.2.1 Spring Boot 和

Spring Cloud.........................149

5.2.2 服務註冊和發現.................151

5.2.3 服務調用.............................158

5.2.4 負載均衡.............................160

5.2.5 服務網關.............................162

5.2.6 遠程配置.............................167

5.2.7 服務熔斷.............................170

5.2.8 流量治理.............................171

【任務實施】...................................173

5.2.9 原生開發框架升級為

微服務.................................173

【任務總結】...................................186

【拓展練習】...................................186

【項目總結】......................................187

參考文獻.............................................. 188