動漫社區(qū)網(wǎng)站設(shè)計和實(shí)現(xiàn)網(wǎng)絡(luò)工程專業(yè)

《動漫社區(qū)網(wǎng)站設(shè)計和實(shí)現(xiàn)網(wǎng)絡(luò)工程專業(yè)》由會員分享，可在線閱讀，更多相關(guān)《動漫社區(qū)網(wǎng)站設(shè)計和實(shí)現(xiàn)網(wǎng)絡(luò)工程專業(yè)（37頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、 動漫社區(qū)網(wǎng)站設(shè)計與實(shí)現(xiàn) 動漫社區(qū)網(wǎng)站設(shè)計 摘 要 本動漫社區(qū)網(wǎng)站共有用戶登錄注冊板塊，動漫資訊推送功能板塊，視頻播放功能板塊，用戶評論區(qū)功能板塊，視頻搜索功能板塊，用戶個人空間功能板塊等六大板塊。用戶登錄注冊模塊實(shí)現(xiàn)了網(wǎng)站用戶的信息管理；動漫資訊推送功能模塊方便用戶獲取最新最熱的動漫資訊，并可選擇自己喜愛的資訊種類；視頻播放功能模塊是網(wǎng)站的核心功能之一，用戶可以方便快捷的觀看視頻；用戶評論區(qū)功能模塊既能使得用戶在觀看完視頻后作出自己的評價也可以看到其他用戶的評價，并作出收藏視頻，對視頻點(diǎn)贊，關(guān)注UP主等一系列操

2、作；視頻搜索功能模塊使得用戶可以更為自由的獲取自己喜愛的視頻，用戶可以通過關(guān)鍵字查詢在各種視頻分類中獲取自己想要觀看的動漫視頻；用戶個人空間功能模塊，用戶可以進(jìn)入自己的個人空間，發(fā)表自己的日常動態(tài)，并管理自己的關(guān)注區(qū)，收藏區(qū)以及投稿區(qū)等。本網(wǎng)站界面設(shè)計注重頁面架構(gòu)，交互方式，視覺布局等的一致性，給予用戶簡單方便且實(shí)用的操作空間。本網(wǎng)站設(shè)計綜合了當(dāng)前國內(nèi)具有一些代表性的動漫視頻網(wǎng)站的用戶需求及相關(guān)功能，可以較好的滿足普通用戶對視頻網(wǎng)站的功能需求。 關(guān)鍵詞：動漫網(wǎng)站 H5 PHP  The Design of Animation community website Abstrac

3、t The animation community website includes six modules: a user login registration module，Animation information push module，Video playback module，User comment module，Video search function module，User personal space function module. The user registration module is used to manage the information of

4、 the website user； Push module for anime information allows users to access the latest and hottest animation information and choose their favorite types of information. Video playback module is one of the core functions of the site, users can quickly and easily watch videos；User comment module allow

5、s users to watch videos after making their own evaluation and look through evaluations from other users. and users can also put video link to their collection area, give the video a praise, concern about the UP users.；The video search module allows users to get their favorite videos more freely, u

6、sers can get these video that they want to watch by querying in a variety of video categories using keyword.；User personal space module allows user to enter their own personal space, publish their daily activities, and manage their own areas they concern about, collection area and submission area et

7、c. The interface design of this website focus on the page structure and interactive mode，Visual layout and so o, which can give users a simple, convenient and practical operating space. This website design combines some representative functions from other animation video , and can meet functional r

8、equirements which user want. Key Words: Anime website H5 PHP 目 錄 摘 要 I Abstract II 目 錄 III 圖清單 V 表清單 VI 1 概述 1 1.1 課題研究背景及意義 1 1.2 國內(nèi)外研究狀況以及現(xiàn)發(fā)展水平 1 1.3項目創(chuàng)新點(diǎn) 2 1.4開發(fā)環(huán)境 3 1.5 本章小結(jié) 3 2 可行性研究 4 2.1 技術(shù)可行性分析 4 2.3 操作可行性分析 5 2.4 環(huán)境可行性分析 5 3 需求分析 6 3.1用戶角色分析 6 3.2功能板

9、塊劃分 6 3.3數(shù)據(jù)流圖及流程圖 7 3.4數(shù)據(jù)字典 9 3.5本章小結(jié) 10 4 概要設(shè)計 11 4.1模塊層次圖 11 4.2子系統(tǒng)功能模塊 11 4.3數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計 12 4.4數(shù)據(jù)庫表設(shè)計 15 5 詳細(xì)設(shè)計 19 5.1概述 19 5.2登錄注冊模塊 20 5.3資訊推送模塊 21 5.4視頻播放模塊 22 5.5用戶評論模塊 24 5.6視頻搜索模塊 25 5.7個人空間模塊 26 6 結(jié)論 27 參考文獻(xiàn) 29 致謝 31 圖清單 圖序號 圖名稱 頁碼 圖3-1 系統(tǒng)

