# 頁面元件與資料分析

[大圖](https://i.imgur.com/SIPNaQ9.png)
<br>
* 備註:
* commentCount 更名為 replyCount
* commentId 更名為 replyId
<br>
## 路由: /users/signup

### 頁面元件
views/SignUp
components/AccountForm
### API
`POST` /api/users
<br>
## 路由: /users/signin

### 頁面元件
views/UserSignIn.vue
### API
`POST` /api/users/signin
<br>
## 路由: /admin/signin

### 頁面元件
views/AdminSignIn.vue
### API
`POST` /api/admin/signin
<br>
## 路由: /settings

### 頁面元件
views/Settings
components/Sidebar
components/AccountForm
### API
`GET` /api/current_user
`PUT` /api/users/:id/setting
<br>
## 路由: /home

### 頁面元件
views/Home
components/Sidebar
components/HomeTweet
components/PopularUsers
### API
`GET` /api/current_user
`GET` /api/tweets
`GET` /api/users/top_followers
`POST` /api/followships
`POST` /api/tweets
`POST` /api/tweets/:id/like
`POST` /api/tweets/:id/unlike
`DELETE` /api/followships/:followingId
<br>
## 路由: /tweets/edit

### 頁面元件
components/TweetModal
### API
`GET` /api/current_users
`POST` /api/tweets
<br>
## 路由: /tweets/:id/reply

### 頁面元件
components/ReplyModal
### API
`GET` /api/tweets/:id
`POST` /api/tweets/:tweet_id/replies
<br>
## 路由: /tweets/:id

### 頁面元件
views/Tweet
components/Sidebar
components/TweetDetail
components/PopularUsers
### API
`GET` /api/tweets/:id
`GET` /api/tweets/:tweet_id/replies"
`GET` /api/users/top_followers
`POST` /api/followships
`POST` /api/tweets/:id/like
`POST` /api/tweets/:id/unlike
`DELETE` /api/followships/:followingId
<br>
## 路由: /tweets/:id/reply

### 頁面元件
components/ReplyModal
### API
`GET` /api/tweets/:id
`POST` /api/tweets/:tweet_id/replies
<br>
## 路由: /users/:id

### 頁面元件
views/Profile
components/Sidebar
components/Info
components/NavTab
components/UserAction
components/PopularUsers
### API
`GET` /api/users/:id
`GET` /api/users/:id/tweets
`GET` /api/users/top_followers
`POST` /api/followships
`POST` /api/tweets/:id/like
`POST` /api/tweets/:id/unlike
`DELETE` /api/followships/:followingId
<br>
## 路由: /users/:id

### 頁面元件
views/Profile
components/Sidebar
components/Info
components/NavTab
components/UserAction
components/PopularUsers
### API
`GET` /api/users/:id
`GET` /api/users/:id/replied_tweets
`GET` /api/users/top_followers
`POST` /api/followships
`DELETE` /api/followships/:followingId
<br>
## 路由: /user/:id

### 頁面元件
views/Profile
components/Sidebar
components/Info
components/NavTab
components/UserAction
### API
`GET` /api/users/:id
`GET` /api/users/:id/likes
`GET` /api/users/top_followers
`POST` /api/followships
`POST` /api/tweets/:id/like
`POST` /api/tweets/:id/unlike
`DELETE` /api/followships/:followingId
<br>
## 路由: /users/:id/edit

### 頁面元件
components/InfoModal
### API
`GET` /api/users/:id
`PUT` /api/users/:id
<br>
## 路由: /users/:id/follow

### 頁面元件
views/Follow
components/Sidebar
components/FollowAction
components/PopularUsers
### API
`GET` /api/users/:id/follwers
`GET` /api/users/:id/tweets
`GET` /api/users/top_followers
`POST` /api/followships
`DELETE` /api/folowships/:followingId
<br>
## 路由: /users/:id/follow

### 頁面元件
views/Follow
components/Sidebar
components/FollowAction
components/PopularUsers
### API
`GET` /api/users/:id/follwings
`GET` /api/users/:id/tweets
`GET` /api/users/top_followers
`POST` /api/followships
`DELETE` /api/folowships/:followingId
<br>
## 路由: /users/:id

### 頁面元件
views/Profile
components/Sidebar
components/Info
components/NavTab
components/UserAction
### API
`GET` /api/users/:id
`GET` /api/users/:id/tweets
`GET` /api/users/top_followers
`POST` /api/followships
`POST` /api/tweets/:id/like
`POST` /api/tweets/:id/unlike
`DELETE` /api/followships/:followingId
<br>
## 路由: /users/:id

### 頁面元件
views/Profile
components/Sidebar
components/Info
components/NavTab
components/UserAction
### API
`GET` /api/users/:id
`GET` /api/users/:id/replied_tweets
`GET` /api/users/:id/likes
`GET` /api/users/top_followers
`POST` /api/followships
`POST` /api/tweets/:id/like
`POST` /api/tweets/:id/unlike
`DELETE` /api/followships/:followingId
<br>
## 路由: /admin/tweets

### 頁面元件
views/AdminTweetList
components/AdminSidebar
components/AdminTweetCard
### API
`GET` /api/admin/tweets/:id
`DELETE` /api/tweets
<br>
## 路由: /admin/users

### 頁面元件
views/AdminUserList
components/AdminSidebar
components/AdminUserCard
### API
`GET` /api/admin/users
\
\
[回到首頁](https://hackmd.io/@2022-Oct-Twitter/Hk9m-Pn-j/%2Feax7gnB7R3KcclDqf27iDA%3Fview)
###### tags: `共用資源`
{"metaMigratedAt":"2023-06-17T10:08:28.147Z","metaMigratedFrom":"Content","title":"頁面元件與資料分析","breaks":true,"contributors":"[{\"id\":\"2edead0a-9af5-4ef6-940b-406379e75605\",\"add\":8,\"del\":0},{\"id\":\"7d60b948-1f73-4d11-9133-fc1947a1e427\",\"add\":1649,\"del\":1183},{\"id\":\"c5423508-a2ea-4ba5-83a5-2e0c7c6ea37f\",\"add\":5696,\"del\":962}]"}