HTMLでデータベースデータベースにアクセスする方法

HTML がデータベースにアクセスする方法

今日のデジタル時代では、インターネットを介してデータを通信する必要があります。この機能を実現するには、HTML とデータベースという 2 つの主要なテクノロジーを使用する必要があります。 HTML (Hypertext Markup Language) は Web コンテンツを記述するための標準形式ですが、データベースはデータの保存と管理に使用されるソフトウェア アプリケーションです。この記事では、HTML を介してデータベースにアクセスする方法について説明します。

HTML は、事前にデザインされたコンテンツしか表示できないため、静的なテクノロジとみなされることがよくあります。インタラクティブ性を高めるには、動的なテクニックを使用する必要があります。これらのテクノロジでは、HTML がフロントエンドとして使用され、バックエンドはプログラミング言語とデータベースです。この場合、サーバー側のスクリプト言語を使用してデータベースに接続し、データのクエリと変更を行う必要があります。以下では、HTML を介してデータベースにアクセスする方法を 2 つの側面から紹介します。

PHP と MySQL を使用してデータベースにアクセスする

PHP はサーバー側のスクリプト言語であり、MySQL は広く使用されているオープン ソース データベース管理システムです。これら 2 つのテクノロジを使用すると、データベースに簡単にアクセスして変更できます。ここでは、PHP と MySQL を使用してデータベースに接続し、クエリ ステートメントを送信し、結果を取得する方法を示すいくつかの手順を示します:

1. まず、ローカル サーバーに PHP をインストールする必要があります。公式 Web サイトから PHP をダウンロードし、プロンプトに従ってインストールできます。

2. 次に、MySQL データベースに接続する必要があります。 MySQL 公式 Web サイトから MySQL をダウンロードしてインストールできます。

3. PHP で次のコードを使用して MySQL に接続します:

$servername = "localhost";
$username = "root";
$password = "" ;
//接続の作成
$conn = new mysqli($servername, $username, $password);
//接続の検出
if ($conn->connect_error) {

die("Connection failed: " . $conn->connect_error);

}
echo "接続に成功しました";

4. 新しいデータベースとテーブルを作成します:

$sql = "CREATE DATABASE myDB";
if ( $ conn->query($sql) === TRUE) {

echo "Database created successfully";

} else {

echo "Error creating database: " . $conn->error;

}

$sql = "CREATE TABLE MyGuests (
id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY、
firstname VARCHAR(30) NOT NULL、
lastname VARCHAR(30) NOT NULL、
email VARCHAR(50)、
reg_date TIMESTAMP
) ";
if ($conn->query($sql) === TRUE) {

echo "Table MyGuests created successfully";

} else {

echo "Error creating table: " . $conn->error;

}

5. さて、PHP で次のコードを使用してテーブルをクエリします:

$sql = "SELECT id, firstname, lastname FROM MyGuests";
$result = $conn->query($sql);
if ($result->num_rows > 0) {

// 输出每行数据
while($row = $result->fetch_assoc()) {
    echo "id: " . $row["id"]. " - Name: " . $row["firstname"]. " " . $row["lastname"]. "<br>";
}

} else {

echo "0 results";

}

以下は、PHP とMySQL の基本 ただし、この記事ではすべてを詳しく説明しているわけではありません。

Javascript と Firebase を使用してデータベースにアクセスする

Firebase は、Google が提供するクラウドベースのソリューションであるリアルタイム データベースです。 JavaScript と Firebase を使用してリアルタイム データベースに接続し、データを取得する手順は次のとおりです:

1. まず、Firebase で新しいプロジェクトを作成し、アプリケーションのキーを生成する必要があります。このキーを JavaScript ファイルに追加すると、アプリケーションが Firebase に接続できるようになります。

2. 次に、次のコードを使用して、JavaScript から Firebase データベースに接続する必要があります:

var config = {

apiKey: "YOUR_API_KEY",
authDomain: "YOUR_AUTH_DOMAIN",
databaseURL: "YOUR_DATABASE_URL",
storageBucket: "YOUR_STORAGE_BUCKET",

};
firebase.initializeApp (config) ;

3. 次のコードを使用してデータをクエリします:

var firebaseRef = firebase.database().ref("users/");
firebaseRef.once( "value") .then(function(snapshot) {

snapshot.forEach(function(childSnapshot) {
    var childKey = childSnapshot.key;
    var childData = childSnapshot.val();
    console.log("Child key: " + childKey + ", Child value: " + childData);
});

});

上記のコードは、Firebase の「users」という名前のデータセットをクエリし、それぞれのキーと値を出力します。子要素をブラウザコンソールに追加します。

結論

HTML とデータベース テクノロジは、最新の Web アプリケーションの中核です。 HTML技術は主にフロントエンドを担いますが、データベースアクセスなどの機能を実装するにはバックエンド技術も必要です。この記事では、PHP と MySQL、JavaScript と Firebase という 2 つのテクノロジーを使用してデータベースに接続し、データを取得する方法を説明します。このコードは単なる出発点ですが、HTML を使用してデータベースにアクセスする際の重要なポイントを明確に示しています。

以上がHTMLでデータベースデータベースにアクセスする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。