江河防汛物联预警系统前端应
学 院：
专 业：
姓 名：
指导老师：
学 号：
职 称：
中国·珠海
二○年月
诚信承诺书
郑重承诺：
签名：
日期： 年 月 日
江河防汛物联预警系统前端应
摘
灾害预防直类研究发展方通水位实时监控江河潮汛进行预防减少然灾害带济损失保护民群众安全江河防汛系统预防江河洪汛灾害设计系统
篇文述关江河防汛系统前端应设计工作应三基技术元素首先HTML元素定义基础布置完成然CSS定义元素定位渲染JavaScript结果动态展示然会Dashboard 数图表结果进行数变化展示通前端设计应够江河水位数准确时显示出帮助系统够时解汛期时间位置便身生命财产保护Dashboard数图显示解汛期水位变化通变化推测出行工作周期时间
关键词：HTMLCSSJavaScriptDashboard
River flood control and IOT early warning system
The frontend application
Abstract
Disaster prevention has always been the direction of human research and development Through realtime 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 riversThis 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 HTMLCSSJavaScriptDashboard
目 录
1 前言 1
11 设计目意义应达技术求 1
12 设计国外发展概况存问题 1
13 设计应解决问题 1
2设计 2
21设计原理 2
22方案选择 2
221分析问题 2
222设计程 3
3结 3
参考文献 4
致谢 5
附录 6
1 前言
科技发展带生活进步江河防汛预警系统帮助江河汛期监控防御十分实系统通水量实时监控位置定位做水位情况充分解保护生命财产安全篇文讲系统前端设置应描述数准确时反馈数表表现出项设计前端应致力运前端制作三基础技术数清晰准确表达出时完成位置定位运Dashboard显示出水位变化趋势变化规律制作出实前端应
11设计目意义应达技术求
次设计目科技生活飞速发展社会科技日常生活中重越越高日常生活中常规水位监测方式物理水位监测需耗费力工记录观察具备实时性时工记录会存定数偏差准确性高较长周期中工记录展现出规律性变化明显套设计目解决工记录检测水位数实时性准确性变化明显性
次设计意义通设计出江河防汛系统减少政府者企业力物力成增强工作效率节约成套系统时江河汛期保障生命财产安全通江河汛期水位变化规律合理安排生活工作水位规律观察提供数直观表现证
次设计技术求篇设计文讲述系统前端设计应应达技术求HTMLCSSJavaScript三种常基工具搭建前端应求够动态显示数变化够端数交互端数实施呈现前端页面中部分求端采集数进行提取Dashboard进行数变化展示
12设计国外发展概况
设计整系统整设计国外发展状况：美国科技较发达卫星定位系统研发较早发展程度相国解美国江河防汛应河流分区域节点式收集数河流水位信息传送信息中心程中迹罕区域先进卫星系统传输数国江河国关江河防汛类动化数采集洪水预报计算机技术研制水文动遥测洪水警报预报理系统设计开始目前国洪汛报警系统做两时江河水位数进行收集传输通形势分析完成国七河流域防汛预警组制作套江河防汛预警系统套简易型江河防汛系统
关前端应国外发展情况：网站设计类型国外种类型网站研究发展开始时间相国早说国外网页前端设计水较高特应前端美化工具国工具差距中例子PS矢量图编辑技术目前网页前端设计风格致分欧美日韩三风格国前端设计直处效仿阶段国互联网发展相较晚发展迅速目前国前端页面设计已初单文集编排模式中突破现网页前端运种视觉元素综合运HTML5包括HTMLCSSJavaScript列工具发展更新国应发展现国网页前端设计更加样化彩化视觉强科技感观赏性应型前端页面简单呈现数文字容JavaScript帮助数动态展现
13设计应解决问题
1) 数显示
数显示创造性着重点显示特特殊字体已突出颜色样设置前端需展现容更加具重点突出效果更整江河防汛系统题更加贴合添加dashboard数表清晰表现数变化性规律性前端页面中数更加清晰
2） 单页布局设计
单页布局设计前端页面设计更加简洁更加清晰单页面布局更加效显示江河防汛系统中需突出战线数
3） 交互性
次前端应中需呈现数信息需端提取传输云端提取展示说云端数交互转换重步骤程交互性数传输更加准确江河防汛系统中信息点十分重
2设计
系统前端应首先需解整系统需达功端硬件做出相应功需求根端提出需求做出前端需展示功效果规划具体功概做功模块布局分步实现端提出项功需求确定整体规划完成分布布局进行代码编写阶段
项目设计江河防汛系统前端页面前端页面选择HTML网页开发应新代HTML5应技术HTMLcssjs做基语言构建Dashboard 数图表展示出数变化设置江河警戒水位水位超预警水位时触发报警系统报警提示设计定位显示显示底里水位超警戒线运 JavaScript 动态显示实时水位线预警水位线
21设计原理
前端开发环境
次江河防汛系统前端应算HTML网页开发前端网页前端开发实网页架构设计网页架构设计包括交互设计视觉设计两相配合完成功布局规划然代码完成前端开发三基工具HTMLCSSJavaScript三基构建项目语言运三工具完成网页容布局制作出数展示页面页面够完成端者云端程序交互
二 前端开发工具
（1） MyEclipsc
MyEclipse企业级工作台拓宽EcelipseIDE数库JavaEE开发发布应程序服务器需企业级工作台片台整理合提高效率节省时间成台拥特样充足JavaEE开发环境台实行编码调试测试发布功Struts JSP CSS JavaScript HTML Spring SQL Hibernat工具支持 正MyEclipsec分模块台具较独立性模块具影响情况发生需模块进行升级扩展
总说MyEclipseEclipse插件时作JavaEE集成式开发环境够出功强工具代码编程配置测试修改错误
（2） Dreamweare
需网页进行制作制作完成网站进行理dreamweare款美国MA CROMEDIA公司开发网页编辑器满足需工具网页市局效果求较高前端制作十分跨台跨浏览器进行网页制作
（3） Photoshop
Adobe Photoshop常说PS工具已日常生活中够常图处理软件款软件Adobe Systems公司开发出发行Photoshop处理素构成数字图工具更加方便效进行需图编辑网页前端制作中需需图片Photoshop处理成够加载页面图片数前端网站种修饰钮Photoshop制作矢量图形
三 前端开发相关技术
（1） JavaScript
JavaScript项够动态实时展现出前端页面需显示信息种语言项技术具备交互式交流力改变信息户关系户够更加生动信息满足户需求种语言基CGI静态HTML页面变动态提供实时数信息者页面进行操作时够应反应
JavaScript种基象者说面象编程语言面象语言建立象脚环境中通建立象脚身结合实现出功
JavaScript种语言基Java种根基础语句控制流设计出
简洁严谨语言Java语言基础说十分容易掌握JavaScript弱类型作项语言变量类型说样设置严格
JavaScript语言设计制造出前端页面数通浏览器者进行数交互者者通浏览器查阅数信息种语言会访问硬盘会数存储服务器中种特性保证数信息安全
JavaScript种语言动态者操作进行反应者种动作视种事件反应触发条件者做出某种动作会触发JavaScript反应做动态特性
（2） CSS
CSS层叠样式表前端应风格设计应CSS设计应CSSHTML中种样标记进行化简然拓展样应种标记变更加具通性般性应CSS技术制作前端应页面时页面中字体整体布局背景颜色控制更加精确需部分代码进行优化整页面中想优化部分做出预期变化分页设计时层页面实行优化
CSS层叠样式表般层叠样式表分三种分①：联式样式表②：外部式样式表③：嵌入式样式表然网页端页面文档中会时存样式表通样式表存位置设置分优先级显示出样式表会拥高优先级
CSSHTML种辅助性工具应CSS拓展HTML应CSS网页前端页面开发页面理更加规范包括模式样式样种类页面设置分类够享时分门类应然CSS进行制作前端页面减少行类文件应
（3） jQuery
jQuery关JavaScript框架数库公认轻量级数库压缩仅仅21K应种框架通少量代码优化做想做出功说拥强功
jQuery强性止表现轻量级表现拥更兼容性仅兼容CSS3时种浏览器包括IE60+safari20+通CSS属性添加前缀实现浏览器识jQuery想浏览器进行前端网页制作
布置完HTML基础元素通jQuery种轻量级简洁方便数库迅速处理种元素节点达动画性结果样模块化处理方式
够做出更特效者交互开发样性够更加方便做出前端页面更加华丽更加符合者操作
jQuery中封存量工具方法者象方法样封装方法时会特方便时说明jQuery仅种脚库实现框架搭建仅封装进行脚功应理做需脚框架搭建完成
总说jQuery脚库通封装方法编码程更加简便更加效种脚库中提供强功函数简化编码程通函数实现需表现出功框架搭建力
前端页面制作程中浏览器兼容直困扰着前端应开发工作员jQuery项技术出现解决项烦恼工具事件象状态event事件象已做格式化格式化事件状态浏览器种浏览器建立event触发事件发生需建立相应浏览器事件触发者jQuery事件触发状态格式化浏览器中eventtarget获取事件象
jQuery拥十分丰富ui设计界面特性满足前端页面设计时常需者需表现出效果视觉前端页面时jQuery色彩觉渐变效果简便够帮助快速实现效果
jQuery方便设计开发者特点jQuery脚编写方法会发生脚错误情况规范量代码快速加载程中影响程序功实现代码量加者加载速度变慢时发生种植操作情况会出现说jQuery相规范编程语言
22方案选择
套江河防汛系统端功需求提出开始分层开发分层开发整程致分总体结构构建种模块制作模块制作完成开始页面制作开始底层JS搭建观察设计JS交互效果做部测试检查前端开发检测完毕代码优化
分层开发完成开始代码编写工作搭建致HTML框架功需求制作代码模块进行代码嵌套工作然确定前端页面设计样式确定完成进行通模块样式设计中包括字体颜色数显示布局钮导航等等整体式思维模式保障整设计规性样设置方便期进行测试优化减少工作量更条理性
步整体测试找出设计求间问题交互问题等等然进行代码优化减少外部HTTP请求压缩图片
221分析问题
前端应开发设计项入门快速掌握想做难项工作前端应更新速度较快速企鹅容较繁杂前端工作仅需掌握前端应三项技术HTMLCSSJavaScript需掌握端知识方便前端端交互前端项需展现工作端手机处理数更方式展现前端端者间交互重前端设计时善利式样测试检测辅助工具样方便前端根需求进行前端页面优化更改
前端制作中学会封装代码组件样重复样模块时迅速套节省前端应制作周期提高效率前端应制作需做前期布局规划提前准备做浏览器适配兼容想应浏览器时编程时面象编程思想
次设计制作江河防汛系统前端应页面呈现状态应该简洁者者观察者够快熟找数重点设计前端页面时突出颜色加强数突出性
设计程中测试调试需注意需根端提出需求进行调试优化目准确展示出端数
222设计程
前端页面结构布局设计
前端页面中需展示先出水位数标题容占前端页面部分分布约50~80颜色选择黑色红色前端页面算应量颜色突出数重性字体方面做设置区分部分作正文静止文字数动态跳动
江河防汛系统前端页面进行动态水位数位置信息展示时会报警提示部分根功分相独立模块然整合
次设计单页面设置通前台调数库端数前端实时展示数页面端提出需求拥较完善功时较简洁突出重点
二 前端页面排版
根功页面分区域中A区域显示想设计题字体较LOGO直接出套什系统
B区域位置显示系统需定位6位置B区域显示方位置信息
C区域动态试试水位数部分整套系统重点放中心够清楚找重点
D区域报警区域区域水位超水位警戒会触发报警装置需报警提示
三 具体实现技术
1 CSS江河防汛系统中应实例
#to{
Width100
Height103px
Backgroundcolorgreed
Backgroundimageurl(imagetopjpg)
Backgroundrepeatnorepeat
}
边样式表中定义网页头部背景图片颜色样设置防止浏览器带颜色者图片变化
2 应JavaScript设计页面
JavaScript种基象脚语言具事件驱动种语言十分安全应JavaScript前边设计HTMLJava脚语言进行链接种脚页面中象进行链接通网页进行交互开发客户端应程序种HTML扩展种标准环境中应种脚语言填充扩充编程
种脚语言显示需呈现出数时基CGI静态HTML页面变成动态显示数前端页面说JavaScript拥强实实时性动态性交互性
3结
次设计做出套江河防汛预警系统中重点位置动态实时水位显示实时水位线超警戒水位时够发出报警功套较实
应简单整体系统篇文讲述整设计中前端应设计制作前端展示端硬件采集数清晰重点展示出
套江河防汛系统通6区水位实时监控设置水位预警线实时水位超设置预警线时发出报警提示通前端页面现实中水位变化发出报警提示区
套系统中设置云端数中心云端中提出实时水位数前端页面中会水位数通数分析做出前水位超预警水位等级判断前灾害等级根政府发布等级灾害应政策安排生活减少民财产损失保证民生命安全
套系统十分完美系统仅仅水位检测完全做江河潮汛防护前端应展示发展方通显示数进行分析分析水位变化趋势做应应江河潮汛预警发出提示动弹出关未1周天气变化出建议
次设计前端应做出更发展外次设计精美互联网发展迅速前端页面制作水断提升中关前端页面新技术没更应篇文中前端页面完成端提出需求应该说完成毕业设计出务
分析出课题毕业设计够减少汛期中财产损失电子产品
参考文献
[1]谭浩强C程序设计(第三版) [MI] 北京清华学出版社2005
[2]周润基proteus 电路单片机设计仿真(第2版) [MJ]北京 北京航空航天学出版社2010
[3] 张铮单片机嵌入式系统基础实训(第1版) [M]北京 清华学出版社2011
[4] 吕殿荣李学玉动水位遥测系统水库防洪预警中应[J]农业科技信息2010(12) 3435
[5]张建国张英梅线数字水位监测系统设计[J]机械工程动化2008(05)116117 122
[6]宋富国李防汛站远程水位监测预警系统研究[]中国集成电路2013(1)8689
[7]美兵基图识远程水位监测系统研究[J]西安电子科技学2011<02)12
[8]刘国生刘然听远程水位(潮位)实时监测系统[J]第十三届中国海洋(岸)工程学术讨会文集2007090724733
[9]余应建水位远程测量数传输技术[D]测试技术学报2000 (01) 22600
[10]胡计算机软件技术开发应[J]电子技术软件工程2018（4）：4949
谢 辞
附 录
附录1
程序源代码
#include oledh
#include stdlibh
#include oledfonth
#include delayh
OLED显存
存放格式
[0]0 1 2 3 127
[1]0 1 2 3 127
[2]0 1 2 3 127
[3]0 1 2 3 127
[4]0 1 2 3 127
[5]0 1 2 3 127
[6]0 1 2 3 127
[7]0 1 2 3 127
void delay_ms(unsigned int ms)
{
unsigned int a
while(ms)
{
a1800
while(a)
ms
}
return
}
**********************************************
IIC Start
**********************************************
void IIC_Start()
{
OLED_SCLK_Set()
OLED_SDIN_Set()
OLED_SDIN_Clr()
OLED_SCLK_Clr()
}
**********************************************
IIC Stop
**********************************************
void IIC_Stop()
{
OLED_SCLK_Set()
OLED_SCLK_Clr()
OLED_SDIN_Clr()
OLED_SDIN_Set()
}
void IIC_Wait_Ack()
{
GPIOB>CRH & 0XFFF0FFFF 设置PB12拉输入模式
GPIOB>CRH | 0x00080000
OLED_SDA 1
delay_us(1)
OLED_SCL 1
delay_us(50000)
* while(1)
{
if(OLED_SDA) 判断否接收OLED 应答信号
{
GPIOB>CRH & 0XFFF0FFFF 设置PB12通推免输出模式
GPIOB>CRH | 0x00030000
return
}
}
*
OLED_SCLK_Set()
OLED_SCLK_Clr()
}
**********************************************
IIC Write byte
**********************************************
void Write_IIC_Byte(unsigned char IIC_Byte)
{
unsigned char i
unsigned char mda
daIIC_Byte
OLED_SCLK_Clr()
for(i0i<8i++)
{
mda
OLED_SCLK_Clr()
mm&0x80
if(m0x80)
{OLED_SDIN_Set()}
else OLED_SDIN_Clr()
dada<<1
OLED_SCLK_Set()
OLED_SCLK_Clr()
}
}
**********************************************
IIC Write Command
**********************************************
void Write_IIC_Command(unsigned char IIC_Command)
{
IIC_Start()
Write_IIC_Byte(0x78) Slave addressSA00
IIC_Wait_Ack()
Write_IIC_Byte(0x00) write command
IIC_Wait_Ack()
Write_IIC_Byte(IIC_Command)
IIC_Wait_Ack()
IIC_Stop()
}
**********************************************
IIC Write Data
**********************************************
void Write_IIC_Data(unsigned char IIC_Data)
{
IIC_Start()
Write_IIC_Byte(0x78) DC#0 RW#0
IIC_Wait_Ack()
Write_IIC_Byte(0x40) write data
IIC_Wait_Ack()
Write_IIC_Byte(IIC_Data)
IIC_Wait_Ack()
IIC_Stop()
}
void OLED_WR_Byte(unsigned datunsigned cmd)
{
if(cmd)
{
Write_IIC_Data(dat)
}
else {
Write_IIC_Command(dat)
}
}
********************************************
fill_Picture
********************************************
void fill_picture(unsigned char fill_Data)
{
unsigned char mn
for(m0m<8m++)
{
OLED_WR_Byte(0xb0+m0) page0page1
OLED_WR_Byte(0x000) low column start address
OLED_WR_Byte(0x100) high column start address
for(n0n<128n++)
{
OLED_WR_Byte(fill_Data1)
}
}
}
***********************Delay****************************************
void Delay_50ms(unsigned int Del_50ms)
{
unsigned int m
for(Del_50ms>0Del_50ms)
for(m6245m>0m)
}
void Delay_1ms(unsigned int Del_1ms)
{
unsigned char j
while(Del_1ms)
{
for(j0j<123j++)
}
}
坐标设置
void OLED_Set_Pos(unsigned char x unsigned char y)
{ OLED_WR_Byte(0xb0+yOLED_CMD)
OLED_WR_Byte(((x&0xf0)>>4)|0x10OLED_CMD)
OLED_WR_Byte((x&0x0f)OLED_CMD)
}
开启OLED显示
void OLED_Display_On(void)
{
OLED_WR_Byte(0X8DOLED_CMD) SET DCDC命令
OLED_WR_Byte(0X14OLED_CMD) DCDC ON
OLED_WR_Byte(0XAFOLED_CMD) DISPLAY ON
}
关闭OLED显示
void OLED_Display_Off(void)
{
OLED_WR_Byte(0X8DOLED_CMD) SET DCDC命令
OLED_WR_Byte(0X10OLED_CMD) DCDC OFF
OLED_WR_Byte(0XAEOLED_CMD) DISPLAY OFF
}
清屏函数清完屏整屏幕黑色没点亮样
void OLED_Clear(void)
{
u8 in
for(i0i<8i++)
{
OLED_WR_Byte (0xb0+iOLED_CMD) 设置页址（0~7）
OLED_WR_Byte (0x00OLED_CMD) 设置显示位置—列低址
OLED_WR_Byte (0x10OLED_CMD) 设置显示位置—列高址
for(n0n<128n++)OLED_WR_Byte(0OLED_DATA)
} 更新显示
}
void OLED_On(void)
{
u8 in
for(i0i<8i++)
{
OLED_WR_Byte (0xb0+iOLED_CMD) 设置页址（0~7）
OLED_WR_Byte (0x00OLED_CMD) 设置显示位置—列低址
OLED_WR_Byte (0x10OLED_CMD) 设置显示位置—列高址
for(n0n<128n++)OLED_WR_Byte(1OLED_DATA)
} 更新显示
}
指定位置显示字符包括部分字符
x0~127
y0~63
mode0反白显示1正常显示
size选择字体 1612
void OLED_ShowChar(u8 xu8 yu8 chru8 Char_Size)
{
unsigned char c0i0
cchr＇ ＇偏移值
if(x>Max_Column1){x0yy+2}
if(Char_Size 16)
{
OLED_Set_Pos(xy)
for(i0i<8i++)
OLED_WR_Byte(F8X16[c*16+i]OLED_DATA)
OLED_Set_Pos(xy+1)
for(i0i<8i++)
OLED_WR_Byte(F8X16[c*16+i+8]OLED_DATA)
}
else {
OLED_Set_Pos(xy)
for(i0i<6i++)
OLED_WR_Byte(F6x8[c][i]OLED_DATA)
}
}
m^n函数
u32 oled_pow(u8 mu8 n)
{
u32 result1
while(n)result*m
return result
}
显示2数字
xy 起点坐标
len 数字位数
size字体
mode模式 0填充模式1叠加模式
num数值(0~4294967295)
void OLED_ShowNum(u8 xu8 yu32 numu8 lenu8 size2)
{
u8 ttemp
u8 enshow0
for(t0t {
temp(numoled_pow(10lent1))10
if(enshow0&&t<(len1))
{
if(temp0)
{
OLED_ShowChar(x+(size22)*ty＇ ＇size2)
continue
}else enshow1
}
OLED_ShowChar(x+(size22)*tytemp+＇0＇size2)
}
}
显示字符号串
void OLED_ShowString(u8 xu8 yu8 *chru8 Char_Size)
{
unsigned char j0
while (chr[j]＇＼0＇)
{ OLED_ShowChar(xychr[j]Char_Size)
x+8
if(x>120){x0y+2}
j++
}
}
显示汉字
void OLED_ShowCHinese(u8 xu8 yu8 no)
{
u8 tadder0
OLED_Set_Pos(xy)
for(t0t<16t++)
{
OLED_WR_Byte(Hzk[2*no][t]OLED_DATA)
adder+1
}
OLED_Set_Pos(xy+1)
for(t0t<16t++)
{
OLED_WR_Byte(Hzk[2*no+1][t]OLED_DATA)
adder+1
}
}
***********功描述：显示显示BMP图片128×64起始点坐标(xy)x范围0～127y页范围0～7*****************
void OLED_DrawBMP(unsigned char x0 unsigned char y0unsigned char x1 unsigned char y1unsigned char BMP[])
{
unsigned int j0
unsigned char xy
if(y180) yy18
else yy18+1
for(yy0y {
OLED_Set_Pos(x0y)
for(xx0x {
OLED_WR_Byte(BMP[j++]OLED_DATA)
}
}
}
初始化SSD1306
void OLED_Init(void)
{
OLED_WR_Byte(0xAEOLED_CMD)display off
OLED_WR_Byte(0x00OLED_CMD)set low column address
OLED_WR_Byte(0x10OLED_CMD)set high column address
OLED_WR_Byte(0x40OLED_CMD)set start line address
OLED_WR_Byte(0xB0OLED_CMD)set page address
OLED_WR_Byte(0x81OLED_CMD) contract control
OLED_WR_Byte(0xFFOLED_CMD)128
OLED_WR_Byte(0xA1OLED_CMD)set segment remap
OLED_WR_Byte(0xA6OLED_CMD)normal reverse
OLED_WR_Byte(0xA8OLED_CMD)set multiplex ratio(1 to 64)
OLED_WR_Byte(0x3FOLED_CMD)132 duty
OLED_WR_Byte(0xC8OLED_CMD)Com scan direction
OLED_WR_Byte(0xD3OLED_CMD)set display offset
OLED_WR_Byte(0x00OLED_CMD)
OLED_WR_Byte(0xD5OLED_CMD)set osc division
OLED_WR_Byte(0x80OLED_CMD)
OLED_WR_Byte(0xD8OLED_CMD)set area color mode off
OLED_WR_Byte(0x05OLED_CMD)
OLED_WR_Byte(0xD9OLED_CMD)Set PreCharge Period
OLED_WR_Byte(0xF1OLED_CMD)
OLED_WR_Byte(0xDAOLED_CMD)set com pin configuartion
OLED_WR_Byte(0x12OLED_CMD)
OLED_WR_Byte(0xDBOLED_CMD)set Vcomh
OLED_WR_Byte(0x30OLED_CMD)
OLED_WR_Byte(0x8DOLED_CMD)set charge pump enable
OLED_WR_Byte(0x14OLED_CMD)
OLED_WR_Byte(0xAFOLED_CMD)turn on oled panel
}
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容，不代表《香当网》观点或立场，请自行判断内容的真实性和可靠性！
该内容是文档的文本内容，更好的格式请下载文档
江河防汛物联预警系统前端应
学 院：
专 业：
姓 名：
指导老师：
学 号：
职 称：
中国·珠海
二○年月
诚信承诺书
郑重承诺：
签名：
日期： 年 月 日
江河防汛物联预警系统前端应
摘
灾害预防直类研究发展方通水位实时监控江河潮汛进行预防减少然灾害带济损失保护民群众安全江河防汛系统预防江河洪汛灾害设计系统
篇文述关江河防汛系统前端应设计工作应三基技术元素首先HTML元素定义基础布置完成然CSS定义元素定位渲染JavaScript结果动态展示然会Dashboard 数图表结果进行数变化展示通前端设计应够江河水位数准确时显示出帮助系统够时解汛期时间位置便身生命财产保护Dashboard数图显示解汛期水位变化通变化推测出行工作周期时间
关键词：HTMLCSSJavaScriptDashboard
River flood control and IOT early warning system
The frontend application
Abstract
Disaster prevention has always been the direction of human research and development Through realtime 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 riversThis 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 HTMLCSSJavaScriptDashboard
目 录
1 前言 1
11 设计目意义应达技术求 1
12 设计国外发展概况存问题 1
13 设计应解决问题 1
2设计 2
21设计原理 2
22方案选择 2
221分析问题 2
222设计程 3
3结 3
参考文献 4
致谢 5
附录 6
1 前言
科技发展带生活进步江河防汛预警系统帮助江河汛期监控防御十分实系统通水量实时监控位置定位做水位情况充分解保护生命财产安全篇文讲系统前端设置应描述数准确时反馈数表表现出项设计前端应致力运前端制作三基础技术数清晰准确表达出时完成位置定位运Dashboard显示出水位变化趋势变化规律制作出实前端应
11设计目意义应达技术求
次设计目科技生活飞速发展社会科技日常生活中重越越高日常生活中常规水位监测方式物理水位监测需耗费力工记录观察具备实时性时工记录会存定数偏差准确性高较长周期中工记录展现出规律性变化明显套设计目解决工记录检测水位数实时性准确性变化明显性
次设计意义通设计出江河防汛系统减少政府者企业力物力成增强工作效率节约成套系统时江河汛期保障生命财产安全通江河汛期水位变化规律合理安排生活工作水位规律观察提供数直观表现证
次设计技术求篇设计文讲述系统前端设计应应达技术求HTMLCSSJavaScript三种常基工具搭建前端应求够动态显示数变化够端数交互端数实施呈现前端页面中部分求端采集数进行提取Dashboard进行数变化展示
12设计国外发展概况
设计整系统整设计国外发展状况：美国科技较发达卫星定位系统研发较早发展程度相国解美国江河防汛应河流分区域节点式收集数河流水位信息传送信息中心程中迹罕区域先进卫星系统传输数国江河国关江河防汛类动化数采集洪水预报计算机技术研制水文动遥测洪水警报预报理系统设计开始目前国洪汛报警系统做两时江河水位数进行收集传输通形势分析完成国七河流域防汛预警组制作套江河防汛预警系统套简易型江河防汛系统
关前端应国外发展情况：网站设计类型国外种类型网站研究发展开始时间相国早说国外网页前端设计水较高特应前端美化工具国工具差距中例子PS矢量图编辑技术目前网页前端设计风格致分欧美日韩三风格国前端设计直处效仿阶段国互联网发展相较晚发展迅速目前国前端页面设计已初单文集编排模式中突破现网页前端运种视觉元素综合运HTML5包括HTMLCSSJavaScript列工具发展更新国应发展现国网页前端设计更加样化彩化视觉强科技感观赏性应型前端页面简单呈现数文字容JavaScript帮助数动态展现
13设计应解决问题
1) 数显示
数显示创造性着重点显示特特殊字体已突出颜色样设置前端需展现容更加具重点突出效果更整江河防汛系统题更加贴合添加dashboard数表清晰表现数变化性规律性前端页面中数更加清晰
2） 单页布局设计
单页布局设计前端页面设计更加简洁更加清晰单页面布局更加效显示江河防汛系统中需突出战线数
3） 交互性
次前端应中需呈现数信息需端提取传输云端提取展示说云端数交互转换重步骤程交互性数传输更加准确江河防汛系统中信息点十分重
2设计
系统前端应首先需解整系统需达功端硬件做出相应功需求根端提出需求做出前端需展示功效果规划具体功概做功模块布局分步实现端提出项功需求确定整体规划完成分布布局进行代码编写阶段
项目设计江河防汛系统前端页面前端页面选择HTML网页开发应新代HTML5应技术HTMLcssjs做基语言构建Dashboard 数图表展示出数变化设置江河警戒水位水位超预警水位时触发报警系统报警提示设计定位显示显示底里水位超警戒线运 JavaScript 动态显示实时水位线预警水位线
21设计原理
前端开发环境
次江河防汛系统前端应算HTML网页开发前端网页前端开发实网页架构设计网页架构设计包括交互设计视觉设计两相配合完成功布局规划然代码完成前端开发三基工具HTMLCSSJavaScript三基构建项目语言运三工具完成网页容布局制作出数展示页面页面够完成端者云端程序交互
二 前端开发工具
（1） MyEclipsc
MyEclipse企业级工作台拓宽EcelipseIDE数库JavaEE开发发布应程序服务器需企业级工作台片台整理合提高效率节省时间成台拥特样充足JavaEE开发环境台实行编码调试测试发布功Struts JSP CSS JavaScript HTML Spring SQL Hibernat工具支持 正MyEclipsec分模块台具较独立性模块具影响情况发生需模块进行升级扩展
总说MyEclipseEclipse插件时作JavaEE集成式开发环境够出功强工具代码编程配置测试修改错误
（2） Dreamweare
需网页进行制作制作完成网站进行理dreamweare款美国MA CROMEDIA公司开发网页编辑器满足需工具网页市局效果求较高前端制作十分跨台跨浏览器进行网页制作
（3） Photoshop
Adobe Photoshop常说PS工具已日常生活中够常图处理软件款软件Adobe Systems公司开发出发行Photoshop处理素构成数字图工具更加方便效进行需图编辑网页前端制作中需需图片Photoshop处理成够加载页面图片数前端网站种修饰钮Photoshop制作矢量图形
三 前端开发相关技术
（1） JavaScript
JavaScript项够动态实时展现出前端页面需显示信息种语言项技术具备交互式交流力改变信息户关系户够更加生动信息满足户需求种语言基CGI静态HTML页面变动态提供实时数信息者页面进行操作时够应反应
JavaScript种基象者说面象编程语言面象语言建立象脚环境中通建立象脚身结合实现出功
JavaScript种语言基Java种根基础语句控制流设计出
简洁严谨语言Java语言基础说十分容易掌握JavaScript弱类型作项语言变量类型说样设置严格
JavaScript语言设计制造出前端页面数通浏览器者进行数交互者者通浏览器查阅数信息种语言会访问硬盘会数存储服务器中种特性保证数信息安全
JavaScript种语言动态者操作进行反应者种动作视种事件反应触发条件者做出某种动作会触发JavaScript反应做动态特性
（2） CSS
CSS层叠样式表前端应风格设计应CSS设计应CSSHTML中种样标记进行化简然拓展样应种标记变更加具通性般性应CSS技术制作前端应页面时页面中字体整体布局背景颜色控制更加精确需部分代码进行优化整页面中想优化部分做出预期变化分页设计时层页面实行优化
CSS层叠样式表般层叠样式表分三种分①：联式样式表②：外部式样式表③：嵌入式样式表然网页端页面文档中会时存样式表通样式表存位置设置分优先级显示出样式表会拥高优先级
CSSHTML种辅助性工具应CSS拓展HTML应CSS网页前端页面开发页面理更加规范包括模式样式样种类页面设置分类够享时分门类应然CSS进行制作前端页面减少行类文件应
（3） jQuery
jQuery关JavaScript框架数库公认轻量级数库压缩仅仅21K应种框架通少量代码优化做想做出功说拥强功
jQuery强性止表现轻量级表现拥更兼容性仅兼容CSS3时种浏览器包括IE60+safari20+通CSS属性添加前缀实现浏览器识jQuery想浏览器进行前端网页制作
布置完HTML基础元素通jQuery种轻量级简洁方便数库迅速处理种元素节点达动画性结果样模块化处理方式
够做出更特效者交互开发样性够更加方便做出前端页面更加华丽更加符合者操作
jQuery中封存量工具方法者象方法样封装方法时会特方便时说明jQuery仅种脚库实现框架搭建仅封装进行脚功应理做需脚框架搭建完成
总说jQuery脚库通封装方法编码程更加简便更加效种脚库中提供强功函数简化编码程通函数实现需表现出功框架搭建力
前端页面制作程中浏览器兼容直困扰着前端应开发工作员jQuery项技术出现解决项烦恼工具事件象状态event事件象已做格式化格式化事件状态浏览器种浏览器建立event触发事件发生需建立相应浏览器事件触发者jQuery事件触发状态格式化浏览器中eventtarget获取事件象
jQuery拥十分丰富ui设计界面特性满足前端页面设计时常需者需表现出效果视觉前端页面时jQuery色彩觉渐变效果简便够帮助快速实现效果
jQuery方便设计开发者特点jQuery脚编写方法会发生脚错误情况规范量代码快速加载程中影响程序功实现代码量加者加载速度变慢时发生种植操作情况会出现说jQuery相规范编程语言
22方案选择
套江河防汛系统端功需求提出开始分层开发分层开发整程致分总体结构构建种模块制作模块制作完成开始页面制作开始底层JS搭建观察设计JS交互效果做部测试检查前端开发检测完毕代码优化
分层开发完成开始代码编写工作搭建致HTML框架功需求制作代码模块进行代码嵌套工作然确定前端页面设计样式确定完成进行通模块样式设计中包括字体颜色数显示布局钮导航等等整体式思维模式保障整设计规性样设置方便期进行测试优化减少工作量更条理性
步整体测试找出设计求间问题交互问题等等然进行代码优化减少外部HTTP请求压缩图片
221分析问题
前端应开发设计项入门快速掌握想做难项工作前端应更新速度较快速企鹅容较繁杂前端工作仅需掌握前端应三项技术HTMLCSSJavaScript需掌握端知识方便前端端交互前端项需展现工作端手机处理数更方式展现前端端者间交互重前端设计时善利式样测试检测辅助工具样方便前端根需求进行前端页面优化更改
前端制作中学会封装代码组件样重复样模块时迅速套节省前端应制作周期提高效率前端应制作需做前期布局规划提前准备做浏览器适配兼容想应浏览器时编程时面象编程思想
次设计制作江河防汛系统前端应页面呈现状态应该简洁者者观察者够快熟找数重点设计前端页面时突出颜色加强数突出性
设计程中测试调试需注意需根端提出需求进行调试优化目准确展示出端数
222设计程
前端页面结构布局设计
前端页面中需展示先出水位数标题容占前端页面部分分布约50~80颜色选择黑色红色前端页面算应量颜色突出数重性字体方面做设置区分部分作正文静止文字数动态跳动
江河防汛系统前端页面进行动态水位数位置信息展示时会报警提示部分根功分相独立模块然整合
次设计单页面设置通前台调数库端数前端实时展示数页面端提出需求拥较完善功时较简洁突出重点
二 前端页面排版
根功页面分区域中A区域显示想设计题字体较LOGO直接出套什系统
B区域位置显示系统需定位6位置B区域显示方位置信息
C区域动态试试水位数部分整套系统重点放中心够清楚找重点
D区域报警区域区域水位超水位警戒会触发报警装置需报警提示
三 具体实现技术
1 CSS江河防汛系统中应实例
#to{
Width100
Height103px
Backgroundcolorgreed
Backgroundimageurl(imagetopjpg)
Backgroundrepeatnorepeat
}
边样式表中定义网页头部背景图片颜色样设置防止浏览器带颜色者图片变化
2 应JavaScript设计页面
JavaScript种基象脚语言具事件驱动种语言十分安全应JavaScript前边设计HTMLJava脚语言进行链接种脚页面中象进行链接通网页进行交互开发客户端应程序种HTML扩展种标准环境中应种脚语言填充扩充编程
种脚语言显示需呈现出数时基CGI静态HTML页面变成动态显示数前端页面说JavaScript拥强实实时性动态性交互性
3结
次设计做出套江河防汛预警系统中重点位置动态实时水位显示实时水位线超警戒水位时够发出报警功套较实
应简单整体系统篇文讲述整设计中前端应设计制作前端展示端硬件采集数清晰重点展示出
套江河防汛系统通6区水位实时监控设置水位预警线实时水位超设置预警线时发出报警提示通前端页面现实中水位变化发出报警提示区
套系统中设置云端数中心云端中提出实时水位数前端页面中会水位数通数分析做出前水位超预警水位等级判断前灾害等级根政府发布等级灾害应政策安排生活减少民财产损失保证民生命安全
套系统十分完美系统仅仅水位检测完全做江河潮汛防护前端应展示发展方通显示数进行分析分析水位变化趋势做应应江河潮汛预警发出提示动弹出关未1周天气变化出建议
次设计前端应做出更发展外次设计精美互联网发展迅速前端页面制作水断提升中关前端页面新技术没更应篇文中前端页面完成端提出需求应该说完成毕业设计出务
分析出课题毕业设计够减少汛期中财产损失电子产品
参考文献
[1]谭浩强C程序设计(第三版) [MI] 北京清华学出版社2005
[2]周润基proteus 电路单片机设计仿真(第2版) [MJ]北京 北京航空航天学出版社2010
[3] 张铮单片机嵌入式系统基础实训(第1版) [M]北京 清华学出版社2011
[4] 吕殿荣李学玉动水位遥测系统水库防洪预警中应[J]农业科技信息2010(12) 3435
[5]张建国张英梅线数字水位监测系统设计[J]机械工程动化2008(05)116117 122
[6]宋富国李防汛站远程水位监测预警系统研究[]中国集成电路2013(1)8689
[7]美兵基图识远程水位监测系统研究[J]西安电子科技学2011<02)12
[8]刘国生刘然听远程水位(潮位)实时监测系统[J]第十三届中国海洋(岸)工程学术讨会文集2007090724733
[9]余应建水位远程测量数传输技术[D]测试技术学报2000 (01) 22600
[10]胡计算机软件技术开发应[J]电子技术软件工程2018（4）：4949
谢 辞
附 录
附录1
程序源代码
#include oledh
#include stdlibh
#include oledfonth
#include delayh
OLED显存
存放格式
[0]0 1 2 3 127
[1]0 1 2 3 127
[2]0 1 2 3 127
[3]0 1 2 3 127
[4]0 1 2 3 127
[5]0 1 2 3 127
[6]0 1 2 3 127
[7]0 1 2 3 127
void delay_ms(unsigned int ms)
{
unsigned int a
while(ms)
{
a1800
while(a)
ms
}
return
}
**********************************************
IIC Start
**********************************************
void IIC_Start()
{
OLED_SCLK_Set()
OLED_SDIN_Set()
OLED_SDIN_Clr()
OLED_SCLK_Clr()
}
**********************************************
IIC Stop
**********************************************
void IIC_Stop()
{
OLED_SCLK_Set()
OLED_SCLK_Clr()
OLED_SDIN_Clr()
OLED_SDIN_Set()
}
void IIC_Wait_Ack()
{
GPIOB>CRH & 0XFFF0FFFF 设置PB12拉输入模式
GPIOB>CRH | 0x00080000
OLED_SDA 1
delay_us(1)
OLED_SCL 1
delay_us(50000)
* while(1)
{
if(OLED_SDA) 判断否接收OLED 应答信号
{
GPIOB>CRH & 0XFFF0FFFF 设置PB12通推免输出模式
GPIOB>CRH | 0x00030000
return
}
}
*
OLED_SCLK_Set()
OLED_SCLK_Clr()
}
**********************************************
IIC Write byte
**********************************************
void Write_IIC_Byte(unsigned char IIC_Byte)
{
unsigned char i
unsigned char mda
daIIC_Byte
OLED_SCLK_Clr()
for(i0i<8i++)
{
mda
OLED_SCLK_Clr()
mm&0x80
if(m0x80)
{OLED_SDIN_Set()}
else OLED_SDIN_Clr()
dada<<1
OLED_SCLK_Set()
OLED_SCLK_Clr()
}
}
**********************************************
IIC Write Command
**********************************************
void Write_IIC_Command(unsigned char IIC_Command)
{
IIC_Start()
Write_IIC_Byte(0x78) Slave addressSA00
IIC_Wait_Ack()
Write_IIC_Byte(0x00) write command
IIC_Wait_Ack()
Write_IIC_Byte(IIC_Command)
IIC_Wait_Ack()
IIC_Stop()
}
**********************************************
IIC Write Data
**********************************************
void Write_IIC_Data(unsigned char IIC_Data)
{
IIC_Start()
Write_IIC_Byte(0x78) DC#0 RW#0
IIC_Wait_Ack()
Write_IIC_Byte(0x40) write data
IIC_Wait_Ack()
Write_IIC_Byte(IIC_Data)
IIC_Wait_Ack()
IIC_Stop()
}
void OLED_WR_Byte(unsigned datunsigned cmd)
{
if(cmd)
{
Write_IIC_Data(dat)
}
else {
Write_IIC_Command(dat)
}
}
********************************************
fill_Picture
********************************************
void fill_picture(unsigned char fill_Data)
{
unsigned char mn
for(m0m<8m++)
{
OLED_WR_Byte(0xb0+m0) page0page1
OLED_WR_Byte(0x000) low column start address
OLED_WR_Byte(0x100) high column start address
for(n0n<128n++)
{
OLED_WR_Byte(fill_Data1)
}
}
}
***********************Delay****************************************
void Delay_50ms(unsigned int Del_50ms)
{
unsigned int m
for(Del_50ms>0Del_50ms)
for(m6245m>0m)
}
void Delay_1ms(unsigned int Del_1ms)
{
unsigned char j
while(Del_1ms)
{
for(j0j<123j++)
}
}
坐标设置
void OLED_Set_Pos(unsigned char x unsigned char y)
{ OLED_WR_Byte(0xb0+yOLED_CMD)
OLED_WR_Byte(((x&0xf0)>>4)|0x10OLED_CMD)
OLED_WR_Byte((x&0x0f)OLED_CMD)
}
开启OLED显示
void OLED_Display_On(void)
{
OLED_WR_Byte(0X8DOLED_CMD) SET DCDC命令
OLED_WR_Byte(0X14OLED_CMD) DCDC ON
OLED_WR_Byte(0XAFOLED_CMD) DISPLAY ON
}
关闭OLED显示
void OLED_Display_Off(void)
{
OLED_WR_Byte(0X8DOLED_CMD) SET DCDC命令
OLED_WR_Byte(0X10OLED_CMD) DCDC OFF
OLED_WR_Byte(0XAEOLED_CMD) DISPLAY OFF
}
清屏函数清完屏整屏幕黑色没点亮样
void OLED_Clear(void)
{
u8 in
for(i0i<8i++)
{
OLED_WR_Byte (0xb0+iOLED_CMD) 设置页址（0~7）
OLED_WR_Byte (0x00OLED_CMD) 设置显示位置—列低址
OLED_WR_Byte (0x10OLED_CMD) 设置显示位置—列高址
for(n0n<128n++)OLED_WR_Byte(0OLED_DATA)
} 更新显示
}
void OLED_On(void)
{
u8 in
for(i0i<8i++)
{
OLED_WR_Byte (0xb0+iOLED_CMD) 设置页址（0~7）
OLED_WR_Byte (0x00OLED_CMD) 设置显示位置—列低址
OLED_WR_Byte (0x10OLED_CMD) 设置显示位置—列高址
for(n0n<128n++)OLED_WR_Byte(1OLED_DATA)
} 更新显示
}
指定位置显示字符包括部分字符
x0~127
y0~63
mode0反白显示1正常显示
size选择字体 1612
void OLED_ShowChar(u8 xu8 yu8 chru8 Char_Size)
{
unsigned char c0i0
cchr＇ ＇偏移值
if(x>Max_Column1){x0yy+2}
if(Char_Size 16)
{
OLED_Set_Pos(xy)
for(i0i<8i++)
OLED_WR_Byte(F8X16[c*16+i]OLED_DATA)
OLED_Set_Pos(xy+1)
for(i0i<8i++)
OLED_WR_Byte(F8X16[c*16+i+8]OLED_DATA)
}
else {
OLED_Set_Pos(xy)
for(i0i<6i++)
OLED_WR_Byte(F6x8[c][i]OLED_DATA)
}
}
m^n函数
u32 oled_pow(u8 mu8 n)
{
u32 result1
while(n)result*m
return result
}
显示2数字
xy 起点坐标
len 数字位数
size字体
mode模式 0填充模式1叠加模式
num数值(0~4294967295)
void OLED_ShowNum(u8 xu8 yu32 numu8 lenu8 size2)
{
u8 ttemp
u8 enshow0
for(t0t
temp(numoled_pow(10lent1))10
if(enshow0&&t<(len1))
{
if(temp0)
{
OLED_ShowChar(x+(size22)*ty＇ ＇size2)
continue
}else enshow1
}
OLED_ShowChar(x+(size22)*tytemp+＇0＇size2)
}
}
显示字符号串
void OLED_ShowString(u8 xu8 yu8 *chru8 Char_Size)
{
unsigned char j0
while (chr[j]＇＼0＇)
{ OLED_ShowChar(xychr[j]Char_Size)
x+8
if(x>120){x0y+2}
j++
}
}
显示汉字
void OLED_ShowCHinese(u8 xu8 yu8 no)
{
u8 tadder0
OLED_Set_Pos(xy)
for(t0t<16t++)
{
OLED_WR_Byte(Hzk[2*no][t]OLED_DATA)
adder+1
}
OLED_Set_Pos(xy+1)
for(t0t<16t++)
{
OLED_WR_Byte(Hzk[2*no+1][t]OLED_DATA)
adder+1
}
}
***********功描述：显示显示BMP图片128×64起始点坐标(xy)x范围0～127y页范围0～7*****************
void OLED_DrawBMP(unsigned char x0 unsigned char y0unsigned char x1 unsigned char y1unsigned char BMP[])
{
unsigned int j0
unsigned char xy
if(y180) yy18
else yy18+1
for(yy0y
OLED_Set_Pos(x0y)
for(xx0x
OLED_WR_Byte(BMP[j++]OLED_DATA)
}
}
}
初始化SSD1306
void OLED_Init(void)
{
OLED_WR_Byte(0xAEOLED_CMD)display off
OLED_WR_Byte(0x00OLED_CMD)set low column address
OLED_WR_Byte(0x10OLED_CMD)set high column address
OLED_WR_Byte(0x40OLED_CMD)set start line address
OLED_WR_Byte(0xB0OLED_CMD)set page address
OLED_WR_Byte(0x81OLED_CMD) contract control
OLED_WR_Byte(0xFFOLED_CMD)128
OLED_WR_Byte(0xA1OLED_CMD)set segment remap
OLED_WR_Byte(0xA6OLED_CMD)normal reverse
OLED_WR_Byte(0xA8OLED_CMD)set multiplex ratio(1 to 64)
OLED_WR_Byte(0x3FOLED_CMD)132 duty
OLED_WR_Byte(0xC8OLED_CMD)Com scan direction
OLED_WR_Byte(0xD3OLED_CMD)set display offset
OLED_WR_Byte(0x00OLED_CMD)
OLED_WR_Byte(0xD5OLED_CMD)set osc division
OLED_WR_Byte(0x80OLED_CMD)
OLED_WR_Byte(0xD8OLED_CMD)set area color mode off
OLED_WR_Byte(0x05OLED_CMD)
OLED_WR_Byte(0xD9OLED_CMD)Set PreCharge Period
OLED_WR_Byte(0xF1OLED_CMD)
OLED_WR_Byte(0xDAOLED_CMD)set com pin configuartion
OLED_WR_Byte(0x12OLED_CMD)
OLED_WR_Byte(0xDBOLED_CMD)set Vcomh
OLED_WR_Byte(0x30OLED_CMD)
OLED_WR_Byte(0x8DOLED_CMD)set charge pump enable
OLED_WR_Byte(0x14OLED_CMD)
OLED_WR_Byte(0xAFOLED_CMD)turn on oled panel
}
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容，不代表《香当网》观点或立场，请自行判断内容的真实性和可靠性！
该内容是文档的文本内容，更好的格式请下载文档
