홍용민 / BusTime

Go to a project
Toggle navigation Toggle navigation pinning
이의준
b51bfbba 1 parent f22509f9

server코드 express routing모듈로 정리

Inline Side-by-side
Showing 5 changed files with 147 additions and 0 deletions
body
{
background-color: black;
color: white;
}
\ No newline at end of file
var url = require('url');
var request = require('request');
module.exports = function(app)
{
app.get('/', function (req, res) {
res.render('Index.html');
});
app.get('/timetable', function (req, res){ // bus list의 특정 버스를 클릭하면, server에 요청
var _url = req.url;
var queryData = url.parse(_url, true).query;
var busNum = queryData.busNum;
request.post(
{
url: 'http://34.206.171.225:23023/reqBusInfo',
body: {
'busNum': busNum,
'testVariable': 'test'
},
json: true
}
);
res.end('http://localhost:23023/resfromControllServer'); // 밑의 get활성화를 위함
});
app.get('/resfromControllServer', function (req, res){
var body = '';
req.on('data', function(data){
body = body + data;
});
req.on('end', function()
{
var post = qs.parse(body);
console.log(body);
});
var resFromServer = body.value1;
var templateTimeTable =
`
<!doctype html>
<html>
<head>
<title>Time Table</title>
<meta charset="utf-8">
<style type="text/css">
a { text-decoration:none }
</style>
</head>
<body>
<h1><a href="/"><p style="text-align:center;">BTT</p></a></h1>
<br>
<h2>${busNum} BUS Time Table</h2>
<br>
${resFromServer}
</body>
</html>
`;
res.send(templateTimeTable);
});
}
var express = require('express');
var app = express();
var router = require('./router/main')(app); // router모듈인 main.js를 불러와서 app에 전달
//__dirname : 현재 실행중인 폴더 경로
app.set('views', __dirname + '/views'); //서버가 읽을 수 있도록 HTML 의 위치를 정의
app.set('view engine', 'ejs'); //서버가 HTML 렌더링을 할 때, EJS 엔진을 사용하도록 설정
app.engine('html', require('ejs').renderFile); //서버가 HTML 렌더링을 할 때, EJS 엔진을 사용하도록 설정
var server = app.listen(23023, function () {
var host = server.address().address
var port = server.address().port
console.log("app listening at http://%s:%s", host, port)
})
app.use(express.static('public'));
<!doctype html>
<html>
<head>
<title>BUS TT</title>
<meta charset="utf-8">
<style type="text/css">
a { text-decoration:none } /* 하이퍼링크 밑줄 미적용
a { color:red; text-decoration:none} : 색깔 변화없음
*/
</style>
</head>
<body>
<h1><p style="text-align:center;">BTT</p></h1>
<br>
<h2> 사색의 광장 Bus Time Table 조회 서비스에 오신 것을 환영합니다.</h2>
<p> 이곳에는 사색의 광장에서 출발하는 모든 버스의 정보가 있습니다.</p>
<br><br>
<h2> 버스별 시간표 조회</h2>
<script>
var date = new Date();
var yyyy = date.getFullYear();
var mm = date.getMonth() + 1;
var dd = date.getDate();
var hh = date.getHours();
document.write(yyyy+"년 "+mm+"월 "+dd+"일 오늘 운행하는 버스들 ");
document.write("( "+hh+"시 "+mm+"분 기준 )");
</script>
<ul>
<li><a href="http://localhost:23023/timetable?busNum=5100">5100</a></li>
<li><a href="http://localhost:23023/timetable?busNum=M5107">M5107</a></li>
<li><a href="http://localhost:23023/timetable?busNum=9">9</a></li>
<li><a href="http://localhost:23023/timetable?busNum=7000">7000</a></li>
<li>etc</li>
</ul>
<br>
<p>설명</p>
</body>
</html>
<!-- 이 문서는 base.js에 timetableHTML로 저장되어 있음. 따라서 이 문서는 직접적으로 사용하지 않음-->
<!doctype html>
<html>
<head>
<title>Time Table</title>
<meta charset="utf-8">
<style type="text/css">
a { text-decoration:none }
</style>
</head>
<body>
<h1><a href="Index.html"><p style="text-align:center;">BTT</p></a></h1>
<br>
<h2>0000 BUS Time Table</h2>
<p> 타임테이블 출력 ~~~~ </p>
</body>
</html>
\ No newline at end of file