김재현 / open-source-project-2017-02

Go to a project
Toggle navigation Toggle navigation pinning
김정은
69751c47 1 parent 51c131af

edit route and make ejs file

Inline Side-by-side
Showing 6 changed files with 227 additions and 6 deletions
......@@ -32,3 +32,20 @@ ul.sidenav li a:hover:not(.active) {
padding: 1px 16px;
height: 100%;
}
table {
display: block;
width: 70%;
height: 100%;
}
td {
text-align: center;
display: block;
}
.bold {
color: #ffc0cb;
font-size: 100%;
}
.small {
color: #808080;
font-size: 8pt;
}
......
......@@ -36,3 +36,20 @@ ul.sidenav li a:hover:not(.active)
margin-left: 25%;
padding: 1px 16px;
height: 100%;
table
display : block
width : 70%
height : 100%
td
text-align : center;
display : block
.bold
color : pink;
font-size : 100%;
.small
color : grey;
font-size : 8pt;
......
......@@ -2,12 +2,48 @@ var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {
router.get('/index', function(req, res, next) {
res.render('index', { title: 'Express' });
});
router.get('/test', function(req, res, next) {
res.render('test', { title: '맛집 견문록' });
router.get('/', function(req, res, next) {
res.render('main', { title: '맛집 견문록' });
});
router.get('/map', function(req, res, next){
res.render('map', {title: '맛집 도장찍기'});
});
router.get('/home', function(req,res,next){
res.render('main', {title: '맛집견문록'});
});
router.get('/mybook', function(req, res, next){
var rows = new Array();
var temp1 = {
name : "신사동떡볶이",
place : "서울특별시 영등포구 신길7동"
}
var temp2 ={name : "동해떡국집", place : "서교동 1234"}
var temp3 = {name : "앗뜨거어묵국물", place : "용인시 기흥구 어디일까"}
var temp5 = {name : "와장창창", place : "윌집앞"}
var temp6 = {name : "맛있는 짜장면", place : "너네집앞"}
var temp4 = {name : "네모네모 오징어", place : "영등포경찰서"}
rows.push(temp1);
rows.push(temp2);
rows.push(temp3);
rows.push(temp4);
rows.push(temp5);
rows.push(temp6);
res.render('mybook', {title: '견문록 보기', rows : rows});
});
module.exports = router;
......
......@@ -22,18 +22,24 @@
</script>
<div id ="menu">
<div id ="show">clickmenu</div>
<ul class="sidenav">
<li><a class="active" href="#home">home</a></li>
<li><a href="#map">맛집도장찍기</a></li>
<li><a href="#mybook">견문록확인</a></li>
<li><a class="active" href="home">home</a></li>
<li><a href="map">맛집도장찍기</a></li>
<li><a href="mybook">견문록확인</a></li>
</ul>
</div>
<div id = "header"> </div>
<div id ="content">
<h1><%= title %></h1>
......@@ -49,4 +55,5 @@
</body>
</html>
......
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css'/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<script>
$(document).ready(function() {
$('.sidenav').hide();
$('#show').click(function() {
$('.sidenav').slideToggle("fast");
});
});
</script>
<div id ="menu">
<div id ="show">clickmenu</div>
<ul class="sidenav">
<li><a class="active" href="home">home</a></li>
<li><a href="map">맛집도장찍기</a></li>
<li><a href="mybook">견문록확인</a></li>
</ul>
</div>
<div id = "header"> </div>
<div id ="content">
<h1>구글지도보기</h1>
탐방한 맛집을 클릭하면 쿠폰북에 기록됩니다
</div>
<div id ="footer"></div>
</body>
</html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css'/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<script>
$(document).ready(function() {
$('.sidenav').hide();
$('#show').click(function() {
$('.sidenav').slideToggle("fast");
});
});
</script>
<div id ="menu">
<div id ="show">clickmenu</div>
<ul class="sidenav">
<li><a class="active" href="home">home</a></li>
<li><a href="map">맛집도장찍기</a></li>
<li><a href="mybook">견문록확인</a></li>
</ul>
</div>
<div id = "header"> </div>
<div id ="content">
<table border="1">
<%
for( var i=0; i<rows.length; i++)
{
for( var j = 0; j<3; j++){
num = i * 3 + j;
var item = rows[num];
%>
<tr>
<td><p class="bold"><%=num%> : <%=item.name%></p>
<p class="small"><%=item.place%></p></td>
<% } %>
</tr>
<%
}
%>
</table>
</div>
<div id ="footer"></div>
</body>
</html>