김대욱 / OSS_PROJECT

Go to a project
Toggle navigation Toggle navigation pinning
Jieun Chung
b4c823e4 1 parent 1d6a2601

data communication complete

Expand all
Inline Side-by-side
Showing 36 changed files with 781 additions and 30 deletions
const request = require('request');
var express = require('express')
var app = express()
/*app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');
app.engine('html', require('ejs').renderFile);*/
app.use(express.static(__dirname + '/views'));
app.engine('html', require('ejs').renderFile);
app.set('view engine', 'html');
const standingsoptions = {
method: 'GET',
url: 'https://api-football-beta.p.rapidapi.com/standings',
qs: {season: '2020', league: '39'},
headers: {
'x-rapidapi-key': '9ed13b26e4mshede3aa7b615039ep17f6e6jsn308dd6295276',
'x-rapidapi-host': 'api-football-beta.p.rapidapi.com',
useQueryString: true
}
};
const topscorersOptions = {
method: 'GET',
url: 'https://api-football-beta.p.rapidapi.com/players/topscorers',
qs: {season: '2020', league: '39'},
headers: {
'x-rapidapi-key': '9ed13b26e4mshede3aa7b615039ep17f6e6jsn308dd6295276',
'x-rapidapi-host': 'api-football-beta.p.rapidapi.com',
useQueryString: true
}
};
app.post('/TopScorers', function(req, res){
request(topscorersOptions, function(error, response, body){
if (error) throw new Error(error);
var resData = JSON.parse(body)
res.render('PersonalStanding.ejs', {resData})
})
})
app.post('/TeamStanding', function(req, res){
/*request(options, function (error, response, body) {
if (error) throw new Error(error);
res.send(body)
});*/
res.render('TeamStanding.html')
})
app.get('/', function(req, res){
res.render('index.ejs');
})
/*app.get('/', function(req, res){
/*request(options, function (error, response, body) {
if (error) throw new Error(error);
res.send(body);
console.log(body);
});
/*request(options, function (error, response, body) {
if (error) throw new Error(error);
res.send(body);
console.log(response);
});
})*/
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)
})
......@@ -24,6 +24,14 @@
"uri-js": "^4.2.2"
}
},
"ansi-styles": {
"version": "3.2.1",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
"integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
"requires": {
"color-convert": "^1.9.0"
}
},
"array-flatten": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
......@@ -42,6 +50,11 @@
"resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
"integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU="
},
"async": {
"version": "0.9.2",
"resolved": "https://registry.npmjs.org/async/-/async-0.9.2.tgz",
"integrity": "sha1-rqdNXmHB+JlhO/ZL2mbUx48v0X0="
},
"asynckit": {
"version": "0.4.0",
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
......@@ -57,6 +70,11 @@
"resolved": "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz",
"integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA=="
},
"balanced-match": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
"integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
},
"bcrypt-pbkdf": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
......@@ -89,6 +107,15 @@
}
}
},
"brace-expansion": {
"version": "1.1.11",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
"requires": {
"balanced-match": "^1.0.0",
"concat-map": "0.0.1"
}
},
"bytes": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
......@@ -99,6 +126,29 @@
"resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
"integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw="
},
"chalk": {
"version": "2.4.2",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
"integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
"requires": {
"ansi-styles": "^3.2.1",
"escape-string-regexp": "^1.0.5",
"supports-color": "^5.3.0"
}
},
"color-convert": {
"version": "1.9.3",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
"integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
"requires": {
"color-name": "1.1.3"
}
},
"color-name": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
"integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
},
"combined-stream": {
"version": "1.0.8",
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
......@@ -107,6 +157,11 @@
"delayed-stream": "~1.0.0"
}
},
"concat-map": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
"integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
},
"content-disposition": {
"version": "0.5.3",
"resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.3.tgz",
......@@ -187,6 +242,14 @@
"resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
"integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
},
"ejs": {
"version": "3.1.5",
"resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.5.tgz",
"integrity": "sha512-dldq3ZfFtgVTJMLjOe+/3sROTzALlL9E34V4/sDtUd/KlBSS0s6U1/+WPE1B4sj9CXHJpL1M6rhNJnc9Wbal9w==",
"requires": {
"jake": "^10.6.1"
}
},
"encodeurl": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
......@@ -197,6 +260,11 @@
"resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
"integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg="
},
"escape-string-regexp": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
"integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
},
"etag": {
"version": "1.8.1",
"resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
......@@ -271,6 +339,14 @@
"resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
"integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
},
"filelist": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.1.tgz",
"integrity": "sha512-8zSK6Nu0DQIC08mUC46sWGXi+q3GGpKydAG36k+JDba6VRpkevvOWUW5a/PhShij4+vHT9M+ghgG7eM+a9JDUQ==",
"requires": {
"minimatch": "^3.0.4"
}
},
"finalhandler": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
......@@ -332,6 +408,11 @@
"har-schema": "^2.0.0"
}
},
"has-flag": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
"integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0="
},
"http-errors": {
"version": "1.7.2",
"resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz",
......@@ -382,6 +463,17 @@
"resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
"integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo="
},
"jake": {
"version": "10.8.2",
"resolved": "https://registry.npmjs.org/jake/-/jake-10.8.2.tgz",
"integrity": "sha512-eLpKyrfG3mzvGE2Du8VoPbeSkRry093+tyNjdYaBbJS9v17knImYGNXQCUV0gLxQtF82m3E8iRb/wdSQZLoq7A==",
"requires": {
"async": "0.9.x",
"chalk": "^2.4.2",
"filelist": "^1.0.1",
"minimatch": "^3.0.4"
}
},
"jsbn": {
"version": "0.1.1",
"resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
......@@ -446,6 +538,14 @@
"mime-db": "1.44.0"
}
},
"minimatch": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
"integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
"requires": {
"brace-expansion": "^1.1.7"
}
},
"ms": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
......@@ -625,6 +725,14 @@
"resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
"integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow="
},
"supports-color": {
"version": "5.5.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
"integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
"requires": {
"has-flag": "^3.0.0"
}
},
"toidentifier": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz",
......
......@@ -2,13 +2,14 @@
"name": "nodejs",
"version": "1.0.0",
"description": "",
"main": "index.js",
"main": "app.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"dependencies": {
"ejs": "^3.1.5",
"express": "^4.17.1",
"request": "^2.88.2"
}
......
const request = require('request');
var express = require('express')
var app = express()
const options = {
method: 'GET',
url: 'https://api-football-v1.p.rapidapi.com/v2/players/player/253/2018-2019',
headers: {
'x-rapidapi-key': '9ed13b26e4mshede3aa7b615039ep17f6e6jsn308dd6295276',
'x-rapidapi-host': 'api-football-v1.p.rapidapi.com',
useQueryString: true
}
};
app.get('/', function(req, res){
request(options, function (error, response, body) {
if (error) throw new Error(error);
res.send(body);
console.log(response);
});
})
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)
})
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" , initial-scale="1">
<title>EPL 통계 사이트</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<meta name="author" content="김대욱, 정지은">
<meta name="description" content="리버풀 화이팅~!">
</head>
<body>
<nav class="navbar navbar-default">
<div class="contaner-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">EPL 통계 사이트</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">프로젝트 소개<span class="sr-only"></span></a></li>
<li><a href="TeamStanding.html">팀 순위</a></li>
<li><a href="PersonalStanding.html">개인 순위</a></li>
<li class="dropdown">
<a href="TeamStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">팀 별 통계<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="TeamStat.html?StatName=Possession">점유율</a></li>
<li><a href="TeamStat.html?StatName=Goals">득점</a></li>
<li><a href="TeamStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
<li><a href="TeamStat.html?StatName=Shots">슈팅</a></li>
<li><a href="TeamStat.html?StatName=Pass">경기당 패스 횟수</a></li>
<li><a href="TeamStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
</ul>
</li>
<li class="dropdown">
<a href="PersonalStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">개인 별 통계<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="PersonalStat.html?StatName=Goals">득점</a></li>
<li><a href="PersonalStat.html?StatName=Assists">어시스트</a></li>
<li><a href="PersonalStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
<li><a href="PersonalStat.html?StatName=Shots">슈팅</a></li>
<li><a href="PersonalStat.html?StatName=CriticalPass">중요 패스</a></li>
<li><a href="PersonalStat.html?StatName=Pass">경기당 패스 횟수</a></li>
<li><a href="PersonalStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
</ul>
</li>
<li><a href="Comunity.html">자유 게시판</a></li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="내용을 입력하세요.">
</div>
<button type="submit" class="btn btn-default">검색</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">접속하기<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="loginForm.html">로그인</a></li>
<li><a href="registerForm.html">회원가입</a></li>
</ul>
</li>
</li>
</ul>
</div>
</div>
</nav>
<footer style="background-color:#33cc33; color:#ffffff">
<div class="container">
<br>
<div class="row">
<div class="col-sm-2" style="text-align: center;"><h5>Copyright &copy; 2020</h5><h5>김대욱(DaeWook Kim)</h5></div>
<div class="col-sm-4"><h5>작성자 소개</h5><p>저는 경희대학교 학생 김대욱입니다.</p></div>
</div>
</div>
</footer>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" , initial-scale="1">
<title>EPL 통계 사이트</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<meta name="author" content="김대욱, 정지은">
<meta name="description" content="리버풀 화이팅~!">
</head>
<body>
<nav class="navbar navbar-default">
<div class="contaner-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">EPL 통계 사이트</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">프로젝트 소개<span class="sr-only"></span></a></li>
<li><a href="TeamStanding.html">팀 순위</a></li>
<li><a href="PersonalStanding.html">개인 순위</a></li>
<li class="dropdown">
<a href="TeamStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">팀 별 통계<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="TeamStat.html?StatName=Possession">점유율</a></li>
<li><a href="TeamStat.html?StatName=Goals">득점</a></li>
<li><a href="TeamStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
<li><a href="TeamStat.html?StatName=Shots">슈팅</a></li>
<li><a href="TeamStat.html?StatName=Pass">경기당 패스 횟수</a></li>
<li><a href="TeamStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
</ul>
</li>
<li class="dropdown">
<a href="PersonalStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">개인 별 통계<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="PersonalStat.html?StatName=Goals">득점</a></li>
<li><a href="PersonalStat.html?StatName=Assists">어시스트</a></li>
<li><a href="PersonalStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
<li><a href="PersonalStat.html?StatName=Shots">슈팅</a></li>
<li><a href="PersonalStat.html?StatName=CriticalPass">중요 패스</a></li>
<li><a href="PersonalStat.html?StatName=Pass">경기당 패스 횟수</a></li>
<li><a href="PersonalStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
</ul>
</li>
<li><a href="Comunity.html">자유 게시판</a></li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="내용을 입력하세요.">
</div>
<button type="submit" class="btn btn-default">검색</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">접속하기<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="loginForm.html">로그인</a></li>
<li><a href="registerForm.html">회원가입</a></li>
</ul>
</li>
</li>
</ul>
</div>
</div>
</nav>
<% for(var i=0; i<resData.response.length; i++){ %>
<img src=<%=resData.response[i].player.photo%> />
<%=resData.response[i].player.name%><br/>
<%}%>
<footer style="background-color:#33cc33; color:#ffffff">
<div class="container">
<br>
<div class="row">
<div class="col-sm-2" style="text-align: center;"><h5>Copyright &copy; 2020</h5><h5>김대욱(DaeWook Kim)</h5></div>
<div class="col-sm-4"><h5>작성자 소개</h5><p>저는 경희대학교 학생 김대욱입니다.</p></div>
</div>
</div>
</footer>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" , initial-scale="1">
<title>EPL 통계 사이트</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<meta name="author" content="김대욱, 정지은">
<meta name="description" content="리버풀 화이팅~!">
</head>
<body>
<nav class="navbar navbar-default">
<div class="contaner-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">EPL 통계 사이트</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">프로젝트 소개<span class="sr-only"></span></a></li>
<li><a href="TeamStanding.html">팀 순위</a></li>
<li><a href="PersonalStanding.html">개인 순위</a></li>
<li class="dropdown">
<a href="TeamStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">팀 별 통계<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="TeamStat.html?StatName=Possession">점유율</a></li>
<li><a href="TeamStat.html?StatName=Goals">득점</a></li>
<li><a href="TeamStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
<li><a href="TeamStat.html?StatName=Shots">슈팅</a></li>
<li><a href="TeamStat.html?StatName=Pass">경기당 패스 횟수</a></li>
<li><a href="TeamStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
</ul>
</li>
<li class="dropdown">
<a href="PersonalStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">개인 별 통계<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="PersonalStat.html?StatName=Goals">득점</a></li>
<li><a href="PersonalStat.html?StatName=Assists">어시스트</a></li>
<li><a href="PersonalStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
<li><a href="PersonalStat.html?StatName=Shots">슈팅</a></li>
<li><a href="PersonalStat.html?StatName=CriticalPass">중요 패스</a></li>
<li><a href="PersonalStat.html?StatName=Pass">경기당 패스 횟수</a></li>
<li><a href="PersonalStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
</ul>
</li>
<li><a href="Comunity.html">자유 게시판</a></li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="내용을 입력하세요.">
</div>
<button type="submit" class="btn btn-default">검색</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">접속하기<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="loginForm.html">로그인</a></li>
<li><a href="registerForm.html">회원가입</a></li>
</ul>
</li>
</li>
</ul>
</div>
</div>
</nav>
<footer style="background-color:#33cc33; color:#ffffff">
<div class="container">
<br>
<div class="row">
<div class="col-sm-2" style="text-align: center;"><h5>Copyright &copy; 2020</h5><h5>김대욱(DaeWook Kim)</h5></div>
<div class="col-sm-4"><h5>작성자 소개</h5><p>저는 경희대학교 학생 김대욱입니다.</p></div>
</div>
</div>
</footer>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
\ No newline at end of file
This diff is collapsed. Click to expand it.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" , initial-scale="1">
<title>EPL 통계 사이트</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<meta name="author" content="김대욱, 정지은">
<meta name="description" content="리버풀 화이팅~!">
</head>
<body>
<nav class="navbar navbar-default">
<div class="contaner-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">EPL 통계 사이트</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">프로젝트 소개<span class="sr-only"></span></a></li>
<li><a href="TeamStanding.html">팀 순위</a></li>
<li><a href="PersonalStanding.html">개인 순위</a></li>
<li class="dropdown">
<a href="TeamStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">팀 별 통계<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="TeamStat.html?StatName=Possession">점유율</a></li>
<li><a href="TeamStat.html?StatName=Goals">득점</a></li>
<li><a href="TeamStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
<li><a href="TeamStat.html?StatName=Shots">슈팅</a></li>
<li><a href="TeamStat.html?StatName=Pass">경기당 패스 횟수</a></li>
<li><a href="TeamStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
</ul>
</li>
<li class="dropdown">
<a href="PersonalStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">개인 별 통계<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="PersonalStat.html?StatName=Goals">득점</a></li>
<li><a href="PersonalStat.html?StatName=Assists">어시스트</a></li>
<li><a href="PersonalStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
<li><a href="PersonalStat.html?StatName=Shots">슈팅</a></li>
<li><a href="PersonalStat.html?StatName=CriticalPass">중요 패스</a></li>
<li><a href="PersonalStat.html?StatName=Pass">경기당 패스 횟수</a></li>
<li><a href="PersonalStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
</ul>
</li>
<li><a href="Comunity.html">자유 게시판</a></li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="내용을 입력하세요.">
</div>
<button type="submit" class="btn btn-default">검색</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">접속하기<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="loginForm.html">로그인</a></li>
<li><a href="registerForm.html">회원가입</a></li>
</ul>
</li>
</li>
</ul>
</div>
</div>
</nav>
<footer style="background-color:#33cc33; color:#ffffff">
<div class="container">
<br>
<div class="row">
<div class="col-sm-2" style="text-align: center;"><h5>Copyright &copy; 2020</h5><h5>김대욱(DaeWook Kim)</h5></div>
<div class="col-sm-4"><h5>작성자 소개</h5><p>저는 경희대학교 학생 김대욱입니다.</p></div>
</div>
</div>
</footer>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
\ No newline at end of file
/* 전체 웹사이트를 통틀어서 스타일을 정의함 */
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {
font-family:'Nanum Gothic'
}
a {
color:#33cc33;
text-decoration:none;
}
a:hover {
color:#888888;
text-decoration:none;
}
/* 내비게이션 영역 */
.navbar-default{/* 배경 색상 */
background-color:#33cc33;
border-color:#33cc33;
}
.navbar-default .navbar-brand{ /* 내비게이션 제목 색상 */
color:#ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus{ /* 내비게이션 제목에 마우스를 올렸을 때 */
background-color:transparent;
color:#888888;
}
.navbar-default .navbar-nav > .active >a,
.navbar-default .navbar-nav > .active >a:hover,
.navbar-default .navbar-nav > .active >a:focus{ /* 현재 선택된 내비게이션 색상 이벤트 */
color:#33cc33;
background-color:#ffffff;
}
.navbar-default .navbar-nav > li >a:hover,
.navbar-default .navbar-nav > li >a:focus{ /* 네비게이션 글자에 마우스를 올렸을 때 */
color:#888888;
}
.navbar-default .navbar-nav > .open >a,
.navbar-default .navbar-nav > .open >a:hover,
.navbar-default .navbar-nav > .open >a:focus{ /* 드랍다운이 열렸을때 마우스 색상 이벤트 */
color:#33cc33;
background-color:#ffffff;
text-decoration:none;
}
/* 드랍다운 메뉴의 원소들의 글씨 색깔 설정 */
.navbar-default .navbar-nav .open .dropdown-menu > li > a ,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover ,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
color:#33cc33;
}
.navbar-default .navbar-nav>li>a{ /* 네비게이션 기본 색상 */
color:white;
}
@media (max-width:767px) { /* 해상도가 작은데 드랍다운에 마우스를 올렸을 때 */
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color:#ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover ,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
color:#888888;
}
}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" , initial-scale="1">
<title>EPL 통계 사이트</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<meta name="author" content="김대욱, 정지은">
<meta name="description" content="리버풀 화이팅~!">
</head>
<body>
<style type="text/css">
.jumbotron{
background-image: url('https://2020-oss-test.s3.amazonaws.com/emilio-garcia-AWdCgDDedH0-unsplash.jpg');
background-size:cover;
text-shadow:black 0.2em 0.2em 0.2em;
color:white;
}
</style>
<nav class="navbar navbar-default">
<div class="contaner-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<form name="myForm" action="/request" method="POST"></form>
<a class="navbar-brand" href="#" onclick="javascript:document.myForm.submit()" >EPL 통계 사이트</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">프로젝트 소개<span class="sr-only"></span></a></li>
<form name="teamStandingForm" action="/TeamStanding" method="POST"></form>
<li><a href="#" onclick="javascript:document.teamStandingForm.submit()">팀 순위</a></li>
<form name="topScorersForm" action="/TopScorers" method="POST"></form>
<li><a href="#" onclick="javascript:document.topScorersForm.submit()">개인 순위</a></li>
<li class="dropdown">
<a href="TeamStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">팀 별 통계<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="TeamStat.html?StatName=Possession">점유율</a></li>
<li><a href="TeamStat.html?StatName=Goals">득점</a></li>
<li><a href="TeamStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
<li><a href="TeamStat.html?StatName=Shots">슈팅</a></li>
<li><a href="TeamStat.html?StatName=Pass">경기당 패스 횟수</a></li>
<li><a href="TeamStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
</ul>
</li>
<li class="dropdown">
<a href="PersonalStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">개인 별 통계<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="PersonalStat.html?StatName=Goals">득점</a></li>
<li><a href="PersonalStat.html?StatName=Assists">어시스트</a></li>
<li><a href="PersonalStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
<li><a href="PersonalStat.html?StatName=Shots">슈팅</a></li>
<li><a href="PersonalStat.html?StatName=CriticalPass">중요 패스</a></li>
<li><a href="PersonalStat.html?StatName=Pass">경기당 패스 횟수</a></li>
<li><a href="PersonalStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
</ul>
</li>
<li><a href="Community.html">자유 게시판</a></li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="내용을 입력하세요.">
</div>
<button type="submit" class="btn btn-default">검색</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">접속하기<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="loginForm.html">로그인</a></li>
<li><a href="registerForm.html">회원가입</a></li>
</ul>
</li>
</li>
</ul>
</div>
</div>
</nav>
<div class ="container">
<div class="jumbotron">
<h1 class="text-center">EPL의 자세한 통계를 보여주는 사이트</h1>
<br>
<p class="text-center">EPL을 사랑하는 축구인 입장에서 한국어 사용자가 선수들의 디테일한 스탯을 볼 수 있는 사이트를 만들고 싶어 제작했다.</p>
</div>
</div>
<div class="row">
<div class="col-md-3">
<h4>팀 순위</h4>
<p>이 사이트는 팀 순위를 다른 데이터와 함께 보여줍니다.</p>
<p><a class="btn btn-default" href="TeamStanding.html">자세히 알아보기</a></p>
</div>
<div class="col-md-3">
<h4>개인 순위</h4>
<p>이 사이트는 개인 순위를 다른 데이터와 함께 보여줍니다.</p>
<p><a class="btn btn-default" href="PersonalStanding.html">자세히 알아보기</a></p>
</div>
<div class="col-md-3">
<h4>팀별 통계</h4>
<p>이 사이트는 팀 별 통계를 조금 더 자세한 정보들과 함께 보여줍니다.</p>
<p><a class="btn btn-default" href="TeamStat.html">자세히 알아보기</a></p>
</div>
<div class="col-md-3">
<h4>개인 통계</h4>
<p>이 사이트는 개인 별 통계를 조금 더 자세한 정보들과 함께 보여줍니다.</p>
<p><a class="btn btn-default" href="PersonalStat.html">자세히 알아보기</a></p>
</div>
</div>
<footer style="background-color:#33cc33; color:#ffffff">
<div class="container">
<br>
<div class="row">
<div class="col-sm-2" style="text-align: center;"><h5>Copyright &copy; 2020</h5><h5>김대욱(DaeWook Kim)</h5></div>
<div class="col-sm-4"><h5>작성자 소개</h5><p>저는 경희대학교 학생 김대욱입니다.</p></div>
</div>
</div>
</footer>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
\ No newline at end of file
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.