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

主頁面

登錄頁面

注冊頁面

會員中心

電影播放頁面

電影彈幕功能

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

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

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

電影頁面圖片的自動抓取、下載和展示

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

簡化程序安裝流程，新增可視化安裝界面

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

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

用戶中心的管理

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

用戶密碼的修改

用戶評論記錄的查看

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

用戶登錄日志的查看

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

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

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

電影收藏和取消功能

彈幕功能（特色功能）

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

用戶主頁的搭建：

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

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

用戶登錄和注冊頁面的搭建：

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

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

電影播放頁面的搭建

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   node app.js

之后就會自動在瀏覽器中打開本程序安裝的主界面；

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

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

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

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

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