김재현

Merge branch 'master' of khuhub.khu.ac.kr:2013104063/open-source-project-2017-02

var express = require('express');
var mysql = require('mysql');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
......@@ -11,12 +11,7 @@ var index = require('./routes/index');
var users = require('./routes/users');
var app = express();
var connection = mysql.createConnection({
host : 'localhost',
user : 'admin',
password : 'admin',
database : 'ossprojectdb'
});
// view engine setup
app.set('views', path.join(__dirname, 'views'));
......@@ -54,24 +49,15 @@ app.use(function(err, req, res, next) {
module.exports = app;
/*
var mysql = require('mysql');
var connection = mysql.createConnection({
host : 'localhost',
user : 'admin',
password : 'admin',
database : 'ossprojectdb'
});
connection.connect();
connection.query('SELECT * from users', function(err, rows, fields) {
if (!err)
console.log('The solution is: ', rows);
else
console.log('Error while performing Query.');
});
connection.end();
*/
//
// connection.query('SELECT * from users', function(err, rows, fields) {
// if (!err)
// console.log('The solution is: ', rows);
// else
// console.log('Error while performing Query.');
// });
//
// connection.end();
......
var express = require('express');
var mysql = require('mysql');
var router = express.Router();
var connection = mysql.createConnection({
host : 'localhost',
user : 'root',
password : 'qmfkdnsl',
database : 'ossprojectdb'
});
connection.connect();
/* GET home page. */
router.get('/index', function(req, res, next) {
res.render('index', { title: 'Express' });
......@@ -13,15 +22,44 @@ router.get('/', function(req, res, next) {
router.get('/map', function(req, res, next){
res.render('map', {title: '맛집 도장찍기'});
var user = {
iduser : "abc",
username : "김정은",
password : "qmfkdnsl",
email : "bfghg@naver.com"
}
res.render('map', {title: '맛집 도장찍기', user : user});
});
router.get('/home', function(req,res,next){
res.render('main', {title: '맛집견문록'});
});
router.post('/map', function(req, res){
var tempuser ={
'idusers' : req.body.userid,
'address' : req.body.placeaddress,
'contendid' : req.body.placeid,
'title' : req.body.placename}
console.log(tempuser);
var query = connection.query('insert into users set ?',tempuser,function(err,result){
if (err) {
console.error(err);
throw err;
}
console.log(query);
});
});
router.get('/mybook', function(req, res, next){
......@@ -59,3 +97,4 @@ res.render('test', {title: 'test'});
});
module.exports = router;
connection.end();
......
......@@ -6,6 +6,24 @@
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBTR69UvS1403rvBcM64_8nlzpKLv23RIE&libraries=places"></script>
<script>
//표시하기 버튼 눌렀을 때 post보내는 함수
function forming() {
console.log(place)
if(confirm("맛집견문록에 기록하겠습니까?")){
document.forms["userform"].submit();
return true;
}else{
return false;
}
}
function initMap(latitude, longitude) {
var center = {lat: latitude, lng: longitude};
......@@ -59,15 +77,22 @@
'<h1 id="firstHeading" class="firstHeading">'+place.name+'</h1>'+
'<div id="bodyContent">'+
'<p>주소: '+place.vicinity+'<br/>'+
'<a href="https://localhost:3000/id=' + place.id + '">'+
'<a href="#" onclick="forming();">'+
'표시하기</a> '+
'</p>'+
'</div>'+
'</div>';
google.maps.event.addListener(marker1, 'click', function(e) {
//console.log(place)
var infowindow = new google.maps.InfoWindow({
content: contentString,
maxWidth: 300
......@@ -75,6 +100,13 @@
infowindow.open(map, this);
//marker1.setMap(null);
//marker2.setMap(map);
console.log('<%=user.username%>');
// console.log(document.getElementsByName('placeaddress').value);
});
google.maps.event.addListener(marker2, 'click', function() {
var infowindow = new google.maps.InfoWindow({
......@@ -99,6 +131,8 @@
$nav.toggleClass('open');
});
$("input[name=first_name]");
if("geolocation" in navigator) {
navigator.geolocation.getCurrentPosition(function(position) {
//console.log(position.coords.latitude)
......@@ -131,6 +165,16 @@
<div id ="content">
<div id="map"></div>
<div id="popup"></div>
<div id="form">
<form name="userform" method="POST" action="/map">
<input type="hidden" name="userid"/>
<input type="hidden" name="placeid"/>
<input type="hidden" name="placename"/>
<input type="hidden" name="placeaddress"/>
</form>
</div>
</div>
<div id ="footer"></div>
......