teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問Node.jsでテーブルが未定義になってしまいます

編集履歴

質問編集履歴

12

書式変更

2021/04/06 12:02

投稿

lemona4e
lemona4e

スコア2

test CHANGED
@@ -1 +1 @@
1
- Node.jsでコンパイルエラーになってしまいます
1
+ Node.jsでテーブルが未定義になってしまいます
test CHANGED
@@ -1,4 +1,4 @@
1
- Node.jsで簡単なクローンアプリを作っています。コンパイルエラーの解決方法を教えていただきたいです。
1
+ Node.jsで簡単なクローンアプリを作っています。エラーになってしまうため、jobs未定義の修正場所と方法を教えていただきたいです。
2
2
 
3
3
  ```
4
4
 
@@ -90,9 +90,9 @@
90
90
 
91
91
  mysql>
92
92
 
93
- ```現状のソースコードです。
93
+ ```(追記1)現状のソースコードです。
94
-
94
+
95
- (追記)修正済みです。回答欄で流れを確認できます。
95
+ (追記2)修正済みです。回答欄で流れを確認できます。
96
96
 
97
97
  ```js
98
98
 

11

追記

2021/04/06 12:02

投稿

lemona4e
lemona4e

スコア2

test CHANGED
File without changes
test CHANGED
@@ -92,6 +92,8 @@
92
92
 
93
93
  ```現状のソースコードです。
94
94
 
95
+ (追記)修正済みです。回答欄で流れを確認できます。
96
+
95
97
  ```js
96
98
 
97
99
  const express = require('express');

10

文法の修正

2021/04/06 11:39

投稿

lemona4e
lemona4e

スコア2

test CHANGED
File without changes
test CHANGED
@@ -214,7 +214,7 @@
214
214
 
215
215
  <p><%= job.point %></p>
216
216
 
217
- <button><a href="/job/<%= job.id %>">詳細を見る</a></button>
217
+ <button><a href="/content/<%= job.id %>">詳細を見る</a></button>
218
218
 
219
219
  </li>
220
220
 

9

書式変更

2021/04/06 11:22

投稿

lemona4e
lemona4e

スコア2

test CHANGED
File without changes
test CHANGED
@@ -182,6 +182,18 @@
182
182
 
183
183
  <html>
184
184
 
185
+ <head>
186
+
187
+ <meta charset="utf-8">
188
+
189
+ <title>Recruit</title>
190
+
191
+ <link rel="stylesheet" href="/css/style.css">
192
+
193
+ <script src="/send_url.js"></script>
194
+
195
+ </head>
196
+
185
197
  <body>
186
198
 
187
199
  <header>
@@ -212,4 +224,10 @@
212
224
 
213
225
  </main>
214
226
 
227
+ <%- include('footer'); %>
228
+
229
+ </body>
230
+
231
+ </html>
232
+
215
233
  ```よろしくお願いします。

8

誤字

2021/04/06 11:09

投稿

lemona4e
lemona4e

スコア2

test CHANGED
File without changes
test CHANGED
@@ -40,7 +40,7 @@
40
40
 
41
41
  at Layer.handle [as handle_request] (/Users/Desktop/Node.js/Recruit/node_modules/express/lib/router/layer.js:95:5)
42
42
 
43
- ```データベースに以下のように値を入れました。
43
+ ```データベースで以下のように値を入れました。
44
44
 
45
45
  ```
46
46
 

7

文法の修正

2021/04/06 11:03

投稿

lemona4e
lemona4e

スコア2

test CHANGED
File without changes
test CHANGED
@@ -92,7 +92,7 @@
92
92
 
