摘要：在線體驗(yàn)地址源碼項(xiàng)目預(yù)覽主頁(yè)面登錄頁(yè)面注冊(cè)頁(yè)面會(huì)員中心電影播放頁(yè)面電影彈幕功能視頻網(wǎng)站項(xiàng)目已經(jīng)完功能如下當(dāng)前最新版本增加自動(dòng)抓取功能，網(wǎng)站數(shù)據(jù)定期實(shí)時(shí)更新電影和電視劇數(shù)據(jù)抓取電影數(shù)據(jù)信息前端展現(xiàn)電影頁(yè)面圖片的自動(dòng)抓取下載和展示代碼結(jié)構(gòu)調(diào)整簡(jiǎn)

主頁(yè)面

登錄頁(yè)面

注冊(cè)頁(yè)面

會(huì)員中心

電影播放頁(yè)面

電影彈幕功能

增加自動(dòng)抓取功能，網(wǎng)站數(shù)據(jù)定期實(shí)時(shí)更新

電影和電視劇數(shù)據(jù)抓取

電影數(shù)據(jù)信息前端展現(xiàn)

電影頁(yè)面圖片的自動(dòng)抓取、下載和展示

代碼結(jié)構(gòu)調(diào)整

簡(jiǎn)化程序安裝流程，新增可視化安裝界面

用戶可直接輸入數(shù)據(jù)庫(kù)名、數(shù)據(jù)庫(kù)地址、數(shù)據(jù)庫(kù)用戶名、數(shù)據(jù)庫(kù)密碼信息一鍵完成程序的安裝

頁(yè)面部分結(jié)構(gòu)的調(diào)整

用戶中心的管理

對(duì)于已經(jīng)注冊(cè)的用戶，實(shí)現(xiàn)用戶基本信息的修改

用戶密碼的修改

用戶評(píng)論記錄的查看

用戶收藏電影的查看和播放

用戶登錄日志的查看

電影搜索功能（特色功能）

實(shí)現(xiàn)了根據(jù)視頻播放地址和視頻名稱全網(wǎng)視頻的搜索和播放功能

實(shí)現(xiàn)了正在熱映，即將上映和TOP250的電影列表的展示

電影收藏和取消功能

彈幕功能（特色功能）

類似于B站等其他視頻網(wǎng)站的彈幕功能，用戶在登錄之后可以實(shí)現(xiàn)在線發(fā)言

用戶主頁(yè)的搭建：

實(shí)現(xiàn)了主頁(yè)輪播圖的顯示和切換，用戶可以從數(shù)據(jù)庫(kù)中自由配置和切換輪播圖的顯示

實(shí)現(xiàn)了主頁(yè)電影列表的顯示：從數(shù)據(jù)庫(kù)文件讀取電影和電視劇列表信息并在前臺(tái)顯示

用戶登錄和注冊(cè)頁(yè)面的搭建：

實(shí)現(xiàn)了用戶的登錄和注冊(cè)功能

用戶注冊(cè)和登錄驗(yàn)證碼提示功能

電影播放頁(yè)面的搭建

對(duì)于其他頁(yè)面的任意可以展現(xiàn)電影列表的頁(yè)面，用戶可以直接點(diǎn)擊列表，直接進(jìn)入播放頁(yè)面

播放頁(yè)面電影詳細(xì)信息的展現(xiàn)

對(duì)于加載速度較慢的視頻，用戶可以自由切換播放接口進(jìn)行加速

用戶可以在相應(yīng)的播放頁(yè)面查看其他用戶已經(jīng)發(fā)表的評(píng)論，同時(shí)也可以在登錄之后自由發(fā)表評(píng)論

頁(yè)面整體的風(fēng)格模仿了Discuz等論壇網(wǎng)站的布局

網(wǎng)站首頁(yè)的輪播圖效果模仿了優(yōu)酷、愛奇藝、騰訊視頻等主流視頻網(wǎng)站的輪播圖效果，并且對(duì)該部分的效果實(shí)現(xiàn)進(jìn)行了代碼封裝

電影底部的的友情鏈接，使用了大部分網(wǎng)站的分欄布局，用戶可以添加自己的QQ群以及微信公眾號(hào)方便增加自己網(wǎng)站的人氣

主要列表的分頁(yè)功能，對(duì)于一些內(nèi)容顯示較多的不能再一頁(yè)顯示完整的頁(yè)面，使用了ajax無(wú)刷新分頁(yè)對(duì)數(shù)據(jù)進(jìn)行多條展示，提高了用戶的體驗(yàn)

