
--- client/resources/api/main.js
+++ client/resources/api/main.js
... | ... | @@ -8,4 +8,9 @@ |
8 | 8 |
// 통합 검색 |
9 | 9 |
export const findAllDatas = (searchReqDTO) => { |
10 | 10 |
return apiClient.get(`/main/findAllDatas.json`, { params: searchReqDTO }); |
11 |
-}(No newline at end of file) |
|
11 |
+} |
|
12 |
+ |
|
13 |
+// HEADER에 있는 메뉴 클릭스 조회수 증가 |
|
14 |
+export const updateStatsByMenuId = (menuId) => { |
|
15 |
+ return apiClient.put(`/stats/${menuId}/updateStatsByMenuId.json`); |
|
16 |
+} |
--- client/views/layout/Header.vue
+++ client/views/layout/Header.vue
... | ... | @@ -8,13 +8,19 @@ |
8 | 8 |
<div class="nav-wrap"> |
9 | 9 |
<nav> |
10 | 10 |
<ul> |
11 |
- <li v-if="$store.state.roles[0]?.authority === 'ROLE_ADMIN'">기록물</li> |
|
12 |
- <li v-if="$store.state.roles[0]?.authority === 'ROLE_ADMIN'">언론에서 바라본 구미시</li> |
|
13 |
- <li v-if="$store.state.roles[0]?.authority === 'ROLE_ADMIN'">회원관리</li> |
|
14 |
- <li v-if="$store.state.roles[0]?.authority === 'ROLE_ADMIN'">카테고리 관리</li> |
|
11 |
+ <li v-if="$store.state.roles[0]?.authority === 'ROLE_ADMIN'" |
|
12 |
+ @click="updateMenuStats('MENU_00000001')">기록물</li> |
|
13 |
+ <li v-if="$store.state.roles[0]?.authority === 'ROLE_ADMIN'" |
|
14 |
+ @click="updateMenuStats('MENU_00000004')">언론에서 바라본 구미시</li> |
|
15 |
+ <li v-if="$store.state.roles[0]?.authority === 'ROLE_ADMIN'" |
|
16 |
+ @click="updateMenuStats('MENU_00000007')">회원관리</li> |
|
17 |
+ <li v-if="$store.state.roles[0]?.authority === 'ROLE_ADMIN'" |
|
18 |
+ @click="updateMenuStats('MENU_00000008')">카테고리 관리</li> |
|
15 | 19 |
|
16 |
- <li v-if="$store.state.roles[0]?.authority === 'ROLE_USER'">기록물</li> |
|
17 |
- <li v-if="$store.state.roles[0]?.authority === 'ROLE_USER'">언론에서 바라본 구미시</li> |
|
20 |
+ <li v-if="$store.state.roles[0]?.authority === 'ROLE_USER'" |
|
21 |
+ @click="updateMenuStats('MENU_00000001')">기록물</li> |
|
22 |
+ <li v-if="$store.state.roles[0]?.authority === 'ROLE_USER'" |
|
23 |
+ @click="updateMenuStats('MENU_00000004')">언론에서 바라본 구미시</li> |
|
18 | 24 |
</ul> |
19 | 25 |
</nav> |
20 | 26 |
</div> |
... | ... | @@ -37,6 +43,7 @@ |
37 | 43 |
</template> |
38 | 44 |
<script> |
39 | 45 |
import { logOutProc } from "../../resources/api/user" |
46 |
+import { updateStatsByMenuId } from "../../resources/api/main" |
|
40 | 47 |
export default { |
41 | 48 |
data() { |
42 | 49 |
return { |
... | ... | @@ -45,6 +52,16 @@ |
45 | 52 |
}; |
46 | 53 |
}, |
47 | 54 |
methods: { |
55 |
+ async updateMenuStats(menuId) { |
|
56 |
+ try { |
|
57 |
+ const response = await updateStatsByMenuId(menuId); |
|
58 |
+ if (response.status === 200) { |
|
59 |
+ console.log(`메뉴 ID ${menuId} 통계 업데이트 성공`); |
|
60 |
+ } |
|
61 |
+ } catch (error) { |
|
62 |
+ console.error(`메뉴 ID ${menuId} 통계 업데이트 중 오류:`, error); |
|
63 |
+ } |
|
64 |
+ }, |
|
48 | 65 |
logout() { |
49 | 66 |
// 백엔드 로그아웃 API 호출 |
50 | 67 |
logOutProc() |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?