隨着該項目的發布到線上(小打小鬧)，即將又要開啟另一段嶄新的旅程。強迫自己停下來寫寫所學所得，個人認為總結和分享是一種很棒的學習方式。那讓我們先來瞧瞧項目長的什么樣。如果着急要源碼的朋友，可以下拉到最后~~
微信端部分展現
從微信端進入網頁端的效果(這部分還需要優化(*^__^*))
但是這圖是真的還是假的啊，特效蠻酷炫的，不會是被樓主P上去的吧？（第4副圖中間那個女孩確實是雲雲的女同學）嘿嘿，用微信掃這個二維碼(是騾子是馬拿出來溜溜~~)，不過測試號有100個關注名額的限制，而且雲雲用的是騰訊雲送的主機，自然會卡的不要不要的~
PC端部分展現
由於園里只能上傳10M的圖片，那雲雲只能用外鏈展示PC端了；
附上項目首頁的帥氣壁紙一張！！！喜歡海賊的別忘了右下角點個贊喲。
接着就是線上地址了，偷偷的，偷偷的放出來，為什么放這么后面呢？因為怕騰訊雲送的主機爆掉！！還有呢，可能會卡。不介意的朋友等呀等，然后就可以聽到雲瓣音樂了~~
項目的技術棧
這個部分只是單單羅列出了所用到的一些技術棧，基本上每個知識點都足夠我寫篇博文的，那這艱巨的任務以后有機會的話慢慢填上吧。
1. pc后端搭建:
* 使用NodeJs的`koa`框架並使用了部分`ES6`特性完成雲瓣網站后端的搭建;
* 使用`mongodb`完成數據存儲,通過`mongoose`模塊完成對`mongodb`數據的構建;
* 使用`jade`模板引擎完成頁面創建渲染;
* 使用`Moment.js`格式化電影存儲時間;
2. pc前端搭建:
* 使用`jQuery`和`Bootsrap`完成網站前端JS腳本和樣式處理;
* 使用`Sass`完成雲瓣項目的樣式編寫;
* 使用`validate.js`完成對賬號登錄注冊的判斷;
* 使用`fullpage.js`完成電影宣傳頁面制作;
* 前后端的數據請求交互通過`Ajax`完成;
* (音樂端部分模塊、電影畫廊部分)使用`React+ES6`進行組件化開發，並使用Webpack實現資源模塊管理
* 使用`canvas`並調用`webAudio api`完成音樂播放界面的制作
3. 項目微信端搭建:
* 使用`weui`框架構造詳情界面
* 多種api接口的實現（比如地理經緯度查詢、拍照、掃碼、上傳素材等）
* 調用`jdk`，實現語音查詢電影
4. 本地開發環境搭建:
* 使用`gulp`集成`jshint`對JS語法檢查，`Sass`文件編譯、壓縮等功能，以及服務器的熱更新等功能。
5. 一些功能模塊:
* 電影首頁(實現了按熱度、時間、評價、分類查詢以及加載更多等功能模塊)
* 部分頁面針對不同分辨率做了自適應；
* 具有用戶注冊登錄及管理;
* 電影畫廊頁面的實現(數據從后台獲得)；
* 音樂播放界面實現(數據從后台獲得)；
* 電影（音樂）可進行疊樓評論並可刪除自己的評論(管理員能刪除任何人);
* 電影（音樂）及電影院信息錄入和搜索;
* 電影（音樂）分類添加及刪除;
* 電影（音樂）與所屬分類都是一對多的關系；
* 電影（音樂）海報自定義上傳;
* 電影（音樂）可以自行上傳;
* 列表分頁處理，訪客統計;
* 微信上通過語音或文字搜電影;
* 微信上實現與網頁的評論同步;
* 微信上能訪問網頁端；(並把電影畫廊和音樂播放作為單獨的菜單獨立出來)
項目地址
這是你們最愛的💖項目地址❤️喲，喜歡的話，star一下么么噠，有什么好的建議的話，歡迎提出。
