江河防汛物联预警系统--前端应用.docVIP

江河防汛物联预警系统--前端应用 摘 要 灾害的预防一直是人类研究和发展的方向，通过对水位的实时监控从而对江河的潮汛进行预防，减少自然灾害带来的经济损失并且保护人民群众的安全，江河防汛系统是用来预防江河的洪汛灾害从而设计的系统。 本篇论文主要论述的是关于江河防汛系统的前端应用和设计，主要的工作是应用三个基本的技术元素，首先用HTML把元素定义，将基础的布置给完成。然后CSS对定义的元素定位渲染。最后使用JavaScript将结果动态展示，然后会用Dashboard 数据图表将结果进行数据的变化展示。通过前端的设计和应用，能够将江河水位的数据准确并且及时的显示出来，帮助使用此系统的人能够及时地了解到汛期的时间和位置以便于自身生命财产的保护。Dashboard数据图显示可以了解汛期水位的变化，通过变化也可以推测出行或工作的周期时间。 关键词：HTML；CSS;JavaScript;Dashboard River flood control and IOT early warning system --The front-end application Abstract Disaster prevention has always been the direction of human research and development. Through real-time monitoring of water level, flood prevention of rivers can be conducted to reduce economic losses caused by natural disasters and protect the safety of people. River flood control system is designed to prevent flood disasters of rivers.This paper mainly discusses the front end of the river flood control system application and design, the main work is the application of three basic technical elements, the first use of HTML to define the elements, the basic layout to complete. CSS then locates the render for the defined element. Finally, JavaScript will be used to display the results dynamically, and then Dashboard data charts will be used to display the changes of the results. Through the design and application of the front end, the data of river water level can be displayed accurately and timely, which helps the users of this system to know the time and location of the flood season in time so as to protect their life and property. Dashboard charts show how the water level changes during the flood season, and how long it takes to travel or work. Keywords: HTML；CSS;JavaScript;Dashboard 目 录 1 前言 1 1.1 本设计的目的、意义及应达到的技术要求 1 1.2 本设计在国内外的发展概况及存在的问题 1 1.3 本设计应解决的主要问题 1 2本设计 2 2.1设计原理 2 2.2方案选择 2 2.2.1分析问题 2 2.2.2设计过程 3 3 结论 3 参考文献 4 致谢 5 附录 6 1 前言 科技的发展带来的是人们生活上的进步，所以江河防汛预警系统是一个用来帮助人们对江河汛期的监控防御的一个十分实用的系统，通过对水量的实时监控，还有位置的定位做到对各地水位情况的充分了解保护人们的生命和财产安全。本篇论文主要是讲对于这个系统的前端