构建‘数字校园’中的学生信息系统

小明：嘿，小红，我们学校的‘数字校园’项目进展得怎么样了？我听说你们组负责学生信息系统的开发。

小红：是的，小明。我们正在设计一个系统来管理学生的个人信息和学习记录。首先，我们需要设计数据库。

小明：数据库设计听起来很专业啊。你打算怎么设计呢？

小红：我们计划使用MySQL数据库。首先创建一个名为students的表，包含id（主键），name，age，major等字段。

            CREATE TABLE students (
                id INT AUTO_INCREMENT PRIMARY KEY,
                name VARCHAR(100) NOT NULL,
                age INT NOT NULL,
                major VARCHAR(100) NOT NULL
            );
        

小明：看起来很不错！接下来呢？

小红：下一步是编写后端逻辑，使用Python Flask框架来处理HTTP请求。比如，添加新学生的信息。

            from flask import Flask, request, jsonify
            app = Flask(__name__)

            @app.route('/add_student', methods=['POST'])
            def add_student():
                data = request.get_json()
                name = data['name']
                age = data['age']
                major = data['major']
                
                # 假设已经连接到数据库
                cursor.execute("INSERT INTO students (name, age, major) VALUES (%s, %s, %s)", (name, age, major))
                db.commit()
                
                return jsonify({"message": "Student added successfully!"}), 201
        

小明：这代码看起来挺实用的。那前端界面呢？

小红：我们会使用HTML和JavaScript来创建一个简单的用户界面，让用户能够输入信息并提交到服务器。

            <form id="studentForm">
                Name: <input type="text" id="name" required><br>
                Age: <input type="number" id="age" required><br>
                Major: <input type="text" id="major" required><br>
                <button onclick="submitForm()">Submit</button>
            </form>

            <script>
                function submitForm() {
                    let name = document.getElementById('name').value;
                    let age = document.getElementById('age').value;
                    let major = document.getElementById('major').value;

                    fetch('/add_student', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json'
                        },
                        body: JSON.stringify({name, age, major})
                    }).then(response => response.json())
                      .then(data => alert(data.message));
                }
            </script>
        

小明：看来你们已经有了一个很好的开始！希望一切顺利。

小红：谢谢，小明。我们会继续努力的。