10、總流程圖 7 圖3-2 網(wǎng)站設(shè)計頂層數(shù)據(jù)流圖 8 圖3-3 用戶功能設(shè)計流圖 8 圖3-4 網(wǎng)站管理員功能數(shù)據(jù)流圖 8 圖4-1 總系統(tǒng)層次圖 11 圖4-2 用戶子系統(tǒng)層次圖 12 圖4-3 管理員總系統(tǒng)層次圖 12 圖4-4 網(wǎng)站用戶實(shí)體屬性圖 13 圖4-5 網(wǎng)站管理員屬性圖 13 圖4-6 視頻實(shí)體屬性圖 14 圖4-7 評論實(shí)體屬性圖 14 圖4-8 日志實(shí)體屬性圖 15 圖4-9 收藏實(shí)體屬性圖 15 圖4-10 關(guān)注實(shí)體屬性圖 15 圖5-1 用戶注冊界面 20 圖5-2 用戶登陸界面 2

11、0 圖5-3 網(wǎng)站主界面 21 圖5-4 網(wǎng)站主界面 22 圖5-5 視頻播放界面 23 圖5-6 視頻播放界面 23 圖5-7 用戶評論界面 24 圖5-8 視頻搜索界面 25 圖5-9 個人空間界面 26 表清單 表序號 表名稱 頁碼 表4.1 視頻表 16 表4.2 推送表 16 表4.3 關(guān)注表 17 表 4.4 空間表 17 表 4.5 收藏表 17 表 4.6 投稿表 18 表 4.7 用戶表 18 表 4.8 管理員表 18 表 4.9

12、 關(guān)注表 19 表 4.10 點(diǎn)贊表 19 表 4.11 收藏表 19 表 4.12 評論表 19 30 1 概述 動漫文化是視覺時代的重要文化形態(tài)之一，它是21世紀(jì)人文快速發(fā)展下科 技、藝術(shù)、思想的高度融合。一部令人津津樂道的動漫，它的畫面，音樂，內(nèi)容大都是深入人心的。恰如宮崎駿老師的《天空之城》。像大多數(shù)的80后甚至90后小的時候接觸動漫往往是通過觀看電視節(jié)目和光盤。由于電腦和網(wǎng)絡(luò)在我國的普及程度度越來越高，人們可以更快更好的從因特網(wǎng)上獲取到自己想要看到的視頻。為了跟隨潮流，動漫文化自然也應(yīng)當(dāng)與互聯(lián)網(wǎng)向結(jié)合。這樣，可以進(jìn)入更多人的

13、視野也更易被獲取。動漫文化類型的網(wǎng)站自然應(yīng)運(yùn)而生。 1.1 課題研究背景及意義 目前網(wǎng)絡(luò)上已經(jīng)有如天涯、知乎、微博、百度貼吧之類的平臺供人們交流討論著社會上的種種，也有如嗶哩嗶哩、ACFUN這樣的年輕人文化娛樂社區(qū)。但少有專為動漫文化愛好者、動漫產(chǎn)業(yè)者提供的雙向交流平臺。本課題則基于此需求，擬設(shè)計一個動漫社區(qū)網(wǎng)站，為廣大動漫人士提供最新的動漫資訊以及動漫文化思想碰撞的平臺。 動漫社區(qū)網(wǎng)站可以加深大家對動漫文化的了解，促進(jìn)動漫文化的發(fā)展，推進(jìn)動漫產(chǎn)業(yè)的進(jìn)步和升級。在國家機(jī)器的政策推動下，隨著我國動漫產(chǎn)業(yè)整體開花的局面變好，之類的網(wǎng)站將受到更多人的歡迎，創(chuàng)造更多的經(jīng)濟(jì)和文化價值。