93
93
  ```現状のソースコードです。
94
94
 
95
- ```appjs
95
+ ```js
96
96
 
97
97
  const express = require('express');
98
98
 
@@ -132,52 +132,64 @@
132
132
 
133
133
 
134
134
 
135
+ app.get('/job', (req, res) => {
136
+
137
+ connection.query(
138
+
139
+ 'SELECT * FROM jobs',
140
+
141
+ (error, results) => {
142
+
143
+ res.render('job.ejs', { jobs: results });
144
+
145
+ }
146
+
147
+ );
148
+
149
+ });
150
+
151
+
152
+
135
- app.get('/job/:id', (req, res) => {
153
+ app.get('/content/:id', (req, res) => {
136
-
154
+
137
- const id = req.params.id;
155
+ const id = req.params.id;
138
-
156
+
139
- connection.query(
157
+ connection.query(
140
-
158
+
141
- 'SELECT * FROM jobs WHERE id = ?',
159
+ 'SELECT * FROM jobs WHERE id = ?',
142
-
160
+
143
- [id],
161
+ [id],
144
-
162
+
145
- (error, results) => {
163
+ (error, results) => {
146
-
164
+
147
- res.render('job.ejs', { job: results[0] });
165
+ res.render('content.ejs', { job: results[0] });
148
-
166
+
149
- }
167
+ }
150
-
168
+
151
- );
169
+ );
152
-
170
+
153
- });
171
+ });
154
-
155
-
156
-
172
+
173
+
174
+
157
- app.listen(4003);
175
+ app.listen(4090);
158
176
 
159
177
  ```
160
178
 
161
- ```topejs
179
+ ```ejs
162
180
 
163
181
  <!DOCTYPE html>
164
182
 
165
183
  <html>
166
184
 
167
- <head>
168
-
169
- <meta charset="utf-8">
170
-
171
- <title>Recruit</title>
172
-
173
- <link rel="stylesheet" href="/css/style.css">
174
-
175
- <script src="/send_url.js"></script>
176
-
177
- </head>
178
-
179
185
  <body>
180
186
 
187
+ <header>
188
+
189
+ <li><a href="/job">求人</a></li>
190
+
191
+ </header>
192
+
181
193
  <main>
182
194
 
183
195
  <ul>
@@ -194,42 +206,10 @@
194
206
 
195
207
  </li>
196
208
 
209
+ <% )} %>
210
+
197
211
  </ul>
198
212
 
199
213
  </main>
200
214
 
201
- ```
202
-
203
- ```jobejs
204
-
205
- <!DOCTYPE html>
206
-
207
- <html>
208
-
209
- <head>
210
-
211
- <meta charset="utf-8">
212
-
213
- <title>Recruit</title>
214
-
215
- <link rel="stylesheet" href="/css/style.css">
216
-
217
- <script src="/send_url.js"></script>
218
-
219
- </head>
220
-
221
- <body>
222
-
223
- <main>
224
-
225
- <div class="job">
226
-
227
- <h1><%= job.title %></h1>
228
-
229
- <p><%= job.contents %></p>
230
-
231
- </div>
232
-
233
- </main>
234
-
235
215
  ```よろしくお願いします。

6

文法の修正

2021/04/06 11:02

投稿

lemona4e
lemona4e

スコア2

test CHANGED
File without changes
test CHANGED
@@ -132,15 +132,19 @@
132
132
 
133
133
 
134
134
 
135
- app.get('/job', (req, res) => {
135
+ app.get('/job/:id', (req, res) => {
136
+
137
+ const id = req.params.id;
136
138
 
137
139
  connection.query(
138
140
 
139
- 'SELECT * FROM jobs',
141
+ 'SELECT * FROM jobs WHERE id = ?',
142
+
143
+ [id],
140
144
 
141
145
  (error, results) => {
142
146
 
143
- res.render('job.ejs', { jobs: results });
147
+ res.render('job.ejs', { job: results[0] });
144
148
 
145
149
  }
146
150
 
@@ -150,28 +154,6 @@
150
154
 
151
155
 
152
156
 
153
- app.get('/job/:id', (req, res) => {
154
-
155
- const id = req.params.id;
156
-
157
- connection.query(
158
-
159
- 'SELECT * FROM jobs WHERE id = ?',
160
-
161
- [id],
162
-
163
- (error, results) => {
164
-
165
- res.render('job.ejs', { job: results[0] });
166
-
167
- }
168
-
169
- );
170
-
171
- });
172
-
173
-
174
-
175
157
  app.listen(4003);
176
158
 
177
159
  ```

5

書式変更

2021/04/05 13:03

投稿

lemona4e
lemona4e

スコア2

test CHANGED
File without changes
test CHANGED
@@ -40,6 +40,56 @@
40
40
 
41
41
  at Layer.handle [as handle_request] (/Users/Desktop/Node.js/Recruit/node_modules/express/lib/router/layer.js:95:5)
