質問編集履歴

タグの追加

2020/04/26 06:24

投稿

HoroHoro0316

スコア8

test CHANGED Viewed

File without changes

test CHANGED Viewed

File without changes

タグの追加

2020/04/26 06:23

投稿

HoroHoro0316

スコア8

test CHANGED Viewed

File without changes

test CHANGED Viewed

File without changes

文章訂正

2020/04/25 06:59

投稿

HoroHoro0316

スコア8

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -26,7 +26,7 @@
-下記に`sqlSample`へのリンクを書いてますので、押しますと、
+下記に`sqlSample.ejs`へのリンクを書いていますので、押しますと、
 ![sqlSample](027cb2afe531f3030a76850ca211ad2b.png)
@@ -34,7 +34,7 @@
 こうなります。
-私なりに調べてみましたが、変数contentがDBを参照したデータを引っ張ってこれてないのだと思います。
+私なりに少し調べたのですが、変数contentがDBを参照したデータを引っ張ってこれてないのだと思います。

情報追加

2020/04/25 06:54

投稿

HoroHoro0316

スコア8

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -272,6 +272,68 @@
+- views/sqlSample.ejs
+```ejs
+<!DOCTYPE html>
+<html lang="ja">
+    <head>
+        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+        <title><%= title %></title>
+        <link rel='stylesheet' href='/stylesheets/style.css' />
+    </head>
+    <body>
+        <h1><%= title %></h1>
+        <div role="main">
+            <table>
+                <tr>
+                    <th>製品コード</th>
+                    <th>製品名</th>
+                    <th>単価</th>
+                </tr>
+                <% content.forEach(function (value, key) { %>
+                    <tr>
+                        <td><%= value.ProductsCode %></td>
+                        <td><%= value.ProductsName %></td>
+                        <td><%= value.UnitPrice %></td>
+                    </tr>
+                <% }); %>
+            </table>
+        </div>
+    </body>
+ </html>
+```
 ...すみません、この辺りにつきましては他サイトの情報を参考にして記述させていただきました。
 一応、そちらのURLもここに乗せます。

個人情報部分の修正

2020/04/25 06:43

投稿

HoroHoro0316

スコア8

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -16,7 +16,7 @@
 VScodeのターミナルで`npm start`してlocalhostを起動すると、
-!![npm start](9b8b8286ab8062c8b96f09223acd13b6.png)
+![npm start](e8861115199a890712abfe5225d1e157.png)

情報追加

2020/04/25 06:40

投稿

HoroHoro0316