14、于我個人而言，我本身是個動漫文化愛好者，能完成這類網(wǎng)站的設(shè)計和實(shí)現(xiàn)對于我而言是一件十分愉悅的事。不僅如此，這次獨(dú)立自主的完成設(shè)計開發(fā)，也讓我深切體會到了書本上所提到的軟件項目開發(fā)的種種問題，加深了項目開發(fā)的認(rèn)知。當(dāng)然，編碼技巧上也有了極大的提升，對于如何提高自己的編碼質(zhì)量有了一定的明悟。 1.2 國內(nèi)外研究狀況以及現(xiàn)發(fā)展水平 歐美動漫產(chǎn)業(yè)發(fā)展已經(jīng)有100多年的歷史，歐美的動漫文化中有著許多出色且深入人心的動漫主題人物諸如米老鼠，唐老鴨，湯姆貓等。其二，歐美國家的互聯(lián)網(wǎng)產(chǎn)業(yè)的發(fā)展和普及也領(lǐng)先國內(nèi)?；谏鲜龅膬蓚€原因，歐美國家產(chǎn)生了具 有大量優(yōu)秀的動漫主題網(wǎng)站。 舉個例子，迪士尼網(wǎng)站就是個

15、非常成熟的以動漫為主題的網(wǎng)站。隨著迪士尼產(chǎn)業(yè)的升級和擴(kuò)大，迪士尼網(wǎng)站已經(jīng)不單單局限于視頻播放，更是涵蓋了線上活動，新聞，信息，購物，比賽等諸多功能。在成為一個成功的商業(yè)化動漫文化主題網(wǎng)站前進(jìn)了好幾步。是一個非常好的范例。 除了商業(yè)化用途，也有其他優(yōu)秀的貫徹推廣動漫文化的視頻網(wǎng)站。如知名的AnimeFreak TV網(wǎng)站，是一個可以在線觀看動漫電影，劇集的免費(fèi)視頻網(wǎng)站，動漫視頻資源極其豐富。 如果說AnimeFreak TV網(wǎng)站代表著動漫視頻網(wǎng)站的橫向發(fā)展中佼佼者的話，那么蓋亞互動網(wǎng)站就是縱向發(fā)展的領(lǐng)軍者。 現(xiàn)如今的蓋亞互動網(wǎng)站已經(jīng)演變成了一個在線社區(qū)網(wǎng)站。蓋亞互動將游戲世界，虛擬世界，“論

16、壇論劍”，社交網(wǎng)絡(luò)等等融合到了一起，是一個起于動漫文化，又將動漫文化帶到更多更深的地方的一個網(wǎng)站。 反觀國內(nèi)動漫文化方興未艾。繼前年的《大圣歸來》上映數(shù)月內(nèi)斬獲9.56億票房，一舉創(chuàng)下我國國產(chǎn)動漫產(chǎn)業(yè)票房的紀(jì)錄后，去年7月上映的《大魚海棠》，首日票房便已經(jīng)突破了7460萬元，再次刷新了國產(chǎn)動漫產(chǎn)業(yè)票房?！皣?fù)興”的種子正在逐漸發(fā)芽，越來越多的人試著去接受動漫文化，感受動漫文化的魅力，享受觀看動漫帶來的那份喜悅。 隨著時下我國的互聯(lián)網(wǎng)產(chǎn)業(yè)高速發(fā)展，“互聯(lián)網(wǎng)+”概念的提出。國內(nèi)早先涌現(xiàn)的已動漫文化為主體的視頻網(wǎng)站也變得越來越火熱。 諸如，嗶哩嗶哩，AcFun等網(wǎng)站。但相較之下還是略顯匱乏，

17、一些動漫視頻網(wǎng)站的制度也存在一定的缺陷。不僅如此，因為越來越多的人涌入ACG網(wǎng)站，也引起了網(wǎng)站的整體用戶素質(zhì)水平下滑。新舊用戶之間的價值觀問題以及年齡差異帶來的交流問題等等日漸浮現(xiàn)。 如何更好的解決無謂的爭端，營造良性的網(wǎng)站交流氛圍，國內(nèi)的ACG網(wǎng)站還有不短的一段路要走。文化差異問題是一個任何以某文化為中心的網(wǎng)站都要面對的問題，是根的問題。國內(nèi)的ACG網(wǎng)站只能一邊解決這個問題，一邊緩步的發(fā)展更多的網(wǎng)站功能。 總結(jié)下來，盡管國外的動漫網(wǎng)站相對成熟完善，但國內(nèi)的動漫網(wǎng)站正在不斷的發(fā)展，正在逐步形成具有中國特色動漫文化的主題網(wǎng)站。 1.3 項目創(chuàng)新點(diǎn) 本課題采用HTML5中新的多媒體元素

18、如視頻標(biāo)簽

