--- tags: N108 --- # N108 完整功能介紹 ## 開發流程 - **功能心智圖** - ![](https://i.imgur.com/9Bnx1ce.png) - **爬蟲資料流程圖** 1. 透過爬蟲將教育部資料從 word 中擷取，並且存成 Excel (XML解析 ![](https://i.imgur.com/U1FXos4.png) 2. 分類課綱學習內容，並以關鍵字以 request Youtube API 獲取資料 3. 學習內容只針對高中領域，在各大網路搜尋段考題 4. 放入 DateBase 中 - ![](https://i.imgur.com/M2N9GtV.png) - ![](https://i.imgur.com/5pqVNjZ.png) - **資料庫設計** - EER Model - ![](https://i.imgur.com/yuiN8ZL.png) - **前端設計** - React 框架樹狀圖 - ![](https://i.imgur.com/K7OF90h.png)