From 3f45edfb1811db77101a91037e2291aaaa283a25 Mon Sep 17 00:00:00 2001 From: HyunKyeongPark <hk7417@ajou.ac.kr> Date: Tue, 3 Dec 2019 16:38:23 +0900 Subject: [PATCH] park --- src/components/NavClub.vue | 24 ++++++++++++++++++++++++ src/components/clubForm.vue | 1 - src/components/clubHomePage.vue | 31 +++++++++++++++++++++++++++++++ src/router/index.js | 5 +++++ src/views/Club.vue | 14 ++++++++++++-- src/views/ClubPage.vue | 27 +++++++++++++++++++++++++++ 6 files changed, 99 insertions(+), 3 deletions(-) create mode 100644 src/components/NavClub.vue create mode 100644 src/components/clubHomePage.vue create mode 100644 src/views/ClubPage.vue diff --git a/src/components/NavClub.vue b/src/components/NavClub.vue new file mode 100644 index 0000000..e94eae2 --- /dev/null +++ b/src/components/NavClub.vue @@ -0,0 +1,24 @@ +<template> + <div class="navClub"> + <div id="clubMenu"> + <router-link to='/clubHomePage'>프롤로그 </router-link> + <router-link to='/'>공지사항 </router-link> + <router-link to='/'>활동일지 </router-link> + <router-link to='/'>자유게시판 </router-link> + <router-link to='/'>캘린더 </router-link> + <router-link to='/'>자주묻는질문 </router-link> + <router-link to='/'>가입신청</router-link> + </div> + </div> +</template> + +<script> + +</script> + +<style> +.navClub { + background-color: cadetblue; + text-align: center; +} +</style> \ No newline at end of file diff --git a/src/components/clubForm.vue b/src/components/clubForm.vue index ec6e4ec..447cc18 100644 --- a/src/components/clubForm.vue +++ b/src/components/clubForm.vue @@ -2,7 +2,6 @@ <div class="clubForm"> {{name}} <br> {{address}} <br> - </div> </template> diff --git a/src/components/clubHomePage.vue b/src/components/clubHomePage.vue new file mode 100644 index 0000000..cb3bcf7 --- /dev/null +++ b/src/components/clubHomePage.vue @@ -0,0 +1,31 @@ +<template> + <div class="clubHone"> + 클럽 페이지 메인입니다. + </div> +</template> + +<script> +export default { + async created() { + let id = req.params.id; + const res = await this.$http.get(`http://jnhonlinux.ddns.net:3000/club/${id}`) + if(res.data.success == true) { + this.data = res.data.result[0] + } + }, + data() { + return { + name: '', + address: '' + } + } +} +</script> + +<style> +.clubForm { + width: 300px; + height: 200px; + border: 2px solid black; +} +</style> \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index cfd28f3..369f777 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -4,6 +4,7 @@ import Home from '../views/Home.vue' import Login from '../views/Login.vue' import SignUp from '../views/SignUp.vue' import Club from '../views/Club.vue' +import ClubPage from '../views/ClubPage.vue' Vue.use(VueRouter) @@ -37,6 +38,10 @@ const routes = [ path: '/club', name: 'club', component: Club + },{ + path: '/clubpage', + name: 'clubpage', + component: ClubPage } ] diff --git a/src/views/Club.vue b/src/views/Club.vue index 1d2e3d2..1649e1d 100644 --- a/src/views/Club.vue +++ b/src/views/Club.vue @@ -4,8 +4,13 @@ <input type="text" id="searchClub" placeholder="Search"> <br> <hr> <div class="clubList"> - <div class="club" v-for="club in data" :key="club"> - {{club.name}} + <div class="club" v-for="club in data" :key="club" v-on:click="testClick" > + + {{club.name}}<br/> + 회장: {{club.manager}}<br/> + {{club.picture}}><br/> + {{club.detail}}<br/> + </div> </div> </div> @@ -30,6 +35,11 @@ export default { name: '', } + }, + methods:{ + testClick(){ + return this.$router.push('/clubpage'); + } } } </script> diff --git a/src/views/ClubPage.vue b/src/views/ClubPage.vue new file mode 100644 index 0000000..ffa2552 --- /dev/null +++ b/src/views/ClubPage.vue @@ -0,0 +1,27 @@ +<template> + <div class="clubView"> + <NavClub id="navClub">가나다</NavClub> + <h1>클럽 페이지 입니다.</h1> + <div id="clubMain"> + <router-view/> + </div> + </div> +</template> + +<script> +import NavClub from '@/components/NavClub.vue' +import clubHomePage from '@/components/clubHomePage.vue' + +export default { + name: 'clubpage', + components: { + 'NavClub': NavClub + }, + async created() { + const res = await this.$http.get('http://jnhonlinux.ddns.net:3000/club') + if(res.data.success == true) { + this.data = res.data.result + } + }, +} +</script> -- GitLab