19、blime Text 3 是時下H5網(wǎng)站及App開發(fā)的先進(jìn)的文本編輯器。最初的Sublime Text是在2008年1月份由程序員Jon Skinner開發(fā)出來的。Sublime Text 3不僅具有漂亮，簡介，易操作的界面，還向用戶提供了許多強(qiáng)大的功能。Sublime Text 3的主要功能包括多選擇，多窗口，自定義鍵綁定，代碼縮略圖，即時項目轉(zhuǎn)換等。Sublime Text 3是一個跨平臺的編輯器，同時支持多個操作系統(tǒng)，是項目開發(fā)的強(qiáng)有力的工具。 Navicat for MySql Navicat for MySql是一款強(qiáng)大的數(shù)據(jù)庫管理，開發(fā)及維護(hù)的專為MySql設(shè)計的軟件開發(fā)工具。

20、Navicat for MySql在某種意義上可以稱為前端開發(fā)軟件，它不僅功能齊備包含觸發(fā)器，存儲過程，檢索，函數(shù)，事件等，還提供了直觀而強(qiáng)大的圖形界面。 Navicat for MySql的出現(xiàn)，大大降低了軟件開發(fā)的成本，提高了開發(fā)的效率，一定程度上解放了PHP，J2EE等開發(fā)程序員的大腦。 1.5 本章小結(jié) 本章節(jié)主要是對網(wǎng)站設(shè)計與實(shí)現(xiàn)的初步階段的簡要介紹，對網(wǎng)站開發(fā)的背景，意義及國內(nèi)外的發(fā)展?fàn)顩r做出了一定的闡述。此階段可以使我們更加明確課題研究開發(fā)的方向，方法。  2 可行性研究 2.1 技術(shù)可行性分析 本網(wǎng)站是使用成熟的H5技術(shù)合集來搭建網(wǎng)站頁面和功能模塊。使用

21、目前廣受歡迎的前端框架Bootstrap來架構(gòu)頁面，并且完成部分頁面功能。采用AngularJS負(fù)責(zé)構(gòu)建部分頁面應(yīng)用程序。使用AJAX+PHP+MySql三者聯(lián)結(jié)的方式完成前端與數(shù)據(jù)庫的信息交互，不僅節(jié)約帶寬，還可以減輕服務(wù)器壓力，將一些簡單的功能運(yùn)算移交到客戶端。 本網(wǎng)站設(shè)計關(guān)鍵技術(shù)簡介如2.2.1，2.2.2及2.2.3所示。 2.2.1 JavaScript JS在最初被創(chuàng)造的時候，本意是希望其能夠如java一般，人們比較中意的是語言當(dāng)中的函數(shù)式?？墒亲詈笸瓿傻臅r候，就函數(shù)腳本語言的風(fēng)格角度而言，JS更類似于C語言的風(fēng)格。就發(fā)展到目前而言，JS是時下所有主流瀏覽器唯一支持的腳本語言

22、[2]。 而體現(xiàn)在本網(wǎng)站的開發(fā)設(shè)計中，JS的作用就是網(wǎng)站可以在一些情況下不與服務(wù)器產(chǎn)生數(shù)據(jù)交流而能動態(tài)的改變我們網(wǎng)站的頁面內(nèi)容也就是DOM。 2.2.2 H5 在這里需要明確一點(diǎn)，本文中說的H5不等于HTML5.HTML5是一個目前網(wǎng)絡(luò)上應(yīng)用的最新的也最為廣泛的超文本標(biāo)記語言。本文的H5實(shí)際指的是一個web網(wǎng)站開發(fā)技術(shù)合集，當(dāng)然，在現(xiàn)實(shí)工作中也可被理解為一類產(chǎn)品。 而體現(xiàn)在本網(wǎng)站的開發(fā)設(shè)計中，H5的主要作用就是通過使用其中的與多媒體特性相關(guān)的技術(shù)也可以說是標(biāo)簽來替代Adobe Flash。 2.2.3 PHP 在本網(wǎng)站開發(fā)中PHP并未有過多復(fù)雜的算法邏輯，也沒有使用PHP相關(guān)框架。

23、本網(wǎng)站主要通過Ajax+PHP+MySql三方聯(lián)動配合的方式來完成前后端的數(shù)據(jù)交互，體現(xiàn)網(wǎng)站的動態(tài)運(yùn)行。 2.2經(jīng)濟(jì)可行性分析 隨著動漫產(chǎn)業(yè)在我國的飛速發(fā)展，借助互聯(lián)網(wǎng)這個平臺。本類網(wǎng)站足可以吸引到足夠的受眾。由此，無論是視頻會員機(jī)制或是廣告位機(jī)制等一系列時下視頻網(wǎng)站獲取經(jīng)濟(jì)利益的方式在足夠的受眾群支持下都可以逐步實(shí)行。不僅如此，隨著網(wǎng)站的運(yùn)營和升級還可以不斷的融入新的元素，諸如線上線下活動，網(wǎng)上購物，虛擬世界，游戲競技等等。在互聯(lián)網(wǎng)流量，廣告變現(xiàn)，個性化服務(wù)等一系列增值服務(wù)的盈利模式下，去除視頻版權(quán)費(fèi)支出，網(wǎng)站運(yùn)營升級支出，網(wǎng)站依然可以獲得不俗的盈利。 2.3 操作可行性分析

