first commit

2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
--- a/历届学生/逯帅帅/项目开发/上课项目/快手/api.js
+++ b/历届学生/逯帅帅/项目开发/上课项目/快手/api.js
@@ -0,0 +1,47 @@
+class Api {
+
+  constructor() {
+    this.ajax = new XMLHttpRequest();
+    this.baseUrl = "http://127.0.0.1:8090/api";
+  }
+
+  get(option) {
+
+    // 转换get参数
+    var params = "";
+    for (const key in option.data) {
+      params+= `&${key}=${option.data[key]}`
+    }
+
+    params = params.replace("&", "?")
+    option.url = this.baseUrl+option.url + params;
+
+    this.ajax.open("GET",option.url);
+    this.ajax.send();
+    this.readystatechange(option.success,option.error)
+  }
+
+  post(option) {
+    this.ajax.open("POST",this.baseUrl+option.url);
+    this.ajax.setRequestHeader("Content-Type","application/json");
+    this.ajax.send(JSON.parse(option.data));
+    this.readystatechange(option.success,option.error)
+  }
+
+
+  readystatechange(success,error) {
+    this.ajax.onreadystatechange = () => {
+      if (this.ajax.readyState == 4 ) {
+        if (this.ajax.status == 200) {
+          success(JSON.parse(this.ajax.response))
+        } else {
+          error && error(this.ajax)
+          // console.log("网络请求出错")
+        }
+      }
+    }
+  }
+
+}
+
+var api = new Api();
--- a/历届学生/逯帅帅/项目开发/上课项目/快手/index.html
+++ b/历届学生/逯帅帅/项目开发/上课项目/快手/index.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <style>
+        ul, li, body {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+
+        ul{
+            overflow: hidden;
+        }
+        ul li {
+            float: left;
+        }
+
+        img {
+            width: 210px;
+        }
+    </style>
+</head>
+<body>
+
+<ul>
+
+</ul>
+<button>下一页</button>
+</body>
+<script src="api.js"></script>
+<script>
+
+  var page = "";
+
+  function GetList() {
+    console.log("页码为：", page)
+    api.get({
+      url: "/list",
+      data: {
+        page: page
+      },
+      success: function (res) {
+        RenderList(res.data)
+      },
+      error: function (err) {
+        console.log(err)
+      }
+    });
+
+    var res = api.GetList({ page: page });
+  }
+
+  function RenderList(res) {
+    var { list, pcursor } = res;
+    page = pcursor;
+
+    list.forEach(function (item, index) {
+      document.querySelector("ul").innerHTML += `
+            <li>
+               <a href="info.html?uid=${item.user.id}&vid=${item.id}">
+                    <img src="${item.thumbnailUrl}" alt="${item.caption}">
+                    <p>${item.caption}</p>
+               </a>
+            </li>
+      `
+    })
+  }
+
+  document.querySelector("button").onclick = function () {
+    GetList();
+  }
+
+  GetList()
+
+</script>
+</html>
--- a/历届学生/逯帅帅/项目开发/上课项目/快手/info.html
+++ b/历届学生/逯帅帅/项目开发/上课项目/快手/info.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Title</title>
+</head>
+<body>
+<video src="" controls></video>
+</body>
+<script src="api.js"></script>
+<script>
+
+  function GetInfo() {
+    api.get({
+      
+      url: "/play",
+      data: {
+        principalId: getUrlSearch("uid"),
+        photoId: getUrlSearch("vid")
+      },
+      success: function (res) {
+        document.querySelector("video").src = res.playUrl
+        document.querySelector("video").poster = res.poster
+      },
+      error: function (err) {
+        console.log(err)
+      }
+    });
+  }
+
+  GetInfo()
+
+
+  function getUrlSearch(name) {
+    if (!name) return null;
+    var after = window.location.search;
+    after = after.substr(1) || window.location.hash.split('?')[1];
+    if (!after) return null;
+    if (after.indexOf(name) === -1) return null;
+    var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
+    var r = decodeURI(after).match(reg);
+    if (!r) return null;
+    return r[2];
+  }
+</script>
+</html>
+