可i凯 2024-08-16 13:12 采纳率: 50%
浏览 3

有没有懂前端如何把表格加入到数据库的?

img


姓名和宿舍是从其他表掉的,状态用的字典。需要把这个表格加到数据库

  • 写回答

2条回答 默认 最新

  • 一直免费一直爽 2024-08-16 13:13
    关注

    以下回复参考:皆我百晓生券券喵儿等免费微信小程序作答:

    要将表格数据添加到数据库,首先需要创建一个表单,然后通过前端代码将表单数据提交到后端服务器,最后在后端服务器上处理数据并将其插入到数据库中。以下是一个简单的示例:

    1. 创建表单:
    <form id="myForm">
      <input type="text" name="name" placeholder="姓名" />
      <input type="text" name="dormitory" placeholder="宿舍" />
      <select name="status">
        <option value="请选择状态">请选择状态</option>
        <!-- 其他状态选项 -->
      </select>
      <button type="submit">确定</button>
      <button type="button" onclick="cancel()">取消</button>
    </form>
    
    1. 前端代码(使用jQuery和Ajax):
    function cancel() {
      // 取消操作,例如清空表单数据
    }
    
    $("#myForm").submit(function(event) {
      event.preventDefault();
    
      var formData = $(this).serialize();
    
      $.ajax({
        type: "POST",
        url: "/add_student", // 后端接口地址
        data: formData,
        success: function(response) {
          // 处理成功响应,例如提示用户
        },
        error: function(error) {
          // 处理错误响应,例如提示用户
        }
      });
    });
    
    1. 后端代码(以Python的Flask框架为例):
    from flask import Flask, request
    import pymysql
    
    app = Flask(__name__)
    
    @app.route('/add_student', methods=['POST'])
    def add_student():
        name = request.form['name']
        dormitory = request.form['dormitory']
        status = request.form['status']
    
        # 连接数据库
        db = pymysql.connect("localhost", "username", "password", "database")
        cursor = db.cursor()
    
        # 插入数据
        sql = "INSERT INTO student (name, dormitory, status) VALUES (%s, %s, %s)"
        cursor.execute(sql, (name, dormitory, status))
    
        # 提交事务
        db.commit()
    
        # 关闭连接
        cursor.close()
        db.close()
    
        return "success"
    
    if __name__ == '__main__':
        app.run()
    

    这个示例仅供参考,实际应用中需要根据具体需求进行调整。

    评论

报告相同问题?

问题事件

  • 创建了问题 8月16日

悬赏问题

  • ¥15 35114 SVAC视频验签的问题
  • ¥15 impedancepy
  • ¥15 在虚拟机环境下完成以下,要求截图!
  • ¥15 求往届大挑得奖作品(ppt…)
  • ¥15 如何在vue.config.js中读取到public文件夹下window.APP_CONFIG.API_BASE_URL的值
  • ¥50 浦育平台scratch图形化编程
  • ¥20 求这个的原理图 只要原理图
  • ¥15 vue2项目中,如何配置环境,可以在打完包之后修改请求的服务器地址
  • ¥20 微信的店铺小程序如何修改背景图
  • ¥15 UE5.1局部变量对蓝图不可见