需求分析：
教导处在年中或年尾时要对成绩，按一定规则分析处理。都是些重复性工作。所以有必要自动处理。
广告：按规则定制自动处理软件或网页设计。
以下技术栈和步骤：
-
后端 (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 os
app = 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 文件。