スコア8

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -1,46 +1,70 @@
-###はじめに
- `Node.js` + `Express` + `SQL Server`を使って、DBのものを一覧表示するページを作成したかったのですが、なにやらエラーが出てしまい、自分では原因が全く分からなかったため質問させて頂きます。
-###起きている問題
-`npm start`によってlocalhostを起動させて表示すると、このような感じになってしまいます。
-![image](4d10d05138fa732eba69239a44d38f6a.png)
-※一部は故意で塗りつぶしてます。
-###現状
-一応、現状はこのようになっております
-![image](913fdb4b271aad4c36e85cc8bd119db5.png)
-基本的には`Express generator`コマンドで生成した感じです。
-`sqlSample.js`
+はじめに
+---
+Node.js + Express + SQL Serverによってデータベースに接続し、そこに登録されているデータを一覧で表示するようなページを作成したかったのですが、上手くデータを引っ張ってこれずに詰まってしまいました。
+現状
+---
+VScodeのターミナルで`npm start`してlocalhostを起動すると、
+!![npm start](9b8b8286ab8062c8b96f09223acd13b6.png)
+これは正常に表示されます。
+![top](a698ce21728f3b5237842730c2273d7e.png)
+下記に`sqlSample`へのリンクを書いてますので、押しますと、
+![sqlSample](027cb2afe531f3030a76850ca211ad2b.png)
+こうなります。
+私なりに調べてみましたが、変数contentがDBを参照したデータを引っ張ってこれてないのだと思います。
+本題
+---
+すみません、ここからが本題になります。
+フォルダ構成等を下記に示していきます。長くなりますが宜しくお願いします。
+どうなっているか
+---
+- フォルダ構成
+基本的には`Express generator`コマンドによって生成してます。こんな感じです。
+![folder](f42334fc2467fc7785218c797627229f.png)
+- routes/index.js
 ```js
@@ -50,6 +74,42 @@
+/* GET home page. */
+router.get('/', function(req, res, next) {
+  res.render('index', { title: 'Express' });
+});
+router.get('/sqlSample', function(req, res, next) {
+  res.render('sqlSample', { title: 'sqlSample', content: content});
+});
+module.exports = router;
+```
+- routes/sqlSample.js
+```js
+var express = require('express');
+var router = express.Router();
 // Connectionを定義する
 var Connection = require('tedious').Connection;
@@ -60,7 +120,7 @@
 var config = {
-    server: 'localhost',    // IPアドレスかサーバー名を指定する。
+    server: 'localhost',
     authentication: {
@@ -68,9 +128,9 @@
         options: {
-            userName: 'admin',      // 接続ユーザー名を指定する。
-            password: 'xxxxx'
+            userName: 'admin',
+            password: 'xxxxx' // 伏せてます
         }
@@ -80,7 +140,7 @@
         encrypt: true,
-        database: 'Training01'    // データベース名を指定する。
+        database: 'Training01'
     }
@@ -94,22 +154,16 @@
     var connection = new Connection(config);
-    var content = []; // DBからselectした結果を格納する変数
+    var content = [];
-    // DB接続した際のイベントハンドラ
     connection.on('connect', function (err) {
         if (err) {
-            // ERROR - SQL Serer connect error.
             console.log('SQL Serer connect error.(' + err + ')');
-            // 終了
             process.exit();
         }
@@ -122,10 +176,6 @@
-    // DB接続を終了した際のイベントハンドラ
-    // DB接続を切断した後に画面を描写する
     connection.on('end', function () {
         console.log("disconnected");
@@ -140,12 +190,8 @@
-    // SQLを発行する関数
     function executeStatement() {
-        // 発行するSQLを記載する
         request = new Request("SELECT * FROM ProductsMaster with (NOLOCK)", function (err) {
             if (err) {
@@ -158,9 +204,7 @@
-        var result = {}; // SQLの結果を行ごとにオブジェクトに格納する。
+        var result = {};
-        // SQLの行ごとに実行するイベントハンドラ
         request.on('row', function (columns) {
@@ -186,10 +230,6 @@
-        // SQLのリクエスト完了時のイベントハンドラ。
-        // コネクションをクローズしないとDBにいらないプロセスが残るので、コネクションをクローズする。
         request.on('requestCompleted', function () {
             console.log('requestCompleted');
@@ -200,7 +240,7 @@
-        // DBへSQLを発行する。
         connection.execSql(request);
@@ -218,116 +258,50 @@
-`sqlSample.ejs`
+- routes/app.js
-```ejs
+```js
-<!DOCTYPE html>
-<html lang="ja">
-    <head>
-        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
-        <title><%= title %></title>
-        <link rel='stylesheet' href='/stylesheets/style.css' />
+var sqlSample = require('./routes/sqlSample');
-    </head>
-    <body>
-        <h1><%= title %></h1>
+app.use('/sqlSample', sqlSample);
-        <div role="main">
-            <table>
-                <tr>
-                    <th>製品コード</th>
-                    <th>製品名</th>
-                    <th>単価</th>
-                </tr>
-                <% content.forEach(function (value, key) { %>
-                    <tr>
-                        <td><%= value.ProductsCode %></td>
-                        <td><%= value.ProductsName %></td>
-                        <td><%= value.UnitPrice %></td>
-                    </tr>
-                <% }); %>
-            </table>
-        </div>
-    </body>
- </html>
 ```
-`routes/app.js`
-```
-const sqlSample = require('./routes/sqlSample');
-app.use('/sqlSample', sqlSample);
+...すみません、この辺りにつきましては他サイトの情報を参考にして記述させていただきました。
-```
-###参考にしたもの
+一応、そちらのURLもここに乗せます。
-- Node.js Expressフレームワークを使用してSQL Serverに接続する（ページ作成）
-`https://qiita.com/t_skri/items/2742dc7603c5c39156bf`
+[Node.js Expressフレームワークを使用してSQL Serverに接続する（ページ作成）](https://qiita.com/t_skri/items/2742dc7603c5c39156bf#)
+環境
+---
+- Windows10 Home 64bit
-- Node.js Expressフレームワークを使用してSQL Serverに接続する（準備作業）
+- Microsoft SQL Server 2019
-`https://qiita.com/t_skri/items/8d69c423042e310434d0`
-すみません、一応、私が参考にしたものも記載しておきます。
+- Node.js - v12.16.1
+- npm - 6.13.4
+- Express - 4.16.1
-###最後に
+最後に
+---
-上手く情報載せられているか不安ですが、質問に答えて頂けると非常に助かります。
+ご回答くださる方にはご面倒おかけいたしますが、お答えくださると助かります。
-情報等が足りてなかった場合はお教えしていただけると助かります。
-お手数おかけしますが宜しくお願いします。
+お手数おかけします。よろしくお願いいたします。