ESP32-Web-Server编程- 在 Web 上开发动态纪念册

2023-12-14 00:08:04

ESP32-Web-Server编程- 在 Web 上开发动态纪念册

概述

Web 有很多有趣的玩法，在打开网页的同时送她一个惊喜。

需求及功能解析

本节演示在 ESP32 上部署一个 Web，当打开对应的网页时，将运行动态的网页内容，显示炫酷的纪念贺词。

示例解析

目录结构

├── CMakeLists.txt
├── main
│   ├── CMakeLists.txt
│   └── main.c                 User application
├── components
│   └── fs_image
└── README.md                  This is the file you are currently reading
  • 目录结构主要包含主目录 main，以及组件目录 components.
  • 其中组件目录components中包含了用于存储网页文件的 fs_image 目录（即前述前端文件）。

前端代码

前端代码的 HTML 部分在 components/fs_image/web_image/index.html 中，主要是定义一些网页显示的内容，以及实现动态显示的 javascript 语句：

<body>
<!--更改为你女朋友的头像-->
<div class="cs">
    <img src="sun.png" id="

文章来源:https://blog.csdn.net/wangyx1234/article/details/134866692
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。