From 8b4ff418727a1345ce25b735c8f801fa1eb908d9 Mon Sep 17 00:00:00 2001
From: JangNamhyeok <chrow16@ajou.ac.kr>
Date: Tue, 26 Nov 2019 17:28:00 +0900
Subject: [PATCH] test commit
---
package-lock.json | 63 +++++++++++++++++++++++++++++++++++++++++++++
package.json | 1 +
src/App.vue | 22 +++++++++++++++-
src/main.js | 22 +++++++++-------
src/router/index.js | 7 +++++
src/router/movie.js | 26 +++++++++++++++++++
src/views/About.vue | 32 ++++++++++++++++++++++-
src/views/Users.vue | 26 +++++++++++++++++++
8 files changed, 187 insertions(+), 12 deletions(-)
create mode 100644 src/router/movie.js
create mode 100644 src/views/Users.vue
diff --git a/package-lock.json b/package-lock.json
index 5e883b9..532567d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -846,6 +846,43 @@
"integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==",
"dev": true
},
+ "axios": {
+ "version": "0.19.0",
+ "resolved": "https://registry.npmjs.org/axios/-/axios-0.19.0.tgz",
+ "integrity": "sha512-1uvKqKQta3KBxIz14F2v06AEHZ/dIoeKfbTRkK1E5oqjDnuEerLmYTgJB5AiQZHJcljpg1TuRzdjDR06qNk0DQ==",
+ "requires": {
+ "follow-redirects": "1.5.10",
+ "is-buffer": "^2.0.2"
+ },
+ "dependencies": {
+ "debug": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+ "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+ "requires": {
+ "ms": "2.0.0"
+ }
+ },
+ "follow-redirects": {
+ "version": "1.5.10",
+ "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.10.tgz",
+ "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==",
+ "requires": {
+ "debug": "=3.1.0"
+ }
+ },
+ "is-buffer": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.4.tgz",
+ "integrity": "sha512-Kq1rokWXOPXWuaMAqZiJW4XxsmD9zGx9q4aePabbn3qCRGedtH7Cm+zV8WETitMfu1wdh+Rvd6w5egwSngUX2A=="
+ },
+ "ms": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+ "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+ }
+ }
+ },
"balanced-match": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
@@ -2246,6 +2283,12 @@
"assert-plus": "^1.0.0"
}
},
+ "de-indent": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+ "integrity": "sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=",
+ "dev": true
+ },
"debug": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
@@ -8706,6 +8749,11 @@
"integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==",
"dev": true
},
+ "vue": {
+ "version": "2.6.10",
+ "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.10.tgz",
+ "integrity": "sha512-ImThpeNU9HbdZL3utgMCq0oiMzAkt1mcgy3/E6zWC/G6AaQoeuFdsl9nDhTDU3X1R6FK7nsIUuRACVcjI+A2GQ=="
+ },
"vue-hot-reload-api": {
"version": "2.3.4",
"resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
@@ -8725,6 +8773,11 @@
"vue-style-loader": "^4.1.0"
}
},
+ "vue-router": {
+ "version": "3.1.3",
+ "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.1.3.tgz",
+ "integrity": "sha512-8iSa4mGNXBjyuSZFCCO4fiKfvzqk+mhL0lnKuGcQtO1eoj8nq3CmbEG8FwK5QqoqwDgsjsf1GDuisDX4cdb/aQ=="
+ },
"vue-style-loader": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.2.tgz",
@@ -8735,6 +8788,16 @@
"loader-utils": "^1.0.2"
}
},
+ "vue-template-compiler": {
+ "version": "2.6.10",
+ "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.10.tgz",
+ "integrity": "sha512-jVZkw4/I/HT5ZMvRnhv78okGusqe0+qH2A0Em0Cp8aq78+NK9TII263CDVz2QXZsIT+yyV/gZc/j/vlwa+Epyg==",
+ "dev": true,
+ "requires": {
+ "de-indent": "^1.0.2",
+ "he": "^1.1.0"
+ }
+ },
"vue-template-es2015-compiler": {
"version": "1.9.1",
"resolved": "https://registry.npmjs.org/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz",
diff --git a/package.json b/package.json
index 0a36bd3..d1a89fc 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
"build": "vue-cli-service build"
},
"dependencies": {
+ "axios": "^0.19.0",
"vue": "^2.6.10",
"vue-router": "^3.1.3"
},
diff --git a/src/App.vue b/src/App.vue
index 8534514..c1d2540 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,12 +2,32 @@
<div id="app">
<div id="nav">
<router-link to="/">Home</router-link> |
- <router-link to="/about">About</router-link>
+ <router-link to="/about">About</router-link> |
+ <router-link to="/users">Users</router-link>
</div>
<router-view/>
</div>
</template>
+<script>
+export default{
+ data: function(){
+ return{
+ movie
+ }
+ },
+ async beforeCreate(){ // 실행하면 무비라는 변수를 생성하고 서버에 요청을 보냄
+ //get에 있는 url에 대한 get 요청을 보냄
+ const movie = ['']
+
+ this.$http.get('/movie').then((res => {
+ movie = res.data;
+ }))
+ return movie
+ }
+}
+</script>
+
<style>
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
diff --git a/src/main.js b/src/main.js
index 660e641..386d304 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,10 +1,12 @@
-import Vue from 'vue'
-import App from './App.vue'
-import router from './router'
-
-Vue.config.productionTip = false
-
-new Vue({
- router,
- render: function (h) { return h(App) }
-}).$mount('#app')
+import Vue from 'vue'
+import App from './App.vue'
+import router from './router'
+import axios from 'axios'
+
+Vue.config.productionTip = false
+Vue.prototype.$http = axios
+
+new Vue({
+ router,
+ render: function (h) { return h(App) }
+}).$mount('#app')
diff --git a/src/router/index.js b/src/router/index.js
index 200ae28..4726786 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -19,6 +19,13 @@ const routes = [
component: function () {
return import(/* webpackChunkName: "about" */ '../views/About.vue')
}
+ },
+ {
+ path: '/users',
+ name: 'users',
+ component: function() {
+ return import('../views/Users.vue')
+ }
}
]
diff --git a/src/router/movie.js b/src/router/movie.js
new file mode 100644
index 0000000..e9ea0b8
--- /dev/null
+++ b/src/router/movie.js
@@ -0,0 +1,26 @@
+var express = require('express');
+var router = express.Router();
+
+/* GET users listing. */
+router.get('/movie', function (req, res, next) {
+ res.render('result', { data: req.body }) // POST의 argument를 적용하여 layout/result 응답
+});
+
+router.post('/movie', function (req, res, next) {
+
+});
+
+router.get('/movie/:idx', function (req, res, next) {
+
+});
+
+router.post('/movie/:idx/rating', function (req, res, next) {
+
+});
+
+// rating의 값은 총 별점 / 총 평가 횟수
+// 현재까지 평가된 영화 별점의 평균값
+// toFixed 함수를 이용해 소수점은 최대 2자리 까지만
+// rating.fixed(2)
+
+module.exports = router;
diff --git a/src/views/About.vue b/src/views/About.vue
index 3fa2807..a3c3acd 100644
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -1,5 +1,35 @@
<template>
<div class="about">
- <h1>This is an about page</h1>
+ <h1>login Page </h1>
+ <input type="text" v-model="uid"> <br>
+ <input type="text" v-model="password"> <br>
+ {{uid}} <br>
+ {{password}} <br>
+ <button v-on:click="btnLogin">Login</button> <br>
+
+ {{msg}}
+
</div>
</template>
+
+<script>
+export default {
+ data() {
+ return {
+ uid: '',
+ password: '',
+ msg: ''
+ }
+ },
+ methods: {
+ btnLogin() {
+ this.$http.post('http://jnhonlinux.ddns.net:3000/login', {
+ "uid": this.uid,
+ "password": this.password
+ }).then((response) => {
+ this.msg = response.data
+ })
+ }
+ }
+}
+</script>
diff --git a/src/views/Users.vue b/src/views/Users.vue
new file mode 100644
index 0000000..a06b766
--- /dev/null
+++ b/src/views/Users.vue
@@ -0,0 +1,26 @@
+<template>
+ <div class="users">
+ <h1>Users Page </h1>
+ <div v-for="user in users" v-bind:key="user">
+ {{user.uid}} | {{user.password}} | {{user.email}} | {{user.phone}} | {{user.univ}} | {{user.department}} | {{user.sid}} | {{user.ifsuper}} | {{user.club}}
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ mounted() {
+ this.$http.get('http://jnhonlinux.ddns.net:3000/users').then((response) => {
+ this.users = response.data;
+ })
+ },
+ data() {
+ return {
+ users: []
+ }
+ },
+ methods: {
+
+ }
+}
+</script>
\ No newline at end of file
--
GitLab