3.3.3 使用闪存文件系统建立功能更加丰富的网络服务器

1 在网页中加载闪存文件系统中的图片、CSS和JavaScript

请点击以上链接将本实例所用的示例程序下载并解压缩。在本示例中，您将看到data文件夹一共有5个文件和一个文件夹。以下是各个文件的作用：

• index.html：ESP8266开发板建立的网站首页
• main.css：控制网页的css(层叠样式表)
• JavaScript.js和clock.js：在页面中显示日期和时钟的JavaScript文件。这两个程序主要用于演示如何在ESP8266开发板所建立的物联网页面中显示JavaScript
• img目录中的图片taichi-maker.jpg:此图片用于演示如何在ESP8266开发板所建立的物联网页面中显示图片

以下为该示例程序所建立的网页内容。

​

2 通过网页控制ESP8266开发板的引脚

请点击以上链接将本实例所用的示例程序下载并解压缩。

在本示例程序的data文件夹您将会看到一系列文件。以下是各个文件的基本介绍：

• index.html：ESP8266开发板建立的网站首页
• LED.html：控制LED页面

以下为该示例程序所建立的网页内容。