MapleStory 板


LINE

各位午安,歡迎再度來到楓葉之音的更新文 然而,本次要分享的並不是資料更新,而是近期一連串的系統改善 ====================================================================== 本批更新共同的特點在於,都是使用了一種技術,稱之為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://webptt.com/m.aspx?n=bbs/MapleStory/M.1487654971.A.B92.html ※ 編輯: jh961202 (140.135.74.20), 02/21/2017 13:59:11
1F:推 grant790110: 學以致用 02/21 14:15
2F:→ crossdunk: 你的網站可以SQL INJECTION建議修改一下 02/21 14:22
3F:→ crossdunk: 不然輕則資料庫被刪掉,嚴重就會害使用你網站的中毒 02/21 14:23
感謝您的提點,事實上本人知道有此問題,所以已經規劃改善後端程式的架構 不過離正式上線還會需要一點時間就是了,這段期間本人都會定時監控的
4F:推 gbls9527341: 推 02/22 00:41
5F:推 Leo9660210: 請問有五轉以後地圖的音樂嗎?想放鬧鐘 02/22 00:46
有是有,不過還在慢慢歸類中...因為地圖模擬器又GG惹 ※ 編輯: jh961202 (60.251.222.48), 02/22/2017 01:58:31







like.gif 您可能會有興趣的文章
icon.png[問題/行為] 貓晚上進房間會不會有憋尿問題
icon.pngRe: [閒聊] 選了錯誤的女孩成為魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一張
icon.png[心得] EMS高領長版毛衣.墨小樓MC1002
icon.png[分享] 丹龍隔熱紙GE55+33+22
icon.png[問題] 清洗洗衣機
icon.png[尋物] 窗台下的空間
icon.png[閒聊] 双極の女神1 木魔爵
icon.png[售車] 新竹 1997 march 1297cc 白色 四門
icon.png[討論] 能從照片感受到攝影者心情嗎
icon.png[狂賀] 賀賀賀賀 賀!島村卯月!總選舉NO.1
icon.png[難過] 羨慕白皮膚的女生
icon.png閱讀文章
icon.png[黑特]
icon.png[問題] SBK S1安裝於安全帽位置
icon.png[分享] 舊woo100絕版開箱!!
icon.pngRe: [無言] 關於小包衛生紙
icon.png[開箱] E5-2683V3 RX480Strix 快睿C1 簡單測試
icon.png[心得] 蒼の海賊龍 地獄 執行者16PT
icon.png[售車] 1999年Virage iO 1.8EXi
icon.png[心得] 挑戰33 LV10 獅子座pt solo
icon.png[閒聊] 手把手教你不被桶之新手主購教學
icon.png[分享] Civic Type R 量產版官方照無預警流出
icon.png[售車] Golf 4 2.0 銀色 自排
icon.png[出售] Graco提籃汽座(有底座)2000元誠可議
icon.png[問題] 請問補牙材質掉了還能再補嗎?(台中半年內
icon.png[問題] 44th 單曲 生寫竟然都給重複的啊啊!
icon.png[心得] 華南紅卡/icash 核卡
icon.png[問題] 拔牙矯正這樣正常嗎
icon.png[贈送] 老莫高業 初業 102年版
icon.png[情報] 三大行動支付 本季掀戰火
icon.png[寶寶] 博客來Amos水蠟筆5/1特價五折
icon.pngRe: [心得] 新鮮人一些面試分享
icon.png[心得] 蒼の海賊龍 地獄 麒麟25PT
icon.pngRe: [閒聊] (君の名は。雷慎入) 君名二創漫畫翻譯
icon.pngRe: [閒聊] OGN中場影片:失蹤人口局 (英文字幕)
icon.png[問題] 台灣大哥大4G訊號差
icon.png[出售] [全國]全新千尋侘草LED燈, 水草

請輸入看板名稱,例如:BabyMother站內搜尋

TOP