vue3+Django做一个批量上传的功能，点击批量上传，给用户一个excel模板，然后填入数据上传

要使用Vue3和Django实现一个批量上传功能，首先需要创建一个Excel模板供用户下载并填写数据。然后，用户可以将填写好的Excel文件上传到服务器进行处理。以下是一个简单的步骤介绍：

1. **创建Excel模板**:
- 在Django项目中，可以使用`openpyxl`或`pandas`库来创建Excel模板。定义好需要的列和格式后，保存为一个`.xlsx`文件。

2. **前端Vue3部分**:
- 使用`<input type="file">`元素让用户选择文件。
- 使用Axios或其他HTTP客户端库来处理文件的上传。
- 提供一个按钮触发上传操作。

3. **后端Django部分**:
- 设置一个URL路由来接收上传的文件。
- 使用`django-excel`或类似库来解析上传的Excel文件。
- 对文件中的数据进行验证和处理。
- 返回处理结果给用户。

4. **示例代码**:
- **Django视图**:

     from django.http import JsonResponse
     from django.views.decorators.csrf import csrf_exempt
     import pandas as pd

     @csrf_exempt
     def upload_excel(request):
         if request.method == 'POST' and request.FILES['file']:
             excel_file = request.FILES['file']
             data = pd.read_excel(excel_file)
             # 这里可以添加数据处理逻辑
             return JsonResponse({'message': '文件上传成功', 'data': data.to_dict()})
         return JsonResponse({'error': '请求方法错误'}, status=400)

- **Vue3组件**:

     <template>
       <div>
         <input type="file" @change="handleFileUpload"/>
         <button @click="submitFile">上传</button>
       </div>
     </template>

     <script>
     import axios from 'axios';

     export default {
       data() {
         return {
           file: null,
         };
       },
       methods: {
         handleFileUpload(event) {
           this.file = event.target.files[0];
         },
         submitFile() {
           const formData = new FormData();
           formData.append('file', this.file);
           axios.post('/api/upload-excel/', formData, {
             headers: {
               'Content-Type': 'multipart/form-data'
             }
           }).then(response => {
             console.log('文件上传成功', response.data);
           }).catch(error => {
             console.error('上传失败', error);
           });
         }
       }
     };
     </script>

5. **