node Node-demo

仟白

已于 2025-02-07 17:49:03 修改

阅读量839

点赞数 17

分类专栏： node 文章标签： javascript 开发语言 ecmascript

于 2024-01-10 17:09:32 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_52594202/article/details/135508051

版权

文章介绍了使用Node.js的http、fs和path模块处理静态资源，包括文件和目录操作、跨域请求以及响应前端的API调用。展示了如何实现文件上传、查看状态、修改名称和删除功能，并通过axios进行数据交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

node
http模块
fs模块
path模块
没有模块化操作
module.exports
package
。。。
静态资源的数据压缩包 static
只是一些图标自己找一下就行不用下载
node_demo

html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./static/index.css">
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.5.0/axios.js"></script>
</head>

<body>
  <button id="addFileBtn" data-opr="addFile">📃</button>
  <button id="addFileBtn" data-opr="addFileWord">📂</button>
  <div class="list"></div>
  <div class="editEl">
    <div class="box" contenteditable="true"></div>
    <button class="submit">提交</button>
  </div>
  <div>
    <br>
    点击编辑文件 <br>
    右击查看文件信息 <br>
    ✍修改名称 <br>
    ➖删除文件 <br>
    📃添加文件 <br>
    📂添加文件夹 <br>
  </div>
</body>
<script>
  window.onload = async (e) => {
     
    const axios = window.axios;
    const http = async (url, query, method = 'GET') => {
     
      const params = {
     
        method,
        url: 'http://xxxx:nodeServerHost' + url,
        data: query
      }
      const result = await axios(params)
      try {
     
        return JSON.parse(result.request.response).data
      } catch (err) {
     
        console.log(err);
      }
    }
    // 添加按钮
    const addFileBtnList = document.querySelectorAll('#addFileBtn')
    addFileBtnList.forEach((item) => {
     
      item.addEventListener('click', (e) => {
     
        handleAddClick(e, null, item.getAttribute('data-opr'))
      })
    })
    // 获取菜单渲染列表
    const listEl = document.querySelector('.list')
    const dataKey = 'data-keys'
    let isCreateFiles = false
    const ge

最低0.47元/天解锁文章