[情報] 「楓葉之音」更新資訊 - 選單大躍進！

[jh961202 (阿電)]

各位午安，歡迎再度來到楓葉之音的更新文

然而，本次要分享的並不是資料更新，而是近期一連串的系統改善

======================================================================

本批更新共同的特點在於，都是使用了一種技術，稱之為AJAX

這是一種Javascript的網頁技術，可以不用重新整理網頁就取得資料

（再講下去就得去隔壁版了，詳細內容請自行詢問Google大神）


於是，首先在下就把搜尋給優化

https://www.facebook.com/MapleTunes.tw/videos/211665722642312/

Demo影片可以看到，當本人開始打字時，同步的就開始進行搜尋

省略掉了「按下送出鈕」的動作，更快速方便


隔天，本人想到，那這樣的話，首頁是不是也能用這個技術改一下呢？

事實上，也有人在網站的建議表單中提出

希望不要每次要找歌都重新回到選擇世界的地方（最首頁）

於是，本人又花了半天的時間把首頁整理一下，結合既有的清單瀏覽頁面

就成為目前各位在首頁可以看到的樣子了！

（是的，已經正式更新到首頁去了，大家可以去體驗一下XD）

並且，再把搜尋介面結合，更完美方便的瀏覽介面就此誕生啦！


現在進入網站，中央的區域可以看到一個綠色底的選單

http://i.imgur.com/G13GwSL.png

在選單的頭部，右邊會出現一個文字欄位

在裡面開始打字的話，就會自動開始搜尋，完全不需要按任何其他按鈕

http://i.imgur.com/kOHHIq4.png

不使用搜尋的話，只需將關鍵字全部清除，原本的區域選單就會重新出現


想要照以前的方式瀏覽歌曲的話，一樣可以直接點選區域

這時，會出現另一個子選單（上方的搜尋框也會同步消失）

http://i.imgur.com/GFPqW1N.png

以此類推，可以一直開到第三層，最後點選音樂時，就會在最下方的播放器播放

而要回到前一層也非常簡單，只要點選標頭處，就可以把該層次的選單重新叫出

不用每次都回到首頁啦！


當然，雖然以上的介面已經上線，但依然在持續優化中

也歡迎各位繼續提供各種意見！


--
========================優質楓之谷資源，盡在阿電的楓世界=======================
                        http://adian-msworld.weebly.com/
       新楓之谷主題包系列 - 讓你的電腦和瀏覽器時時刻刻與楓之谷世界同在！
                       →→ http://is.gd/enOW2D ←←
              楓葉之音 - 全台最完整、最人性化的楓之谷音樂資源網站！
                       →→ http://maplebgm.tk/ ←←

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.135.74.20
※ 文章網址: https://www.ptt.cc/bbs/MapleStory/M.1487654971.A.B92.html
※ 編輯: jh961202 (140.135.74.20), 02/21/2017 13:59:11
推 grant790110: 學以致用
→ crossdunk: 你的網站可以SQL INJECTION建議修改一下
→ crossdunk: 不然輕則資料庫被刪掉，嚴重就會害使用你網站的中毒
感謝您的提點，事實上本人知道有此問題，所以已經規劃改善後端程式的架構

不過離正式上線還會需要一點時間就是了，這段期間本人都會定時監控的

推 gbls9527341: 推
推 Leo9660210: 請問有五轉以後地圖的音樂嗎？想放鬧鐘
有是有，不過還在慢慢歸類中...因為地圖模擬器又GG惹
※ 編輯: jh961202 (60.251.222.48), 02/22/2017 01:58:31