24、本網(wǎng)站的頁面提示較為豐富，導(dǎo)航欄，標(biāo)題，按鈕等頁面元素命名貼近功能本意。頁面的操作簡單，快捷，方便。用戶可以根據(jù)頁面的提示和相關(guān)小功能即便不使用用戶手冊也能對頁面進(jìn)行相關(guān)許可內(nèi)的操作。所以本網(wǎng)站具備操作可行性。 2.4 環(huán)境可行性分析 該站點(diǎn)開發(fā)及測試環(huán)境為Windows 10，谷歌瀏覽器，Sublime Text3，Navicat for MySQL，WampServer64開發(fā)成功并測試成功。本網(wǎng)站具備一定的環(huán)境可行性。  3 需求分析 3.1用戶角色分析 根據(jù)網(wǎng)站設(shè)計需求規(guī)劃，系統(tǒng)用戶主要分為兩種角色：網(wǎng)站用戶，網(wǎng)站管理員。網(wǎng)站用戶可以在網(wǎng)站進(jìn)行注冊登錄。用戶登入網(wǎng)

25、站后可以瀏覽不同種類的動漫視頻，獲取網(wǎng)站最新的推送視頻資源。用戶在觀看完視頻后還可以做出點(diǎn)贊，收藏，關(guān)注UP主，評論視頻等操作。用戶擁有屬于自己的個人空間，可以在個人空間里發(fā)表日志，查看收藏視頻，查看關(guān)注UP主，查看自己的投稿等。 網(wǎng)站管理員主要負(fù)責(zé)日常的網(wǎng)站運(yùn)營維護(hù)等工作。網(wǎng)站管理員需要審核用戶的視頻投稿，在確認(rèn)視頻沒有違法違紀(jì)的內(nèi)容后將視頻加入網(wǎng)站視頻庫。 3.2功能板塊劃分 本網(wǎng)站的功能模塊大致分為六個部分。六個功能模塊分別是用戶登錄注冊模塊，動漫資訊推送功能板塊，視頻播放功能板塊，用戶評論區(qū)功能板塊，視頻搜索功能板塊，用戶個人空間功能板塊等。 3.2.1網(wǎng)站用戶系統(tǒng) 網(wǎng)站用戶

