김민규 / rest_stop_list

Go to a project
Toggle navigation Toggle navigation pinning
min1925k@gmail.com
e928f772 2 parents 2771e47f 0ba3adb6

Merge branch 'master' of http://khuhub.khu.ac.kr/2018102164/rest_stop_list

Inline Side-by-side
Showing 7 changed files with 107 additions and 142 deletions
휴게소 정보 제공 서비스
고속도로 휴게소들의 정보를 제공하는 서비스입니다.
휴게소의 먹거리 메뉴들과 날씨, LPG 충전소의 정보를 제공합니다.
게시판을 이용해 사용자 간 실제 사용 정보 등을 나눌 수 있습니다.
......@@ -57,7 +57,6 @@ router.post('/process', function(req, res) {
res.write('<div><p>데이터베이스에 연결하지 못했습니다.</p></div>');
res.end();
}
});
//사용자를 인증하는 함수 : 아이디로 먼저 찾고 비밀번호를 그 다음에 비교하도록 함
......
......@@ -28,6 +28,18 @@
}
// 고속도로 선택 함수
function showline(lineNumber){
let highway_Area = document.getElementById('highway');
if(lineNumber==='0010'){
highway_Area.innerHTML = '경부선';
}
else if(lineNumber==='0550'){
highway_Area.innerHTML = '중앙선';
}
else if(lineNumber==='0500'){
highway_Area.innerHTML = '영동선';
}
// 이 위치에 이전에 켜져있는 map을 지우는 기능 넣어야해 ...
var container = document.getElementById('map'); //지도를 담을 영역의 DOM 레퍼런스
......@@ -253,7 +265,7 @@
<h1 class="display-5 fw-bolder text-white mb-2">고속도로선택시 경로와 휴게소가 지도에 표시됩니다.</h1>
<p class="lead fw-normal text-white-50 mb-4">고속도로를 선택해주세요</p>
<div class="dropdown">
<button class ="btn btn-primary dropdown-toggle " data-bs-toggle="dropdown">
<button class ="btn btn-primary dropdown-toggle " id= "highway"data-bs-toggle="dropdown">
고속도로 선택
</button>
<div class ="dropdown-menu">
......
......@@ -40,24 +40,22 @@
<h2 class="fw-bolder">추천메뉴</h2>
<p class="lead fw-normal text-muted mb-5">Recommend the menu you can eat at the rest stop</p>
</div>
<center><hr style ="height:2px; width: 55%"></hr></center>
<div class="row gx-5 row-cols-1 row-cols-sm-2 row-cols-xl-4 justify-content-center">
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="https://dummyimage.com/150x150/ced4da/6c757d" alt="..." />
<h5 class="fw-bolder"><recommend1></recommend1></h5>
<div class="fst-italic text-muted"><rec1></rec1></div>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="https://dummyimage.com/150x150/ced4da/6c757d" alt="..." />
<h5 class="fw-bolder"><recommend2></recommend2></h5>
<div class="fst-italic text-muted"><rec2></rec2></div>
</div>
</div>
<div class="col mb-5 mb-5 mb-sm-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="https://dummyimage.com/150x150/ced4da/6c757d" alt="..." />
<h5 class="fw-bolder"><recommend3></recommend3></h5>
<div class="fst-italic text-muted"><rec3></rec3></div>
</div>
......@@ -68,147 +66,93 @@
</div>
</section>
<!--menu1-->
<section class="py-3">
<div class="container px-0.1 my-0.1">
<div class="text-center">
<h4 class="fw-bolder"> <menu1></menu1></h4>
</div>
</section>
<section class="py-5 bg-light" id="scroll-target">
<div class="container px-2 my-2">
<div class="text-center">
<h2 class="fw-bolder"><foodname1></foodname1></h2>
<p class="lead fw-normal text-muted mb-0"><foodcost1></foodcost1></p>
</div>
</div>
</section>
<!--menu2-->
<section class="py-3">
<div class="container px-0.1 my-0.1">
<div class="text-center">
<h4 class="fw-bolder"> <menu2></menu2></h4>
</div>
</section>
<section class="py-5 bg-light" id="scroll-target">
<section class="py-5 bg-light">
<div class="container px-2 my-2">
<div class="text-center">
<h2 class="fw-bolder"><foodname2></foodname2></h2>
<p class="lead fw-normal text-muted mb-0"><foodcost2></foodcost2></p>
</div>
</div>
</section>
<!--menu3-->
<section class="py-3">
<div class="container px-0.1 my-0.1">
<div class="text-center">
<h4 class="fw-bolder"> <menu3></menu3> </h4>
</div>
</section>
<h2 class="fw-bolder">전체메뉴</h2>
<p class="lead fw-normal text-muted mb-5">the menu you can eat at the rest stop</p>
</div>
<center><hr style ="height:2px; width: 55%"></hr></center>
<div class="row gx-5 row-cols-1 row-cols-sm-2 row-cols-xl-4 justify-content-center">
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder"><foodname1></foodname1></h5>
<div class="fst-italic text-muted"><foodcost1></foodcost1></div>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder"><foodname2></foodname2></h5>
<div class="fst-italic text-muted"><foodcost2></foodcost2></div>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder"><foodname3></foodname3></h5>
<div class="fst-italic text-muted"><foodcost3></foodcost3></div>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder"><foodname4></foodname4></h5>
<div class="fst-italic text-muted"><foodcost4></foodcost4></div>
</div>
</div>
<section class="py-5 bg-light" id="scroll-target">
<div class="container px-2 my-2">
<div class="text-center">
<h2 class="fw-bolder"><foodname3></foodname3></h2>
<p class="lead fw-normal text-muted mb-0"><foodcost3></foodcost3></p>
</div>
</div>
</section>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder">&emsp;</h5>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder">&emsp;</h5>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder">&emsp;</h5>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder">&emsp;</h5>
</div>
</div>
<!--menu4-->
<section class="py-3">
<div class="container px-0.1 my-0.1">
<div class="text-center">
<h4 class="fw-bolder"> <menu4></menu4></h4>
</div>
</section>
<section class="py-5 bg-light" id="scroll-target">
<div class="container px-2 my-2">
<div class="text-center">
<h2 class="fw-bolder"><foodname4></foodname4></h2>
<p class="lead fw-normal text-muted mb-0"><foodcost4></foodcost4></p>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder"><foodname5></foodname5></h5>
<div class="fst-italic text-muted"><foodcost5></foodcost5></div>
</div>
</div>
</div>
</section>
<!--menu5-->
<section class="py-3">
<div class="container px-0.1 my-0.1">
<div class="text-center">
<h4 class="fw-bolder"> <menu5></menu5> </h4>
</div>
</section>
<section class="py-5 bg-light" id="scroll-target">
<div class="container px-2 my-2">
<div class="text-center">
<h2 class="fw-bolder"><foodname5></foodname5></h2>
<p class="lead fw-normal text-muted mb-0"><foodcost5></foodcost5></p>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder"><foodname6></foodname6></h5>
<div class="fst-italic text-muted"><foodcost6></foodcost6></div>
</div>
</div>
</div>
</section>
<!--menu6-->
<section class="py-3">
<div class="container px-0.1 my-0.1">
<div class="text-center">
<h4 class="fw-bolder"> <menu6></menu6> </h4>
</div>
</section>
<section class="py-5 bg-light" id="scroll-target">
<div class="container px-2 my-2">
<div class="text-center">
<h2 class="fw-bolder"><foodname6></foodname6></h2>
<p class="lead fw-normal text-muted mb-0"><foodcost6></foodcost6></p>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder"><foodname7></foodname7></h5>
<div class="fst-italic text-muted"><foodcost7></foodcost7></div>
</div>
</div>
</div>
</section>
<!--menu7-->
<section class="py-3">
<div class="container px-0.1 my-0.1">
<div class="text-center">
<h4 class="fw-bolder"> <menu7></menu7> </h4>
</div>
</section>
<section class="py-5 bg-light" id="scroll-target">
<div class="container px-2 my-2">
<div class="text-center">
<h2 class="fw-bolder"><foodname7></foodname7></h2>
<p class="lead fw-normal text-muted mb-0"><foodcost7></foodcost6></p>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder"><foodname8></foodname8></h5>
<div class="fst-italic text-muted"><foodcost8></foodcost8></div>
</div>
</div>
</div>
</section>
<!--menu8-->
<section class="py-3">
<div class="container px-0.1 my-0.1">
<div class="text-center">
<h4 class="fw-bolder"> <menu8></menu8> </h4>
</div>
</section>
<section class="py-5 bg-light" id="scroll-target">
<div class="container px-2 my-2">
<div class="text-center">
<h2 class="fw-bolder"><foodname8></foodname8></h2>
<p class="lead fw-normal text-muted mb-0"><foodcost8></foodcost8></p>
</div>
</div>
</section>
</section>
</main>
<!-- Footer-->
......@@ -370,7 +314,8 @@
}
function Showmenu(rest_name) {
let rest_stop = document.getElementById('rest_stop'); // 해당 줄과 바로 아랫줄은 드랍다운 버튼선택시 해당 휴게소이름을 html에 적용하기 위함입니다.
rest_stop.innerHTML =rest_name;
console.log(rest_name);
fetch('http://data.ex.co.kr/openapi/restinfo/restBestfoodList?key=6806352377&type=json&numOfRows=1000' + '&stdRestNm='+rest_name).then(function(response){
method: 'GET';
......
......@@ -749,9 +749,9 @@
}
},
"node_modules/mongoose": {
"version": "6.3.4",
"resolved": "https://registry.npmjs.org/mongoose/-/mongoose-6.3.4.tgz",
"integrity": "sha512-UP0azyGMdY+2YNbJUHeHhnVw5vPzCqs4GQDUwHkilif/rwmSZktUQhQWMp1pUgRNeF2JC30vWGLrInZxD7K/Qw==",
"version": "6.3.5",
"resolved": "https://registry.npmjs.org/mongoose/-/mongoose-6.3.5.tgz",
"integrity": "sha512-Ho3b/MK3lFyb87NjzyVwrjCqQ5DuLsIPSMFYDuZjaIJNhZfHNPQIcUDR1RLZ0/l+uznwo0VBu3WSwdu8EfAZTA==",
"dependencies": {
"bson": "^4.6.2",
"kareem": "2.3.5",
......
......@@ -19,7 +19,7 @@
"express-session": "^1.17.3",
"html-entities": "^1.2.0",
"http": "^0.0.1-security",
"mongoose": "^6.3.4",
"mongoose": "^6.3.5",
"mysql": "^2.18.1",
"path": "^0.12.7",
"serve-static": "^1.15.0"
......@@ -770,9 +770,9 @@
}
},
"node_modules/mongoose": {
"version": "6.3.4",
"resolved": "https://registry.npmjs.org/mongoose/-/mongoose-6.3.4.tgz",
"integrity": "sha512-UP0azyGMdY+2YNbJUHeHhnVw5vPzCqs4GQDUwHkilif/rwmSZktUQhQWMp1pUgRNeF2JC30vWGLrInZxD7K/Qw==",
"version": "6.3.5",
"resolved": "https://registry.npmjs.org/mongoose/-/mongoose-6.3.5.tgz",
"integrity": "sha512-Ho3b/MK3lFyb87NjzyVwrjCqQ5DuLsIPSMFYDuZjaIJNhZfHNPQIcUDR1RLZ0/l+uznwo0VBu3WSwdu8EfAZTA==",
"dependencies": {
"bson": "^4.6.2",
"kareem": "2.3.5",
......@@ -1845,9 +1845,9 @@
}
},
"mongoose": {
"version": "6.3.4",
"resolved": "https://registry.npmjs.org/mongoose/-/mongoose-6.3.4.tgz",
"integrity": "sha512-UP0azyGMdY+2YNbJUHeHhnVw5vPzCqs4GQDUwHkilif/rwmSZktUQhQWMp1pUgRNeF2JC30vWGLrInZxD7K/Qw==",
"version": "6.3.5",
"resolved": "https://registry.npmjs.org/mongoose/-/mongoose-6.3.5.tgz",
"integrity": "sha512-Ho3b/MK3lFyb87NjzyVwrjCqQ5DuLsIPSMFYDuZjaIJNhZfHNPQIcUDR1RLZ0/l+uznwo0VBu3WSwdu8EfAZTA==",
"requires": {
"bson": "^4.6.2",
"kareem": "2.3.5",
......
......@@ -19,7 +19,7 @@
"express-session": "^1.17.3",
"html-entities": "^1.2.0",
"http": "^0.0.1-security",
"mongoose": "^6.3.4",
"mongoose": "^6.3.5",
"mysql": "^2.18.1",
"path": "^0.12.7",
"serve-static": "^1.15.0"
......