【基于HTML5的短視頻網(wǎng)站的設計8300字（論文）】

基于HTML5的短視頻網(wǎng)站的設計目次TOC\o"1-3"\h\u59171引言 1219271.1研究背景 1269521.2研究目的和意義 1312541.3文章內(nèi)容概述 1307922系統(tǒng)需求分析 2288772．1系統(tǒng)可行性分析 2243522.1.1經(jīng)濟可行性 2145812.1.2技術(shù)可行性 2306482.1.3運行可行性 2262612．2系統(tǒng)功能分析 2104282．3系統(tǒng)非功能分析 3177942.3.1交互設計分析 3223262.3.2整體色調(diào)分析 3299432.3.3性能需求分析 3169682.3.4安全性需求分析 3186913開發(fā)環(huán)境介紹 33753．1MySQL數(shù)據(jù)庫介紹 3266543．2SpringBoot介紹 4251723．3HTML5介紹 437473．4BootStrap介紹 421984在線短視頻網(wǎng)站模型 4284304．1在線短視頻網(wǎng)站程序流程 430394．2視頻網(wǎng)站的數(shù)據(jù)庫設計 574664.2.1數(shù)據(jù)庫表的概念結(jié)構(gòu)設計 5268174.2.2數(shù)據(jù)庫表的邏輯結(jié)構(gòu)設計 590985在線視頻點播實現(xiàn) 617175.1管理員登陸后對用戶進行管理 676925.2用戶功能模塊的實現(xiàn) 9253945.2.1系統(tǒng)主頁面 9187415.2.2視頻詳情主界面 9127965.2.3管理員主界面 10137335.2.4視頻詳細信息輸入界面 1013765.2.5個人信息界面 1120395.2.6用戶端評論管理界面 11258656系統(tǒng)測試 12124835.1管理員登陸后對用戶進行管理 12124075.2系統(tǒng)的具體測試 1296347結(jié)論 1521112參考文獻 161引言1.1研究背景從改革開放以來，網(wǎng)絡技術(shù)大幅度進步與發(fā)展，4G網(wǎng)絡已經(jīng)全面普及，社會已經(jīng)進入5G時代，這足以證明網(wǎng)絡信息日新月異的變化。在這種發(fā)展趨勢下，短視頻行業(yè)也迅猛發(fā)展，短視頻做為一種新型的社交娛樂方式映入群眾的生活中。短視頻相比長視頻內(nèi)容簡潔明了，短則數(shù)十秒，長則幾分鐘，在這個生活節(jié)奏日益變快的社會里，短視頻更能高效的應用人們的碎片化時間，短視頻是時代的產(chǎn)物。普通使用者甚至可以利用手機進行拍攝，大大減少了傳播成本。人們可以用設備拍攝生活中的趣事與見聞，然后短視頻作為一個載體在視頻網(wǎng)站上傳播，通過視頻網(wǎng)站的篩選與播出，優(yōu)質(zhì)的短視頻可以在短時間內(nèi)火速傳播，短視頻使信息的傳播更為便捷。然而，這樣快速傳播使得多種多樣的網(wǎng)站和千奇百怪的內(nèi)容被快速傳播的出現(xiàn)。電子商務是個典型的案例，該系統(tǒng)的建立就是因為大眾的需求，視頻網(wǎng)站為他們建立了良好的渠道。中國的視頻網(wǎng)站平臺正在變得更加正規(guī)，這些平臺大多使用的是簡單明了的平臺管理系統(tǒng)，而且這個系統(tǒng)是實時變動的，而實現(xiàn)這一功能主要基于其特殊的網(wǎng)絡結(jié)構(gòu)，通過這種網(wǎng)絡能夠?qū)崟r動態(tài)對其他網(wǎng)絡中的數(shù)據(jù)庫進行檢索訪問，以來使用短視頻網(wǎng)站。由目前國內(nèi)外短視頻發(fā)展狀況，網(wǎng)絡社交方式中短視頻占了舉足輕重，它能極大的滿足用戶，并且管理員也及其方便管理。1.2研究目的和意義在如今的工作生活當中，計算機的普及和網(wǎng)絡的便利，使短視頻能夠高效有序的管理信息成了短視頻的重要研究方向。鑒于上述情況，提出一種新穎的短視頻網(wǎng)站，在數(shù)據(jù)交換的過程中運用密匙的方式加密，使得系統(tǒng)更可靠，更具有安全性。短視頻網(wǎng)站提供了一個短視頻管理和信息管理的平臺供用戶使用，為用戶提供了一個良好的展示平臺，使得自己所需要展示的東西，得到高效快速的傳播，提高用戶傳播信息的積極性。本文設計與開發(fā)了基于HTML5的短視頻網(wǎng)站，目的是為了建造一個現(xiàn)代化、高效化的視頻網(wǎng)站，普通用戶的信息可以被管理員隨時隨地的在線更改，實現(xiàn)了他們之間的信息銜接，相互關(guān)系在一起，使得人們在使用平臺時更加便捷?？偠灾桃曨l網(wǎng)站具有巨大的發(fā)展前景。因此，短視頻網(wǎng)站的開發(fā)順應著現(xiàn)代網(wǎng)絡的潮流。1.3文章內(nèi)容概述基于HTML5的短視頻網(wǎng)站設計與開發(fā)的系統(tǒng)，首先需要明確列明網(wǎng)站所需的功能。列出清單之后，檢查與自己想要的有什么不一樣或者是遺漏的功能，隨后進行系統(tǒng)性分析，系統(tǒng)設計等，系統(tǒng)開發(fā)完后，進行系統(tǒng)測試優(yōu)化該短視頻網(wǎng)站信息管理。第一章：查找書籍資料，仔細說明系統(tǒng)的開發(fā)背景、系統(tǒng)研究目的和意義等。第二章：開發(fā)技術(shù)與環(huán)境，短視頻網(wǎng)站設計所用到的相關(guān)技術(shù)介紹。第三章：主要是針對系統(tǒng)需求分析中的各個相關(guān)功能需求進行分析設計，包括各個功能模塊的設計，以及對應不同功能模塊的數(shù)據(jù)庫表的設計，分析數(shù)據(jù)庫設計中的結(jié)構(gòu)設計。。第四章：主要是針對系統(tǒng)需求分析中的各個相關(guān)功能需求進行分析設計，包括各個功能模塊的設計，以及對應不同功能模塊的數(shù)據(jù)庫表的設計，分析數(shù)據(jù)庫設計中的結(jié)構(gòu)設計。第五章：介紹系統(tǒng)需求分析中的各種功能需求一一實現(xiàn)，達到需求分析中的運行效果。第六章：對系統(tǒng)測試進行詳細描述，介紹系統(tǒng)測試的基本理論和測試方法，并結(jié)合該系統(tǒng)的功能實現(xiàn)給出了各個功能點的詳細測試用例。第七章：是對整篇論文的總結(jié)以及開發(fā)過程中的收獲和心得。2系統(tǒng)需求分析2．1系統(tǒng)可行性分析2.1.1經(jīng)濟可行性初期短視頻網(wǎng)站網(wǎng)站的建設成本不高，隨著短視頻網(wǎng)站經(jīng)濟的蓬勃發(fā)展，未來電子視頻的大眾化普及程度的提升，短視頻網(wǎng)站市場即將和正在不斷壯大的商機是不容小覷的，而人工后期對于網(wǎng)站投入的維護成本相比與巨大的利潤相比是微不足道的，因此開發(fā)短視頻網(wǎng)站的可能很大。2.1.2技術(shù)可行性我國計算機行業(yè)發(fā)展日益迅速，電子支付的普及程度越來越高，關(guān)于網(wǎng)上支付的技術(shù)越來越發(fā)達，無論是硬件還是軟件方面開發(fā)電子商務網(wǎng)站都具有很強的可行性，且本人選擇的MySQL數(shù)據(jù)庫，數(shù)據(jù)安全性高，結(jié)合Java技術(shù)，打造一個可滿足大多數(shù)人需求的短視頻網(wǎng)站的技術(shù)可行性是很強的。2.1.3運行可行性基于HTML5的短視頻網(wǎng)站的設計系統(tǒng)界面一目了然，功能明確，用戶使用不存在任何操作上的問題。本系統(tǒng)不存在任何觸犯法律的地方，因此具有很強的法律可行性。系統(tǒng)編寫正常且完整，使用流暢無任何障礙，具有操作可行性。2．2系統(tǒng)功能分析本系統(tǒng)分為管理員和用戶兩個角色。用戶可以登錄網(wǎng)站首頁，瀏覽電影列表，查看電影預告與詳情，查看收錄的短視頻網(wǎng)站以及查看最新電影動態(tài)等；管理員負責系統(tǒng)的電影預告與詳情管理，網(wǎng)址信息的管理，友情鏈接的管理，收錄的電影管理以及最新電影動態(tài)的管理。2．3系統(tǒng)非功能分析2.3.1交互設計分析交互設計是以用戶為目標的設計，而第二用戶是所有交互設計中的最高優(yōu)先級，所有的設計都是以用戶為中心的，通過設計用戶的動作，交互設計師能讓用戶更加方便快捷的完成產(chǎn)品業(yè)務目標，讓用戶能夠擁有更好的體驗。2.3.2整體色調(diào)分析由于本人開發(fā)的是視頻播放系統(tǒng)，在系統(tǒng)開發(fā)的過程中應當重點關(guān)注整體色調(diào)是否統(tǒng)一，為顯示出簡潔大氣的特點，本網(wǎng)站背景主色調(diào)大都采用單一色彩作為背景，并擯棄掉雜亂無章的部分。2.3.3性能需求分析在準確性方面，輸入用戶名和密碼，密碼應當被隱藏。頁面與頁面之間的跳轉(zhuǎn)需要準確。系統(tǒng)處理時間不宜過長。系統(tǒng)界面應當簡潔明了，操作簡單。用戶輸入搜索詞時，就可以搜索到想要的信息。2.3.4安全性需求分析系統(tǒng)需要有較強的安全性來保證用戶和管理員信息的不被泄露，系統(tǒng)安全性的需求是一定要滿足的。3開發(fā)環(huán)境介紹本系統(tǒng)架構(gòu)為SpringBoot+SpringMVC+Mybatis+Themeleaf+Jpa+html（ssm架構(gòu)）；數(shù)據(jù)庫：Mysql；開發(fā)語言：HTML5前臺使用bootstrap框架。本系統(tǒng)的特點：在啟動項目時，能夠自動建庫、建表、建字段，若需要在對象中添加新的屬性，則添加字段即可，數(shù)據(jù)表會自動新增字段。3．1MySQL數(shù)據(jù)庫介紹MySQL是一款安全、跨平臺、高效的，并與PHP、Java等主流編程語言緊密結(jié)合的數(shù)據(jù)庫系統(tǒng)。該數(shù)據(jù)庫系統(tǒng)是由瑞典的MySQLAB公司開發(fā)、發(fā)布并支持，由MySQL的初始開發(fā)人員DavidAxmark和MichaelMontyWidenius于1995年建立的。MySQL被廣泛地應用在中小型網(wǎng)站。因為其擁有體積小、速度快、總體擁有成本低、開放源碼的特點，尤其是開放源碼這一特點，使得眾多公司選擇MySQL數(shù)據(jù)庫以降低成本。MySQL具備以下特點：功能強大、支持跨平臺、運行速度快、支持面向?qū)ο?、安全性高、成本低、支持各種開發(fā)語言、數(shù)據(jù)庫存儲量大、支持強大的內(nèi)置函數(shù)。3．2SpringBoot介紹SpringBoot基于4.0的設計，擁有原版框架所具有的突出特點。同時它還集合了許多其他的框架。結(jié)合這些框架，在實現(xiàn)原有功能的基礎(chǔ)上完善了因依賴包的版本不一致所導致的矛盾，同時還處理了使用操作不穩(wěn)定等故障。其運行容易，并且內(nèi)置tomcat，因此不用再額外地配置tomcat便可啟動項目。3．3HTML5介紹該語言具有標識作用。許多標簽存在于該語言內(nèi)，并且這些標簽具有至關(guān)重要的作用?，F(xiàn)如今存在各式各樣的文檔格式，該工具能夠?qū)⑦@些不同的格式保持一致。此外，該語言還具有將散開的資源凝聚成一個更具邏輯性的整體的能力。在開發(fā)網(wǎng)頁時，大多數(shù)情況下都會依靠HTML命令對動態(tài)文件，音樂，文檔等內(nèi)容來進行描述。3．4BootStrap介紹Bootstrap被用來開發(fā)前端，擁有著精簡、強大等優(yōu)異的特點。具有快速地建立網(wǎng)頁的功能。在國內(nèi)，許多程序員在開發(fā)網(wǎng)站時所用到的框架，都是在Bootstrap源碼的基礎(chǔ)上將其功能方面進行了改良。4在線短視頻網(wǎng)站模型4．1在線短視頻網(wǎng)站程序流程短視頻網(wǎng)站的流程圖，如圖1所示。首先，打開系統(tǒng)的主界面，并進行登錄；如果用戶已有賬號可直接登錄，并進行相關(guān)的操作；如果沒有賬號，就注冊并登錄；倘若是管理員登錄該系統(tǒng)，則進入相對應的系統(tǒng)界面，接下來就可以進行相關(guān)的操作。圖1短視頻網(wǎng)站的程序流程圖4．2視頻網(wǎng)站的數(shù)據(jù)庫設計4.2.1數(shù)據(jù)庫表的概念結(jié)構(gòu)設計在整個系統(tǒng)設計的過程當中，最關(guān)鍵的便是數(shù)據(jù)庫的結(jié)構(gòu)設計。它關(guān)系著程序最終是否能夠達到用戶滿意的結(jié)果。由于此系統(tǒng)總體上分為用戶端和管理員端兩大模塊，且這兩大模塊有公用的數(shù)據(jù)。出于增加系統(tǒng)的運行速度的目的，同時也要確保用戶在操縱時數(shù)據(jù)的安全和完整。該系統(tǒng)所設想的系統(tǒng)數(shù)據(jù)庫表，主要包括以下五個實體：視頻、評論、用戶、評論以及社區(qū)，每一個實體都表示數(shù)據(jù)庫里的一個表，表與表之間都是有關(guān)系的，因此實體之間也是有關(guān)系的。4.2.2數(shù)據(jù)庫表的邏輯結(jié)構(gòu)設計在整個系統(tǒng)設計的過程當中，最關(guān)鍵的便是數(shù)據(jù)庫的結(jié)構(gòu)設計。它關(guān)系著程序最終是否能夠達到用戶滿意的結(jié)果。該系統(tǒng)利用了MySQL來存儲用戶，視頻，評論以及管理員的信息。由于其體積小、速度快、總擁有成本低，為了降低網(wǎng)站的總擁有成本，本系統(tǒng)選擇MySQL作為網(wǎng)站數(shù)據(jù)庫，表的具體設計如表1~表4所示。表1用戶信息表字段名字段描述字段類型長度userName用戶名varchar255password密碼varchar 255lastLoginTime上次登陸時間datetimesex性別varchar 255email郵箱varchar 255love愛好varchar 255sign個簽varchar 255image頭像varchar 255表2管理員的信息表字段名字段描述字段類型長度adminName用戶名varchar255password密碼varchar 255lastLoginTime上次登陸時間datetime表3評論人信息表字段名字段描述字段類型長度userName評論人varchar 255userId評論人IDlong20image評論人頭像varchar 255commentName標題/音樂名varchar 255commentIdIDlong20commentContent內(nèi)容varchar 255type評論類型varchar 255表4視頻的信息表字段名字段描述字段類型長度musicName標題名varchar 255image視頻封面varchar 255path視頻路徑varchar 255musicStyle視頻風格varchar 255thumbsNumber點贊數(shù)int10fxdate發(fā)行日期varchar 255musicLry描述varchar 255thumbsUserName點贊用戶idvarchar 2555在線視頻點播實現(xiàn)5.1管理員登陸后對用戶進行管理部分功能代碼如下：packagecom.base.action.manage；importcom.base.config.Global；importcom.github.pagehelper.PageInfo；importjava.util.Arrays；/***CreatedbyAdministratoron2021/9/10.*/publicclassUseControl{@AutowiredprivateUseServiceuseService;@GetMapping(value="/add")publicModelViewadd(ModelViewmv,Stringid){mv.addObject("obj",newUse())；mv.setnewName(Global.manager+"useAdd")；if(id!=null){//編輯Useobj=this.useService.getOne(Long.parseLong(id))；mv.addObject("obj",obj)；}returnmv；}@PostMapping(value="/save")publicModelViewsave(ModelViewmv,Useuse,@RequestParam("imgfile")MultipartFileimgfile){ if(!imgfile.isEmpty()){ StringimagePath=CommUtil.uploadFile(imgfile)； user.setImage(imagePath)； } this.useService.save(use)；StringreturnUrl="/manage/use/List"；mv.setnewName("redirect:/success?url="+returnUrl)；returnmv；}@GetMapping(value="/delete")publicModelViewdelete(Stringids,ModelViewmv){Arrays.asList(ids).stream().forEach((item)->{if(!StringUtils.isEmpty(item))this.userService.delete(Long.parseLong(item))；})；StringreturnUrl="/manager/user/pageList"；mv.setViewName("redirect:/success?url="+returnUrl)；returnmv；}@GetMapping(value="/pageList")publicModelViewList(ModelViewmv,StringcurrentPage,Useruser){mv.setnewName(Global.manage+"useList")；PageInfopageInfo=this.userService.pageList(currentPage,use)；mv.addObject("pageInfo",pageInfo)；returnmv；}/***查看詳情**@parammv*@paramid*@return*/@GetMapping(value="/detail")publicModelViewdetail(ModelViewmv,Stringid){StringreturnUrl="/manage/use/List"；mv.setnewName("redirect:/error?url="+returnUrl+"&msg="CommUtil.encodeUtf8("數(shù)據(jù)不存在"))；if(id==null){returnmv；}Userobj=this.userService.getOne(Long.parseLong(id))；if(obj==null){returnmv；}mv.setViewName(Global.manager+"userDetail")；mv.addObject("obj",obj)；returnmv；}}5.2用戶功能模塊的實現(xiàn)根據(jù)對現(xiàn)實中部分用戶的基本需求分析，本系統(tǒng)總體上分為用戶端和管理員端兩部分，用戶使用用戶端實現(xiàn)歌曲瀏覽、下載和點贊，管理者使用管理員端進行歌曲的上傳。5.2.1系統(tǒng)主頁面用戶瀏覽的視頻播放器主界面如圖2所示：圖2系統(tǒng)主界面此頁面的服務對象是所有瀏覽該頁面的用戶，因此當用戶瀏覽該頁面時，無需注冊登錄，只需跟隨自己的喜好進行瀏覽，為了提高用戶的使用率，增加潛在用戶，此系統(tǒng)主頁面免費模塊的視頻可以供所有用戶免費瀏覽觀看。5.2.2視頻詳情主界面用戶瀏覽的視頻詳情主界面如圖3所示：圖3視頻詳情主界面當用戶點擊視頻作品后，該系統(tǒng)即可進入對應視頻的概況頁面，用戶可在該頁面觀看視頻、下載視頻、評論視頻以及點贊該視頻。為了保護已注冊系統(tǒng)的用戶的利益，系統(tǒng)的視頻談論、下載視頻、點贊視頻和部分視頻觀看僅限已注冊系統(tǒng)的用戶使用。因此為了區(qū)分訪問者和系統(tǒng)用戶，用戶在操作此頁面時需要登錄。為了增加使用該系統(tǒng)的用戶數(shù)量、提高訪問量，該系統(tǒng)為游客提供了注冊服務，當游客希望成為該網(wǎng)站的用戶時，只需點擊注冊按鈕輸入相應數(shù)據(jù)，即可完成注冊?？紤]到用戶的數(shù)量可能會非常龐大，為了便于用戶數(shù)據(jù)儲存與使用，系統(tǒng)對用戶的身份做了唯一標識，但為了方便用戶登錄該系統(tǒng)，因為用戶在注冊時需要注冊不同的用戶名，以便于系統(tǒng)對用戶進行標識。5.2.3管理員主界面管理員主界面如圖4所示：圖4管理員主界面管理員應當輸入準確的賬號以及密碼，才能成功地登錄管理的菜單頁面，之后便可以在該頁面的系統(tǒng)菜單里進行操作。管理員可在這個界面進行視頻詳細信息的輸入、查看用戶的評論是否合理、處理用戶的具體消息及其個人賬號的處理。當管理員輸入的管理員名和密碼錯誤時，則管理員需重新輸入，直到頁面顯示登錄成功為止。由于管理員端的主要操作為視頻詳細信息的輸入和用戶評論信息的查看兩部分，因為其余的設計也較為簡單。5.2.4視頻詳細信息輸入界面管理員在管理員端主頁面，點擊視頻添加按鈕，即可進入視頻詳細信息輸入主界面，具體頁面如圖5所示：圖5視頻詳細信息輸入界面在這個頁面上管理員需輸入具體的視頻信息，待所有的視頻信息輸入完成后，管理員通過點擊提交按鈕即可完成對應視頻信息的發(fā)布，待數(shù)據(jù)存入數(shù)據(jù)庫中后，用戶可在此系統(tǒng)的主頁面上瀏覽到該視頻的信息，若用戶喜歡該視頻，通過點擊該視頻進入詳情頁面，觀看管理員最新上傳的視頻。管理員可以通過點擊視頻列表按鈕，進入視頻列表頁面，查看剛剛發(fā)布的視頻中的所有信息，為了方便管理員，系統(tǒng)在頁面中設計了視頻的刪除、修改功能，如果管理員對剛剛發(fā)布的視頻中的具體信息不滿意，單擊“修改”按鈕并進入“修改”頁面。5.2.5個人信息界面用戶在登錄后可以在個人信息頁面修改自己的用戶名，郵箱，密碼等。具體的頁面如圖6所示。圖6個人信息界面為了便于用戶進行注冊，用戶注冊時只需輸入用戶名、密碼、電話以及驗證碼，即可完成注冊。通過數(shù)據(jù)調(diào)查，很多用戶在注冊完成之后，會對自己的個人信息進行一定的修改，為了提高用戶對此程序的使用頻率，該系統(tǒng)在總體設計時，也設計了同樣的功能模塊。5.2.6用戶端評論管理界面用戶在對應的視頻頁面下，發(fā)布完所編輯的評論后，若無不當評論，即可在評論管理界面看到自己發(fā)布的所有評論，具體的頁面如圖7所示。圖7用戶端評論管理界面為了方便用戶對所觀看的視頻進行評論，具體的評論框表設計在視頻的下端，用戶只需在評論框中輸入自己想要評論的信息后，只需點擊提交按鈕，即可發(fā)布完成。由于此系統(tǒng)并未在整體編寫的代碼中編寫，自動識別不合語義的評論并顯示輸入不合法語言，因此用戶的評論是否符合當前網(wǎng)絡環(huán)境規(guī)范，均需管理員對其進行查看，待管理員查看完畢，用戶的評論無不當，即可顯示在視頻詳情頁面之中。6系統(tǒng)測試5.1管理員登陸后對用戶進行管理一是保證系統(tǒng)質(zhì)量。系統(tǒng)測試最主要的目的就是保證系統(tǒng)的總體質(zhì)量，確保用戶的各種需求功能可以正常使用，盡可能避免在用戶使用高峰期時，出現(xiàn)服務器被突然擠爆，用戶不能正常使用系統(tǒng)的情況。二是確保系統(tǒng)安全。無論用戶如何進行操作，外界如何攻擊該系統(tǒng)，都要確保該系統(tǒng)的所有用戶信息不會被非法盜取。為了提高數(shù)據(jù)的安全性，系統(tǒng)還對部分數(shù)據(jù)進行了加密。三是為了降低系統(tǒng)的開發(fā)成本。提高用戶的使用效率，增加使用該系統(tǒng)的用戶數(shù)量，此系統(tǒng)目前的所有視頻供所有用戶和游客觀看。為了降低開發(fā)的成本，主要是穿插一些小廣告在用戶瀏覽的所有頁面之中。5.2系統(tǒng)的具體測試此系統(tǒng)以實用性為主要點，功能設計簡單明了，便于目前瀏覽網(wǎng)頁觀看視頻的各種年齡段用戶進行使用和操作。由于整體設計簡潔，功能模塊劃分明確，因此目前設計的所有功能均已通過單元測試，出現(xiàn)的軟件和硬件錯誤較少，為了盡可能的減少軟件運行時出錯的機會，本文對此系統(tǒng)做了一定的測試，以保證使用者的使用，基本的測試流程如下所示：（1）登錄注冊，對用戶登錄注冊和管理員登錄注冊的錯誤和正確性進行測試，檢查輸入的錯誤信息是否可以成功登錄或注冊。（2）通過輸入給定的IP網(wǎng)址進入系統(tǒng)首頁，查看主頁面的菜單欄信息是否顯示成功，用戶注冊與登錄按鈕是否可以點擊成功，視頻概況頁面是否可以打開。（3）視頻詳情頁面，隨意輸入評論信息點擊提交按鈕查看是否可以發(fā)布成功；點擊點贊按鈕是否可以點贊成功；點擊下載按鈕，視頻是否能下載成功。（4）評論界面，用戶評論后，管理員端、用戶端以及瀏覽器頁面上是否能夠查看到具體的評論信息。（5）個人信息界面，用戶登錄用戶端的頁面后，是否可以查看到自己輸入的個人具體信息。（6）視頻詳細信息輸入主界面，管理員在視頻詳細信息輸入主界面輸入具體的視頻信息后，用戶是否可以在主頁面查看到具體的視頻信息。根據(jù)上述測試流程圖，在系統(tǒng)管理員和用戶的系統(tǒng)都正確啟動的情況下，本文根據(jù)現(xiàn)實情況設置了一定的測試用例，具體的測試用例如下：在線短視頻網(wǎng)站等價類劃分如下表5所示：表5視頻網(wǎng)站的等價類劃分輸入條件有效等價類無效等價類用戶輸入對應的賬戶和密碼用戶名和密碼正確（1）用戶名和密碼錯誤（2）管理員輸入對應的賬戶和密碼用戶名和密碼正確（3）用戶名和密碼錯誤（4）管理員對視頻信息的提交填入數(shù)據(jù)有效（5）填入數(shù)據(jù)無效（6）用戶對評論信息的提交填入數(shù)據(jù)有效（7）填入數(shù)據(jù)無效（8）用戶對視頻的點贊點贊成功（9）點贊失?。?0）用戶對視頻的下載下載成功（11）下載失?。?2）管理員對視頻的刪除刪除成功（13）刪除失敗（14）用戶主動點擊退出按鈕退出有效（15）無管理員主動點擊退出按鈕退出有效（16）無分別使用管理員賬戶和用戶賬戶登錄成功后，進入視頻網(wǎng)站系統(tǒng)，對登錄后的界面進行功能測試，具體的測試用例如下表6所示：表6界面功能測試用例功能名稱操作的目標信息用例覆蓋等價類界面提示操作結(jié)果測試結(jié)果登錄（用戶名who）密碼：1234567890（1）登錄成功登錄成功通過登錄（用戶who）密碼：123456（2）登錄失敗，賬號或密碼錯誤登錄失敗通過登錄（管理員admin）密碼：1234567890（3）頁面跳轉(zhuǎn)，進入主頁登錄成功通過登錄（管理員admin）密碼：xxxxxxx（4）登錄失敗，賬號或密碼錯誤登錄失敗通過添加視頻信息添加正確用戶信息（5）提交成功增加成功通過添加視頻信息不輸入任何信息，并點擊提交按鈕（6）提交失敗增加失敗通過添加評論信息添加正確垃圾信息（7）提交成功增加成功通過添加評論信息不輸入任何信息，并點擊提交按鈕（8）提交失敗增加失敗通過點贊點擊點贊按鈕（9）點贊數(shù)量加一點贊成功通過點贊點擊點贊按鈕（10）點贊數(shù)量不變點贊失敗通過下載視頻點擊下載按鈕（11）有下載顯示下載成功通過下載視頻點擊下載按鈕（12）無下載顯示下載失敗