当前位置：首页 > article >正文

开发定制：学校考试成绩自动处理，可定制规则

article 2024/11/14 14:27:09

需求分析：
教导处在年中或年尾时要对成绩，按一定规则分析处理。都是些重复性工作。所以有必要自动处理。

广告：按规则定制自动处理软件或网页设计。

以下技术栈和步骤：

后端 (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>