42
42
 
43
+ ```データベースに以下のように値を入れました。
44
+
45
+ ```
46
+
47
+ mysql> DESCRIBE jobs;
48
+
49
+ +----------+--------------+------+-----+---------+----------------+
50
+
51
+ | Field | Type | Null | Key | Default | Extra |
52
+
53
+ +----------+--------------+------+-----+---------+----------------+
54
+
55
+ | id | int(11) | NO | PRI | NULL | auto_increment |
56
+
57
+ | title | char(70) | YES | | NULL | |
58
+
59
+ | point | varchar(50) | YES | | NULL | |
60
+
61
+ | contents | varchar(500) | YES | | NULL | |
62
+
63
+ +----------+--------------+------+-----+---------+----------------+
64
+
65
+ 4 rows in set (0.02 sec)
66
+
67
+
68
+
69
+ mysql> INSERT INTO jobs(title, point, contents) VALUES('タイトル', 'ポイント', '募集しています');
70
+
71
+ Query OK, 1 row affected (0.02 sec)
72
+
73
+
74
+
75
+ mysql> SELECT * FROM jobs;
76
+
77
+ +----+--------------+--------------+-----------------------+
78
+
79
+ | id | title | point | contents |
80
+
81
+ +----+--------------+--------------+-----------------------+
82
+
83
+ | 1 | タイトル | ポイント | 募集しています |
84
+
85
+ +----+--------------+--------------+-----------------------+
86
+
87
+ 1 row in set (0.00 sec)
88
+
89
+
90
+
91
+ mysql>
92
+
43
93
  ```現状のソースコードです。
44
94
 
45
95
  ```appjs

4

文法の修正

2021/04/05 11:46

投稿

lemona4e
lemona4e

スコア2

test CHANGED
File without changes
test CHANGED
@@ -82,7 +82,7 @@
82
82
 
83
83
 
84
84
 
