ノードを使用したSQL Serverのクエリ。js

Let’S Get Started

私はあなたがノードを持っていると仮定します。jsがインストールされていますが、インストールされていない場合は、ここでダウンロードできます。

ノードを設定することから始めます。js Webサーバーとそれをテストします。 次に、以前と同様のコードを追加して、SQL Serverデータベースに接続してクエリします。

私たちは、ノードのためのミニマリストのWebサーバーのフレームワークを使用します。jsエクスプレス Npmパッケージとしてインストールされます。

多くのことと同様に、私はあなたがコマンドを入力しているときに、確かにコマンドとそれのオプションについての詳細を読んで、学ぶことが常

セットアップの取得

1. プロジェクトのために、ディレクトリ/フォルダを作成します。
2. Visual Studio Code(VSCode)を開き、フォルダーを開きます。
3. 新しいターミナルウィンドウを開き、次のように入力します。
   npm init
   パッケージを作成するためのデフォルトを受け入れます。json。

4. VSCodeでファイルを作成し、indexとして保存します。js”を発表した。 あなたのパッケージを見れば。jsonファイルを使用すると、デフォルトの”メイン”ファイルを変更できる場所が表示されます。div>

5. ターミナルウィンドウタイプでは、
start npm
これによりノードが開始されます。jsサーバー。

Webサーバー

ターミナルウィンドウのタイプで、
npm install express

これにより、Webフレームワークがインストールされます。私たちはロックンロールする準備ができています！

Webサーバーのコアは、expressパッケージを要求し、それをホルダーに割り当てることです（変数またはconst。）Webサーバーへのすべての参照は、このホルダーを介して行われます。webサーバーを起動し、HTTPポートでリッスンする必要があります。 8080は一般的で、利用可能なものだけです。

Webサーバーが少なくともHTTP getメソッドに応答するようにします。 これにより、”タイヤを蹴る”ことができ、動作することを確認します。 MDNのHTTPメソッドにはさらに多くのものがあります。 GETとPOSTを使用します。

• GETは、リソースから取得するために使用されます。
• POSTは、リソースに送信するために使用されます。

次のコードを入力して、それについて説明します。

Webサーバーの例

• 私たちは、expressパッケージを必要とし、慣例によりexpressに参照を格納しますが、必要に応じて名前を付けます。
• expressのインスタンスを初期化し、規約に従って参照をappに格納しますが、必要に応じて名前を付けます。
• 11行目では、webサーバーがリッスンする場所への参照を格納します。 ポート5000
• 5行目では、appを使用してWEBサーバーのインスタンスを使用してHTTP GETを使用します。取得します。 これは、デフォルトではルートディレクトリ（’/’）からデータを取得するようになります。 コールバック関数にはRequest(req)オブジェクトとResponse(res)オブジェクトが含まれているため、非常に重要です。 Reqとresの名前は慣例です。

リクエストとレスポンス

• リクエストはブラウザのurlから送信されます。 より多くの情報はここに見つけることができます。
• 応答は、要求に対する応答です。 詳細はここで見つけることができます。

一言で言えば、私たちのブラウザは要求を行い、応答を返します。

タイヤを蹴る

1. VscodeでF5を押します（デバッグメニューのデバッグ開始の略です。)コンソールは次のようになります。

2. ブラウザに移動し、LocalHost：5000と入力し、Enterキーを押します。 次のように表示されます。div>

iv id=”html

私たちは、ユーザーが私たちのサイトに行くときに提供するページが必要です。 このページでは、データベースクエリで使用できるパラメータ（PerformanceRating）を送信することができます。P>

注：私は私たちのwebページのスタイルを心配するつもりはありません。 それは簡単でポイントになります。また、ルート内のすべてを保存しています。

ベスト-プラクティス? まさか! しかし、我々は機能のために行っています。 クリーンアップは後で発生する可能性があります。

1. 次のwebページを作成し、インデックスに名前を付けます。htmlと従業員。html。

• インデックス。htmlがメインのソースページになります。
• 従業員。結果が終わる場所はhtmlになります。

Note the <form action=”/Employees…
This is where our output will go.

Add the following to Employees.html

2. This next step is going to require a couple of things. そのうちの一つは、私がインデックスを提供することを選択している方法です。html。 あなたが読んだ他の情報源はルーティングに入るかもしれません。 ルーティングは非常に重要な領域ですが、私たちの範囲外です。 私たちの方法は、多くの方法の一つに過ぎません。 私たちのコードへの新しい追加は、

• path—これは、訪問者が私たちのサイトに来たときに必要なファイルをサーバーにres.sendFileを使用するのに役立ちます。
• bodyParser—投稿が完了したらフォームデータを利用できるようにします
• sendFile—目的のデフォルトページを提供することができます。

コードに次の変更を加えます。

webサーバーを停止して起動するか、更新して実行します。 ブラウザで、ブラウザを更新すると、

クエリでHTMLフォームデータを使用します

このためには、アプリを追加する必要があります。ポスト。 これは、我々が望むものは何でも従事するときにインデックス。htmlのためのwebページから掲載されています。これは重要なステップです。

私たちのデータベース接続とクエリは、アプリ内にある必要があります。ポストコールバック関数。p>

• 13行目がアプリを起動します。ポスト。 コールバックの本体には、データベースコンポーネントがあります。
• 52行目はアプリを閉じます。ポスト。

これをすべて別の構造にすることはできますか？ 私は私たちに働く基盤を与えるためにこのようにしています。 その後、私たち/あなたは他のオプションを探索することができます

フォームデータを使用して

フォームデータを使用するのは簡単です。Div>

50-57行を追加します。

“Average”を照会すると、出力は次のようになります