26、功能模塊主要分為：登錄注冊，獲取推送，觀看視頻，發(fā)表評論，搜索視頻，發(fā)表日志，進(jìn)行投稿等。 (1） 登錄注冊 用戶注冊賬號，設(shè)置個人id。 (2） 獲取推送 用戶在瀏覽網(wǎng)站頁面內(nèi)容時，可以根據(jù)頁面提示獲取網(wǎng)站推送的視頻資源。 (3） 觀看視頻 用戶可以觀看自己喜愛的視頻資源。 (4） 發(fā)表評論 用戶可以在觀看完視頻后作出自己的評論，發(fā)表感想。 (5） 搜索視頻 用戶可以通過視頻名字的關(guān)鍵字查詢視頻，獲取視頻資源。。 (6） 發(fā)表日志 用戶擁有自己的個人空間并可以在自己的個人空間里發(fā)表日志。 (7） 進(jìn)行投稿 用戶可以制作或搬運(yùn)視頻通過網(wǎng)站提供的方法進(jìn)行視頻投稿。

27、 3.2.2管理員系統(tǒng) 網(wǎng)站管理員主要負(fù)責(zé)網(wǎng)站的日常運(yùn)營維護(hù)以及審核投稿，更新視頻庫。管理員需要在確認(rèn)視頻投稿中沒有違法違紀(jì)的內(nèi)容之后才可以將視頻更新進(jìn)數(shù)據(jù)庫。 3.3數(shù)據(jù)流圖及流程圖 （1） 網(wǎng)站設(shè)計系統(tǒng)總流程圖如圖3-1所示 圖3-1系統(tǒng)總流程圖 （2）網(wǎng)站設(shè)計頂層數(shù)據(jù)流圖 圖3-2網(wǎng)站設(shè)計頂層數(shù)據(jù)流圖 （3）用戶功能數(shù)據(jù)流圖如圖3-3所示 圖3-3用戶功能數(shù)據(jù)流圖 （4）網(wǎng)站管理員功能數(shù)據(jù)流圖如圖3-4所示 圖3-4網(wǎng)站管理員功能數(shù)據(jù)流圖 3.4數(shù)據(jù)字典

28、 主要的數(shù)據(jù)字典如圖3-5所示： 名字：身份信息 別名：用戶，管理員 描述：網(wǎng)站管理員以及網(wǎng)站用戶的賬號，名稱以及密碼 定義：身份信息＝用戶信息+管理員信息 名字：視頻信息 別名：無 描述：用戶觀看視頻，點(diǎn)贊，收藏，關(guān)注以及評論。 定義：視頻信息＝視頻源地址+視頻播放量+視頻點(diǎn)贊量+視頻收藏量+視頻評論 名字：空間信息 別名：個人空間 描述：用戶進(jìn)入自己的個人空間，發(fā)表日志，查看收藏，關(guān)注以及投稿 定義：空間信息＝日志信息+收藏+關(guān)注+投稿+基礎(chǔ)信息 名字：視頻搜索 別名：關(guān)鍵字查找 描述：用戶根據(jù)相關(guān)視頻名中的關(guān)鍵字在數(shù)據(jù)庫中索引查找自己喜愛的視頻

29、 定義：視頻搜索=關(guān)鍵字+數(shù)據(jù)庫查找 名字：視頻推送 別名：獲取更多 描述：用戶根據(jù)頁面提示按鈕刷新推送視頻的信息 定義：視頻推送=頁面提示+數(shù)據(jù)庫推送 3.5本章小結(jié) 本章對網(wǎng)站的需求進(jìn)行了詳細(xì)的分析，明確了開發(fā)網(wǎng)站所需用戶種類以及每一類用戶所需求的功能模塊，確認(rèn)了網(wǎng)站設(shè)計所需要劃分出的子系統(tǒng)。最后對網(wǎng)站開發(fā)所需要的數(shù)據(jù)流圖以及數(shù)據(jù)字典做出了詳細(xì)的設(shè)計和分析介紹。  4 概要設(shè)計 4.1模塊層次圖 動漫社區(qū)網(wǎng)站主要分為兩個子系統(tǒng)：網(wǎng)站用戶子系統(tǒng)，網(wǎng)站管理員子系統(tǒng)。整個動漫社區(qū)網(wǎng)站的系統(tǒng)功能模塊如圖4-1所示。 圖4-

30、1總系統(tǒng)層次圖 4.2子系統(tǒng)功能模塊 （1）網(wǎng)站用戶子系統(tǒng) 網(wǎng)站用戶子系統(tǒng)的主要登錄的是一般的網(wǎng)站用戶。用戶在登入后可以通過頁面提示來瀏覽推送視頻信息，觀看視頻，發(fā)表評論，關(guān)鍵字搜索相關(guān)視頻以及進(jìn)入個人空間進(jìn)行一些操作等。如圖4-2所示。 圖4-2用戶子系統(tǒng)層次圖 （2）管理員子系統(tǒng) 管理員子系統(tǒng)的主要登錄對象是網(wǎng)站管理員。網(wǎng)站管理員除了需要對網(wǎng)站進(jìn)行一些日常的運(yùn)維操作之外還要審核用戶的投稿視頻。當(dāng)網(wǎng)站管理員確認(rèn)視頻中沒有違法違紀(jì)的內(nèi)容后，管理員會將視頻更新進(jìn)網(wǎng)站視頻庫，如圖4-3所示。 圖4-3管理員子系統(tǒng)

31、層次圖 4.3數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計 本網(wǎng)站的實(shí)體主要有網(wǎng)站用戶實(shí)體，網(wǎng)站管理員實(shí)體，視頻實(shí)體，評論實(shí)體，日志實(shí)體，收藏實(shí)體，關(guān)注實(shí)體，投稿實(shí)體等 （1）網(wǎng)站用戶實(shí)體屬性圖，用戶實(shí)體由登錄郵箱，日志，收藏，登錄密碼，關(guān)注，用戶昵稱，用戶頭像，投稿組成。如圖4-4所示。 圖4-4網(wǎng)站用戶實(shí)體屬性圖 （2）網(wǎng)站管理員屬性圖，網(wǎng)站管理員主要有三個屬性，管理員昵稱，郵箱以及管理員登錄的密碼等。如圖4-5所示。 圖4-5網(wǎng)站管理員實(shí)體屬性圖 （3）視頻實(shí)體屬性圖，視頻實(shí)體由UP主，簡圖，評論，點(diǎn)贊，收藏，簡介，名稱以及播放組成。

32、如圖4-6所示。 圖4-6視頻實(shí)體屬性圖 （4）評論實(shí)體屬性圖，評論實(shí)體共有用戶頭像，用戶，點(diǎn)贊，評論信息以及發(fā)表時間組成。如圖4-7所示。 圖4-7評論實(shí)體屬性圖 （5）日志實(shí)體屬性圖，日志實(shí)體由用戶頭像，用戶，評論信息，發(fā)表時間，點(diǎn)贊組成。如圖4-8所示。 圖4-8日志實(shí)體屬性圖 （6）收藏實(shí)體屬性圖，收藏實(shí)體由視頻名，簡介，視頻源組成。如圖4-9所示。 圖4-9收藏實(shí)體屬性圖 （7）關(guān)注

33、實(shí)體屬性圖，關(guān)注實(shí)體由UP名，簡介，鏈接組成如圖4-10所示。 圖4-10關(guān)注實(shí)體屬性圖 4.4數(shù)據(jù)庫表設(shè)計 根據(jù)以上章節(jié)的介紹，設(shè)計數(shù)據(jù)庫及表如下所示。 （1）動畫視頻庫視頻表 視頻表主要用于存儲視頻庫中的視頻信息，網(wǎng)站用戶可以通過關(guān)鍵字查找功能在視頻庫中找到自己喜愛的視頻。tu表示視頻封面圖，up表示該視頻的投稿人，name表示視頻名稱，bf表示視頻表量，dz表示視頻點(diǎn)贊量。如表4.1所示。 表4.1 視頻表 字段名 數(shù)據(jù)類型 長度 備注 tu up name bf dz varchar va

34、rchar varchar varchar varchar 32 32 32 32 32 NOT NULL(Key) NOT NULL NOT NULL NOT NULL NOT NULL （2）娛樂區(qū)視頻推送庫視頻表 娛樂區(qū)視頻推送庫視頻表主要用于用戶通過頁面提示，如點(diǎn)擊按鈕等來獲取新的視頻源。UP表示視頻投稿人，browse表示播放量，praise表示視頻點(diǎn)贊量，link表示視頻源地址，pic表示視頻封面圖，title表示視頻標(biāo)題。如表4.2所示。 表 4.2 推送表 字段名 數(shù)據(jù)類型 長度 備注 UP browse pr

35、aise link pic title varchar varchar varchar varchar varchar varchar 32 32 32 32 32 32 NOT NULL (Key) NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL （3）用戶個人空間庫及各個表 用戶個人空間庫由用戶昵稱命名，建有四個表。四個表分別為關(guān)注表，空間表，收藏表以及投稿表等。 關(guān)注表用于顯示用戶所關(guān)注UP的信息。tu表示所關(guān)注UP主的頭像，name表示所關(guān)注up主昵稱，cont

36、ent表示該up的簡介。如表4.3所示。 表 4.3 關(guān)注表 字段名 數(shù)據(jù)類型 長度 備注 tu name content varchar varchar varchar 32 32 32 NOT NULL NOT NULL (Key) NOT NULL 空間表用于記錄用戶所發(fā)表的日志。pic表示所關(guān)注UP主的頭像，name表示所關(guān)注up主昵稱，pl表示該up的日志，dz表示點(diǎn)贊量，sj表示日志發(fā)表時間。如表4.4所示。 表 4.4 空間表 字段名 數(shù)據(jù)類型 長度 備注 pic name pl dz sj

37、 varchar varchar varchar varchar varchar 32 32 32 32 32 NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL (Key) 收藏表用于記錄用戶所收藏的視頻信息。tu表示所收藏的視頻的封面，name表示所關(guān)注up主昵稱，content表示所收藏的視頻的簡介。如表4.5所示。 表 4.5 收藏表 字段名 數(shù)據(jù)類型 長度 備注 tu name content varchar varchar varchar 32 32 32

38、NOT NULL NOT NULL (Key) NOT NULL 投稿表用于記錄用戶的投稿的信息。tu表示用戶投稿的視頻的封面，name表示投稿視頻的名稱，content表示用戶投稿視頻的簡介。如表4.6所示。 表 4.6 投稿表 字段名 數(shù)據(jù)類型 長度 備注 tu name content varchar varchar varchar 32 32 32 NOT NULL NOT NULL (Key) NOT NULL （4）用戶數(shù)據(jù)庫用戶表 用戶數(shù)據(jù)庫用戶表主要用于記錄用戶的注冊信息。name表示用戶昵稱，user

39、表示用戶郵箱，password表示用戶密碼，pic表示用戶頭像。如表4.7所示。 表 4.7 用戶表 字段名 數(shù)據(jù)類型 長度 備注 name user password pic varchar varchar varchar varchar 32 32 32 32 NOT NULL(Key) NOT NULL(Key) NOT NULL NOT NULL （5） 管理員表 網(wǎng)站管理員數(shù)據(jù)庫網(wǎng)站管理員表主要負(fù)責(zé)記錄網(wǎng)站運(yùn)維人員的ID，密碼以及郵箱賬號。name表示管理員名稱，user表示管理員郵箱，password表示管理員密碼，pi

40、c表示管理員頭像。如表4.8所示。 表 4.8 管理員表 字段名 數(shù)據(jù)類型 長度 備注 name user password pic varchar varchar varchar varchar 32 32 32 32 NOT NULL(Key) NOT NULL(Key) NOT NULL NOT NULL （6）具體視頻數(shù)據(jù)庫 本站對每一個視頻均設(shè)有相關(guān)的數(shù)據(jù)庫。數(shù)據(jù)庫中建有四個表，分別為評論表，關(guān)注表，點(diǎn)贊表以及收藏表等。關(guān)注表用以記錄關(guān)注投稿UP的用戶，點(diǎn)贊表用以記錄對視頻點(diǎn)贊的用戶，收藏表用以記錄收藏視頻的用戶，評論表用

41、以記錄用戶觀看視頻后的感想。四表如下。 表 4.9 關(guān)注表 字段名 數(shù)據(jù)類型 長度 備注 name varchar 32 NOT NULL(Key) 表 4.10 點(diǎn)贊表 字段名 數(shù)據(jù)類型 長度 備注 name varchar 32 NOT NULL(Key) 表 4.11 收藏表 字段名 數(shù)據(jù)類型 長度 備注 name varchar 32 NOT NULL(Key) 表 4.12 評論表 字段名 數(shù)據(jù)類型 長度 備注 pic name pl d

42、z sj varchar varchar varchar varchar varchar 32 32 32 32 32 NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL (Key) 5 詳細(xì)設(shè)計 5.1概述 本網(wǎng)站使用Sublime Text 3 作為主要開發(fā)工具，使用H5相關(guān)技術(shù)完成前端設(shè)計，使用Ajax和PHP完成前后臺數(shù)據(jù)庫數(shù)據(jù)交流，使用Mysql存儲數(shù)據(jù)。 5.2登錄注冊模塊 登陸注冊界面如下圖5-1，5-2所示 圖5-1用戶注冊界面

43、 圖5-2用戶登陸界面 在注冊頁面中，用戶可以在頁面使用自己的郵箱地址創(chuàng)建自己的賬號密碼并且注冊自己的獨(dú)有昵稱。注冊成功后，用戶可以在登陸頁面輸入郵箱賬號和密碼經(jīng)后臺驗證無誤后進(jìn)入主頁面。部分代碼如下。 mysqli_select_db($con,"$BB"); mysqli_query($con,"set names utf8"); $res = mysqli_query($con,"select name from usersinfo"); while ($row = mysqli_fetch_array($res)) {

44、 if ($row['name'] == $User) { $AA = 1; echo $AA; } } 5.3資訊推送模塊 網(wǎng)站主頁面如下圖5-3，5-4所示。 圖5-3網(wǎng)站主界面 圖5-4網(wǎng)站主界面 用戶進(jìn)入網(wǎng)站頁面后可以看到豐富的視頻推送信息。用戶可以通過鏈接進(jìn)入動畫，娛樂，文章，音樂，游戲，動漫商們等各個頁面瀏覽網(wǎng)站推送。此外，用戶可以點(diǎn)擊“換一批”按鈕來更新推送，獲取其他的推送視頻。部分代碼如下 $res=mysqli_query($con,"s

45、elect UP,browse,praise,link,pic,title from more"); $data1 =array(); $res = mysqli_query($con,"select UP from more"); while ($row = mysqli_fetch_array($res)) { $data1[] = $row['UP']; } 5.4視頻播放模塊 視頻播放頁面如下圖5-5，5-6所示。 圖5-5視頻播放界面 圖5-6視頻播放界面 用戶通過頁面?zhèn)髦垫溄?/p>

46、進(jìn)入視頻播放頁面。用戶可以播放視頻，還可以通過提供的按鈕來調(diào)節(jié)視頻播放界面。部分代碼如下。

5.5用戶評論模塊 用戶評論頁面如下圖5-7所示。 圖5-7用戶評論界面 用戶可

48、以在觀看完視頻后在播放頁面的下面發(fā)表自己的觀后感言并瀏覽其他用戶的評論。部分代碼如下