85
- app.get('/top', (req, res) => {
85
+ app.get('/job', (req, res) => {
86
86
 
87
87
  connection.query(
88
88
 
@@ -90,7 +90,7 @@
90
90
 
91
91
  (error, results) => {
92
92
 
93
- res.render('top.ejs', { jobs: results });
93
+ res.render('job.ejs', { jobs: results });
94
94
 
95
95
  }
96
96
 

3

書式の改善

2021/04/05 08:05

投稿

lemona4e
lemona4e

スコア2

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
1
  Node.jsで簡単なクローンアプリを作っています。コンパイルエラーの解決方法を教えていただきたいです。
2
2
 
3
- ```ここに言語を入力
3
+ ```
4
4
 
5
5
  ReferenceError: /Users/Desktop/Node.js/Recruit/views/top.ejs:70
6
6
 
@@ -40,44 +40,164 @@
40
40
 
41
41
  at Layer.handle [as handle_request] (/Users/Desktop/Node.js/Recruit/node_modules/express/lib/router/layer.js:95:5)
42
42
 
43
- ```現状はデータベースで以下のように値を入れています。
43
+ ```現状のソースコードです。
44
+
45
+ ```appjs
46
+
47
+ const express = require('express');
48
+
49
+ const mysql = require('mysql');
50
+
51
+
52
+
53
+ const app = express();
54
+
55
+
56
+
57
+ app.use(express.static('public'));
58
+
59
+ app.use(express.urlencoded({extended: false}));
60
+
61
+
62
+
63
+ const connection = mysql.createConnection({
64
+
65
+ host: 'localhost',
66
+
67
+ user: 'root',
68
+
69
+ password: '',
70
+
71
+ database: 'Recruit'
72
+
73
+ });
74
+
75
+
76
+
77
+ app.get('/', (req, res) => {
78
+
79
+ res.render('top.ejs');
80
+
81
+ });
82
+
83
+
84
+
85
+ app.get('/top', (req, res) => {
86
+
87
+ connection.query(
88
+
89
+ 'SELECT * FROM jobs',
90
+
91
+ (error, results) => {
92
+
93
+ res.render('top.ejs', { jobs: results });
94
+
95
+ }
96
+
97
+ );
98
+
99
+ });
100
+
101
+
102
+
103
+ app.get('/job/:id', (req, res) => {
104
+
105
+ const id = req.params.id;
106
+
107
+ connection.query(
108
+
109
+ 'SELECT * FROM jobs WHERE id = ?',
110
+
111
+ [id],
112
+
113
+ (error, results) => {
114
+
115
+ res.render('job.ejs', { job: results[0] });
116
+
117
+ }
118
+
119
+ );
120
+
121
+ });
122
+
123
+
124
+
125
+ app.listen(4003);
44
126
 
45
127
  ```
46
128
 
47
- mysql> DESCRIBE jobs;
48
-
49
- +----------+--------------+------+-----+---------+----------------+
50
-
51
- | Field | Type | Null | Key | Default | Extra |
52
-
53
- +----------+--------------+------+-----+---------+----------------+
54
-
55
- | id | int(11) | NO | PRI | NULL | auto_increment |
56
-
57
- | title | char(70) | YES | | NULL | |
58
-
59
- | point | varchar(50) | YES | | NULL | |
60
-
61
- | contents | varchar(500) | YES | | NULL | |
62
-
63
- +----------+--------------+------+-----+---------+----------------+
64
-
65
- 4 rows in set (0.02 sec)
66
-
67
-
68
-
69
- mysql> SELECT * FROM jobs;
70
-
71
- +----+--------------+--------------+-----------------------+
72
-
73
- | id | title | point | contents |
74
-
75
- +----+--------------+--------------+-----------------------+
76
-
77
- | 1 | タイトル | ポイント | 募集しています |
78
-
79
- +----+--------------+--------------+-----------------------+
80
-
81
- 1 row in set (0.00 sec)
129
+ ```topejs
130
+
131
+ <!DOCTYPE html>
132
+
133
+ <html>
134
+
135
+ <head>
136
+
137
+ <meta charset="utf-8">
138
+
139
+ <title>Recruit</title>
140
+
141
+ <link rel="stylesheet" href="/css/style.css">
142
+
143
+ <script src="/send_url.js"></script>
144
+
145
+ </head>
146
+
147
+ <body>
148
+
149
+ <main>
150
+
151
+ <ul>
152
+
153
+ <% jobs.forEach((job) => { %>
154
+
155
+ <li class="job"><div class="job-title"><%= job.title %></div>
156
+
157
+ <p><img src="/images/list3.jpeg" alt="3"></p>
158
+
159
+ <p><%= job.point %></p>
160
+
161
+ <button><a href="/job/<%= job.id %>">詳細を見る</a></button>
162
+
163
+ </li>
164
+
165
+ </ul>
166
+
167
+ </main>
168
+
169
+ ```
170
+
171
+ ```jobejs
172
+
173
+ <!DOCTYPE html>
174
+
175
+ <html>
176
+
177
+ <head>
178
+
179
+ <meta charset="utf-8">
180
+
181
+ <title>Recruit</title>
182
+
183
+ <link rel="stylesheet" href="/css/style.css">
184
+
185
+ <script src="/send_url.js"></script>
186
+
187
+ </head>
188
+
189
+ <body>
190
+
191
+ <main>
192
+
193
+ <div class="job">
194
+
195
+ <h1><%= job.title %></h1>
196
+
197
+ <p><%= job.contents %></p>
198
+
199
+ </div>
200
+
201
+ </main>
82
202
 
83
203
  ```よろしくお願いします。

2

文法の修正

2021/04/05 05:50

投稿

lemona4e
lemona4e

スコア2

test CHANGED
@@ -1 +1 @@
1
- 定義の仕方が分からず、コンパイルエラーになってしまいます
1
+ Node.jsでコンパイルエラーになってしまいます
test CHANGED
File without changes

1

誤字

2021/04/05 04:38

投稿

lemona4e
lemona4e

スコア2

test CHANGED
@@ -1 +1 @@
1
- 定義の仕方が分からず、コンバイルエラーになってしまいます
1
+ 定義の仕方が分からず、コンパイルエラーになってしまいます
test CHANGED
@@ -1,4 +1,4 @@
1
- Node.jsで簡単なクローンアプリを作っています。コンバイルエラーの解決方法を教えていただきたいです。
1
+ Node.jsで簡単なクローンアプリを作っています。コンパイルエラーの解決方法を教えていただきたいです。
2
2
 
3
3
  ```ここに言語を入力
4
4