12abc/前端/pages/add_stu/add_stu.js

// pages/addStudent/addStudent.js
Page({
  data: {
    className:"K班",
    input: "",
    students:[
      
    ]
  },

  onLoad: function(options) {
    console.log(options);  
    // options 参数包含了从上一个页面传递过来的数据  
    const receivedClassName = options.className; // 获取传递过来的 className，默认为空字符串  
      
    // 更新页面的数据  
    this.setData({  
      className: receivedClassName // 将接收到的 className 赋值给页面的 data 属性  
    });  
    console.log(this.data.className);
  },

  //获取输入框内容
  onInput: function(e) {
    console.log(e.detail.value)
    this.setData({
      input: e.detail.value//保存输入
    });
  },

  // Excel文件导入
  importExcel: function() {
    const that = this;
    wx.chooseMessageFile({
      count: 1, // 默认为1，设置选择文件的数量
      type: 'file',
      extension: ['xlsx'], // 指定文件的后缀名
      success(res) {
        const tempFiles = res.tempFiles; // 临时文件路径
        const filePath = tempFiles[0].path; // 获取文件的路径
        console.log(tempFiles);
        that.readExcel(filePath); // 读取文件内容
      },
      fail(err) {
        console.error('选择文件失败:', err);
      }
    });
  },

  // 读取Excel文件内容
  readExcel(filePath) {
    // 可以使用微信小程序的API或将文件上传到服务器解析
    const that = this;
    wx.uploadFile({
      url: 'http://192.168.152.1:8090/excel/import', // 你的服务器上传地址
      filePath: filePath,
      name: 'file',
      success: uploadRes => {
        // 假设服务器返回解析后的 JSON 数据
        const data = JSON.parse(uploadRes.data);
        that.addStudents(data.students);
      },
      fail: uploadErr => {
        console.error('文件上传失败:', uploadErr);
      }
    });
  },

  // 将解析后的学生数据添加到现有数组中
  addStudents(newStudents) {
    const currentStudents = this.data.students;
    const allStudents = currentStudents.concat(newStudents); // 合并数组
    this.setData({
      students: allStudents
    });
  },

  //点击输入框提示可以输入
  focus: function(){
    wx.showToast({  
      title: '可以开始输入了',  
      icon: 'none',  
      duration: 2000  
    }); 
  },

  cantNull: function(){
    wx.showToast({  
      title: '输入框不可为空',  
      icon: 'none',  
      duration: 2000  
    }); 
  },

  addProcess: function(){
    if(this.data.input != ""){
        //分割字符串为数组
      let firstArray = this.data.input.split("|");
      console.log(firstArray);
      let secondArray = firstArray.map(str => str.split(" "));
      console.log(secondArray)
      //遍历secondArray
      secondArray.forEach(subArray => {  
        // 结构法从子数组中提取id和name
        //等同于  const id = subArray[0];  const name = subArray[1];
        const { [0]: id, [1]: name } = subArray;  
          
        // 创建一个新的对象来存储这些信息  
        const newStu = {  
          id: id,  
          name: name,
          point: 10,
          clazz: this.data.className,
        };  
        const isDuplicate = this.data.students.some(stu => stu.id === id);
        if(!isDuplicate){
          // 将新对象发送到后端服务器
          const classstu = newStu;
          //classstu.className = this.data.className;//此时 classstu = {id:"102201",name:"Jhon", className:`${this.data.className}` }
          wx.request({  
            url: 'http://192.168.152.1:8090/student/set',
            method: 'POST', // 请求方法，通常是POST用于发送数据  
            header: {  
              'Content-Type': 'application/json' // 设置请求头，指定数据格式为JSON  
            },  
            data: newStu, // 要发送的数据，这里直接传入对象，wx.request会自动将其转换为JSON字符串（后端接收json字符串）
            success: function(res) {  
              // 处理后端返回的响应  
              console.log('请求成功', res.data);  
              // 根据需要更新小程序页面的数据或执行其他操作  
            },  
            fail: function(err) {  
              // 处理请求失败的情况  
              console.error('请求失败', err);  
              // 可以向用户显示错误信息或执行其他错误处理操作  
            }  
          });
          // 将新对象添加到data.stu数组中  
        this.setData({  
          ['students[' + this.data.students.length + ']']: newStu //直接将新对象加在数组后面
          });  
        } else {
          console.log('id重复:${id}');
        }
      })
      console.log(this.data.students);
    } else {
      this.cantNull();
    }
  },

  goToclass_manage: function(){
    wx.navigateTo({  
      url: '/pages/class_manage/class_manage'
    });
  }
});