# github :https://github.com/rapidglight/Moive_project.git

# **主頁**
# 大標題都是一個頁面

https://freefrontend.com/tailwind-sliders/
點右上角

# **會員/登入登出/註冊**
樣板 : https://codepen.io/mamislimen/pen/jOwwLvy
登入成功跳回主頁

---

樣板: https://codepen.io/yuhomyan/pen/ExKvNVa

**範例 :**
會員登入功能已看過清單/已評分清單
click watchlist 跳轉已評分清單頁面

---

# **已看過清單**
**範例 :**
樣板:
電影圖片: https://codepen.io/gayane-gasparyan/pen/wvxewXO

---

click ratinglist 跳轉已評分清單頁面
# **已評分清單**
**範例 :**
樣板:
電影圖片: https://codepen.io/gayane-gasparyan/pen/wvxewXO

---

# **排行榜** 待新增

---

# **搜尋 (在主頁面)**
打入你的關鍵字(電影名稱)
**範例 :**
滑鼠點電影跳轉頁面
樣板:https://codepen.io/liamj/pen/vYYLGZj

---

# **電影資料頁面**


電影基本介紹
**範例 :**

樣板:
https://freefrontend.com/css-movie-cards/

---

評分電影(0-10)

**範例 :**
樣板:https://codepen.io/LukyVj/pen/bGxwWVv

---

(網站平均評分/你是否評過分)

沒有評過分的話click評分，彈出視窗

**範例 :**
樣板: (只有code)
https://codepen.io/GeoffreyCrofte/pen/ALOggg
https://freefrontend.com/css-star-ratings/

---

會員是否評論過?

1.沒有的話撰寫評論(50以內)，

2.有的話可以修改評論
樣板: 待新增

---

# **資料庫內容**

# diagram : https://dbdiagram.io/d/64a3940602bd1c4a5e72612b

# 注意事項(記得詳讀)

1. **記得movie_name 用英文**
1. **age(電影分級制度) 請自行轉成英文字母**
1. **movie_long自行轉成分鐘數**
4. 找**Romance Comedy Drama Action**
盡量讓資料量有的只有一個分類 有的有2個分類以上
3個分類 :
2個分類 :
4. **斜體是欄位名字 粗體是型態**
5. 圖片盡量找 .jpg .png
6. 建立 table : movie 就好
7. **要注意要找電影，不要找到影集或其他的內容**

# 分工(用年代分)
高茂峰 : 2010 ~ 至今
林育俞 : 2000 ~ 2010
鄭朝修 : 1990 ~ 2000
# Database(統一去imdb找) 能找多少就多少(最少50筆以上)

`Table :` userdata **(不用建立資料)**

` Column :`
1. *user_account* **varchar(20)**
2. *user_password* **varchar(20)**
3. *user_mail* **varchar(100)**
4. *user_nickname* **varchar(100)**
`限制 :` **Primary key(account)**

---


---

* `Table :` movie **(依照上圖舉例)**
* `column :`
* 1. *movie_id* **int**
舉例 : 1、2、3...(第一筆、第二筆...)
* 2. *movie_name* **varchar(100)**
舉例 : top gun
* 3. *image_url* **varchar(999)**
舉例 : https://upload.wikimedia.org/wikipedia/zh/thumb/1/1d/Top_Gun_poster.jpg/220px-Top_Gun_poster.jpg 從維基找來的
* 4. *year* **int**
舉例 : 1986
* 5. *age* **varchar(10)**
舉例 : **12+** 根據電影分級制度 **PG-13**
* 6. *movie_long* **varchar(10)**
舉例 : 1h49m = 109m
* 7. *movie_category_Romance* **tinyint(1)**
* 8. *movie_category_Comedy* **tinyint(1)**
* 9. *movie_category_Drama* **tinyint(1)**
* 10. *movie_category_Action* **tinyint(1)**
舉例 : 分類有 drama 跟 action 所以 drama action設定成1 其他設定成0
* 11. *movie_description* **varchar(999)**
舉例 : As students at the United States Navy's elite fighter weapons school compete to be best in the class, one daring young pilot learns a few things from a civilian instructor that are not taught in the classroom.
* 12. *movie_director* **varchar(50)**
舉例 : Tony Scott
* 13. *movie_cast* **varchar(200)**
舉例 : Tom Cruise、Tim Robbins、Kelly McGillis

* `Constraints(限制) :` **Primary key(movie_id)**

---

* `Table` : user_watch_list **(不用建立資料)**
* `column` :
* 1. *watch_list_id* **int**
* 2. *user_account* **varchar(20)**
* 3. *user_watch_movie_name* **varchar(100)**
* ` Constraints(限制)` : **Primary watch_list_id**

---

* ` Table` : user_rating_list **(不用建立資料)**
* `column` :
* 1. *rating_list_id* **int**
* 2. *user_account* **varchar(20)**
* 3. *user_rating_movie_name* **varchar(100)**
* `Constraints(限制)` : **Primary key(rating_list_id)**

---

**最後記得匯出sql檔案**

---

---

---

---

---

# **分工(暫時)**
組長(陳以丞):主後端+副前端、網站流程
鄭朝修:資料庫
張晏瑜:主前端+副後端
林育俞:前端美化+資料庫
高茂峰:資料庫