HTML로 데이터베이스 데이터를 얻는 방법

HTML에서는 데이터베이스에 직접 액세스할 수 없습니다. 데이터베이스에서 데이터를 가져오려면 PHP, JavaScript 또는 Python과 같은 백엔드 기술을 사용해야 합니다. 이러한 기술은 연결 설정, 쿼리 준비, 쿼리 실행 및 데이터 검색을 통해 이를 수행할 수 있습니다.

HTML로 데이터베이스 데이터를 얻는 방법

데이터베이스 소개

HTML에서는 데이터베이스에 직접 액세스할 수 없습니다. 데이터베이스에서 데이터를 가져오려면 PHP, JavaScript 또는 Python과 같은 백엔드 기술을 사용해야 합니다.

PHP 사용

PHP는 데이터베이스에 쉽게 연결할 수 있게 해주는 인기 있는 백엔드 언어입니다. 다음은 샘플 코드입니다.

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接
if ($conn->connect_error) {
  die("连接失败: " . $conn->connect_error);
}

// 准备查询
$sql = "SELECT * FROM table_name";

// 执行查询
$result = $conn->query($sql);

// 检索数据
while ($row = $result->fetch_assoc()) {
  echo $row["column_name"];
}

// 关闭连接
$conn->close();
?>

JavaScript 사용

JavaScript는 AJAX(비동기 JavaScript 및 XML)를 사용하여 데이터베이스에서 데이터를 가져올 수도 있습니다. 다음은 샘플 코드입니다.

function getData() {
  // 创建 XMLHttpRequest 对象
  var xhr = new XMLHttpRequest();

  // 打开连接
  xhr.open("GET", "get_data.php", true);

  // 设置回调函数
  xhr.onload = function() {
    // 服务器响应后执行
    if (xhr.status === 200) {
      // 解析 JSON 响应
      var data = JSON.parse(xhr.responseText);

      // 输出数据
      for (var i = 0; i < data.length; i++) {
        console.log(data[i].column_name);
      }
    }
  };

  // 发送请求
  xhr.send();
}

Python 사용

Python은 Flask와 같은 웹 프레임워크를 사용하여 데이터베이스에서 데이터를 가져올 수도 있습니다. 샘플 코드는 다음과 같습니다.

from flask import Flask, render_template, request

app = Flask(__name__)

@app.route('/')
def index():
  # 连接数据库
  conn = pymysql.connect(host="localhost", user="username", password="password", db="database_name")
  cursor = conn.cursor()

  # 准备查询
  sql = "SELECT * FROM table_name"

  # 执行查询
  cursor.execute(sql)

  # 检索数据
  data = cursor.fetchall()

  # 关闭连接
  cursor.close()
  conn.close()

  # 渲染模板
  return render_template('index.html', data=data)

if __name__ == "__main__":
  app.run(debug=True)

위 내용은 HTML로 데이터베이스 데이터를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!