隨著互聯網的飛速發展，大量的用戶會通過視聽平臺來觀看視頻。經過調查發現，截至2020年12月，我國網絡視聽用戶規模達9.44億，網民使用率為95.4%。以嗶哩嗶哩（Bilibili）彈幕視頻網站為例，截至2021年3月，嗶哩嗶哩月平均活躍用戶數量達到2.23億各類視頻播放量達到16億每日。嗶哩嗶哩通過平臺的大數據算法推薦和高精確的視頻索引吸引了大量的年輕用戶。抖音在2016年9月上線它在短時間內實現了用戶群體和內容爆發式的增長，短視頻模式開始變得流行。

基于Vue.js 的天天影視云視聽平臺的設計類似于抖音和嗶哩嗶哩，是一份快餐式的視聽方式，但要比抖音和嗶哩嗶哩的使用門檻更低。每一個人都可以去拍，去記錄，并在天天影視云視聽平臺上傳視頻；觀看者只要登錄，就可以即時看到拍攝者上傳的視頻。天天影視云視聽平臺的設計可以以抖音的快節奏短視頻為榜樣，并參考嗶哩嗶哩網站推薦索引和UI界面，以簡單免費、開放即時為特色，設計實現契合當代年輕人喜好的網絡視聽平臺。

在創新驅動發展戰略之下，平臺可以將5G、人工智能等新興技術不斷適用于網絡視聽從生產到播放的各個環節。這些新興技術將使網絡視聽的表達更加充實，傳播更加高效。結合嗶哩嗶哩與抖音等短視頻特點的創意視聽平臺可以更加吸引大眾的眼球，獲得1+1＞2的效果。

進行網絡視聽市場的調研和Vue.js相關技術參考文獻閱讀，理解視聽平臺項目的大致業務邏輯框架。按照視頻網站項目相關的業務需求，設計項目所需要的框架模塊和交互界面。在理解項目業務邏輯、項目需求的基礎上，進行項目詳細分析，創建數據庫、構建表結構。進行項目規劃與進度跟進。并在項目完成之后進行測試，分析不足和改進。

天天影視云視聽平臺基于Vue.js的漸進式框架，采用ThinkPHP框架技術和 Axios 來處理前后臺數據的交互，前端使用JavaScript腳本語言。后端開發使用ThinkPHP框架技術，MySQL數據庫與Layui UI框架。

天天影視云視聽平臺分為前臺客戶端和后臺管理兩個部分，前臺客戶端分為首頁模塊、搜索模塊、視頻模塊、評論模塊、用戶模塊;后臺管理部分劃分為管理員個人中心模塊、視頻管理模塊、用戶管理模塊、用戶留言管理模塊。

前臺客戶端模塊:

①首頁模塊：搜索框展示、推薦視頻、視頻分類信息展示等。

②搜索模塊：搜索功能、搜索記錄等。

③視頻模塊：視頻播放、視頻暫停、收藏視頻等。

④評論模塊：發表評論、編輯評論等。

⑤用戶模塊：用戶注冊、用戶登錄等。

后臺管理模塊:

①管理員個人中心模塊：管理員注冊、管理員登錄、修改管理員個人信息等。

②視頻管理模塊：視頻刪除、視頻種類編輯等。

③用戶管理模塊：對用戶信息的修改、查找用戶信息等。

④用戶留言管理模塊：管理員可以查看用戶的留言、對用戶留言進行回復等。

在傳統文化的傳播話語中，媒介技術以一種動力性要素發揮了積極作用，并在與時俱進的時代語境中推進傳統文化的大眾化進程，尤其在當代社會的數字技術影響下，傳統文化的傳播實踐充分借力數字技術的功能性優勢[5]。從王小悅的視聽平臺動態延伸，到如今的蓬勃發展，Vue.js技術的應用無不起到重要作用[6]。通過劉啟偉Vue.js與Web前端開發[7]以及楊豐嘉，黃媛媛的 Vue.js在線商城設計[8]，將其與視聽媒體多元結合，促使視聽媒體的價值實現，對視聽媒體的發展提供新的道路[9]。Vue.js作為一種重要的移動業務分析技術可以實現對應用和業務流程的管控滿足人們的數據需求，尤其是在可視化平臺網頁設計層面上[10]。

以嗶哩嗶哩（Bilibili）視聽平臺的設計為例，其利用了簡潔的UI與方便快捷的分區、搜索功能成為當今視聽平臺市場的巨頭[11]。Vue.js 作為前端開發的漸進式框架，嚴格遵循CMD標準。同時提供了MVVM前端架構模式和Vue全家桶用于系統的前端開發[12]。不同于其他的前端開發框架，Vue是能夠從底層組件到上層框架分層次應用，充分體現了Vue的漸進式原理，Vue的運行速度快、將視圖、數據、結構分離并且作為一個輕量型的框架，有助于視聽平臺項目的開發應用。學習王璐，崔保磊等人的Vue.js開放平臺設計，避免重復的前端工作，提高開發效率[13]。參考馮傳波，彭章友[14]等人與Paul Krill的移動應用可視化研究[15]，進行視聽平臺的搭建與開發。

參考文獻

[1]王一梅,馮麗萍,吳心怡. 2020年我國網絡視聽產業發展現狀與趨勢[J].廣播電視信息,2021,2

8(10):58-60.

[2]方生.基于“Vue.js”前端框架技術的研究[J].電腦知識與技術,2021,17(19):59-60+64.

[3]胡開華,張玉靜,陳明祿,何文鑫.基于Vue.js的Web應用開發教學案例設計與實[J].信息與電

腦(理論版),2021,33(18):91-94.

[4]王思辰,李林.基于Vue.js的電商管理平臺的設計與實現[J].現代信息科技,2021,5(14):13-15+

20.

[5]趙紅勛, 付月.數字化時代傳統文化的視聽傳播策略探析[J].當代電視,2021,17(11):

54 -58+62.

[6]王小悅.數字媒體影像的視聽語言表現研究[J].大觀(論壇),2021,14(07):77-78.

[7]劉啟偉.基于 Vue.js 框架的Web前端開發工具的設計與實現[D].北京:北京郵電大學,2021.

[8]楊豐嘉,黃媛媛.基于Vue.js的在線商城網站設計與實現[J].工程技術研究,2020,2(8):11-13.

[9]劉永剛,祁江波,王大鵬,尹亞光.基于多源數據的視聽媒體收視調查平臺研發與應用[J].廣播

電視網絡,2020,27(11):81-83.

[10]沈皎佶.Vue.js技術在移動應用可視化平臺網頁設計中的應用[J].數碼世界,2020,1(09):96-97.

[11]林瑋,黃倩如.區塊鏈技術介入視聽傳播平臺的基礎與潛能-以嗶哩嗶哩（Bilibbili）為例[J].

聲屏世界,2020,12(14):9-11.

[12]唐斌斌,葉奕.Vue.js在前端開發應用中的性能影響研究[J].電子制作,2020,2(10):49-50+59.

[13]王璐,崔保磊,潘紅霞,趙莉,田宇.基于Vue.js的在線設計開放平臺研究與實現[J].信息技術與信息化,2019.1(11):168-170.

[14]馮傳波,彭章友,張鐘浩.基于 Vue.js 的移動應用可視化平臺的研究[J].工業控制計算機,20

19,32(05):102-103.

總結

以上是生活随笔為你收集整理的基于Vue.js 的天天影视云视听平台的设计的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。