需求分析：
教导处在年中或年尾时要对成绩，按一定规则分析处理。都是些重复性工作。所以有必要自动处理。
广告：按规则定制自动处理软件或网页设计。
以下技术栈和步骤：
-
后端 (Flask): Flask 是一个轻量级的 Python Web 框架，适合处理上传文件、数据处理等任务。我们可以利用它处理本地文件，并返回处理结果。
-
前端 (HTML + JavaScript): 用 HTML 创建一个简单的网页，提供按钮用于上传文件，以及展示表格的地方。可以用 JavaScript 实现文件上传后的动态表格生成和滚动条。
-
数据处理 (Pandas): 使用
pandas来处理上传的 Excel 文件，读取文件中的表格，根据年级和班级计算学科的平均分。 -
文件导出 (XlsxWriter): 在前端提供一个“导出”按钮，将计算后的结果导出为自定义的 Excel 文件。
代码实现：
1. 安装必要的库：
pip install flask pandas xlsxwriter
2. 创建 Flask 后端
from flask import Flask, render_template, request, jsonify, send_file
import pandas as pd
import osapp = Flask(__name__)@app.route('/')
def index():return render_template('index.html')@app.route('/upload', methods=['POST'])
def upload_file():file = request.files['file']df = pd.read_excel(file)# 计算年级+班级的平均分avg_df = df.groupby(['年级', '班级']).mean().reset_index()# 将平均分转换为 JSON 格式返回前端return jsonify(avg_df.to_dict(orient='records'))@app.route('/export', methods=['POST'])
def export_file():data = request.json['data']df = pd.DataFrame(data)# 保存为自定义的 Excel 文件output_path = 'exported_data.xlsx'df.to_excel(output_path, index=False)# 发送文件到前端供下载return send_file(output_path, as_attachment=True)if __name__ == '__main__':app.run(debug=True)
3. 创建前端模板 templates/index.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Excel Processor</title><style>table {width: 100%;border-collapse: collapse;}th, td {padding: 8px;text-align: left;border: 1px solid black;}#table-container {max-height: 400px;overflow-y: scroll;}</style>
</head>
<body><h1>上传文件并计算平均分</h1><input type="file" id="fileInput"><button onclick="uploadFile()">打开本地xlsx文件</button><button onclick="exportData()">导出数据</button><div id="table-container"><table id="dataTable"><thead><tr><th>年级</th><th>班级</th><th>语文</th><th>数学</th><th>英语</th></tr></thead><tbody></tbody></table></div><script>let tableData = [];function uploadFile() {const fileInput = document.getElementById('fileInput');const file = fileInput.files[0];if (file) {const formData = new FormData();formData.append('file', file);fetch('/upload', {method: 'POST',body: formData}).then(response => response.json()).then(data => {tableData = data;populateTable(data);});}}function populateTable(data) {const tbody = document.getElementById('dataTable').querySelector('tbody');tbody.innerHTML = ''; // 清空之前的表格数据data.forEach(row => {const tr = document.createElement('tr');tr.innerHTML = `<td>${row['年级']}</td><td>${row['班级']}</td><td>${row['语文'] ? row['语文'].toFixed(2) : ''}</td><td>${row['数学'] ? row['数学'].toFixed(2) : ''}</td><td>${row['英语'] ? row['英语'].toFixed(2) : ''}</td>`;tbody.appendChild(tr);});}function exportData() {fetch('/export', {method: 'POST',headers: {'Content-Type': 'application/json'},body: JSON.stringify({ data: tableData })}).then(response => response.blob()).then(blob => {const url = window.URL.createObjectURL(new Blob([blob]));const link = document.createElement('a');link.href = url;link.setAttribute('download', 'exported_data.xlsx');document.body.appendChild(link);link.click();link.parentNode.removeChild(link);});}</script>
</body>
</html>
功能：
- 文件上传：用户点击按钮选择本地的 xlsx 文件。
- 平均分计算：Flask 后端处理文件并计算年级和班级的平均分，返回前端显示。
- 表格展示：前端动态生成表格，显示计算出的平均分，并根据行数自动出现滚动条。
- 数据导出：用户可以点击“导出数据”按钮，将处理后的数据导出为 Excel 文件。