first commit

2024-09-27 01:22:07 +08:00
commit 1360daaab0
931 changed files with 131068 additions and 0 deletions
--- a/code/xiaoai/data/index.html
+++ b/code/xiaoai/data/index.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <title>太极创客-零基础入门学用物联网教程</title>
+    <script src="jquery.min.js"></script>
+    <script src="knob.js"></script>
+
+    <script>
+      $(".dial").trigger("configure", {
+        min: 0,
+        max: 255,
+        width: 150,
+        fgColor: "#ffec03",
+        skin: "tron",
+        thickness: 0.2,
+        displayPrevious: true,
+        cursor: true,
+      });
+    </script>
+  </head>
+  <body>
+    <center>
+      <a href="http://www.taichi-maker.com" target="_blank"
+        ><img src="/img/taichi-maker.jpg" alt="太极创客"
+      /></a>
+      <h1>以下旋钮可控制ESP8266开发板LED亮度</h1>
+      <input
+        type="text"
+        class="dial"
+        data-displayPrevious="true"
+        data-fgColor="#00A8A9"
+        data-thickness=".3"
+        value="29"
+      />
+
+      <script>
+        $(".dial").knob({
+          change: function (v) {
+            console.log(Math.round(v, 0));
+            $.ajax({
+              url: "/setLED?pwm=" + Math.round(v, 0),
+              success: function (result) {
+                $("#div1").html(result);
+              },
+            });
+          },
+        });
+      </script>
+      <p style="text-align: center">
+        此页面用于演示如何通过网页控制ESP8266引脚的PWM数值。
+        本教程可在太极创客网站免费获取。
+      </p>
+      <p style="text-align: center">
+        太极创客网址：
+        <a href="http://www.taichi-maker.com" target="_blank"
+          >www.taichi-maker.com</a
+        >
+      </p>
+    </center>
+  </body>
+</html>