REACT学校供水系统智能可视化

供水系统智能可视化"/>

REACT学校供水系统智能可视化

目 录

摘要. II

ABSTRACT III

1 研究的目的和意义. 1

1.1 研究目的. 1

1.2 研究意义. 1

2 国内外研究现状及研究假设. 2

2.1 国内外研究现状. 2

2.2 主要内容. 3

3 实证分析与结果. 3

3.1 数据来源. 3

3.2 相关技术综述. 3

3.3 架构设计. 4

3.3.1 总架构设计. 4

3.3.2 数据流层设计. 5

3.4模块功能解析. 6

3.4.1 CenterPage组件. 6

3.4.2 LeftPage组件. 7

3.4.3 RightPage组件. 8

4 结论与建议. 10

4.1 主要研究结论. 10

4.2 提出建议. 10

参考文献. 11

基于REACT对学校供水系统智能可视化管理

摘要

随着学校供水量不断上升，目前学校的供水已成为城市里面的主要大户，然而由于监管不当学校庞大的用水量有一半是被浪费掉的，多因素造成让水流过大、过长，那么如何对高校进行系统化管理成为校园核心问题之一。互联网技术的进步与发展，让Web前端进入新时代，以组件化为代表的开发方式已逐渐成为前端领域的主流趋势。本文对前端组件的数据获取及管理复杂化的问题进行了综合分析，基于 React技术为核心，以Echarts、DataV、Dva技术相结合制定出一套对组件数据实现大屏可视化的管理方案。在构建大规模应用时，由于组件数量的庞大和业务规则的复杂化，加大了前端系统的构建难度，不利于系统的扩展和迭代，也增加了企业对系统后期的开发和维护成本。该方案用于在前端组件化开发中，简化数据获取及管理的复杂度，并提升组件对功能逻辑的调用能力，实现节水的最终目的，迈入智慧校园的生态。

关键词：React 技术，组件模型，异步控制，Dva

 Intelligent visual management of school water supply system based on react

ABSTRACT

With the continuous rise of school water supply, the school water supply has become the main household in the city. However, due to improper supervision, half of the huge water consumption of the school is wasted. Many factors cause the water flow to be too large and too long, so how to systematically manage colleges and universities has become one of the core problems of the campus. With the progress and development of Internet technology, the web front-end has entered a new era. The development method represented by component has gradually become the mainstream trend in the front-end field. This paper comprehensively analyzes the complexity of data acquisiti