目前主流瀏覽器中也做了相應(yīng)測(cè)試，建議大家使用谷歌或者火狐瀏覽器，效果可能會(huì)更好

未使用其他第三方框架，首頁(yè)和播放頁(yè)均為純?cè)腍TML，CSS， js實(shí)現(xiàn)（至于這個(gè)xframe-min-1.0.js文件可以參見我的GitHub xframe.js這個(gè)開源項(xiàng)目）

電影播放頁(yè)面：此處也是類似于當(dāng)前主流網(wǎng)站的的播放頁(yè)面，左側(cè)為播放窗口，右側(cè)部分為電影的詳細(xì)信息

底部導(dǎo)航：使用分欄的方式實(shí)現(xiàn)了底部的導(dǎo)航，前面的為友情鏈接，后面的一個(gè)為網(wǎng)站的微信，Q微博等聯(lián)系方式

用戶中心：這部分實(shí)現(xiàn)了修改密碼，評(píng)論，登錄，日志管理，收藏電影的功能，用戶可以自由切換

vip.github.io:
├─controllers               // 控制層
├─data                      // 數(shù)據(jù)抓取層
├─logs                      // 后臺(tái)日志
│  ├─errlog                 // 錯(cuò)誤日志
│  ├─othlog                 // 其他日志
│  └─reqlog                 // 請(qǐng)求日志
├─models                    // 模型層
├─static                    // 靜態(tài)頁(yè)
│  ├─css                    // 樣式表
│  ├─images                 // 靜態(tài)圖片資源
│  └─js                     // js腳本
├─utils                     // 工具相關(guān)
├─views                     // 視圖層
└─www                       // 靜態(tài)資源
    ├─css                   // 樣式表
    ├─html                  // html文件
    ├─images                // 靜態(tài)圖片資源
    ├─js                    // js腳本
    │  └─movielist          // 搜索頁(yè)電影列表
    │      ├─components     // top250/即將上映
    │      └─in_theaters    // 正在熱映
    └─uploads               // 文件上傳目錄
        ├─avatar            // 用戶圖像
        └─movie             // 電影圖標(biāo)

確保電腦已經(jīng)安裝了NodeJS環(huán)境，運(yùn)行版本盡量保持最新（V8以上吧），選擇本地的一個(gè)路徑，然后運(yùn)行命令：

   git clone https://github.com/xiugangzhang/vip.github.io.git

進(jìn)入程序的主目錄（包含app.js的那個(gè)文件夾）運(yùn)行命令：npm install，系統(tǒng)就會(huì)自動(dòng)安裝該程序的依賴包；

在以上的步驟都執(zhí)行完成且正確的情況下，就可以在程序主目錄下面（有app.js的那個(gè)目錄）,運(yùn)行命令

   node app.js

之后就會(huì)自動(dòng)在瀏覽器中打開本程序安裝的主界面；

如果是windows環(huán)境下，本程序提供了可視化的安裝。用戶可在程序的安裝界面輸入數(shù)據(jù)庫(kù)名、數(shù)據(jù)庫(kù)主機(jī)地址、數(shù)據(jù)庫(kù)用戶名、數(shù)據(jù)庫(kù)密碼，之后點(diǎn)擊按鈕立即安裝即可，在輸入的參數(shù)全部正確的情況下，就會(huì)后臺(tái)自動(dòng)安裝程序，安裝成功之后會(huì)自動(dòng)跳轉(zhuǎn)到網(wǎng)站首頁(yè)；

如果是Linux環(huán)境下，請(qǐng)?zhí)崆皽?zhǔn)備好數(shù)據(jù)庫(kù)名（database=video）、數(shù)據(jù)庫(kù)主機(jī)地址（host=localhost）、數(shù)據(jù)庫(kù)用戶名（user=root）、數(shù)據(jù)庫(kù)密碼（password=123456 ），按照如下格式保存為config.properties文件，請(qǐng)確保這里的配置信息和你的數(shù)據(jù)庫(kù)配置信息完全一致；

    database=video               
    host=localhost          
    user=root               
    password=123456         

在線演示站點(diǎn)：http://vip.52tech.tech

對(duì)于安裝和使用的過程中如果有什么問題和建議，也歡迎交流和提出建議，可以在issue去發(fā)起話題討論，或直接聯(lián)系郵箱：[email protected]