2016-01-15 9 views
5

まず、Node.JSの新機能を指摘したいと思います。 NodeJSを使用して複数のテーブルと情報を含むページを作成しようとしています。私の問題は、SQLクエリからHTMLテーブルに結果を得ることができないということです。現在私はエクスプレスを使用してHTMLページにデータを.sendです。私が使用Node.jsとExpressを使用してJSONデータセットを表として表示

コード:私は、結果として持っていたいものを

{"id":"1","name":"Robert"} 
{"id":"2","name":"John"} 
{"id":"3","name":"Jack"} 
{"id":"4","name":"Will"} 

は次のとおりです:

var http = require('http'); 
    http.createServer(function(req, res) {}); 
     var mysql = require("mysql"); 
     var express = require('express'); 
     var app = express(); 
     console.log('Creating the http server'); 
     con.query('SELECT id ,name FROM customer', function(err, rows, fields) 
    { 
     console.log('Connection result error '+err); 
     console.log('num of records is '+rows.length); 

     app.get('/', function (req, res) { 
      res.send(rows); 
     }); 

    }); 

    app.listen(3002, function() { 
     console.log('Example app listening on port 3000!'); 
    }) 

これは私のHTMLページに私のSQLステートメントからすべてのデータを印刷します

id    Name 
1    Robert 
2    John 
3    Jack 
4    Will 
..etc 

これはNode JSでも可能ですか?

+0

を私が作成しようとしていますテーブルを作成すると、間違った提案を申し訳ありません –

+0

結果セットをHTMLテーブルに表示しようとしていますか?(テーブルを作成するのはデータベースでは別のものです) – leroydev

+0

HTMLページにテーブルを作成します。私のデータベースにはありません –

答えて

2

Jadeをご覧ください。これは、ノードjのテンプレートエンジンで、htmlページの作成に使用できます。それは使いやすく非常に柔軟です。

良いチュートリアルはhereです。それはノード、エクスプレス、ヒスイと簡単なウェブサイトを作成する方法を示し、私の意見では良い出発点です。

Jadeの問題を解決するには、hereのようなstackoverflowでいくつかの答えがあります。ジェイドと同様に

+0

ヒントを教えてくれてありがとうございました。ジェイドが一緒にテンプレートを手に入れましたが、私のページにテーブルを取得する方法はまだ分かりません。テーブルのコードはどこに置くのですか? (レイアウトやインデックス) –

+0

あなたの質問が私が推奨するチュートリアルを参照している場合は、コードをインデックスに入れます(しかし、それは問題ではありません)。後でチュートリアルでは、クライアント側でレイアウトを表示するためにres.render(...)が使用されるapp.get(...)部分について説明します。このチュートリアルは本当に良いので、一歩一歩進み、何が起こっているのかを確かめてください。翡翠は最初は混乱するかもしれませんが、ちょっと遊んで何が起こるか見るだけです – Urknecht

3

あなたはこれは私がdataとして保存している(オブジェクトの配列を反復処理し、それに基づいて、テーブルを埋めるだろうEmbedded JS

<table> 
    <tr> 
    <th>id</th><th>Name</th> 
    </tr> 

    <% for (var i = 0; i < data.length; i++) { %> 
    <tr> 
     <td><%= data[i].id %></td> 
     <td><%= data[i].name %></td> 
    </tr>  
    <% } %> 
</table> 

を使用することができます。

関連する問題