# MLTD 小網站 [TOC] ## 前言 身為 2020 年中才入坑 MLTD 的新米 P，想 (需) 要補和記錄的 ML 相關知識有很多，也一直有在找文章來看和聽歌 (特別推薦一下[卡歐魯大的文章](https://forum.gamer.com.tw/G2.php?bsn=31875&parent=111&sn=369&lorder=2&ptitle=%E4%BE%86%E4%BA%86%E8%A7%A3%E6%95%B4%E5%80%8BMillion%E5%A4%9A%28%E6%9C%89%E7%97%85%29%E6%9C%89%E8%B6%A3%EF%BC%81))。 之前一直都是用 Google Spreadsheet 在記錄 TD 相關的知識、打歌 Combo、已獲得卡片等等的資訊，但漸漸感受到 Spreadsheet 的不足，有許多自己想要的功能沒有辦法做出來。在別人的建議下，開始來自幹資料庫兼學習架網站 (不過就是寫給自己開心而已)。 ## 環境及預計會使用的工具 / 語言 * 機器：Ubuntu 18.04 LTS (最近升級到 20.04 LTS 了) * 資料庫：mysql + nginx (方便外連) * Adminer (GUI 介面) * 後端：Flask + uwsgi + nginx * 前端：Vue.js + Bootstrap CSS ## Log * 2/19 設定好環境，把偶像都先上傳到資料庫 * 2/20 上傳曲目的基本資料，架好初始的 flask 後端 * 2/23 決定前端用 Vue，在前端做了篩選和排序偶像的功能 * 3/1 把這個文件長出來 * 3/7 持續在爬資料和更新卡片的資訊到資料庫 * 3/8 建好個別偶像的頁面 (包含基本資訊和卡片資訊) * 3/11 建好卡池、PST 活動的資料庫和卡片的基本資料 * 3/11 把 Aquire 資料表砍掉並減少取得方式種類，稀有度改成用數字表示 * 3/30 接到 uwsgi 上並把 code 推到 [github](https://github.com/zkelly3/MLTD-Data) 上 * 4/20 終於下定決心把技術部分分成很多篇 * 4/20 偶像、卡片、卡池等頁面做了基本的美化 * 4/24 開始將前端改用 Vue router * 5/4 把曲目列表的基本形狀做出來了 * 5/5 加了 HTTPS 憑證 * 5/12 把活動頁面接到曲目上了 (不過還沒反接) ## 技術記錄區 ### 環境安裝與設定 [→前往](https://hackmd.io/@Udemyi1vQbOUsmVu4-Nu1w/Byt48g3Ud) ### 資料庫相關 [→前往](https://hackmd.io/@Udemyi1vQbOUsmVu4-Nu1w/H10v1Us8_) ### 前後端頁面 [→前往](https://hackmd.io/@Udemyi1vQbOUsmVu4-Nu1w/rk_Gdg2LO)