vue3+Django做一个excel的模板下载，规定数据

好的，我可以为你介绍如何使用Vue3和Django来创建一个Excel模板下载功能。

### 步骤概述：
1. **后端（Django）部分**：
- 创建一个Django项目和应用。
- 设置路由和视图函数来处理Excel文件的生成和下载请求。
- 使用`openpyxl`库来创建和操作Excel文件。

2. **前端（Vue3）部分**：
- 创建一个Vue3项目。
- 使用Axios或其他HTTP客户端来发送请求到Django后端以获取Excel文件。
- 提供用户界面让用户可以点击按钮下载Excel模板。

### 详细步骤：

#### 1. Django后端部分

##### 安装依赖
首先，确保你已经安装了Django和openpyxl库。如果没有安装，可以使用以下命令进行安装：

pip install django openpyxl

##### 创建Django项目和应用

django-admin startproject myproject
cd myproject
python manage.py startapp myapp

##### 配置settings.py
在`myproject/settings.py`中添加`myapp`到`INSTALLED_APPS`列表中：

INSTALLED_APPS = [
    ...
    'myapp',
]

##### 创建视图函数
在`myapp/views.py`中创建一个视图函数来生成并返回Excel文件：

from django.http import HttpResponse
from openpyxl import Workbook
import io

def download_excel(request):
    # 创建一个新的工作簿
    wb = Workbook()
    ws = wb.active
    ws.title = "Sheet1"

    # 写入数据到工作表
    ws['A1'] = 'Header1'
    ws['B1'] = 'Header2'
    ws.append(['Data1', 'Data2'])

    # 将工作簿保存到内存中的字节流
    response = HttpResponse(content_type='application/vnd.openxmlformats-officedocument.spreadsheetml.sheet')
    response['Content-Disposition'] = 'attachment; filename=template.xlsx'
    wb.save(response)
    return response

##### 配置URL
在`myapp/urls.py`中配置URL路由：

from django.urls import path
from .views import download_excel

urlpatterns = [
    path('download-excel/', download_excel, name='download_excel'),
]

在`myproject/urls.py`中包含应用的URL配置：

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('api/', include('myapp.urls')),
]

#### 2. Vue3前端部分

##### 创建Vue3项目
你可以使用Vue CLI来创建一个新的Vue3项目：

npm install -g @vue/cli
vue create my-vue-app
cd my-vue-app

##### 安装Axios
在Vue项目中安装Axios：

npm install axios

##### 创建组件来下载Excel文件
在`src/components`目录下创建一个名为`DownloadExcel.vue`的组件：

<template>
  <div>
    <button @click="downloadExcel">下载Excel模板</button>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  name: 'DownloadExcel',
  methods: {
    async downloadExcel() {
      try {
        const response = await axios({
          url: 'http://localhost:8000/api/download-excel/', // Django服务器地址
          method: 'GET',
          responseType: 'blob', // 重要，用于处理二进制数据
        });
        const url = window.URL.createObjectURL(new Blob([response.data]));
        const link = document.createElement('a');
        link.href = url;
        link.setAttribute('download', 'template.xlsx'); // 文件名
        document.body.appendChild(link);