<div class="document"> <h3 class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;">* 1、项目功能介绍</h3> <hr class="horizontal-splitline normal-bold-2"> <p><span style="font-family: 宋体; font-size: 14px; color: #34495e;">  名为小电视不是它具有看电视的功能，原因之一是紧跟时代的潮流，原因之二就是重中之重它有电视机的外观。你可以说它不像，但是我觉得像就够了，尽管它确实不怎么像。由于你拿到它只需微信扫码对它进行配网就就可以了，过多的使用操作这里没什么好介绍的。下面是它的功能介绍：</span></p> <p><span style="font-size: 14px; color: #34495e;">A.<span style="font-family: 宋体;">动画开机</span></span></p> <p><span style="font-size: 14px; color: #34495e;">B.<span style="font-family: 宋体;">开机自动联网，如果没有检测到</span><span style="font-family: Calibri;">WIFI</span><span style="font-family: 宋体;">弹出配网二维码</span></span></p> <p><span style="font-size: 14px; color: #34495e;">C.<span style="font-family: 宋体;">实时更新网络时分秒并显示到屏幕</span></span></p> <p><span style="font-size: 14px; color: #34495e;">D.<span style="font-family: 宋体;">滚动显示星期</span><span style="font-family: Calibri;">.</span><span style="font-family: 宋体;">农历</span><span style="font-family: Calibri;">.</span><span style="font-family: 宋体;">公历等信息</span></span></p> <p><span style="font-size: 14px; color: #34495e;">E.<span style="font-family: 宋体;">滚动显示今明后</span><span style="font-family: Calibri;">3</span><span style="font-family: 宋体;">天天气信息</span><span style="font-family: Calibri;">.</span><span style="font-family: 宋体;">最高最低温度</span><span style="font-family: Calibri;">.</span><span style="font-family: 宋体;">风向及风力等级</span></span></p> <p><span style="font-size: 14px; color: #34495e;">F.<span style="font-family: 宋体;">通过</span><span style="font-family: Calibri;">IP</span><span style="font-family: 宋体;">自动获取地区位置并显示到屏幕</span></span></p> <p><span style="font-size: 14px; color: #34495e;">G.<span style="font-family: 宋体;">励志语单条显示</span><span style="font-family: Calibri;">--</span><span style="font-family: 宋体;">可自己添加修改</span></span></p> <p class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;"> </p> <h3 class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;">*2、项目属性</h3> <hr class="horizontal-splitline normal-bold-2"> <p><span style="font-family: 宋体; font-size: 14px; color: #34495e;">个人原创作品首次公开。</span></p> <p class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;"> </p> <h3 class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;">* 3、开源协议</h3> <hr class="horizontal-splitline normal-bold-2"> <p><span style="font-size: 14px; color: #34495e;">CC-BY-NC 3.0</span></p> <p class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;"> </p> <h3 class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;">*4、硬件部分</h3> <hr class="horizontal-splitline normal-bold-2"> <p><span style="font-size: 14px; color: #34495e;"><span style="font-family: 宋体;">使用</span>Altium Designer设计并绘制完成，分为上下两块PCB，上板是本人绘制的LCD显示模块，可以和下板分离单独使用与其他项目显示。下板包括ESP32模组.按键电路.CH340部分电路.DC-DC电源电路。两个按键，一个按键为复位，另一个按键为BOOT按键。由于使用了一键下载电路，所以BOOT按键烧录时不用按，完全可以做拓展按键。采用IPS高清1.3寸240*240分辨率屏幕，最初使用ESP32-WROOM-32E-4MB进行开发，后来改用更低价格的ESP32-WROOM-4MB。</span></p> <p class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt pap-left-indent-1.6em" style="line-height: 1.8;"> </p> <h3 class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;">*5、软件部分</h3> <hr class="horizontal-splitline normal-bold-2"> <p><span style="font-size: 14px; color: #34495e;"><span style="font-family: 宋体;"><img src="//image.lceda.cn/pullimage/tfEjohHwKAaoKnHtuyRjrWXZsMG7B1n1dcwhklLD.png" alt="" width="917" height="873">  </span></span></p> <p><span style="font-size: 14px; color: #34495e;"><span style="font-family: 宋体;">  先是环境的搭建：开发环境我使用</span>VS CODE<span style="font-family: 宋体;">下的</span>ESP-IDF-V4.2<span style="font-family: 宋体;">开发，下载安装</span>Git<span style="font-family: 宋体;">，安装</span>python<span style="font-family: 宋体;">，安装</span>VS code<span style="font-family: 宋体;">等软件，具体搭建不是我一句两句话能说清楚的，同样的方法大家去找度娘。一顿操作猛如虎之后环境搭好，开始编译第一个</span>ESP32<span style="font-family: 宋体;">官方例程：</span>hello_world<span style="font-family: 宋体;">。编译没问题，先实现第一步，让</span>ESP32<span style="font-family: 宋体;">连上网。第二步，通过</span>SNTP<span style="font-family: 宋体;">获取网络时间。第三步，实现哆啦</span>A<span style="font-family: 宋体;">梦动图的显示。说到这里我不得不多来两句，简单看确实是几张图片刷新就可以了，可是中间的调试经历实在艰辛。先是网上找到素材，后对素材图片的处理，每一张都处理成背景透明。再通过</span>LVGL<span style="font-family: 宋体;">官网在线将图片转为专用的</span>.C<span style="font-family: 宋体;">数组，实现了只有哆啦</span>A<span style="font-family: 宋体;">梦没有背景的显示在屏幕上。第四步，爬取网页天气信息。由于使用</span>API<span style="font-family: 宋体;">获取天气数据不但要收费，还有天气不准的情况，并且无法实现开源方便大家使用。日历信息和天气数据一个网站上的数据达不到我认为的完美，所以我在一个网站上爬了日历等信息，另一个网站爬了天气数据。感谢那些无私将经验及代码放到网上的人，爬取</span>HTML<span style="font-family: 宋体;">数据这个麻烦的事情能够解决得益于我在网上找到了参考，具体大家可以看代码学习，主要是用</span>C<span style="font-family: 宋体;">语言</span>strstr<span style="font-family: 宋体;">函数实现的。第四步，通过</span>IP<span style="font-family: 宋体;">自动识别城市。由于我想爬取中国天气网的数据，所以需要先知道中国天气网中对应的城市代码。为了自动获取天气网的城市代码我那几日夜夜惆怅，卡在那里只有不停百度。所幸我学习到了网页数据爬取的小知识，得到了一个获取城市代码的网址。先是爬取下城市代码，然后再将城市代码拼接到要访问的网址中，获取到天气信息。说起拼接网址并访问我也是废了好大劲，每当遇到这样的问题我都会夜夜惆怅</span>......<span style="font-family: 宋体;">纯</span>C<span style="font-family: 宋体;">代码知识，之前不怎么用到的</span>C<span style="font-family: 宋体;">语言函数现在变成了香饽饽。最终我解决了，使用</span>strcat<span style="font-family: 宋体;">函数完美解决不解释。还有一个难题其实到现在还没有完美解决，那就是爬取的数据起始可以获得</span>7<span style="font-family: 宋体;">天天气信息，只获得</span>3<span style="font-family: 宋体;">天天气也是其中的原因。就连这</span>3<span style="font-family: 宋体;">天的天气数据稳定显示，我在代码中也是做了一番处理。因为</span>HTML<span style="font-family: 宋体;">天气数据今天明天后天所有数据起始和结束都是一样的，我用到的</span>C<span style="font-family: 宋体;">函数</span>strstr<span style="font-family: 宋体;">爬取不重复的数据完全没问题。这个数据也是比较特殊，最后解决办法是将</span>3<span style="font-family: 宋体;">天的数据全部存储到一个数组，读取完第一天的数据就把第一天的删掉。当然，制作中还遇到了其他种种问题，工作久了喜欢直接做实验，写文案真是让我很难。为了参加这次的立创设计大赛，我写出了我的部分研发经历。能共享给大家帮助到大家是最开心的让我最有动力写出来的源泉。</span></span></p> <p class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt pap-left-indent-1.6em" style="line-height: 1.8;"> </p> <h3 class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;">*6、BOM清单</h3> <p><span style="font-size: 14px; color: #34495e;">OLED显示板-V1.2:</span></p> <hr class="horizontal-splitline normal-bold-2"> <p class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;"><img src="//image.lceda.cn/pullimage/gPsydrhdRCYPzEilYVtY3wbPWflpOs2SlbUFYQIH.png" alt="" width="1313" height="322"><span style="font-size: 14px; color: #34495e;">底板-V1.2：</span></p> <p class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;"><img src="//image.lceda.cn/pullimage/kfng2kKjBfRy87g39gPrOIEg2rqtwkNJPr6PYO9K.png" alt="" width="1312" height="608"></p> <p class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;"> </p> <h3 class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;">*7、大赛LOGO验证</h3> <hr class="horizontal-splitline normal-bold-2"> <p style="line-height: 1.8;"><img src="//image.lceda.cn/pullimage/Xelrtc28bfcDyYo3M53XvHFMhVG6b6gBIHkr1v64.jpeg" alt="" width="1438" height="1080"></p> <p class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;"> </p> <h3 class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;">* 8、演示您的项目并录制成视频上传</h3> <hr class="horizontal-splitline normal-bold-2"> <p style="line-height: 1.8;"> </p> <p class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;"><span style="color: #95a5a6; font-size: 14px;">视频要求：请横屏拍摄，分辨率不低于1280×720，格式Mp4/Mov，单个视频大小限100M内；</span></p> <p class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;"><span style="color: #95a5a6; font-size: 14px;">视频标题：立创电赛：{项目名称}-{视频模块名称}；如立创电赛：《自动驾驶》-团队介绍。</span></p> <p class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;"> </p> <p class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;"><span style="font-size: 14px;">更多详情：<a href="/posts/06c94d90c2c447dfbd9ed7339ff4a5b1" target="_blank">https://diy.szlcsc.com/posts/06c94d90c2c447dfbd9ed7339ff4a5b1</a></span></p> <p class="paragraph text-align-type-left pap-line-1.3 pap-line-rule-auto pap-spacing-before-3pt pap-spacing-after-3pt" style="line-height: 1.8;"> </p> </div>